:root{--thim-body-primary-color:#ca4a3f;--thim-body-secondary-color:#565656;--thim-button-text-color:#ffffff;--thim-button-hover-color:#232323;--thim-border-color:#e5e5e5;--thim-placeholder-color:#999;--top-info-course-background_color:#273044;--top-info-course-text_color:#fff;--thim-footer-font-title-variant:regular;--thim-footer-font-title-font-size:20px;--thim-footer-font-title-line-height:40px;--thim-footer-font-title-text-transform:none;--thim-top-heading-title-align:left;--thim-top-heading-title-font-size-desktop:40px;--thim-top-heading-title-font-size-mobile:32px;--thim-top-heading-title-font-text-transform:none;--thim-top-heading-title-font-weight:600;--thim-top-heading-padding-top:24px;--thim-top-heading-padding-bottom:0;--thim-top-heading-padding-top-mobile:12px;--thim-top-heading-padding-bottom-mobile:0;--thim-breacrumb-font-size:16px;--thim-breacrumb-color:#525252;--thim-breacrumb-bg-color:#ffffff;--thim-breacrumb-border-color:#ffffff;--thim-course-price-color:#4351e8;--thim-width-logo:141px;--thim-bg-color-toolbar:#222222;--thim-text-color-toolbar:#ababab;--thim-link-color-toolbar:#ababab;--thim-link-hover-color-toolbar:#ffb606;--thim-toolbar-variant:regular;--thim-toolbar-font-size:13px;--thim-toolbar-line-height:1.4em;--thim-toolbar-text-transform:none;--thim-toolbar-border-type:solid;--thim-toolbar-border-size:1px;--thim-link-color-toolbar-border-button:rgba(255,255,255,0.2);--thim-bg-main-menu-color:#000000;--thim-main-menu-variant:regular;--thim-main-menu-font-size:14px;--thim-main-menu-line-height:1.3em;--thim-main-menu-text-transform:uppercase;--thim-main-menu-font-weight:500;--thim-main-menu-text-color:#ffffff;--thim_main_menu_text_color_rgb:255,255,255;--thim-main-menu-text-hover-color:#ffffff;--thim-sticky-bg-main-menu-color:#ffffff;--thim-sticky-main-menu-text-color:#333333;--thim_sticky_main_menu_text_color_rgb:51,51,51;--thim-sticky-main-menu-text-hover-color:#000000;--thim-sub-menu-bg-color:#ffffff;--thim-sub-menu-border-color:rgba(43,43,43,0);--thim-sub-menu-text-color:#000000;--thim-sub-menu-text-color-hover:#ffb606;--thim-bg-mobile-menu-color:#ffffff;--thim-mobile-menu-text-color:#333333;--thim_mobile_menu_text_color_rgb:51,51,51;--thim-mobile-menu-text-hover-color:#ffb606;--thim-bg-switch-layout-style:#f5f5f5;--thim-padding-switch-layout-style:10px;--thim-font-body-font-family:Montserrat;--thim-font-body-variant:regular;--thim-font-body-font-size:16px;--thim-font-body-line-height:1.7em;--thim-font-body-color:#525252;--thim-font-title-font-family:Rubik;--thim-font-title-color:#171717;--thim-font-title-variant:500;--thim-font-h1-font-size:48px;--thim-font-h1-line-height:1.25em;--thim-font-h1-text-transform:none;--thim-font-h2-font-size:36px;--thim-font-h2-line-height:1.25em;--thim-font-h2-text-transform:none;--thim-font-h3-font-size:30px;--thim-font-h3-line-height:1.25em;--thim-font-h3-text-transform:none;--thim-font-h4-font-size:24px;--thim-font-h4-line-height:1.25em;--thim-font-h4-text-transform:none;--thim-font-h4-variant:500;--thim-font-h5-font-size:20px;--thim-font-h5-line-height:1.25em;--thim-font-h5-text-transform:none;--thim-font-h5-variant:500;--thim-font-h6-font-size:16px;--thim-font-h6-line-height:1.25em;--thim-font-h6-text-transform:none;--thim-font-h6-variant:500;--thim-font-title-sidebar-font-size:20px;--thim-font-title-sidebar-line-height:1.4em;--thim-font-title-sidebar-text-transform:capitalize;--thim-font-button-variant:500;--thim-font-button-font-size:16px;--thim-font-button-line-height:1.5em;--thim-font-button-text-transform:capitalize;--thim-preload-style-background:#ffffff;--thim-preload-style-color:#356df1;--thim-footer-bg-color:#ffffff;--thim-footer-color-title:#000927;--thim-footer-color-text:#666666;--thim-footer-color-link:#666666;--thim-footer-color-hover:#ff7700;--thim-padding-content-pdtop-desktop:40px;--thim-padding-content-pdbottom-desktop:60px;--thim-padding-content-pdtop-mobile:20px;--thim-padding-content-pdbottom-mobile:40px;--thim-content-course-border:1;--thim-border-radius-item:10px;--thim-border-radius-item-big:20px;--thim-border-radius-button:48px;--thim-copyright-bg-color:#2c2c2c;--thim-copyright-text-color:#707070;--thim-copyright-border-color:rgba(255,255,255,0.1);--thim-bg-pattern:url("https://eduma.thimpress.com/demo-education-news/wp-content/themes/eduma/images/patterns/pattern1.png");--thim-bg-repeat:no-repeat;--thim-bg-position:center center;--thim-bg-attachment:inherit;--thim-bg-size:inherit;--thim-footer-bg-repeat:no-repeat;--thim-footer-bg-position:center center;--thim-footer-bg-size:inherit;--thim-footer-bg-attachment:inherit;--thim-body-bg-color:#fff;--nav-mobile-color-background:#ffffff;--nav-mobile-color-text:#333;--nav-mobile-color-hover:#ca4a3f;}
/** CSS Extral Customizer */
/* ======== SVIJETLO CRVENA TEMA ZA WOO DUGMAD ======== */
:root {
  --woo-red: #d62828;        /* svjetlija crvena – topla i živa */
  --woo-red-hover: #bb1f1f;  /* malo tamnija na hover */
  --woo-white: #ffffff;
}

/* === DODAJ U KORPU (single product) === */
.single_add_to_cart_button,
.single_add_to_cart_button.button.alt {
  background-color: var(--woo-red) !important;
  color: var(--woo-white) !important;
  border: 1px solid var(--woo-red) !important;
  border-radius: 4px;
  font-weight: 600;
  text-transform: none;
  transition: all 0.25s ease-in-out;
}
.single_add_to_cart_button:hover,
.single_add_to_cart_button:focus {
  background-color: var(--woo-red-hover) !important;
  border-color: var(--woo-red-hover) !important;
  color: var(--woo-white) !important;
}

/* === "VIDI KORPU" (poruka nakon dodavanja) === */
.woocommerce a.button.wc-forward,
.woocommerce-message .button.wc-forward {
  background-color: var(--woo-red) !important;
  border: 1px solid var(--woo-red) !important;
  color: var(--woo-white) !important;
  border-radius: 4px !important;
  font-weight: 600;
  transition: all 0.25s ease-in-out;
}
.woocommerce a.button.wc-forward:hover,
.woocommerce-message .button.wc-forward:hover {
  background-color: var(--woo-red-hover) !important;
  border-color: var(--woo-red-hover) !important;
}

/* === CART (checkout i povratak u shop) === */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .return-to-shop a.button {
  background-color: var(--woo-red) !important;
  color: var(--woo-white) !important;
  border: 1px solid var(--woo-red) !important;
  border-radius: 4px;
  font-weight: 600;
  transition: all 0.25s ease-in-out;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .return-to-shop a.button:hover {
  background-color: var(--woo-red-hover) !important;
  border-color: var(--woo-red-hover) !important;
}

/* === CHECKOUT (place order i ostala dugmad) === */
.woocommerce-checkout #place_order,
.woocommerce-checkout button.button.alt {
  background-color: var(--woo-red) !important;
  color: var(--woo-white) !important;
  border: 1px solid var(--woo-red) !important;
  border-radius: 4px;
  font-weight: 600;
  transition: all 0.25s ease-in-out;
}
.woocommerce-checkout #place_order:hover,
.woocommerce-checkout button.button.alt:hover {
  background-color: var(--woo-red-hover) !important;
  border-color: var(--woo-red-hover) !important;
}

/* === OPĆENITO: fallback za sve Woo button elemente === */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.wp-element-button {
  background-color: var(--woo-red) !important;
  color: var(--woo-white) !important;
  border: 1px solid var(--woo-red) !important;
  border-radius: 4px;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wp-element-button:hover {
  background-color: var(--woo-red-hover) !important;
  border-color: var(--woo-red-hover) !important;
}


.thim-ekit-dark-mode .thim-course-top form input[type=text] {
	 background-color: #222;
}
.thim-ekit-dark-mode .switch-layout-container .course-index {
	 color: #a3a3a3;
}
.course-extra-box__title {
		font-weight: var(--thim-font-title-variant);
}
.learnpress-v4 .quiz-status>div {
		border-radius: var(--thim-border-radius-item);
}
.quiz-status .countdown {
		color: #fff;
}
.learnpress-v4 .lp-single-course #popup-course #popup-content #learn-press-content-item .content-item-scrollable .lp-button.modal-button-cancel {
		background: transparent;
		color: var(--thim-body-primary-color);
		border: 1px solid var(--thim-body-primary-color);
		padding: 10px 15px;
}
.learnpress-v4 .lp-single-course #popup-course #popup-content #learn-press-content-item .content-item-scrollable .lp-button.modal-button-cancel:hover {
		background: var(--thim-button-hover-color);
		color: var(--thim-button-text-color);
		border-color: var(--thim-button-hover-color);
}
.lp-overlay .lp-modal-dialog .lp-modal-content .lp-modal-footer .lp-button {
		border-radius: var(--thim-border-radius-button);
}




/* === Wrapper: poravnaj i centriraj bez obzira gdje je render === */
.qa-pagination,
.elementor .elementor-pagination {            /* Elementor-ov wrapper */
  display: flex !important;
  justify-content: center !important;
  margin: 24px 0 12px !important;
}

/* === Traka sa brojevima (nosi klasiku .page-numbers) === */
.qa-pagination .page-numbers,
.elementor .elementor-pagination .page-numbers,
.page-numbers {                               /* fallback ako je bez wrappera */
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;                       /* razmak */
  align-items: center !important;
  justify-content: center !important;
}

/* === Stavke (link + span) – “pill” stil === */
.qa-pagination .page-numbers a,
.qa-pagination .page-numbers span,
.elementor .elementor-pagination .page-numbers a,
.elementor .elementor-pagination .page-numbers span,
.page-numbers a,
.page-numbers span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 12px !important;
  border-radius: 9999px !important;
  border: 1px solid #e5e7eb !important;
  background: #fff !important;
  color: #111 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  transition: background .18s ease, color .18s ease, border-color .18s ease !important;
}

/* Hover */
.qa-pagination .page-numbers a:hover,
.elementor .elementor-pagination .page-numbers a:hover,
.page-numbers a:hover {
  background: #f5f7fa !important;
  border-color: #d6dde6 !important;
}

/* Aktivna stranica */
.qa-pagination .page-numbers .current,
.elementor .elementor-pagination .page-numbers .current,
.page-numbers .current {
  background: #0370CB !important;
  border-color: #0370CB !important;
  color: #fff !important;
  font-weight: 600 !important;
}

/* Tačkice … */
.qa-pagination .page-numbers .dots,
.elementor .elementor-pagination .page-numbers .dots,
.page-numbers .dots {
  background: transparent !important;
  border: none !important;
  color: #666 !important;
  min-width: auto !important;
  padding: 0 4px !important;
}

/* Mobilno malo kompaktnije */
@media (max-width: 540px) {
  .qa-pagination,
  .elementor .elementor-pagination { margin: 16px 0 8px !important; }
  .qa-pagination .page-numbers a,
  .qa-pagination .page-numbers span,
  .elementor .elementor-pagination .page-numbers a,
  .elementor .elementor-pagination .page-numbers span,
  .page-numbers a,
  .page-numbers span {
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 10px !important;
    font-size: 14px !important;
  }
  .qa-pagination .page-numbers,
  .elementor .elementor-pagination .page-numbers,
  .page-numbers { gap: 8px !important; }
}

/* Uskladi cursor i ukloni default marker */
.rec-acc .e-n-accordion .e-n-accordion-item > summary.e-n-accordion-item-title {
  list-style: none !important;
  cursor: pointer !important;
}

/* Hover crveno za dugme "Detalji" */
.rec-orders-table .button:hover {
    background: #b63931 !important;
    border-color: #b63931 !important;
    color: #ffffff !important;
}

/* Link "Otvori punu listu narudžbi" – stil i hover */
.rec-dashboard-content a {
    color: #ca4a3f;
    font-weight: 500;
    text-decoration: none;
}

.rec-dashboard-content a:hover {
    color: #b63931; /* tamnija crvena na hover */
}














/* ====== REC Dashboard – osnovni layout ====== */

.rec-dashboard {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 16px;
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 30px;
}

.rec-dashboard-sidebar {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
    padding: 20px;
}

.rec-dashboard-content {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
    padding: 24px 28px;
}

.rec-dashboard-user {
    text-align: center;
    margin-bottom: 20px;
}

.rec-dashboard-user img {
    border-radius: 50%;
    margin-bottom: 10px;
}

.rec-dashboard-user h2 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

/* ====== Meni u sidebaru ====== */

.rec-dashboard-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rec-dashboard-menu li {
    margin-bottom: 6px;
}

.rec-dashboard-menu a {
    display: block;
    padding: 10px 14px;
    border-radius: 10px;
    text-decoration: none;
    color: #111827;
    font-weight: 500;
    font-size: 14px;
}

/* Aktivni i hover — CRVENA (#ca4a3f) */

.rec-dashboard-menu li.is-active a,
.rec-dashboard-menu a:hover {
    background: #ca4a3f;
    color: #ffffff !important;
}


/* ====== Tabovi (desni dio) ====== */

.rec-tab {
    display: none;
}

.rec-tab.active {
    display: block;
}

/* ====== Tabela narudžbi unutar dashboarda ====== */

.rec-orders-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.rec-orders-table th,
.rec-orders-table td {
    padding: 10px 12px;
    border-bottom: 1px solid #e5e7eb;
    text-align: left;
}

.rec-orders-table th {
    background: #f3f4f6;
    font-weight: 600;
}

.rec-orders-table tr:hover {
    background: #f9fafb;
}

.rec-orders-table .button {
    padding: 6px 10px;
    font-size: 13px;
    border-radius: 6px;
}

/* ====== Kartice pretplata (ako ih koristiš) ====== */

.rec-sub-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.rec-sub-card {
    background: #f9fafb;
    border-radius: 14px;
    border: 1px solid #e5e7eb;
    padding: 16px 18px;
}

.rec-sub-card h2 {
    font-size: 16px;
    margin: 0 0 6px;
}

.rec-sub-type {
    font-size: 13px;
    color: #6b7280;
    margin: 0 0 8px;
}

.rec-sub-expires {
    font-size: 13px;
    margin: 0 0 12px;
}

.rec-sub-btn {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 999px;
    background: #ca4a3f;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

.rec-sub-btn:hover {
    background: #b63931;
}

/* ====================================================
   RESPONSIVE – TABLET
   ==================================================== */

@media (max-width: 992px) {
    .rec-dashboard {
        grid-template-columns: 220px 1fr;
        gap: 20px;
    }

    .rec-dashboard-content {
        padding: 20px 22px;
    }
}

/* ====================================================
   RESPONSIVE – MOBITEL (<= 768px)
   ==================================================== */

@media (max-width: 768px) {

    .rec-dashboard {
        grid-template-columns: 1fr;
        gap: 16px;
        margin: 20px auto;
    }

    .rec-dashboard-sidebar,
    .rec-dashboard-content {
        padding: 16px;
        border-radius: 14px;
    }

    /* Avatar + ime u jednom redu */
    .rec-dashboard-user {
        display: flex;
        align-items: center;
        text-align: left;
        gap: 12px;
        margin-bottom: 16px;
    }

    .rec-dashboard-user img {
        margin-bottom: 0;
        width: 56px;
        height: 56px;
    }

    .rec-dashboard-user h2 {
        font-size: 17px;
    }

    /* MENI – VERTIKALNO, JEDAN ISPOD DRUGOG */
    .rec-dashboard-menu {
        display: block;
        overflow: visible;
        margin: 0;
        padding-bottom: 0;
    }

    .rec-dashboard-menu li {
        margin-bottom: 6px;
    }

    .rec-dashboard-menu a {
        font-size: 14px;
        padding: 9px 14px;
        border-radius: 10px;
        white-space: normal;
    }

    /* Naslov taba */
    .rec-dashboard-content h1 {
        font-size: 22px;
        margin-bottom: 14px;
    }

    /* ====== NARUDŽBE – tabela u kartice ====== */

    .rec-orders-table {
        border: 0;
        font-size: 13px;
    }

    .rec-orders-table thead {
        display: none;
    }

    .rec-orders-table,
    .rec-orders-table tbody,
    .rec-orders-table tr,
    .rec-orders-table td {
        display: block;
        width: 100%;
    }

    .rec-orders-table tr {
        margin-bottom: 16px;
        padding: 10px 12px;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        background: #f9fafb;
    }

    .rec-orders-table td {
        border-bottom: 0;
        padding: 4px 0;
    }

    .rec-orders-table td:last-child {
        margin-top: 6px;
    }

    /* Labela iznad svake vrijednosti */
    .rec-orders-table td:nth-child(1)::before {
        content: "Broj narudžbe: ";
        font-weight: 600;
        display: inline-block;
        margin-right: 4px;
    }

    .rec-orders-table td:nth-child(2)::before {
        content: "Datum: ";
        font-weight: 600;
        display: inline-block;
        margin-right: 4px;
    }

    .rec-orders-table td:nth-child(3)::before {
        content: "Status: ";
        font-weight: 600;
        display: inline-block;
        margin-right: 4px;
    }

    .rec-orders-table td:nth-child(4)::before {
        content: "Iznos: ";
        font-weight: 600;
        display: inline-block;
        margin-right: 4px;
    }

    .rec-orders-table .button {
        display: inline-block;
        width: auto;
        font-size: 13px;
    }
}







/* === MOJE PRETPLATE – GRID === */
.rec-subscription-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
}

@media (min-width: 992px) {
    .rec-subscription-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }
}

/* kartica */
.rec-sub-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    border-radius: 16px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
}

/* aktivne vs neaktivne */
.rec-sub-card.is-active {
    background: #ffffff;
}

.rec-sub-card.is-inactive {
    background: #f7f7f7;
    border-style: dashed;
}

/* lijevi dio */
.rec-sub-main {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.rec-sub-title-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

.rec-sub-main h2 {
    font-size: 18px;
    margin: 0;
}

/* thumbnail portala */
.rec-sub-avatar img {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    object-fit: cover;
}

/* statusi */
.rec-sub-status {
    display: inline-block;
    font-size: 13px;
    padding: 3px 10px;
    border-radius: 999px;
    background: #f3f3f3;
    color: #555;
}

.rec-sub-status-active {
    background: #e9f5ee;
    color: #1f7a43;
}

.rec-sub-status-inactive {
    background: #eeeeee;
    color: #777;
}

/* tekst trajanja pretplate */
.rec-sub-valid-until {
    font-size: 13px;
    color: #777;
    margin: 0;
}

/* dugmad */
.rec-sub-actions {
    flex-shrink: 0;
}

.rec-sub-btn {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid transparent;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}

/* primarno – crveno "Pristupi portalu" */
.rec-sub-btn-primary {
    background: #ca4a3f;
    color: #fff;
    border-color: #ca4a3f;
}

.rec-sub-btn-primary:hover {
    background: #b23c32;
    border-color: #b23c32;
    color: #fff;
}

/* ghost – sivi "Pretplati se" */
.rec-sub-btn-ghost {
    background: #ffffff;
    color: #333;
    border-color: #dadada;
}

.rec-sub-btn-ghost:hover {
    background: #f1f1f1;
}

/* mobile layout */
@media (max-width: 767px) {
    .rec-sub-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .rec-sub-actions {
        width: 100%;
    }

    .rec-sub-actions .rec-sub-btn {
        width: 100%;
        text-align: center;
    }
}

/* divider između aktivnih i neaktivnih */
.rec-sub-divider {
    margin: 24px 0 8px;
    border: 0;
    border-top: 1px solid #e3e3e3;
}

.rec-sub-divider-label {
    font-size: 14px;
    font-weight: 600;
    color: #555;
    margin-bottom: 12px;
}



/* popravi prikaz teksta na dugmetu */
.rec-sub-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-indent: 0 !important;
    line-height: 1.2;
}

.rec-sub-btn-primary {
    color: #fff !important;
}


.rec-tab {
    display: none;
}

.rec-tab.is-active {
    display: block;
}



/* Wrapper za formu */
.cf7-rec {
    max-width: 900px;
    margin: 0 auto;
}

/* Label */
.cf7-rec label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
}

/* Sva polja: text, email, textarea, select */
.cf7-rec input[type="text"],
.cf7-rec input[type="email"],
.cf7-rec textarea,
.cf7-rec select {
    width: 100%;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid #e5e5e5;   /* samo fina siva linija */
    box-shadow: none;            /* ništa okolo */
    outline: none;               /* ukini plavi outline */
    font-size: 15px;
    transition: border-color .2s ease, box-shadow .2s ease;
    background-color: #fff;
}

/* Select – ukloni browser styling (strelica ostaje) */
.cf7-rec select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Fokus – samo crvena kao na ostatku sajta */
.cf7-rec input[type="text"]:focus,
.cf7-rec input[type="email"]:focus,
.cf7-rec textarea:focus,
.cf7-rec select:focus {
    border-color: #ca4a3f;
    box-shadow: 0 0 0 3px rgba(202, 74, 63, 0.18); /* blagi glow, bez drugog okvira */
}

/* Placeholder stil */
.cf7-rec ::placeholder {
    color: #9b9b9b;
}

/* Redovi poredani */
.cf7-rec p {
    margin-bottom: 20px;
}

/* Dva pola u redu (Ime/Email) */
.cf7-rec .d-flex {
    display: flex;
    gap: 16px;
}
.cf7-rec .d-flex p {
    flex: 1;
    margin-bottom: 20px;
}

/* Dugme */
.cf7-rec input[type="submit"] {
    display: inline-block;
    padding: 12px 28px;
    border-radius: 999px;
    border: none;
    background: #ca4a3f;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    transition: background .2s ease, transform .1s ease, box-shadow .1s ease;
}
.cf7-rec input[type="submit"]:hover {
    background: #b13d34;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.12);
}
.cf7-rec input[type="submit"]:active {
    transform: translateY(0);
    box-shadow: none;
}

/* Responsivno – ispod 768px polja idu jedno ispod drugog */
@media (max-width: 767px) {
    .cf7-rec .d-flex {
        flex-direction: column;
        gap: 0;
    }
}


/* RESET ZA SELECT - vrati potpuno normalan izgled */
.cf7-rec select {
    border: 1px solid #e5e5e5 !important;  /* samo fina siva (kao inputi) */
    box-shadow: none !important;
    outline: none !important;
    background: #fff !important;
    appearance: auto !important;  /* vrati browserov default izgled */
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
}

/* Uklanjanje svih fokus efekata */
.cf7-rec select:focus {
    border: 1px solid #e5e5e5 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Ujednači sa drugim poljima */
.cf7-rec input,
.cf7-rec textarea {
    border: 1px solid #e5e5e5 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Ukini CF7 error border i za select i za ostala polja */
.cf7-rec .wpcf7-not-valid {
    border-color: #e5e5e5 !important;
    box-shadow: none !important;
}


#thim-form-login .button-primary {
    background: #ca4a3f !important;
    border-color: #ca4a3f !important;
}

/* Resetiraj lozinku – crveni REC button */
.thim-login .button-primary,
.thim-login input.button-primary,
#thim-form-login .button-primary,
#lostpasswordform .button-primary,
.button-primary {
    background-color: #ca4a3f !important;
    border-color: #ca4a3f !important;
    color: #fff !important;
}

/* Hover efekat */
.thim-login .button-primary:hover,
#lostpasswordform .button-primary:hover {
    background-color: #b73d34 !important; /* malo tamnija crvena */
    border-color: #b73d34 !important;
}



/* Samo IKONE u user dropdown meniju u REC crvenu */
ul.user-info li a i {
    color: #ca4a3f !important;
    font-size: 18px;
    margin-right: 6px;
    position: relative;
    top: 1px;
}

/* Tekst ostaje crni */
ul.user-info li a {
    color: #000 !important;
}









/* Sažetak jedne narudžbe u dashboardu */
.rec-order-summary {
    margin-bottom: 30px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #eee;
}

/* svaki red (Datum, Status, Ukupan iznos) */
.rec-order-summary-row {
    display: grid;
    grid-template-columns: 1fr 2fr;
    border-bottom: 1px solid #eee;
    background: #fafafa;
}

.rec-order-summary-row:last-child {
    border-bottom: none;
}

.rec-order-summary-label {
    padding: 12px 16px;
    font-weight: 600;
    background: #f1f1f1;
}

.rec-order-summary-value {
    padding: 12px 16px;
}

/* mobile – label iznad vrijednosti */
@media (max-width: 768px) {
    .rec-order-summary-row {
        grid-template-columns: 1fr;
    }

    .rec-order-summary-label {
        border-bottom: 1px solid #eee;
    }
}




/* BLOKOVI UMJESTO TABELA */
.rec-order-summary {
    margin-bottom: 30px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #ededed;
    background: #fff;
}

.rec-order-summary-row {
    display: grid;
    grid-template-columns: 180px 1fr;
    border-bottom: 1px solid #eee;
}

.rec-order-summary-row:last-child {
    border-bottom: none;
}

.rec-order-summary-label {
    padding: 12px 16px;
    font-weight: 600;
    background: #f7f7f7;
}

.rec-order-summary-value {
    padding: 12px 16px;
}

/* MOBILNI PRIKAZ */
@media (max-width: 768px) {

    .rec-order-summary-row {
        grid-template-columns: 1fr;
    }

    .rec-order-summary-label {
        border-bottom: 1px solid #eee;
        background: #fafafa;
    }
}


/* CF7 – širi SELECT */


.cf7-rec select {
    padding: 12px 14px !important;
    border-radius: 8px !important;
}


/* CF7 POSTAVI PITANJE PORAVNANJE */
.wpcf7-acceptance .wpcf7-list-item {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
}


.has-jn-subscription #nepretplatnik-tab {
    display: none !important;
}

body:not(.has-jn-subscription) #nepretplatnik-tab {
    display: block !important;
}


/* ===========================
   REC SEARCH – WRAPPER
   =========================== */

.rec-search-wrapper {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 32px 0;
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0 18px 40px rgba(15,23,42,0.08);
    padding: 24px 32px 28px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* ===========================
   GORNJI SEARCH BOX
   =========================== */

.rec-search-box {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

#rec-search-input {
    flex: 1;
    border-radius: 999px;
    border: 1px solid #e5e7eb !important;
    padding: 11px 20px;
    font-size: 15px;
    background: #f9fafb;
}

#rec-search-input:focus {
    background: #ffffff;
    border-color: #ca4a3f !important;
    box-shadow: 0 0 0 1px rgba(202,74,63,0.25);
}

#rec-search-btn {
    border-radius: 999px;
    border: none;
    padding: 11px 24px;
    font-size: 15px;
    cursor: pointer;
    background: #ca4a3f;
    color: #ffffff;
    font-weight: 600;
}

/* ===========================
   FILTER LABEL
   =========================== */

.rec-search-filters-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #9ca3af;
    margin-bottom: 8px;
}

/* ===========================
   FILTER ČIPOVI
   =========================== */

.rec-filter-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    padding: 10px 18px !important;
    margin: 0 6px 6px 0 !important;

    background: #ffffff !important;     /* sada default bijelo */
    border: 1px solid #e5e7eb !important;
    border-radius: 999px !important;

    font-size: 14px !important;
    color: #111827 !important;
    cursor: pointer !important;

    transition: background 0.15s ease, border 0.15s ease;
}

/* Veće ikonice (22px) – ali bez razbijanja čipa */
.rec-filter-btn img {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
    display: block !important;
}

/* Hover = blaga siva */
.rec-filter-btn:hover {
    background: #f3f4f6 !important;
    border-color: #d1d5db !important;
}

/* Active = tamnija siva */
.rec-filter-btn.is-active {
    background: #e5e7eb !important;
    border-color: #cbd5e1 !important;
}

/* Tekst */
.rec-filter-text {
    color: #111827 !important;
}

/* Uklonimo plavo na focus/active */
.rec-filter-btn:focus,
.rec-filter-btn:active {
    outline: none !important;
    box-shadow: none !important;
}

/* ===========================
   REZULTATI
   =========================== */

.rec-search-results {
    border-top: 1px solid #f1f5f9;
    margin-top: 18px;
    padding-top: 16px;
}

.rec-search-placeholder {
    font-size: 14px;
    color: #6b7280;
}

/* ELEMENTOR LOOP KARTICE – dodajemo shadow */
.rec-search-loop-item > div,
.rec-search-loop-item article,
.rec-search-loop-item .elementor-widget-container,
.rec-search-loop-item .elementor-post {
    box-shadow: 0 6px 20px rgba(15,23,42,0.06) !important;
    border-radius: 16px !important;
    overflow: hidden;
}

/* Fallback kartice (članci) */
.rec-search-result-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.rec-search-card {
    padding: 16px;
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid #f1f5f9;
    box-shadow: 0 6px 20px rgba(15,23,42,0.06);
}

/* ===========================
   FALLBACK TEXT ELEMENTI
   =========================== */

.rec-search-badge {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 999px;
    background: #f3f4f6;
    color: #4b5563;
    font-size: 11px;
}

.rec-search-title {
    margin: 6px 0 3px 0;
}

.rec-search-title a {
    color: #111827 !important;
    text-decoration: none;
}

.rec-search-title a:hover {
    text-decoration: underline;
}

.rec-search-meta {
    font-size: 12px;
    color: #9ca3af;
    margin-bottom: 6px;
}

.rec-search-excerpt {
    font-size: 13px;
    color: #4b5563;
}

/* ===========================
   RESPONSIVE
   =========================== */

@media (max-width: 768px) {
    .rec-search-wrapper {
        margin: 20px -8px;
        border-radius: 0;
        box-shadow: none;
        padding: 16px;
    }

    .rec-search-box {
        flex-direction: column;
    }

    #rec-search-btn {
        width: 100%;
    }
}


/* ===== MOBILNI PRIKAZ – SEARCH FULL WIDTH ===== */
@media (max-width: 768px) {

    /* Wrapper se već širi, ovo ostaje */
    .rec-search-wrapper {
        margin: 20px -8px;
        border-radius: 0;
        box-shadow: none;
        padding: 16px;
    }

    /* Ovo je ključno — sve ide u jedan stupac */
    .rec-search-box {
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }

    /* Input nek ide preko cijele širine */
    #rec-search-input {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
    }

    /* Dugme također full width */
    #rec-search-btn {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        text-align: center !important;
    }
}


/* ===========================
   FILTER ČIPOVI – NOVI HOVER + ACTIVE
   =========================== */

/* Hover = još svjetlija siva + bez bordera */
.rec-filter-btn:hover {
    background: #f5f5f5 !important;   /* svijetlija siva */
    border-color: transparent !important;
}

/* Active = također svijetlija siva + bez bordera */
.rec-filter-btn.is-active {
    background: #eeeeee !important;   /* malo tamnija od hovera */
    border-color: transparent !important;
}

/* Uklonjen border i kod fokus stanja */
.rec-filter-btn:focus,
.rec-filter-btn:active {
    outline: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}





/* Ukloni bullet tačke iz loop kartica u searchu */
.rec-search-wrapper .rec-search-result-list ul,
.rec-search-wrapper .rec-search-result-list li,
.rec-search-wrapper .rec-search-loop-item ul,
.rec-search-wrapper .rec-search-loop-item li {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

/* Za svaki slučaj ukloni i pseudo ikonice ako ih tema dodaje */
.rec-search-wrapper .rec-search-result-list li::before,
.rec-search-wrapper .rec-search-loop-item li::before {
    content: none !important;
}


/* ============================================
   TEXTAREA – default
   ============================================ */
.comment-form textarea#comment {
    border-radius: 12px;
    border: 1px solid #e5e7eb !important;
    padding: 12px 14px;
    font-size: 15px;
    transition: all 0.22s ease-in-out !important;
}

/* ============================================
   TEXTAREA – hover + focus + active = REC crvena
   ============================================ */
.comment-form textarea#comment:hover,
.comment-form textarea#comment:focus,
.comment-form textarea#comment:active {
    border-color: #ca4a3f !important;                   /* REC crvena */
    box-shadow: 0 0 0 1px rgba(202, 74, 63, 0.25) !important;
    outline: none !important;
}

/* ============================================
   SUBMIT – default
   ============================================ */
.comment-form .form-submit #submit,
.comment-form input.submit {
    background-color: #ca4a3f !important;               /* REC crvena */
    border: 2px solid #ca4a3f !important;               /* OVDJE JE BORDER */
    color: #ffffff !important;
    border-radius: 999px;
    padding: 10px 26px;
    font-weight: 600;
    cursor: pointer;
    font-size: 15px;
    transition: all 0.22s ease-in-out !important;
}

/* ============================================
   SUBMIT – FOCUS (active border)
   ============================================ */
.comment-form .form-submit #submit:focus,
.comment-form input.submit:focus,
.comment-form .form-submit #submit:active,
.comment-form input.submit:active {
    border-color: #ca4a3f !important;                   /* REC crvena */
    background-color: #be363d !important;               /* lagano tamnija */
    box-shadow: 0 0 0 2px rgba(202, 74, 63, 0.35) !important;
    outline: none !important;
}

/* ============================================
   SUBMIT – hover
   ============================================ */
.comment-form .form-submit #submit:hover,
.comment-form input.submit:hover {
    background-color: #b53439 !important;               /* još tamnija */
    border-color: #b53439 !important;
    box-shadow: 0 6px 16px rgba(0,0,0,0.15) !important;
}

/* Scroll progress bar – REC crvena */
.elementor-16314 .elementor-element.elementor-element-5a84106 .thim-ekits-scrollProgressBar{
    background-color: #ca4a3f !important;  /* REC crvena */
}



/* ===== Scroll-to-top button — PROVIDNA pozadina ===== */
#back-to-top-kits .back-to-top__button {
    background-color: transparent !important;    /* PROVIDNO */
    border: 2px solid #ca4a3f !important;         /* REC crveni krug */
    color: #ca4a3f !important;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ===== Strelica — REC crvena ===== */
#back-to-top-kits .back-to-top__button i {
    color: #ca4a3f !important;
    font-size: 18px;
}

/* ===== Progress krug — REC crvena ===== */
#back-to-top-kits .scroll-circle-progress-svg path {
    stroke: #ca4a3f !important;          /* REC crveno */
    stroke-width: 4px !important;
}

/* ===== Hover tamnija crvena ===== */
#back-to-top-kits .back-to-top__button:hover {
    border-color: #b33433 !important;
    color: #b33433 !important;
}

#back-to-top-kits .back-to-top__button:hover i {
    color: #b33433 !important;
}

#back-to-top-kits .scroll-circle-progress-svg path:hover {
    stroke: #b33433 !important;
}




/* ===========================
   1) POPUP LAYOUT (overlay + box)
   =========================== */

/* cijeli overlay */
.rec-cf7-modal {
  position: fixed;
  inset: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}

.rec-cf7-modal.is-open {
  display: flex;
}

/* tamna pozadina */
.rec-cf7-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.55);
}

/* box */
.rec-cf7-content {
  position: relative;
  z-index: 1;
  background: #ffffff;
  max-width: 640px;
  width: 95%;
  padding: 28px 32px 24px;
  border-radius: 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.25);
}

/* ===========================
   2) X DUGME – MINIMALISTIČKI
   =========================== */

.rec-cf7-close {
  position: absolute;
  top: 12px;
  right: 12px;
  background: transparent !important;
  border: none !important;
  padding: 0;
  width: auto;
  height: auto;
  font-size: 22px !important;
  color: #666 !important;
  cursor: pointer;
  line-height: 1;
}

.rec-cf7-close:hover {
  color: #333 !important;
}

.rec-cf7-close:before,
.rec-cf7-close:after {
  display: none !important;
}

/* ===========================
   3) CF7 FORMA — SAMO U POPUPU
   =========================== */

.popup-pretplata p {
  margin: 0 0 12px;
}

/* naslovi koraka */
.popup-pretplata .step-title {
  margin: 0 0 8px;
}

.popup-pretplata .step-title strong,
.popup-pretplata .msf-step > p:first-child strong {
  font-size: 20px;
  font-weight: 700;
  color: #222;
}

/* step holder */
.popup-pretplata .msf-step {
  border: 0;
  padding: 0;
  margin-top: 12px;
}

/* sakrij progress dots */
.popup-pretplata .msf-progress {
  display: none;
}

/* label */
.popup-pretplata label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}

/* checkbox lista */
.popup-pretplata .wpcf7-list-item {
  display: block;
  margin: 8px 0;
}

.popup-pretplata .wpcf7-list-item label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 400;     /* NE bold */
}

.popup-pretplata .wpcf7-list-item input {
  margin-top: 3px;
}

.popup-pretplata .wpcf7-form p {
  margin: 0 0 10px;
}

.popup-pretplata .msf-step > p + p {
  margin-top: 6px;
}

/* ===========================
   4) CIJENA + DUGMAD (REC CRVENA + desno)
   =========================== */

.popup-pretplata .msf-total {
  display: inline-block;
  margin: 10px 12px 0 0;
  font-size: 16px;
  color: #222;
}

.popup-pretplata .msf-total .total-price {
  font-weight: 700;
}

/* nav dugmad – Dalje / Nazad */
.popup-pretplata .msf-nav {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px;
  width: 100%;
  margin-top: 12px;
}

.popup-pretplata .msf-nav .msf-next,
.popup-pretplata .msf-nav .msf-prev {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  background: #ca4a3f !important;      /* REC CRVENA */
  color: #fff !important;
  font-weight: 600;
}

.popup-pretplata .msf-nav .msf-next:hover,
.popup-pretplata .msf-nav .msf-prev:hover {
  background: #b33f38 !important;      /* tamnija REC CRVENA */
}

/* ako želiš da PREV bude siva – makni ovo i javi */

/* ===========================
   5) GRID ZA 2 INPUTA
   =========================== */

@media (min-width:768px){
  .popup-pretplata .d-flex {
    display: flex;
    gap: 15px;
  }
  .popup-pretplata .d-flex > p {
    flex: 1;
    margin: 0 0 12px;
  }
}


/* ==== POPUP OVERLAY ===== */
.rec-cf7-modal {
  position: fixed;
  inset: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}
.rec-cf7-modal.is-open {
  display: flex;
}
.rec-cf7-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.55);
}

/* ==== POPUP BOX ===== */
.rec-cf7-content {
  position: relative;
  z-index: 1;
  background: #fff;
  max-width: 640px;
  width: 95%;
  padding: 28px 32px;
  border-radius: 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.25);
}

/* ==== CLOSE (X) ===== */
.rec-cf7-close {
  position: absolute;
  top: 12px;
  right: 12px;
  background: transparent !important;
  border: none !important;
  font-size: 22px !important;
  color: #666;
  cursor: pointer;
}
.rec-cf7-close:hover { color: #333; }

/* ==== NASLOV ===== */
.popup-question-title {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 12px;
}

/* ==== POLJA ===== */
.popup-question label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}

.popup-question input[type="text"],
.popup-question input[type="email"],
.popup-question textarea {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 9px 11px;
  font-size: 14px;
}

.popup-question textarea { min-height: 120px; }

/* ==== SUBMIT (REC CRVENO) ===== */
.popup-question input[type="submit"] {
  background: #ca4a3f;
  color: #fff;
  font-weight: 600;
  padding: 10px 18px;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  transition: 0.2s;
}

.popup-question input[type="submit"]:hover {
  background: #b33f38;
}




/* ===== REC CF7 MODAL (desktop default = bez scrolla) ===== */
.rec-cf7-content{
  position: relative;
  width: min(640px, 100%);
  background: #fff;
  border-radius: 14px;
  padding: 18px 16px 16px;
  max-height: none;      /* desktop: nema limit */
  overflow: visible;     /* desktop: nema scroll */
}

/* X na desktopu - gore desno */
.rec-cf7-close{
  position: absolute;
  top: 10px;
  right: 10px;
  border: 0;
  background: #fff;
  font-size: 28px;
  line-height: 1;
  padding: 6px 10px;
  cursor: pointer;
}

/* ===== MOBITEL: limit visine + scroll unutar modala + safe-area ===== */
@media (max-width: 767px){
  .rec-cf7-content{
    max-height: 88vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

    /* KLJUČ: da "Pošalji" nikad ne upadne pod Safari/phone bar */
    padding-bottom: calc(24px + env(safe-area-inset-bottom));
  }

  /* X uvijek vidljiv dok scrollaš */
  .rec-cf7-close{
    position: sticky;
    top: 0;
    right: auto;
    margin-left: auto;
    z-index: 2;
  }
}

/* dodatno: malo razmaka ispod submita (CF7) */
.rec-cf7-content input[type="submit"],
.rec-cf7-content button[type="submit"]{
  margin-bottom: 12px;
}

@media (max-width: 767px){
  /* X NE PLUTA: vrati ga u normalan položaj gore desno u modalu */
  .rec-cf7-close{
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    margin-left: 0 !important;
    z-index: 5 !important;
  }

  /* da X ostane “u okviru” modala (ne prelazi preko stranice) */
  .rec-cf7-content{
    position: relative !important;
    padding-top: 44px !important; /* napravi prostor da X ne prekriva prvi field */
  }
}




/* CF7 — Pošalji dugme ULTRA TAMNO SIVO */
.cf7-rec input[type="submit"].wpcf7-submit,
.cf7-rec input.wpcf7-submit[type="submit"]{
  background: #0f172a !important;   /* skoro crna, ali živa */
  color: #ffffff !important;
  border: 1px solid #0f172a !important;
  border-radius: 999px;
}

/* Hover */
.cf7-rec input[type="submit"].wpcf7-submit:hover{
  background: #020617 !important;   /* ekstremno tamna */
  border-color: #020617 !important;
  box-shadow: 0 8px 18px rgba(0,0,0,0.25);
}

/* Disabled */
.cf7-rec input[type="submit"].wpcf7-submit:disabled{
  background: #4b5563 !important;
  border-color: #4b5563 !important;
  color: #ffffff !important;
}

/* =========================
   THIM EKITS SEARCH (lupica)
   ========================= */

/* crvena pozadina kruga */
#ekits-search-fcf49cc .button-search,
.thim-ekits-search-form .button-search{
  background: #ca4a3f !important;
  border: 1px solid #ca4a3f !important;
  border-radius: 999px !important;
}

/* bijela "lupica" (SVG stroke) */
#ekits-search-fcf49cc .button-search svg path,
.thim-ekits-search-form .button-search svg path{
  stroke: #ffffff !important;
}

/* hover */
#ekits-search-fcf49cc .button-search:hover,
.thim-ekits-search-form .button-search:hover{
  background: #b63931 !important;
  border-color: #b63931 !important;
}



/* FILTER dugme */
.action-btn .filter-btn{
    background-color: #ca4a3f !important;   /* REC crvena */
    color: #ffffff !important;
    border: 1px solid #ca4a3f !important;
    border-radius: 999px;
    padding: 10px 22px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

/* Hover */
.action-btn .filter-btn:hover{
    background-color: #b63931 !important;   /* tamnija REC */
    border-color: #b63931 !important;
    box-shadow: 0 6px 14px rgba(0,0,0,0.15);
}



/* PRICE RANGE – tekst cijene */
.show-price,
.show-price .woocommerce-Price-amount,
.show-price .woocommerce-Price-currencySymbol{
    transition: color .2s ease;
}

/* Hover na cijeli price bar */
.show-price:hover,
.show-price:hover .woocommerce-Price-amount,
.show-price:hover .woocommerce-Price-currencySymbol{
    color: #ca4a3f !important;   /* REC crvena */
}




/* Woo pagination – prebij sve theme stilove */
nav.woocommerce-pagination ul.page-numbers li a.page-numbers,
nav.woocommerce-pagination ul.page-numbers li span.page-numbers,
nav.pagination.woocommerce-pagination ul.page-numbers li a.page-numbers,
nav.pagination.woocommerce-pagination ul.page-numbers li span.page-numbers {
  background: transparent !important;
  color: #ca4a3f !important;
  border: 1px solid #ca4a3f !important;
  border-radius: 999px !important;
  width: 38px !important;
  height: 38px !important;
  line-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

/* ACTIVE */
nav.woocommerce-pagination ul.page-numbers li span.page-numbers.current,
nav.pagination.woocommerce-pagination ul.page-numbers li span.page-numbers.current {
  background: #ca4a3f !important;
  color: #fff !important;
  border-color: #ca4a3f !important;
}

/* HOVER = kao active */
nav.woocommerce-pagination ul.page-numbers li a.page-numbers:hover,
nav.pagination.woocommerce-pagination ul.page-numbers li a.page-numbers:hover {
  background: #ca4a3f !important;
  color: #fff !important;
  border-color: #ca4a3f !important;
}

/* Fokus (da ne bude plavo/glow) */
nav.woocommerce-pagination ul.page-numbers li a.page-numbers:focus,
nav.woocommerce-pagination ul.page-numbers li a.page-numbers:active {
  outline: none !important;
  box-shadow: none !important;
}


/* Hover na cijeli filter item */
.list-item:hover .title {
    color: #ca4a3f !important;
}

/* Ako želiš da se boja aktivira i kad je hover samo na tekst */
.list-item .title:hover {
    color: #ca4a3f !important;
}


.list-item:hover .remove i,
.list-item .remove:hover i {
    color: #ca4a3f !important;
}

button.clear {
    background-color: #ca4a3f !important;
    color: #ffffff !important;
    border: 1px solid #ca4a3f !important;
    border-radius: 999px; /* lijep pill izgled */
    padding: 6px 14px;
    transition: all 0.2s ease-in-out;
}


button.clear:hover {
    background-color: #b63f36 !important; /* tamnija REC */
    border-color: #b63f36 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(202, 74, 63, 0.25);
}



/* Hover na naziv proizvoda */
.widget_shopping_cart_content .woocommerce-mini-cart-item a:hover {
    color: #ca4a3f !important;
}

/* Cijena uvijek REC crvena */
.widget_shopping_cart_content .amount {
    color: #ca4a3f !important;
}




/* ===== MINI CART BUTTONS – FORCE REC STYLE ===== */
.widget_shopping_cart_content .woocommerce-mini-cart__buttons {
    display: flex;
    gap: 12px;
    align-items: stretch;
}

/* oba dugmeta */
.widget_shopping_cart_content 
.woocommerce-mini-cart__buttons a.button {
    background-color: #ca4a3f !important;
    color: #fff !important;
    border: none !important;

    /* PORAVNANJE */
    padding: 12px 0 !important;
    line-height: 1 !important;
    height: 44px !important;

    /* IZGLED */
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;

    /* FLEX */
    flex: 1 1 50%;
    display: flex;
    align-items: center;
    justify-content: center;

    transition: background-color 0.25s ease, transform 0.15s ease;
}

/* hover – tamnija REC crvena */
.widget_shopping_cart_content 
.woocommerce-mini-cart__buttons a.button:hover {
    background-color: #a33a31 !important;
    color: #fff !important;
    transform: translateY(-1px);
}



/* MINI CART - X (remove) normal */
.widget_shopping_cart_content .woocommerce-mini-cart-item a.remove{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;

  width: auto !important;
  height: auto !important;
  line-height: 1 !important;

  color: #ca4a3f !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  border-radius: 0 !important;
}

/* MINI CART - X hover (samo tamnija crvena, bez kruga) */
.widget_shopping_cart_content .woocommerce-mini-cart-item a.remove:hover{
  background: transparent !important;
  box-shadow: none !important;
  color: #a33a31 !important;
}




/* RESET dugme – totalni hover OFF */
button.reset-btn,
button.reset-btn:hover,
button.reset-btn:focus,
button.reset-btn:active {
    background: #2f2f2f !important;   /* ← stavi ovdje svoju default boju */
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
    outline: none !important;
    cursor: pointer !important;
}


/* KORPA – Dugme "Nastavi na plaćanje" */
.wc-block-cart__submit-button,
.wc-block-cart__submit-button.wp-element-button {
    background-color: #ca4a3f !important;
    color: #fff !important;
    border-radius: 999px !important;
    border: none !important;

    /* uklanjanje UPPERCASE */
    text-transform: none !important;
    letter-spacing: normal !important;
    font-weight: 600;
}

/* HOVER */
.wc-block-cart__submit-button:hover,
.wc-block-cart__submit-button.wp-element-button:hover {
    background-color: #a63b32 !important; /* tamnija REC crvena */
    color: #fff !important;
}



/* CROSS SELL – Dugme "Dodaj u korpu" */
.wc-block-components-product-button__button,
.wp-block-button__link.add_to_cart_button {
    background-color: #ca4a3f !important;
    color: #fff !important;
    border: none !important;
    border-radius: 999px !important;

    /* gasi uppercase */
    text-transform: none !important;
    letter-spacing: normal !important;
    font-weight: 600;

    padding: 12px 26px !important;
}

/* Hover */
.wc-block-components-product-button__button:hover,
.wp-block-button__link.add_to_cart_button:hover {
    background-color: #a63b32 !important;
    color: #fff !important;
}


/* CROSS-SELLS: napravi 3 kolone (tačan wrapper kod tebe) */
.wp-block-woocommerce-cart-cross-sells-block > div{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 32px !important;
  align-items: stretch !important;
}

/* svaka kartica 1/3 širine */
.wp-block-woocommerce-cart-cross-sells-block > div > .cross-sells-product{
  flex: 0 0 calc(33.333% - 22px) !important;
  max-width: calc(33.333% - 22px) !important;
  display: flex !important;
  flex-direction: column !important;
}

/* tablet 2 kolone */
@media (max-width: 1024px){
  .wp-block-woocommerce-cart-cross-sells-block > div > .cross-sells-product{
    flex: 0 0 calc(50% - 16px) !important;
    max-width: calc(50% - 16px) !important;
  }
}

/* mobitel 1 kolona */
@media (max-width: 600px){
  .wp-block-woocommerce-cart-cross-sells-block > div > .cross-sells-product{
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* poravnanje dugmeta na dno */
.wp-block-woocommerce-cart-cross-sells-block
.cross-sells-product .wp-block-cart-cross-sells-product__product-add-to-cart{
  margin-top: auto !important;
  display: flex !important;
  justify-content: center !important;
}
/* FIX: spriječi da 3. item padne u novi red (float/clear/width/min-width) */
.wp-block-woocommerce-cart-cross-sells-block > div > .cross-sells-product{
  float: none !important;
  clear: none !important;
  width: auto !important;
  min-width: 0 !important;
  box-sizing: border-box !important;

  /* malo prilagodi račun da stanu 3 u red i sa gapom */
  flex: 1 1 calc(33.333% - 32px) !important;
  max-width: calc(33.333% - 32px) !important;
}


/* Checkout – Place order dugme */
.woocommerce-checkout #place_order,
.wc-block-components-checkout-place-order-button {
    background-color: #ca4a3f !important;
    border-color: #ca4a3f !important;
    color: #fff !important;
    font-weight: 600;
}

/* Hover – tamnija REC crvena */
.woocommerce-checkout #place_order:hover,
.wc-block-components-checkout-place-order-button:hover {
    background-color: #a63c33 !important;
    border-color: #a63c33 !important;
    color: #fff !important;
}



/* ========== SHOP: poravnaj sve product kartice (Thim/Elementor loop) ========== */

/* 1) Svaki li.product neka se rasteže i nosi 100% visinu kartice */
.woocommerce ul.products {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.woocommerce ul.products li.product {
  display: flex;
  align-items: stretch;
}

/* 2) Elementor loop wrapper unutar li.product neka bude 100% */
.woocommerce ul.products li.product > .elementor,
.woocommerce ul.products li.product > .elementor .elementor-element-73431cc,
.woocommerce ul.products li.product > .elementor .elementor-element-73431cc > .e-con-inner{
  height: 100%;
}

/* 3) Kartica neka bude flex-kolona (slika gore, tekst dole) */
.woocommerce ul.products li.product > .elementor .elementor-element-73431cc > .e-con-inner{
  display: flex;
  flex-direction: column;
}

/* 4) Tekstualni dio neka popuni ostatak visine i gura cijenu na dno */
.woocommerce ul.products li.product .elementor-element-73431cc .elementor-element-d52a1c9{
  flex: 1;
  display: flex;
  flex-direction: column;
}

.woocommerce ul.products li.product .elementor-element-73431cc .elementor-element-5893fff{
  margin-top: auto;
}

/* 5) (Opcionalno) ujednači visinu naslova da red bude “čist” */
.woocommerce ul.products li.product .elementor-element-73431cc .elementor-element-be33a6a{
  min-height: 56px; /* po potrebi 48–80 */
}


/* CF7 MSF (Dalje/Nazad) — FORCE REC crvena */
.cf7-rec.cf7-msf .msf-nav .msf-next,
.cf7-rec.cf7-msf .msf-nav .msf-prev{
  background-color: #ca4a3f !important;
  border: 1px solid #ca4a3f !important;
  color: #ffffff !important;
}

.cf7-rec.cf7-msf .msf-nav .msf-next:hover,
.cf7-rec.cf7-msf .msf-nav .msf-prev:hover{
  background-color: #b63931 !important;
  border-color: #b63931 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  transform: none !important;
}



/* Izuzeci: sva dugmad/linkovi koji izgledaju kao dugme */
a.button:hover,
a.button:focus,
a.button:active,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce a.button:active,
.wp-element-button:hover,
.wp-element-button:focus,
.wp-element-button:active,
.rec-sub-btn:hover,
.rec-sub-btn:focus,
.rec-sub-btn:active,
.rec-dashboard-menu a:hover,
.rec-dashboard-menu a:focus,
.rec-dashboard-menu a:active {
  color: #fff !important; /* tekst na dugmetu ostaje bijel */
}


/* HEADER – Pretplati se (thim widget button) */
a.widget-button.open-pretplata,
a.widget-button.open-pretplata:hover,
a.widget-button.open-pretplata:focus,
a.widget-button.open-pretplata:active {
  color: #fff !important;
}

.rec-portal-menu a:hover,
.rec-portal-menu a:focus {
  color: #0b66c3 !important;
}


/* Samo linkovi u sadržaju blog posta */
.single-post .entry-content a:hover,
.single-post .post-content a:hover,
.single-post .elementor-widget-theme-post-content a:hover,
.single-post .elementor-widget-container a:hover {
  color: #ca4a3f !important;
}



/* =========================
   REC – ActiveCampaign NL forma (form id: #_form_1_)
   ========================= */

/* 1) Reset “AC kartice” i sivila */
#_form_1_{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  font-family: inherit !important;
  color: inherit !important;
}

#_form_1_ ._form-content{
  margin: 0 !important;
}

/* 2) Makni/umanji header sliku (po želji) */
#_form_1_ img._form-image{
  display: none !important; /* ako želiš da nema slike uopšte */
  /* ili umjesto display:none:
  width: 160px !important;
  height: auto !important;
  margin-bottom: 10px !important;
  */
}

/* 3) Naslov */
#_form_1_ ._form-title{
  padding: 0 !important;
  margin: 0 0 14px !important;
  font-size: 22px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  color: #111 !important;
}

/* 4) Ukloni ogromne paddinge koje AC ubacuje preko _x... klasa */
#_form_1_ ._x75244973,
#_form_1_ ._x78203363,
#_form_1_ ._x65924471,
#_form_1_ ._x54842896{
  padding: 0 !important;
}

/* 5) “Iz kojih oblasti…” label/legend */
#_form_1_ legend._form-label{
  margin: 0 0 10px !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111 !important;
  border: 0 !important;
}

/* 6) Checkbox lista – uredno, bez praznog prostora */
#_form_1_ ._x78203363{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin: 0 0 18px !important;
}

#_form_1_ ._x78203363 legend{
  grid-column: 1 / -1 !important;
}

#_form_1_ ._x78203363 ._row{
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* checkbox kvadratić */
#_form_1_ ._x78203363 ._row input[type="checkbox"]{
  width: 16px !important;
  height: 16px !important;
  margin: 2px 0 0 0 !important;
  accent-color: #d62828 !important; /* moderni browseri */
}

/* label tekst */
#_form_1_ ._x78203363 ._row span label{
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  color: #222 !important;
}

/* 2 kolone na desktopu */
@media (min-width: 768px){
  #_form_1_ ._x78203363{
    grid-template-columns: 1fr 1fr !important;
  }
}

/* 7) Polja: email/telefon */
#_form_1_ ._form_element{
  margin-bottom: 14px !important;
}

#_form_1_ ._form-label{
  margin: 0 0 6px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111 !important;
}

#_form_1_ input[type="text"],
#_form_1_ input[type="email"],
#_form_1_ input[type="tel"]{
  width: 100% !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.14) !important;
  border-radius: 10px !important;
  padding: 12px 12px !important;
  font-size: 14px !important;
  color: #111 !important;
  box-sizing: border-box !important;
}

#_form_1_ input[type="text"]:focus,
#_form_1_ input[type="email"]:focus,
#_form_1_ input[type="tel"]:focus{
  border-color: #d62828 !important;
  box-shadow: 0 0 0 3px rgba(214,40,40,.12) !important;
  outline: none !important;
}

/* 8) Tekst o privatnosti */
#_form_1_ ._html-code{
  margin: 0 !important;
}

#_form_1_ ._html-code a{
  color: #d62828 !important;
  text-decoration: underline !important;
}

/* 9) Dugme (REC crveno, kao “Dalje”) */
#_form_1_ ._button-wrapper{
  margin-top: 6px !important;
}

#_form_1_ ._submit{
  background: #d62828 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 12px 18px !important;
  font-weight: 700 !important;
  letter-spacing: .2px !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#_form_1_ ._submit:hover{
  filter: brightness(.95) !important;
}

/* 10) Thank-you poruka */
#_form_1_ ._form-thank-you{
  padding: 12px 0 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}


/* =========================
   REC NL popup – padding + font + button
   ActiveCampaign form: #_form_1_
   ========================= */

/* 1) Padding “sa strana” (unutrašnji prostor) */
#_form_1_{
  padding: 24px !important;        /* <-- ovo su ti bočni/unutrašnji paddingi */
  max-width: 900px !important;     /* da ne bude preširoko */
  margin: 0 auto !important;
  background: #fff !important;     /* da bude čista bijela */
  border-radius: 12px !important;
}

/* 2) Tvoj font svuda u formi (naslov, label, checkbox, input, link) */
#_form_1_,
#_form_1_ *{
  font-family: "IBM Plex Sans", Arial, sans-serif !important;
}

/* 3) Naslov malo “REC” */
#_form_1_ ._form-title{
  font-size: 22px !important;
  font-weight: 700 !important;
  margin: 0 0 12px !important;
  color: #111 !important;
}

/* 4) Inputi da budu kao na sajtu */
#_form_1_ input[type="text"],
#_form_1_ input[type="email"],
#_form_1_ input[type="tel"]{
  border-radius: 12px !important;
  padding: 14px 14px !important;
  border: 1px solid rgba(0,0,0,.14) !important;
  background: #fff !important;
  font-size: 14px !important;
}

/* focus crveni */
#_form_1_ input[type="text"]:focus,
#_form_1_ input[type="email"]:focus,
#_form_1_ input[type="tel"]:focus{
  border-color: #d62828 !important;
  box-shadow: 0 0 0 3px rgba(214,40,40,.12) !important;
  outline: none !important;
}

/* 5) Checkbox kvadratić + razmaci */
#_form_1_ ._x78203363 ._row{
  gap: 10px !important;
}
#_form_1_ ._x78203363 ._row input[type="checkbox"]{
  width: 16px !important;
  height: 16px !important;
  accent-color: #d62828 !important;
}

/* 6) Dugme REC crvena + radius */
#_form_1_ ._submit{
  background: #d62828 !important;     /* REC crvena */
  color: #fff !important;
  border: 0 !important;
  border-radius: 12px !important;     /* <-- radius */
  padding: 12px 18px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  width: auto !important;
}
#_form_1_ ._submit:hover{
  filter: brightness(.95) !important;
}

/* 7) Link privatnosti u REC crvenoj */
#_form_1_ ._html-code a{
  color: #d62828 !important;
  text-decoration: underline !important;
}

/* 8) Malo prostora ispod dugmeta da ne “lijepi” */
#_form_1_ ._button-wrapper{
  margin-top: 12px !important;
}



/* Elementor popup close (X) */
.elementor-popup-modal .dialog-close-button{
  color: #111 !important;  /* default */
}

.elementor-popup-modal .dialog-close-button:hover{
  color: #d62828 !important; /* hover REC crvena */
}

/* sigurnosno: ako je ikonica svg */
.elementor-popup-modal .dialog-close-button:hover svg{
  fill: #d62828 !important;
}


/* ==== REC: force style na submit dugme (AC) ==== */
#_form_1_ button#_form_1_submit,
#_form_1_ #_form_1_submit._submit,
#_form_1_ ._button-wrapper > button._submit{
  background-color: #ca4a3f!important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;   /* radius kao "Dalje" */
  padding: 12px 18px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-transform: none !important;
  box-shadow: none !important;
  outline: none !important;
  min-height: 44px !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* hover */
#_form_1_ button#_form_1_submit:hover{
  filter: brightness(.95) !important;
}

/* ukloni theme pseudo-elemente (nekad prave “čudan” izgled) */
#_form_1_ button#_form_1_submit::before,
#_form_1_ button#_form_1_submit::after{
  content: none !important;
}


/* Elementor popup – zaobljeni ćoškovi cijelog popup-a */
.elementor-popup-modal .dialog-message{
  border-radius: 18px !important;   /* stavi 16–22 po ukusu */
  overflow: hidden !important;      /* da se sadržaj ne “probija” */
}

/* Ako ima unutrašnji wrapper koji drži background */
.elementor-popup-modal .dialog-widget-content{
  border-radius: 18px !important;
  overflow: hidden !important;
}

/* === POPUP: omogući scroll na mobu === */

/* Overlay ostaje fiksiran, ali dozvoli skrol unutar popup-a */
.elementor-popup-modal{
  overflow: hidden !important;
}

/* Scroll ide na sadržaj popup-a */
.elementor-popup-modal .dialog-message{
  max-height: 85vh !important;        /* da stane na ekran */
  overflow-y: auto !important;        /* skrol dole/gore */
  -webkit-overflow-scrolling: touch;  /* iOS smooth scroll */
}

/* Ako ima dodatni wrapper koji “reže” */
.elementor-popup-modal .dialog-widget-content{
  max-height: 85vh !important;
  overflow: hidden !important;        /* scroll je na dialog-message */
}


/* Dok je Elementor popup otvoren – zaključa scroll stranice */
body.dialog-prevent-scroll,
html.dialog-prevent-scroll{
  overflow: hidden !important;
  height: 100% !important;
  touch-action: none !important;
}
/* Scroll samo unutar popup-a */
.elementor-popup-modal .dialog-message{
  max-height: 85vh !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
}


#_form_1_ button#_form_1_submit{
  margin-bottom: 6px !important;
}

/* iOS hard lock (spriječi “rubber band” scroll ispod) */
.elementor-popup-modal{
  position: fixed !important;
  inset: 0 !important;
  overscroll-behavior: contain !important;
  touch-action: none !important;
}


/* Overlay mora pokriti CIJELI viewport */
.elementor-popup-modal{
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
}

/* U nekim temama overlay je na dialog-widget — i njega zakucaj */
.elementor-popup-modal .dialog-widget{
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
}

/* Bitno: overlay mora “pojesti” klik/scroll svugdje iza */
.elementor-popup-modal,
.elementor-popup-modal .dialog-widget{
  pointer-events: auto !important;
}

/* Sadržaj popupa skrolabilan, pozadina ne */
.elementor-popup-modal .dialog-message{
  max-height: 85vh !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}



/* === MOB: više mjesta dole da "Prijava" stane u box === */
@media (max-width: 767px){

  /* veći donji padding unutar forme */
  #_form_1_{
    padding-bottom: calc(40px + env(safe-area-inset-bottom)) !important;
  }

  /* dodatno: malo prostora ispod buttona */
  #_form_1_ ._button-wrapper{
    padding-bottom: 24px !important;
  }

  /* ako scroll ide po popup-u, da i on ima "lufta" dole */
  .elementor-popup-modal .dialog-message{
    padding-bottom: calc(18px + env(safe-area-inset-bottom)) !important;
  }
}


:root{ --rec-red:#ca4a3f; }

/* =========================================
   Neaktivne kartice – savršeno poravnanje
   (title + button u istoj liniji)
   ========================================= */

/* kartica: 2 kolone, 2 reda */
.rec-subscription-list-inactive .rec-sub-card.is-inactive{
  display:grid !important;
  grid-template-columns: 1fr auto !important;
  grid-template-rows: auto auto !important;
  column-gap: 16px !important;
  row-gap: 10px !important;
  align-items:center !important;
}

/* lijevi blok (naslov+status) neka ne “glumi” flex koji razvlači */
.rec-subscription-list-inactive .rec-sub-card.is-inactive .rec-sub-main{
  display: contents !important; /* ovo je trik: djeca idu direktno u grid */
}

/* naslovni red ide gore lijevo */
.rec-subscription-list-inactive .rec-sub-card.is-inactive .rec-sub-title-row{
  grid-column: 1 !important;
  grid-row: 1 !important;
  display:flex !important;
  align-items:center !important;
  gap: 12px !important;
}

/* status ide ispod naslova (lijevo) */
.rec-subscription-list-inactive .rec-sub-card.is-inactive .rec-sub-status{
  grid-column: 1 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  display:inline-flex !important;
  align-items:center !important;
  width: fit-content !important;
  padding: 7px 12px !important;
  line-height: 1 !important;
}

/* dugme ide gore desno (u istoj liniji s naslovom) */
.rec-subscription-list-inactive .rec-sub-card.is-inactive .rec-sub-actions{
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self:center !important;
  justify-self:end !important;
  margin: 0 !important;
}

/* dugme: bijela pozadina + sivi border */
.rec-subscription-list-inactive .rec-sub-card.is-inactive .rec-sub-btn.rec-sub-btn-ghost{
  background:#fff !important;
  border:1px solid #d9d9d9 !important;
  color:#777 !important;
  padding: 8px 14px !important;
  line-height: 1 !important;
  transition: color .15s ease, border-color .15s ease, background .15s ease;
}

/* hover: crveno slovo + bijela pozadina */
.rec-subscription-list-inactive .rec-sub-card.is-inactive .rec-sub-btn.rec-sub-btn-ghost:hover{
  background:#fff !important;
  color: var(--rec-red) !important;
  border-color: var(--rec-red) !important;
}






/* === HARD FIX: user dropdown hover tekst da ne bude bijel === */

/* 1) Link + sav tekst unutar linka (uklj. span.author) */
ul.user-info li > a,
ul.user-info li > a *{
  color: #524d4d !important;
}

/* 2) HOVER na LI i na A (tema obično ovo koristi: li:hover a {color:#fff}) */
ul.user-info li:hover > a,
ul.user-info li:hover > a *,
ul.user-info li > a:hover,
ul.user-info li > a:hover *{
  color: #ca4a3f !important; /* ili #524d4d ako nećeš crveno */
}

/* 3) Ako tema na hover daje crvenu/tamnu pozadinu, pa je bijeli tekst “namjerno”,
      ti ovdje možeš držati pozadinu svijetlom radi čitljivosti */
ul.user-info li:hover{
  background: #ffffff !important;
}

/* 4) Ikonice u meniju */
ul.user-info li i{
  color: #ca4a3f !important;
}
ul.user-info li:hover i,
ul.user-info li > a:hover i{
  color: #ca4a3f !important;
}


/* User dropdown: ugasi crvenu pozadinu na hover, ostavi tekst crven */
ul.user-info li.menu-item-courses:hover > a,
ul.user-info li.menu-item-orders:hover > a,
ul.user-info li.menu-item-settings:hover > a,
ul.user-info li.menu-item-log-out:hover > a{
  background: transparent !important;
  color: #ca4a3f !important;
}

ul.user-info li.menu-item-courses:hover > a *,
ul.user-info li.menu-item-orders:hover > a *,
ul.user-info li.menu-item-settings:hover > a *,
ul.user-info li.menu-item-log-out:hover > a *{
  color: #ca4a3f !important;
}

/* ========= REC: USER DROPDOWN – ULTIMATE HOVER FIX ========= */

/* 0) bazno */
body ul.user-info li > a,
body ul.user-info li > a *{
  color: #524d4d !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  -webkit-filter: none !important;
  text-shadow: none !important;
}

/* 1) HOVER (i na li i na a) – bez crvene pozadine, tekst crven */
body ul.user-info li:hover > a,
body ul.user-info li:hover > a *,
body ul.user-info li > a:hover,
body ul.user-info li > a:hover *{
  color: #ca4a3f !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  -webkit-filter: none !important;
  text-shadow: none !important;
}

/* 2) Ikonice nek prate boju teksta */
body ul.user-info li > a i,
body ul.user-info li:hover > a i,
body ul.user-info li > a:hover i{
  color: #ca4a3f !important;
  opacity: 1 !important;
  filter: none !important;
}

/* 3) Ugasiti bilo kakvu hover pozadinu na li */
body ul.user-info li:hover{
  background: transparent !important;
}

/* 4) Ugasiti pseudo-elemente ako tema pravi overlay */
body ul.user-info li > a:before,
body ul.user-info li > a:after{
  display: none !important;
  content: none !important;
}


/* ===== REC: USER DROPDOWN - HOVER FIX (bez pozadine) ===== */

/* ciljaj header / masthead da dignemo specifičnost */
#masthead ul.user-info li > a,
#masthead ul.user-info li > a *{
  background: transparent !important;
  color: #524d4d !important;
  -webkit-text-fill-color: #524d4d !important;
}

/* hover: nema pozadine, tekst crven (REC) */
#masthead ul.user-info li:hover > a,
#masthead ul.user-info li:hover > a *,
#masthead ul.user-info li > a:hover,
#masthead ul.user-info li > a:hover *{
  background: transparent !important;
  color: #ca4a3f !important;
  -webkit-text-fill-color: #ca4a3f !important;
}

/* ako tema boji LI pozadinu na hover */
#masthead ul.user-info li:hover{
  background: transparent !important;
}

/* ikonice nek prate tekst */
#masthead ul.user-info li i{
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}




/* REC Dashboard – "Otvori" button radius */
.rec-dashboard .rec-sub-btn.rec-sub-btn-primary{
  border-radius: 8px !important; /* promijeni na 4px / 8px po želji */
}


.rec-search-note{
  margin: 8px 0 0;
  font-size: 12px;
  opacity: .75;
}


/* Filteri – isključi capitalize/uppercase */
.rec-search-filters,
.rec-search-filters .rec-filter-btn,
.rec-search-filters .rec-filter-text,
.rec-search-filters .rec-search-filters-label{
  text-transform: none !important;
}



/* ========== MOBILE BOTTOM NAV: custom SVG icons ========== */

/* 1) Sakrij postojeće ikonice (lp-icon i SVG) */
.navbar-mobile-button a.item-menubar i,
.navbar-mobile-button a.item-menubar svg,
.navbar-mobile-button .item-menubar a i,
.navbar-mobile-button .item-menubar a svg{
  display:none !important;
}

/* 2) Ubaci “naše” ikonice preko ::before */
.navbar-mobile-button a.item-menubar::before,
.navbar-mobile-button .item-menubar a::before{
  content:"";
  display:block;
  width:22px;
  height:22px;
  margin:0 auto 4px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

/* REC (home) */
.navbar-mobile-button a.item-menubar[href="https://inforec.ba/"]::before{
  background-image:url("https://inforec.ba/wp-content/uploads/2026/02/22-1.svg");
}

/* PORTALI */
.navbar-mobile-button a.item-menubar[href="https://inforec.ba/portal-recko/"]::before{
  background-image:url("https://inforec.ba/wp-content/uploads/2026/02/20-1.svg");
}

/* PRETRAGA */
.navbar-mobile-button a.item-menubar[href="https://inforec.ba/pretraga/"]::before{
  background-image:url("https://inforec.ba/wp-content/uploads/2026/02/8-1.svg");
}

/* PROFIL */
.navbar-mobile-button .item-menubar a[href="https://inforec.ba/moj-profil/"]::before{
  background-image:url("https://inforec.ba/wp-content/uploads/2026/02/3-1.svg");
}

.navbar-mobile-button a.item-menubar::before,
.navbar-mobile-button .item-menubar a::before{
  width:24px;
  height:24px;
}


/* ========== FIX: MOBILE BOTTOM NAV STICK TO BOTTOM ========== */
.navbar-mobile-button{
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;

  /* iPhone safe area (da ne upadne u home indicator) */
  padding-bottom: env(safe-area-inset-bottom);
}

/* da sadržaj ne bude ispod bara */
@media (max-width: 768px) {
  body{ padding-bottom: calc(70px + env(safe-area-inset-bottom)) !important; }
  footer{ padding-bottom: calc(70px + env(safe-area-inset-bottom)) !important; }
}

/* (opciono) ako imaš footer padding/margin koji pravi “zrak” */




/* Sakrij WooCommerce dodatni "view cart" link koji se pojavljuje nakon AJAX add to cart */
.woocommerce ul.products li.product a.added_to_cart.wc-forward,
.woocommerce-page ul.products li.product a.added_to_cart.wc-forward,
.woocommerce .products .product a.added_to_cart.wc-forward,
.woocommerce-page .products .product a.added_to_cart.wc-forward {
    display: none !important;
}

/* Osiguraj da glavno dugme ostane stabilno */
.woocommerce ul.products li.product a.ajax_add_to_cart,
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce-page ul.products li.product a.ajax_add_to_cart,
.woocommerce-page ul.products li.product a.add_to_cart_button {
    position: relative;
    z-index: 2;
}

/* Spriječi glitch sa hover/floating dugmetom */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce .products .product,
.woocommerce-page .products .product {
    overflow: hidden;
}



.wc-block-components-address-card__edit {
  font-size: 0 !important;
  line-height: 1 !important;
}

.wc-block-components-address-card__edit::after {
  content: "Uredi";
  font-size: 16px;
  line-height: 1.2;
}

/* Checkout - sakrij opis ispod naziva načina plaćanja */
.wc-block-checkout__payment-method .wc-block-components-radio-control__description,
.wc-block-checkout__payment-method .wc-block-components-radio-control__description-group,
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-content {
  display: none !important;
}


/* Checkout dugmad - sve velikim slovima */
.wc-block-components-checkout-return-to-cart-button,
.wc-block-components-checkout-place-order-button,
.wc-block-components-checkout-place-order-button .wc-block-components-button__text {
  text-transform: uppercase !important;
}


/* Uklanja automatski Capitalize / Uppercase globalno */
body,
body * {
  text-transform: none !important;
}


/* REC - Prevod email validacijske poruke u WooCommerce Checkout Blocku */
body.woocommerce-checkout .wc-block-components-text-input:has(input[type="email"]) .wc-block-components-validation-error span,
body.woocommerce-checkout .wc-block-components-text-input:has(input[name="email"]) .wc-block-components-validation-error span,
body.woocommerce-checkout .wc-block-components-text-input:has(input#email) .wc-block-components-validation-error span {
  font-size: 0 !important;
}

body.woocommerce-checkout .wc-block-components-text-input:has(input[type="email"]) .wc-block-components-validation-error span::after,
body.woocommerce-checkout .wc-block-components-text-input:has(input[name="email"]) .wc-block-components-validation-error span::after,
body.woocommerce-checkout .wc-block-components-text-input:has(input#email) .wc-block-components-validation-error span::after {
  content: "Unesite ispravnu email adresu.";
  font-size: 13px !important;
  line-height: 1.4 !important;
}
/** CSS Demo Education News */
.demo-education-news{--bg-section-color:#F3F3F3;--color-placeholder:#A3A3A3;--font-size-small:14px}@media (max-width:1024px){.demo-education-news h1{font-size:var(--thim-font-h2-font-size)}.demo-education-news h2{font-size:var(--thim-font-h3-font-size)}.demo-education-news h3{font-size:var(--thim-font-h4-font-size)}.demo-education-news h4{font-size:var(--thim-font-h5-font-size)}}.demo-education-news p{line-height:var(--thim-font-body-line-height)}.demo-education-news strong{font-weight:var(--thim-font-title-variant)}.demo-education-news .thim-course-order select,.demo-education-news .woocommerce-ordering select,.demo-education-news .wpcf7 select,.demo-education-news .courses-order-by-wrapper select,.demo-education-news select{padding:0 10px;line-height:var(--thim-font-body-line-height);border:none;background-color:var(--thim-body-bg-color)}.demo-education-news .breadcrumbs-wrapper{display:none}.demo-education-news .top_site_main{min-height:unset}.demo-education-news .top_site_main>.overlay-top-header{background-color:var(--thim-body-bg-color) !important}.demo-education-news .top_site_main .page-title-wrapper{padding-bottom:0}.demo-education-news .top_site_main .page-title-wrapper .page-title{color:var(--thim-font-title-color)}.demo-education-news .thim-ekits-menu li>a{display:inline-flex;background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 94%);transition:background-size 0.4s cubic-bezier(0.215,0.61,0.355,1),opacity 0.5s ease;background-position:100% 100%;background-size:0 1px}.demo-education-news .thim-ekits-menu li>a:hover{color:var(--thim-font-title-color);background-position:0 100%;background-size:100% 1px}.demo-education-news .thim-ekits-menu .thim-ekits-menu__nav{flex-wrap:wrap}.demo-education-news .thim-ekits-menu .thim-ekits-menu__nav>li{padding:25px 12px}@media (max-width:1024px){.demo-education-news .thim-ekits-menu .thim-ekits-menu__nav>li{padding:4px 12px 8px}}@media (min-width:1025px){.demo-education-news .thim-ekits-menu .thim-ekits-menu__nav>li.thim-ekits-menu__has-dropdown{margin-right:15px}}.demo-education-news .thim-ekits-menu li.current-menu-item>a,.demo-education-news .thim-ekits-menu li.current_page_item>a,.demo-education-news .thim-ekits-menu li.current-menu-parent.menu-item-has-children>a,.demo-education-news .thim-ekits-menu li.current-menu-ancestor.menu-item-has-children>a{background-position:0 94%;background-size:100% 2px;background-image:linear-gradient(90deg,var(--menu-active-text-color) 0,var(--menu-active-text-color) 94%);padding-bottom:3px}.demo-education-news .thim-ekits-menu li>a{padding-bottom:2px;padding-right:0 !important;padding-left:0 !important;background-size:0 2px}.demo-education-news .thim-ekits-menu li>a:hover{background-size:100% 2px}.demo-education-news .thim-ekits-menu .sub-menu .thim-ekits-menu__icon{right:0}.demo-education-news .thim-ekits-menu__mobile__close{color:var(--thim-font-title-color) !important}.demo-education-news .thim-ekit-breadcrumb{display:flex;align-items:center;flex-wrap:wrap}.demo-education-news .thim-ekit-breadcrumb .thim-ekit-breadcrumb__delimiter{display:inline-flex;align-items:center}.demo-education-news .thim-ekit-page-title .page-title{margin:0}.demo-education-news .thim-ekits-post__title a,.demo-education-news .elementor-heading-title a,.demo-education-news .thim-tabs-post__title a,.demo-education-news .thim-list-posts .title a,.demo-education-news .thim-ekits-event__title a,.demo-education-news .thim-categories-items a,.demo-education-news .thim-ekits-blog__categories a,.demo-education-news .thim-ekits-post__author a,.demo-education-news .thim-tabs-post__categories a,.demo-education-news .thim-tabs-post__author a,.demo-education-news .article-wrapper a,.demo-education-news .elementor-icon-list-text a,.demo-education-news .thim-ekits-event__content a,.demo-education-news .thim-ekit-single-post__author-box__content__title a,.demo-education-news .thim-header-info a,.demo-education-news .thim-ekit-single-product__meta__categories a,.demo-education-news .entry-navigation-post a{background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 94%);transition:background-size 0.4s cubic-bezier(0.215,0.61,0.355,1),opacity 0.5s ease;background-position:100% 100%;background-size:0 1px}.demo-education-news .thim-ekits-post__title a:hover,.demo-education-news .elementor-heading-title a:hover,.demo-education-news .thim-tabs-post__title a:hover,.demo-education-news .thim-list-posts .title a:hover,.demo-education-news .thim-ekits-event__title a:hover,.demo-education-news .thim-categories-items a:hover,.demo-education-news .thim-ekits-blog__categories a:hover,.demo-education-news .thim-ekits-post__author a:hover,.demo-education-news .thim-tabs-post__categories a:hover,.demo-education-news .thim-tabs-post__author a:hover,.demo-education-news .article-wrapper a:hover,.demo-education-news .elementor-icon-list-text a:hover,.demo-education-news .thim-ekits-event__content a:hover,.demo-education-news .thim-ekit-single-post__author-box__content__title a:hover,.demo-education-news .thim-header-info a:hover,.demo-education-news .thim-ekit-single-product__meta__categories a:hover,.demo-education-news .entry-navigation-post a:hover{color:var(--thim-font-title-color);background-position:0 100%;background-size:100% 1px}.demo-education-news .thim-ekit-single-post__navigation{gap:10px}.demo-education-news .thim-ekit-single-post__navigation .title{background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 94%);transition:background-size 0.4s cubic-bezier(0.215,0.61,0.355,1),opacity 0.5s ease;background-position:100% 100%;background-size:0 1px}.demo-education-news .thim-ekit-single-post__navigation .title:hover{color:var(--thim-font-title-color);background-position:0 100%;background-size:100% 1px}.demo-education-news .wc-block-components-product-name{background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 94%);transition:background-size 0.4s cubic-bezier(0.215,0.61,0.355,1),opacity 0.5s ease;background-position:100% 100%;background-size:0 1px}.demo-education-news .wc-block-components-product-name:hover{color:var(--thim-font-title-color);background-position:0 100%;background-size:100% 1px}.demo-education-news .thim-ekits-post__title a{display:inline}.demo-education-news .thim-ekits-post__thumbnail{display:block}.demo-education-news .thim-ekits-post__meta a:hover{text-decoration:none}.demo-education-news .thim-ekits-post .thim-ekits-blog__categories a{text-transform:uppercase;color:var(--thim-body-primary-color)}.demo-education-news .thim-ekits-post .thim-ekits-post__read-time::before{color:var(--thim-border-color)}.demo-education-news .elementor-icon-list-item .text-before{color:var(--thim-font-meta-color,#737373)}.demo-education-news .elementor-widget-wp-widget-tag_cloud h5{margin:0 0 24px 0;font-size:var(--thim-font-h4-font-size);line-height:var(--thim-font-h4-line-height)}@media (max-width:1024px){.demo-education-news .elementor-widget-wp-widget-tag_cloud h5{margin:0 0 16px 0;font-size:var(--thim-font-h5-font-size)}}.demo-education-news .elementor-widget-wp-widget-tag_cloud .tagcloud{display:flex;flex-wrap:wrap;gap:8px}.demo-education-news .elementor-widget-wp-widget-tag_cloud a{font-size:14px !important;padding:6px 12px;line-height:var(--thim-font-button-line-height);border-radius:var(--thim-border-radius-button);border:1px solid var(--thim-border-color)}.demo-education-news .elementor-widget-wp-widget-tag_cloud a:hover{color:var(--thim-body-primary-color);background-color:var(--bg-section-color);border-color:var(--bg-section-color)}@media (max-width:767px){.demo-education-news .thim-ekit-archive-post{--thim-ekits-archive-post-row-gap:20px;--thim-ekits-archive-post-column-gap:20px}}.demo-education-news ul.thim-social-media{margin:0}.demo-education-news .thim-ekits-mini-cart.side-cart .thim-ekits-mini-cart__close{text-transform:capitalize}.demo-education-news .thim-ekits-mini-cart.side-cart .woocommerce-Price-amount{text-align:right}.demo-education-news .thim-ekits-mini-cart.side-cart .total strong{font-weight:var(--thim-font-h6-variant)}.demo-education-news .thim-ekits-mini-cart.side-cart .widget_shopping_cart_content .product_list_widget a{margin-bottom:4px;max-width:90%;display:block}.demo-education-news .wcbt-product-filter .wrapper-content{padding-bottom:30px;border-bottom:1px solid var(--thim-border-color)}.demo-education-news .wcbt-product-filter .wrapper-content:last-child{padding:0;border:none}.demo-education-news .wcbt-product-filter .product-count{margin-left:auto}.demo-education-news .wcbt-product-filter .item input:checked,.demo-education-news .wcbt-product-filter .item input:hover{border:none}.demo-education-news .wcbt-product-filter .item input:checked::after,.demo-education-news .wcbt-product-filter .item input:hover::after{content:"\f00c" !important;font-family:"lp-icon" !important;font-weight:normal;display:flex;align-items:center;justify-content:center;color:#fff;background-color:var(--thim-body-primary-color)}.demo-education-news .wcbt-product-filter .price.wrapper:not(.filter-item-dropdown).open .search-price.wrapper-content{display:flex;flex-direction:column-reverse;gap:16px}.demo-education-news .wcbt-product-filter .price.wrapper:not(.filter-item-dropdown).open .search-price.wrapper-content .noUi-horizontal .noUi-handle{top:-6px}.demo-education-news .wcbt-product-filter .price.wrapper:not(.filter-item-dropdown).open .search-price.wrapper-content .show-price{display:flex;justify-content:space-between;font-size:0;margin:0}.demo-education-news .wcbt-product-filter .attribute-type-color.wrapper:not(.filter-item-dropdown).open .attribute-content{display:flex;flex-wrap:wrap;gap:10px}.demo-education-news .wcbt-product-filter .attribute-type-color.wrapper:not(.filter-item-dropdown).open .attribute-content .item{margin-bottom:0}.demo-education-news .wcbt-product-filter .attribute-type-color.wrapper:not(.filter-item-dropdown).open .attribute-content label{cursor:pointer}.demo-education-news .wcbt-product-filter input[type=checkbox]{margin-top:0}.demo-education-news #wcbt-quick-view-popup .wcbt-quick-view-container .wcbt-quickview-content .summary-content .quantity-add-value{height:48px;border-radius:var(--thim-border-radius-button)}.demo-education-news #wcbt-quick-view-popup .wcbt-quick-view-container .wcbt-quickview-content .summary-content form.cart .button{height:48px;border-radius:var(--thim-border-radius-button) !important;background-color:var(--thim-body-primary-color)}.demo-education-news #wcbt-quick-view-popup .wcbt-quick-view-container .wcbt-quickview-content .summary-content form.cart .button:hover{background-color:var(--thim-button-hover-color)}.demo-education-news #wcbt-quick-view-popup .wcbt-quick-view-container .wcbt-quickview-content .summary-content .wcbt-product-wishlist,.demo-education-news #wcbt-quick-view-popup .wcbt-quick-view-container .wcbt-quickview-content .summary-content .wcbt-product-compare{width:48px;height:48px;border-radius:var(--thim-border-radius-button)}.demo-education-news #wcbt-quick-view-popup .wcbt-quick-view-container .wcbt-quickview-content .summary-content .wcbt-product-wishlist:hover,.demo-education-news #wcbt-quick-view-popup .wcbt-quick-view-container .wcbt-quickview-content .summary-content .wcbt-product-compare:hover{color:var(--thim-button-text-color);background-color:var(--thim-button-hover-color)}.demo-education-news #wcbt-quick-view-popup .wcbt-quick-view-container .wcbt-quickview-content .summary-content .product_meta a{font-weight:var(--thim-font-button-variant);color:var(--thim-font-title-color)}.demo-education-news #wcbt-quick-view-popup .wcbt-quick-view-container .wcbt-quickview-content .summary-content .product_meta a:hover{color:var(--thim-body-primary-color)}.demo-education-news .elementor-widget-wcbt-filterproduct .wcbt-product-filter .wrapper-search-fields .wrapper.filter-title-toggle.open .item-filter-heading::after{content:"\f068";font-family:"eduma-icon"}.demo-education-news .elementor-widget-wcbt-filterproduct .wcbt-product-filter .wrapper-search-fields .wrapper.filter-title-toggle .item-filter-heading::after{content:"\f067";font-family:"eduma-icon";font-weight:normal;transform:translateY(-50%)}.demo-education-news .thim-ekits-archive-course__pagination .page-numbers,.demo-education-news .thim-ekit-archive-post__pagination .page-numbers,.demo-education-news .questions-pagination .page-numbers,.demo-education-news .pagination.loop-pagination .page-numbers{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center}.demo-education-news .thim-ekits-archive-course__pagination .page-numbers.disabled,.demo-education-news .thim-ekit-archive-post__pagination .page-numbers.disabled,.demo-education-news .questions-pagination .page-numbers.disabled,.demo-education-news .pagination.loop-pagination .page-numbers.disabled{display:none}.demo-education-news #respond.comment-respond .comment-form .comment-form-author,.demo-education-news #respond.comment-respond .comment-form .comment-form-email,.demo-education-news #respond.comment-respond .comment-form .comment-form-url{width:33.33%}@media (max-width:767px){.demo-education-news #respond.comment-respond .comment-form .comment-form-author,.demo-education-news #respond.comment-respond .comment-form .comment-form-email,.demo-education-news #respond.comment-respond .comment-form .comment-form-url{width:100%}}.demo-education-news #respond.comment-respond .comment-form .comment-form-author input,.demo-education-news #respond.comment-respond .comment-form .comment-form-email input,.demo-education-news #respond.comment-respond .comment-form .comment-form-url input{border-radius:var(--thim-border-radius-item)}.demo-education-news #respond.comment-respond .comment-form .comment-form-author,.demo-education-news #respond.comment-respond .comment-form .comment-form-email{margin-right:0;padding-right:16px}@media (max-width:767px){.demo-education-news #respond.comment-respond .comment-form .comment-form-author,.demo-education-news #respond.comment-respond .comment-form .comment-form-email{padding-right:0}}.demo-education-news .back-to-top__swapper.hidden{display:none}.demo-education-news.woocommerce .cart .button,.demo-education-news.woocommerce .cart input.button,.demo-education-news.woocommerce a.button,.demo-education-news.woocommerce a.added_to_cart{height:48px}.demo-education-news.woocommerce .quantity-add-value{padding:9px 12px}.demo-education-news.woocommerce .woocommerce-ordering{margin-left:-10px}.demo-education-news.woocommerce ul.products li.product a img{margin:0}.demo-education-news .thim-ekits-search-form .input-group{gap:8px}.demo-education-news .thim-ekits-search-form .input-group input{width:calc(100% - 50px)}.demo-education-news.single-product .thim-ekit-single-product__add-to-cart form.cart{display:flex;row-gap:12px}@media (max-width:767px){.demo-education-news.single-product .thim-ekit-single-product__add-to-cart form.cart{flex-wrap:wrap}}.demo-education-news.single-product .thim-ekit-single-product__add-to-cart form.cart.variations_form{flex-wrap:wrap}.demo-education-news.single-product .thim-ekit-single-product__add-to-cart form.cart.variations_form tr:last-child td{padding-bottom:0}.demo-education-news.single-product .thim-ekit-single-product__add-to-cart form.cart.variations_form tr:last-child td label{margin-bottom:0}.demo-education-news.single-product .thim-ekit-single-product__add-to-cart form.cart .single_variation_wrap{width:100%}.demo-education-news.single-product .thim-ekit-single-product__add-to-cart form.cart .woocommerce-variation-add-to-cart{display:flex;width:100%}.demo-education-news.single-product .thim-ekit-single-product__add-to-cart form.cart .quantity{flex-basis:30%}@media (max-width:1024px){.demo-education-news.single-product .thim-ekit-single-product__add-to-cart form.cart .quantity{flex-basis:40%}}.demo-education-news.single-product .thim-ekit-single-product__add-to-cart form.cart .quantity .minus,.demo-education-news.single-product .thim-ekit-single-product__add-to-cart form.cart .quantity .plus{justify-content:center}.demo-education-news.single-product .thim-ekit-single-product__add-to-cart form.cart button{flex-basis:70%}@media (max-width:1024px){.demo-education-news.single-product .thim-ekit-single-product__add-to-cart form.cart button{flex-basis:60%}}.demo-education-news.single-product .thim-ekit-single-product__add-to-cart form.cart .variations td.value label{padding:4px 12px}.demo-education-news.single-product .thim-ekit-single-product__add-to-cart form.cart .variations td.label{padding-right:15px}.demo-education-news.single-product .thim-ekit-single-product__add-to-cart .woocommerce-variation-price{margin-bottom:16px}.demo-education-news.single-product .thim-ekit-single-product__meta{display:flex;flex-direction:column;gap:12px}.demo-education-news.single-product .thim-ekit-single-product__tabs .woocommerce-tabs .tabs.wc-tabs{column-gap:30px;row-gap:10px}@media (max-width:600px){.demo-education-news.single-product .thim-ekit-single-product__tabs .woocommerce-tabs .tabs.wc-tabs{column-gap:12px}}.demo-education-news.single-product .thim-ekit-single-product__tabs .woocommerce-tabs .tabs.wc-tabs::before,.demo-education-news.single-product .thim-ekit-single-product__tabs .woocommerce-tabs .tabs.wc-tabs::after{content:none}.demo-education-news.single-product .thim-ekit-single-product__tabs .woocommerce-tabs .tabs.wc-tabs li{width:fit-content}.demo-education-news.single-product .thim-ekit-single-product__tabs .woocommerce-tabs .tabs.wc-tabs li::before{content:none}.demo-education-news.single-product .thim-ekit-single-product__tabs .woocommerce-tabs .tabs.wc-tabs li::after{height:2px;bottom:0;background-color:transparent}.demo-education-news.single-product .thim-ekit-single-product__tabs .woocommerce-tabs .tabs.wc-tabs li.active::after{background-color:var(--thim-font-title-color)}.demo-education-news.single-product .thim-ekit-single-product__tabs .woocommerce-tabs .entry-content h2{font-size:var(--thim-font-h4-font-size);margin-top:0;margin-bottom:20px}.demo-education-news.single-product .thim-ekit-single-product__tabs .woocommerce-product-attributes th,.demo-education-news.single-product .thim-ekit-single-product__tabs .woocommerce-product-attributes td p{padding:10px 16px}.demo-education-news.single-product .thim-ekit-single-product__rating::before,.demo-education-news.single-product .thim-ekit-single-product__rating::after{content:none}.demo-education-news .list-tab-event .nav-tabs.style_1{text-align:left;display:flex;flex-wrap:wrap;column-gap:24px;row-gap:8px}.demo-education-news .list-tab-event .nav-tabs.style_1::before,.demo-education-news .list-tab-event .nav-tabs.style_1::after{content:none}.demo-education-news .list-tab-event .nav-tabs.style_1 li{margin:0}.demo-education-news .list-tab-event .nav-tabs.style_1 li.active a,.demo-education-news .list-tab-event .nav-tabs.style_1 li:hover a{color:var(--thim-font-title-color)}.demo-education-news .list-tab-event .nav-tabs.style_1 li.active::after,.demo-education-news .list-tab-event .nav-tabs.style_1 li:hover::after{background-color:var(--thim-font-title-color)}.demo-education-news .list-tab-event .nav-tabs.style_1 li::after{content:"";position:absolute;left:0;right:0px;bottom:0px;height:1px;background-color:transparent}.demo-education-news .list-tab-event .nav-tabs.style_1 li a{padding:0 0 8px 0;margin:0;font-size:var(--thim-font-h6-font-size);font-weight:var(--thim-font-h6-variant);font-family:var(--thim-font-body-font-family)}.demo-education-news .list-tab-event .nav-tabs.style_1 li a::after{content:none}.demo-education-news .list-tab-event .thim-list-event .item-event{display:flex;flex-wrap:wrap;position:relative;padding:0 0 30px 0;margin:0 0 30px 0;border:none;border-bottom:1px solid var(--thim-border-color)}.demo-education-news .list-tab-event .thim-list-event .item-event:last-child{margin:0;padding:0;border:none}.demo-education-news .list-tab-event .thim-list-event .item-event .time-from{position:absolute;z-index:1;background-color:var(--bg-section-color);color:var(--thim-font-title-color);padding:10px 20px;width:fit-content;margin:0;top:12px !important;border-radius:var(--thim-border-radius-item,0);left:320px;right:auto}@media (max-width:1024px){.demo-education-news .list-tab-event .thim-list-event .item-event .time-from{left:12px}}.demo-education-news .list-tab-event .thim-list-event .item-event .time-from .date{font-size:var(--thim-font-h6-font-size) !important;line-height:var(--thim-font-h6-line-height);font-weight:var(--thim-font-h6-variant)}.demo-education-news .list-tab-event .thim-list-event .item-event .time-from .month{font-size:var(--font-size-small)}.demo-education-news .list-tab-event .thim-list-event .item-event .image img{height:100%;object-fit:cover}.demo-education-news .list-tab-event .thim-list-event .item-event .image .entry-countdown{right:16px}@media (max-width:1024px){.demo-education-news .list-tab-event .thim-list-event .item-event .image .entry-countdown{right:auto;left:12px;bottom:12px}}.demo-education-news .list-tab-event .thim-list-event .item-event .event-wrapper{position:unset;padding:0 30px;display:flex;flex-direction:column;justify-content:center}@media (max-width:1024px){.demo-education-news .list-tab-event .thim-list-event .item-event .event-wrapper{width:calc(100% - 400px);width:-webkit-calc(100% - 400px)}}@media (max-width:768px){.demo-education-news .list-tab-event .thim-list-event .item-event .event-wrapper{width:calc(100% - 330px);width:-webkit-calc(100% - 330px)}}@media (max-width:600px){.demo-education-news .list-tab-event .thim-list-event .item-event .event-wrapper{padding:0 !important}}.demo-education-news .list-tab-event .thim-list-event .item-event .event-wrapper .title a{color:var(--thim-font-title-color);background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 94%);transition:background-size 0.4s cubic-bezier(0.215,0.61,0.355,1),opacity 0.5s ease;background-position:100% 100%;background-size:0 1px}.demo-education-news .list-tab-event .thim-list-event .item-event .event-wrapper .title a:hover{color:var(--thim-font-title-color);background-position:0 100%;background-size:100% 1px}.demo-education-news .list-tab-event .thim-list-event .item-event .event-wrapper .meta{color:var(--thim-font-meta-color,#737373)}.demo-education-news .list-tab-event .thim-list-event .item-event .view-detail{position:absolute;right:0;left:auto;top:50%;transform:translateY(calc(-50% - 30px))}@media (max-width:1024px){.demo-education-news .list-tab-event .thim-list-event .item-event .view-detail{position:unset;transform:none}}.demo-education-news .list-tab-event .thim-list-event .item-event .view-detail a{margin-top:0}.demo-education-news .list-tab-event .thim-list-event .item-event .view-detail a:hover{background-color:var(--thim-button-hover-color);border-color:var(--thim-button-hover-color);color:var(--thim-button-text-color)}@media (max-width:1024px){.demo-education-news .list-tab-event .thim-list-event .item-event .view-detail a{margin-top:10px}}.demo-education-news.single-tp_event{--thim-padding-content-pdtop-desktop:40px;--thim-padding-content-pdtop-mobile:30px}.demo-education-news.single-tp_event .entry-summary{display:flex;flex-direction:column}.demo-education-news.single-tp_event .tp-event-top{order:1}.demo-education-news.single-tp_event .tp-event-top .entry-countdown{position:absolute;right:30px;bottom:30px;left:auto;top:auto;color:#fff;transition:0.3s;z-index:99;transform:none;padding:0}@media (max-width:767px){.demo-education-news.single-tp_event .tp-event-top .entry-countdown{left:16px;right:auto}}.demo-education-news.single-tp_event .tp-event-top .entry-countdown .is-countdown{background-color:#DF0000;border-radius:var(--thim-border-radius-item);border:none;padding:12px}.demo-education-news.single-tp_event .tp-event-top .entry-countdown .is-countdown .countdown-row{display:flex;gap:12px}@media (max-width:400px){.demo-education-news.single-tp_event .tp-event-top .entry-countdown .is-countdown .countdown-row{gap:8px}}.demo-education-news.single-tp_event .tp-event-top .entry-countdown .is-countdown .countdown-row .countdown-section{background-color:transparent;border:none;padding:0;display:inline-flex;gap:8px;width:auto;height:auto;align-items:center;margin:0}@media (max-width:400px){.demo-education-news.single-tp_event .tp-event-top .entry-countdown .is-countdown .countdown-row .countdown-section{gap:4px}}.demo-education-news.single-tp_event .tp-event-top .entry-countdown .is-countdown .countdown-row .countdown-section .countdown-amount{font-size:var(--thim-font-h5-font-size);width:fit-content;height:auto;font-weight:var(--thim-font-title-variant);line-height:var(--thim-font-h2-line-height);margin:0;padding:0}@media (max-width:400px){.demo-education-news.single-tp_event .tp-event-top .entry-countdown .is-countdown .countdown-row .countdown-section .countdown-amount{font-size:1rem}}.demo-education-news.single-tp_event .tp-event-top .entry-countdown .is-countdown .countdown-row .countdown-section .countdown-period{font-size:0.875rem;text-transform:capitalize;font-weight:var(--thim-font-body-variant);display:inline-block;width:auto}.demo-education-news.single-tp_event .tp-event-top .entry-countdown .tp-event-notice.error{background-color:#DF0000;border-radius:var(--thim-border-radius-item);border:none;padding:12px !important;color:#fff;margin:0 !important}.demo-education-news.single-tp_event .tp-event-top::before{content:none}.demo-education-news.single-tp_event .entry-title{order:2}.demo-education-news.single-tp_event .entry-title h1{margin:40px 0 0 0}.demo-education-news.single-tp_event .tp-event-content{order:3;margin-top:40px;display:flex;flex-direction:column-reverse;gap:40px}.demo-education-news.single-tp_event .tp-event-content .entry-content{width:100%;padding:0}.demo-education-news.single-tp_event .tp-event-info{width:100%;max-width:100%;padding:0;float:none;display:flex;margin:0}.demo-education-news.single-tp_event .tp-event-info .tp-info-box{padding:0;border:none;width:33%;border-right:1px solid var(--thim-border-color);margin-right:30px;padding-right:20px}.demo-education-news.single-tp_event .tp-event-info .tp-info-box:last-child{margin-right:0;border-right:none}.demo-education-news.single-tp_event .tp-event-info .tp-info-box i{display:none}.demo-education-news.single-tp_event .tp-event-info .tp-info-box .heading,.demo-education-news.single-tp_event .tp-event-info .tp-info-box p{padding-left:0}.demo-education-news.single-tp_event .tp-event-info .tp-info-box p:not(.heading){display:inline}.demo-education-news.single-tp_event .tp-event-info .tp-info-box .entry-location{margin:0}.demo-education-news.single-tp_event .tp-event-single-share{order:4}.demo-education-news.single-tp_event .entry-navigation-post{order:5;padding-bottom:30px}@media (max-width:767px){.demo-education-news.single-tp_event .entry-navigation-post{padding-bottom:20px}}.demo-education-news.single-tp_event .widget_book-event .event_button_disable,.demo-education-news.single-tp_event .widget_book-event .event_auth_button{padding:12px 30px}.demo-education-news.single-tp_event .widget_book-event .book-title{background-color:var(--bg-section-color);color:var(--thim-font-title-color);font-size:var(--thim-font-h3-font-size);line-height:var(--thim-font-h3-line-height);padding-top:30px}.demo-education-news.single-tp_event .widget_book-event .event_register_area{background-color:var(--bg-section-color);border:none;padding:20px 30px 0}.demo-education-news.single-tp_event .widget_book-event .event_register_area ul li{border-bottom:none;line-height:44px}.demo-education-news.single-tp_event .widget_book-event .event_register_area ul li input[type=number]{border:none;background-color:var(--thim-body-bg-color);border-radius:var(--thim-border-radius-item)}@media (min-width:1025px){.demo-education-news.single-tp_event .full-width .tp-event-content,.demo-education-news.single-tp_event .full-width .tp-event-single-share,.demo-education-news.single-tp_event .full-width .comments-area,.demo-education-news.single-tp_event .full-width .entry-title,.demo-education-news.single-tp_event .full-width .entry-navigation-post{width:calc(100% - 360px);margin-left:auto;margin-right:auto}}.demo-education-news .comments-area .comment-list .comment-list-inner li .comment-right .comment-reply-link,.demo-education-news .comments-area .comment-list .comment-list-inner li .comment-right .comment-edit-link{float:none;padding:10px 10px 0 0;margin:0;font-size:var(--font-size-small)}.demo-education-news .comments-area .comment-list .comment-list-inner li .comment-right .comment-reply-link:hover,.demo-education-news .comments-area .comment-list .comment-list-inner li .comment-right .comment-edit-link:hover{text-decoration:unset}.demo-education-news .comments-area .comment-list .comment-list-inner li .comment-right .comment-reply-link::before,.demo-education-news .comments-area .comment-list .comment-list-inner li .comment-right .comment-edit-link::before{font-size:1rem;margin-right:4px;content:"\f045";font-family:"eduma-icon"}.demo-education-news .comments-area .comment-list .comment-list-inner li .comment-right .comment-reply-link::before{content:"\f27c"}.demo-education-news .comments-area .comment-list .comment-list-inner li .comment-right .comment-respond{margin-top:20px}.demo-education-news .comments-area .comment-list .comment-list-inner li .comment-right .date{font-size:var(--thim-font-body-font-size);color:var(--thim-font-body-color);display:block;margin-top:4px}.demo-education-news .comments-area .comment-list .comment-list-inner li .comment-right #respond #cancel-comment-reply-link{display:block;margin:10px 0 0 0}.demo-education-news .comments-area .comment-list .comment-list-inner li .comment-right .author-name a{background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 94%);transition:background-size 0.4s cubic-bezier(0.215,0.61,0.355,1),opacity 0.5s ease;background-position:100% 100%;background-size:0 1px}.demo-education-news .comments-area .comment-list .comment-list-inner li .comment-right .author-name a:hover{color:var(--thim-font-title-color);background-position:0 100%;background-size:100% 1px}.demo-education-news .wp-block-columns{flex-wrap:nowrap !important}@media (min-width:1025px){body:not([data-elementor-device-mode=desktop]) .elementor-element{opacity:0;visibility:hidden}}@media (max-width:1024px) and (min-width:993px){body:not([data-elementor-device-mode=tablet]) .elementor-element{opacity:0;visibility:hidden}}@media (max-width:992px) and (min-width:768px){body:not([data-elementor-device-mode=mobile_extra]) .elementor-element{opacity:0;visibility:hidden}}@media (max-width:767px){body:not([data-elementor-device-mode=mobile]) .elementor-element{opacity:0;visibility:hidden}}