/*
Theme Name: Blocksy Child
Theme URI: http://themycotopia.com
Description: Child theme for Blocksy
Author: Branislav Tankosic
Author URI: http://themycotopia.com
Template: blocksy
Version: 1.0.0
Text Domain: blocksy-child
*/

@import url("../blocksy/style.css"); /* opcionalno, možeš koristiti enqueue u functions.php */
/* 1. Uvozimo fontove preko sigurnog HTTPS protokola */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Serif:wght@600&display=swap');

/**************** GLOBAL FONT SETUP ****************/

.entry-header .page-title{
	color: #efe6d6 !important;
}

[data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container {
  --logo-max-height: 70px !important;
}
@media (max-width: 689.98px) {
  [data-header*="type-1"] [data-id="offcanvas-logo"] {
    --logo-max-height: 60px !important;
  }
	.project_delivered{
		padding-left: 10px;
	}
	.default-logo{
		width: 150px !important;
		height: auto !important
	}
}
@media (max-width: 768px) {
	body .species_doc{
		text-align: left !important;
	}
}


/* Body tekst */
body {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 400 !important;
}

/* Paragrafi i običan tekst */
p,
span,
div,
li {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 400 !important;
}

/* H1 i H2 naslovi */
h1,
h2 {
    font-family: 'IBM Plex Serif', serif !important;
    font-weight: 600 !important;
}

/* (opciono) i ostali heading-i da budu konzistentni */
h3,
h4,
h5,
h6 {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 400 !important;
}

/**************** LANGUAGE SWITCHER ****************/

/* Jezik (Srpski / English) */
.ct-language-switcher a {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    color: #EFE6D6 !important;
}

a.ct-header-wishlist span,
a.ct-header-compare span,
.ct-language-switcher a,
.ct-account-item span.ct-label
{ 
    color: #EFE6D6 !important;
}


.ct-language-switcher a:hover {
    color: #9C4A29 !important;
}

/**************** HEADER ICON LINKOVI ****************/

/* Wishlist, Compare, Account tekst */
.ct-header [class*="ct-header-"] .ct-label {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 13px !important;
}

/**************** MENI ****************/

/**************** DESKTOP MENU ****************/

/* Glavni meni linkovi */
#header-menu-1 .menu>li>a {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #EFE6D6 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

/* Hover */
#header-menu-1 .menu>li>a:hover {
    color: #9C4A29 !important;
}

/* Active (trenutna stranica) */
#header-menu-1 .current-menu-item>a,
#header-menu-1 .current_page_item>a {
    color: #9C4A29 !important;
}

/**************** DROPDOWN (ako ga kasnije bude) ****************/

#header-menu-1 .sub-menu a {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 13px !important;
}

/* MOBILE OFFCANVAS TYPOGRAPHY */
@media (max-width: 768px) {

    /* MENU LINKOVI */
    .ct-panel-content-inner .mobile-menu .ct-menu-link {
        font-family: 'IBM Plex Sans', sans-serif !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        /* po potrebi menjaj */
    }

    /* CONTACT NASLOVI (Address, Email...) */
    .ct-panel-content-inner .ct-contact-info .contact-title {
        font-family: 'IBM Plex Serif', serif !important;
        font-weight: 600 !important;
        font-size: 16px !important;
    }

    /* CONTACT TEKST */
    .ct-panel-content-inner .ct-contact-info .contact-text,
    .ct-panel-content-inner .ct-contact-info .contact-text a {
        font-family: 'IBM Plex Sans', sans-serif !important;
        font-weight: 400 !important;
        font-size: 14px !important;
    }

}

#gspb_heading-id-gsbp-9ac61ae,
#gspb_text-id-gsbp-61cbd1b,
#gspb_button-id-gsbp-8463546 .gspb-buttonbox-title,
#gspb_container-id-gsbp-83323c6 .gs-counter,
#gspb_text-id-gsbp-7a7eeb8,
#gspb_container-id-gsbp-e9203f2 .gs-counter,
#gspb_text-id-gsbp-9258321  {
    color: #EFE6D6;
}




/* OVDE IDE MOJ CUSTOM CSS */

/* ========== Osnovni stil cookie popup ========== */
.cookie-notification {
    position: fixed !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 9999 !important;
    max-width: 400px !important;
    width: 90% !important;
	box-sizing: border-box !important;
    background-color: #ffffff;
    color: #333333;
    padding: 25px 25px !important;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    font-family: 'IBM Plex Sans', sans-serif !important;
    display: flex;
    flex-direction: column;
    gap: 15px;
    text-align: center;
    transition: all 0.3s ease;
}

/* Tekst unutar popupa */
.cookie-notification .ct-cookies-content {
    font-size: 14px;
    line-height: 1.5;
}

/* Dugmad */
.cookie-notification .ct-button-group {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.cookie-notification .ct-button {
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* Accept dugme */
.cookie-notification .ct-cookies-accept-button {
    background-color: #9d402f; /* Indigo 600 */
    color: #ffffff;
}

.cookie-notification .ct-cookies-accept-button:hover {
    background-color: #b91c1a; /* Indigo 700 */
}

/* Decline dugme */
.cookie-notification .ct-cookies-decline-button {
    background-color: #e5e7eb; /* Gray 200 */
    color: #111827; /* Gray 900 */
}

.cookie-notification .ct-cookies-decline-button:hover {
    background-color: #d1d5db; /* Gray 300 */
}

/* Responsive za mobilni */
@media (max-width: 480px) {
    .cookie-notification {
        padding: 15px 20px;
    }

    .cookie-notification .ct-button-group {
        flex-direction: column;
        gap: 8px;
    }

    .cookie-notification .ct-button {
        width: 100%;
    }
}

/* Sprečava da popup "bode" sa leve strane */
body, html {
    overflow-x: visible !important;
}

/* ========== Globalna boja dugmadi za ceo sajt ========== */
.wp-block-greenshift-blocks-buttonbox.gspb-buttonbox,
.wp-block-greenshift-blocks-buttonbox.gspb-buttonbox a,
.ct-woo-card-actions .button.add_to_cart_button,
.cookie-notification .ct-button {
    background-color: #9C4A29 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    text-align: center;
    padding: 8px 16px !important;
    font-size: 14px !important;
    transition: all 0.2s ease !important;
}

/* Hover efekat za sva dugmad */
.wp-block-greenshift-blocks-buttonbox.gspb-buttonbox:hover,
.wp-block-greenshift-blocks-buttonbox.gspb-buttonbox a:hover,
.ct-woo-card-actions .button.add_to_cart_button:hover,
.cookie-notification .ct-button:hover {
    /*background-color: #b91c1a !important;*/
    transform: translateY(-2px);
}

/* Globalna boja za WooCommerce Add to Cart dugmad */
.ct-woo-card-actions a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background-color: #9C4A29 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
    font-size: 14px !important;
    text-align: center;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

/* Hover efekt */
.ct-woo-card-actions a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
    background-color: #9C4A29 !important;
    transform: translateY(-2px);
}




/*****************************  About  *******************************/

/***************************** About (EN: 18 & SRB: 1563)  *******************************/

.page-id-18 h1,
.page-id-1563 h1,
.page-id-18 h2,
.page-id-1563 h2,
.page-id-18 h3,
.page-id-1563 h3{
	font-family: 'IBM Plex Serif', serif !important;
    font-weight: 600 !important;
}


/* 1. POZADINA I PARALLAX LOGIKA */
.page-id-18, .page-id-1563 {
    background: #0d2a1c !important; /* Rezervna tamna boja */
    position: relative;
    overflow-x: hidden;
}

.page-id-18 p#gspb_heading-id-gsbp-43b3be1, .page-id-1563 p#gspb_heading-id-gsbp-43b3be1{
	border-radius: 20px !important;
  background: rgba(239, 230, 214, 0.12) !important;
  backdrop-filter: blur(15px) !important;
  -webkit-backdrop-filter: blur(15px);
  box-shadow: 12px 12px 0px rgba(0, 0, 0, 0.25), 25px 25px 50px rgba(0, 0, 0, 0.5) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  
}

.page-id-18::before, .page-id-1563::before {
    content: "";
    position: fixed;
     width: 100%;
    height: 100vh;
    background-image: url('https://themycotopia.com/wp-content/uploads/2026/05/about_desctop.png') !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    z-index: -1;
    transform: translateY(calc(var(--scroll-offset, 0px) * -1)); /* DODAT MINUS */
    will-change: transform;
}

/* 2. WRAPPER I OSNOVNI STILOVI TEKSTA */
.page-id-18 .gspb_heading-id-gsbp-df99c1b,
.page-id-1563 .gspb_heading-id-gsbp-df99c1b,
.page-id-18 .first-paragraph, .page-id-1563 .first-paragraph,
.page-id-18 p, .page-id-1563 p {
    max-width: 720px;
    margin-left: auto !important;
    margin-right: auto !important;
    color: #efe8df !important; /* Svetlija boja zbog tamne pozadine */
}

.first-paragraph {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7;
    margin-bottom: 0 !important;
}

.first-paragraph + p,
.first-paragraph + p ~ p {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
}

/* Naslov intro bloka */
#gspb_heading-id-gsbp-43b3be1 {
    color: #9C4A29 !important; 
    margin-bottom: 40px;
}

/* 3. READING EFEKAT (BOJE) */
.page-id-18 .reading-text,
.page-id-1563 .reading-text {
    line-height: 1.7;
    text-align: center;
    padding: 40px 5% 40px 5%;
    color: rgba(239, 232, 223, 0.4) !important;
}

.page-id-18 .reading-word,
.page-id-1563 .reading-word {
    display: inline;
    color: rgba(239, 232, 223, 0.8) !important;
    opacity: 0.5;
    transition: color .4s ease, opacity .4s ease;
}

.page-id-18 .reading-word.active,
.page-id-1563 .reading-word.active {
    color: #efe6d6; /* Svetlo kad je aktivno */
    opacity: 1;
    text-shadow: 0 0 10px rgba(239, 232, 223, 0.2);
}

/* 4. SECTION RESET (Uklanjanje krem pozadina) */
.page-id-1563 #gspb_heading-id-gsbp-674adcd,
.page-id-1563 #gspb_row-id-gsbp-b8fb4f3,
.page-id-18 #gspb_heading-id-gsbp-674adcd,
.page-id-18 #gspb_row-id-gsbp-b8fb4f3{
    background: transparent !important; /* Proziran background da se vidi slika */
    width: 100% !important;
    margin-left: 0 !important;
    max-width: none !important;
}

.page-id-18 #gspb_row-id-gsbp-b8fb4f3,
.page-id-1563 #gspb_row-id-gsbp-b8fb4f3{
    padding-top: 100px;
    padding-bottom: 100px;
}

/* Stil naslova sekcije */
.page-id-1563 #gspb_heading-id-gsbp-674adcd,
.page-id-1518 #gspb_heading-id-gsbp-674adcd{
    font-size: 28px;
    font-weight: 600;
    line-height: 1.3;
    color: #efe8df !important; /* Promenjeno iz tamne u svetlu */
    text-align: center;
    padding-top: 40px;
}

/* 1. GRID KONTEJNER - Kontrola rasporeda */
.page-id-1563 #gspb_row-id-gsbp-b1dd863 > .gspb_row__content,
.page-id-18 #gspb_row-id-gsbp-b1dd863 > .gspb_row__content {
    max-width: 1200px;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    
    /* KLJUČ: stretch nateruje sve blokčiće u istom redu da imaju istu visinu */
    align-items: stretch !important; 
    justify-content: center;
    gap: 40px !important;
    padding: 20px;
}

/* 2. STAKLENI BLOKČIĆ - Individualna kartica */
#gspb_row-id-gsbp-b1dd863 .gspb_container {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 20px !important;
    
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important; /* Sve ide na vrh */
    
    height: 100% !important; /* Popunjava visinu grida */
    min-height: 250px !important; 
    padding: 40px 20px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* 3. BROJEVI (Counter) */
#gspb_row-id-gsbp-b1dd863 .gs-counter {
    font-size: 56px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #efe6d6 !important;
    margin-top: 0 !important;
    line-height: 1 !important;
}

#gspb_row-id-gsbp-b1dd863 .gs-counterwrap {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 4. TEKST ISPOD (h4) */
#gspb_row-id-gsbp-b1dd863 h4 {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: rgba(239, 232, 223, 0.8) !important;
    max-width: none !important;
    margin: 15px 0 0 0 !important;
    text-align: center;
}

/* 5. FIX ZA GREENSHIFT KOLONE */
.page-id-18 #gspb_row-id-gsbp-b1dd863 .gspb_row__col--6,
.page-id-1563 #gspb_row-id-gsbp-b1dd863 .gspb_row__col--6 {
    width: auto !important;
    flex: none !important;
    display: flex !important; /* Pomaže stretch efektu */
}

/* 6. RESPONSIVE - Tablet (2x2) i Mobile (1x1) */
@media (max-width: 1024px) {
    .page-id-1563 #gspb_row-id-gsbp-b1dd863 > .gspb_row__content,
    .page-id-18 #gspb_row-id-gsbp-b1dd863 > .gspb_row__content {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px 20px !important;
    }
    #gspb_row-id-gsbp-b1dd863 .gspb_container {
        min-height: 220px !important;
        padding: 30px 15px !important;
    }
}

@media (max-width: 600px) {
    .page-id-1563 #gspb_row-id-gsbp-b1dd863 > .gspb_row__content,
    .page-id-18 #gspb_row-id-gsbp-b1dd863 > .gspb_row__content {
        grid-template-columns: 1fr !important;
    }
}

/* 7. OSTALI ELEMENTI (Naslov sekcije) */
.page-id-18 h2#gspb_heading-id-gsbp-20a40fe, 
.page-id-1563 h2#gspb_heading-id-gsbp-20a40fe {
  background: rgba(13, 42, 28, 0.8);
  color: #efe6d6;
  padding: 25px 50px;
  border-radius: 20px;
  display: table;
  margin: 0 auto !important; /* Promenjeno sa 0 auto 0 0 na 0 auto da se centrira */
  text-align: center;
  width: 305px;
  box-shadow: 12px 12px 0px rgba(0, 0, 0, 0.35), 25px 25px 50px rgba(0, 0, 0, 0.5);
}

/* MOBILNI: 1 kolona u redu */
@media (max-width: 600px) {
    .page-id-1563 #gspb_row-id-gsbp-b1dd863 > .gspb_row__content,
    .page-id-18 #gspb_row-id-gsbp-b1dd863 > .gspb_row__content {
        grid-template-columns: 1fr !important; /* Jedan ispod drugog */
        gap: 40px !important;
    }

    /* Smanjujemo malo veličinu brojeva na mobilnom da ne vrište */
    #gspb_row-id-gsbp-b1dd863 .gs-counter {
        font-size: 42px !important;
    }
		
}

.about_expertise{
	width: 90%;
    max-width: 1000px;
	margin-bottom: 80px !important;
	margin-top: 130px !important;
}

/***************************** About - Expertise Fix *******************************/

/* 1. Reset roditelja - oslobađamo prostor */
#gspb_col-id-gsbp-3a725c5 {
    display: block !important; /* Menjamo sa flex na block radi lakše kontrole margina */
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

/* 2. Naslovi (Zeleni bedževi) */
#gspb_col-id-gsbp-3a725c5 h3 {
    background: rgba(13, 42, 28, 0.85) !important;
    color: #efe6d6 !important;
    padding: 12px 30px !important;
    border-radius: 12px !important;
    font-size: 24px !important;
    width: fit-content !important; /* DA NE BUDU PREŠIROKI */
    margin-bottom: -30px !important; 
    position: relative;
    z-index: 10;
    box-shadow: 8px 8px 0px rgba(0, 0, 0, 0.2) !important;
}

/* 3. Paragrafi (Cinnamon ploče) s pojačanom senkom */
.page-id-1563 #gspb_col-id-gsbp-3a725c5 p,
.page-id-18 #gspb_col-id-gsbp-3a725c5 p{
    background: rgba(156, 74, 41, 0.85) !important; /* Blago pojačan intenzitet boje */
    color: #efe6d6 !important;
    padding: 60px 50px 40px 50px !important;
    border-radius: 30px !important;
    max-width: 700px !important;
    width: 100% !important;
    margin-bottom: 65px !important;
    
    /* MODERNA SLOJEVITA SENKA */
    box-shadow: 
        15px 20px 40px rgba(0, 0, 0, 0.45),  /* Glavna duboka senka */
        5px 5px 15px rgba(0, 0, 0, 0.2),    /* Oštrija senka uz ivicu */
        0px 0px 100px rgba(156, 74, 41, 0.15) !important; /* Blagi cinnamon odsjaj oko bloka */
        
    border: 1px solid rgba(239, 230, 214, 0.1) !important; /* Suptilna ivica da odvoji blok od tamne pozadine */
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease !important;
	
}

.page-id-18 #gspb_heading-id-gsbp-674adcd,
.page-id-1563 #gspb_heading-id-gsbp-674adcd{
	color: #efe6d6 !important;
	border-top: 0;
	background: rgba(13, 42, 28, 0.85) !important;
	padding: 12px 30px !important;
  border-radius: 12px !important;
	box-shadow: 8px 8px 0px rgba(0, 0, 0, 0.2) !important;
	
    margin: 0 auto !important;
}

@media (max-width: 650px) {
	.page-id-18 #gspb_heading-id-gsbp-674adcd,
	.page-id-1563 #gspb_heading-id-gsbp-674adcd{
		width: 80% !important;
	}
}
@media screen and (min-width: 651px) and (max-width: 768px) {
	.page-id-18 #gspb_heading-id-gsbp-674adcd,
	.page-id-1563 #gspb_heading-id-gsbp-674adcd{
		width: 60% !important;
	}
}
@media screen and (min-width: 769px) and (max-width: 800px) {
	.page-id-18 #gspb_heading-id-gsbp-674adcd,
	.page-id-1563 #gspb_heading-id-gsbp-674adcd{
		width: 55% !important;
	}
}
@media (min-width: 801px) {
	.page-id-18 #gspb_heading-id-gsbp-674adcd,
	.page-id-1563 #gspb_heading-id-gsbp-674adcd{
		width: 340px !important;
	}
}

/* 3.1 Hover efekat (opciono, ali izgleda moćno) */
.page-id-18 #gspb_col-id-gsbp-3a725c5 p:hover,
.page-id-1563 #gspb_col-id-gsbp-3a725c5 p:hover{
    transform: translateY(-5px); /* Blago se podigne kad pređeš mišem */
    box-shadow: 
        20px 30px 50px rgba(0, 0, 0, 0.55), 
        5px 5px 20px rgba(0, 0, 0, 0.3) !important;
}

/* 4. LEVA STRANA (Research & Education) */
/* Naslovi levo */
#gspb_heading-id-gsbp-a35b7d9, 
#gspb_heading-id-gsbp-aeeaf71 {
    margin-left: 20px !important;
    margin-right: auto !important;
}
/* Ploče levo */
#gspb_heading-id-gsbp-9eba317, 
#gspb_heading-id-gsbp-ef7af6d,
#gspb_heading-id-gsbp-c358dec,
#gspb_heading-id-gsbp-ef7af6d{
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* 5. DESNA STRANA (Biotechnology & Consulting) */
/* Naslovi desno */
#gspb_heading-id-gsbp-d80db76, 
#gspb_heading-id-gsbp-6a51689
{
    margin-left: auto !important;
    margin-right: 50px !important; /* Odmak od ivice za bedž */
}
/* Ploče desno */
#gspb_heading-id-gsbp-d54c472, 
#gspb_heading-id-gsbp-cc001d3 {
    margin-left: auto !important;
    margin-right: 0 !important;
}

#gspb_col-id-gsbp-96ddb49 {
    margin: 0 auto;
}

h2#gspb_heading-id-gsbp-8dc8ca3{
	/*color: rgba(239, 232, 223, 0.8);*/
}

/* 6. MOBILE FIX */
@media (max-width: 768px) {
    #gspb_col-id-gsbp-3a725c5 h3, 
    #gspb_col-id-gsbp-3a725c5 p {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 100% !important;
        text-align: center;
    }
    #gspb_col-id-gsbp-3a725c5 h3 {
        margin-bottom: -20px !important;
    }
	.page-id-18 #gspb_heading-id-gsbp-674adcd,
.page-id-1563 #gspb_heading-id-gsbp-674adcd{
    width: 80%;
}

  .page-id-18::before, .page-id-1563::before {
    display: none !important;
    content: none !important;
  }
  /* 2. Podesi novi HTML blok da bude fiksiran i da ne mrdne */
  .fiksna-pozadina-mob {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100% !important;
    
    z-index: -1; /* Ovo ga šalje iza teksta */
    overflow: hidden;
  }

  .fiksna-pozadina-mob img {
    width: 100%;
    
    object-fit: cover; /* Ovo je taj "Fit" koji ne zumira pri skrolu */
    object-position: center;
    display: block;
  }
}

/* 3. Sakrij ovaj novi blok na desktopu (tamo ti radi tvoj parallax) */
@media (min-width: 769px) {
  .fiksna-pozadina-mob {
    display: none !important;
  }
}



.strip-gallery{
	margin-bottom: 0 !important;
}

.page-id-1563 #gspb_text-id-gsbp-3cfa114.gspb_text-id-gsbp-3cfa114
.page-id-18 #gspb_text-id-gsbp-3cfa114.gspb_text-id-gsbp-3cfa114{
	color: #0e2a1c !important;
}

.page-id-1563 figure figure img,
.page-id-18 figure figure img{
	filter: none !important;
}

/* Kontrola razmaka oko tačkica */
/* Glavni kontejner za tekst - centriran, u jednom redu i tvoja boja */
/* ============================================================
   PEOPLE BEHIND SECTION - FULL WIDTH & BULLET MENU
   ============================================================ */

/* 1. Prisilno širenje samo ove specifične grupe od zida do zida */
.wp-block-group.people_behind {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    box-sizing: border-box !important;
    
    /* Unutrašnji razmak sa strana da tekst ne lepi za ivice na mobilnom */
    padding-left: 24px !important;
    padding-right: 24px !important;
    
    /* Unutrašnji razmak gore i dole unutar zelenog bloka */
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

/* 2. Glavni kontejner za tekst (paragraf) - u jednom redu i tvoja boja */
.people_behind .my-custom-menu {
    /*display: block !important;*/
	display: none !important;
    text-align: center !important;
    color: #efe6d6 !important; /* Tvoja bež boja za reči */
}

/* 3. Stil i razmak za same tačkice (bullets) između reči */
.people_behind .my-custom-menu .mid-bullet {
    margin: 0 30px !important; /* Razmak levo i desno od tačke (ukupno 60px između reči) */
    display: inline-block !important;
    color: #efe6d6 !important; /* Boja tačkica */
    opacity: 0.7; /* Blago utišane tačkice da reči dođu do izražaja */
}

/* 4. Osiguravamo da je i naslov centriran unutar ove sekcije */
.people_behind h2 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
	margin-bottom: 0 !important;
}

.people_behind {
	margin-bottom: 0 !important;
}

/* ============================================================
   PRILAGOĐAVANJE ZA MALE EKRANE (ISPOD 450px)
   ============================================================ */
@media (max-width: 450px) {
    /* Smanjujemo razmak oko tačkica na 10px (ukupno 20px između reči) */
    .people_behind .my-custom-menu .mid-bullet {
        margin: 0 10px !important; 
    }

    /* Opciono: Blago smanjujemo veličinu slova na malim ekranima da sve lakše stane */
    .people_behind .my-custom-menu {
        font-size: 14px !important; 
        letter-spacing: 0.5px !important; /* Smanjujemo i razmak između slova ako zatreba */
    }
}

/******** Socials on About ***************/
/* ================================================
   Social icons — socials_nenad
   Osnovna boja:  var(--theme-icon-color)       → #0e2a1c
   Hover boja:    var(--theme-icon-hover-color)  → palette-color-2 (#985831)
   ================================================ */

.socials_nenad .ct-social-box {
  display: flex;
  align-items: center;
  gap: var(--items-spacing, 25px);
}

.socials_nenad .ct-social-box a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.socials_nenad .ct-social-box a:hover {
  transform: scale(1.12);
}

/* ── eNauka (stroke-based ikona, data-network="facebook") ── */

.socials_nenad .ct-social-box a[data-network="facebook"] svg circle {
  fill: var(--theme-icon-color, #0e2a1c);
  transition: fill 0.2s ease;
}

.socials_nenad .ct-social-box a[data-network="facebook"]:hover svg circle {
  fill: var(--theme-icon-hover-color, #985831);
}

/* ── ORCID (fill-based ikona, data-network="twitter") ── */

.socials_nenad .ct-social-box a[data-network="twitter"] svg circle:first-of-type {
  fill: var(--theme-icon-color, #0e2a1c);
  transition: fill 0.2s ease;
}

/* Unutrašnji cutout D prati istu boju */
.socials_nenad .ct-social-box a[data-network="twitter"] svg path:last-of-type {
  fill: var(--theme-icon-color, #0e2a1c);
  transition: fill 0.2s ease;
}

.socials_nenad .ct-social-box a[data-network="twitter"]:hover svg circle:first-of-type {
  fill: var(--theme-icon-hover-color, #985831);
}

.socials_nenad .ct-social-box a[data-network="twitter"]:hover svg path:last-of-type {
  fill: var(--theme-icon-hover-color, #985831);
}

/* ── ResearchGate (fill-based ikona, data-network="instagram") ── */

.socials_nenad .ct-social-box a[data-network="instagram"] svg circle:first-of-type {
  fill: var(--theme-icon-color, #0e2a1c);
  transition: fill 0.2s ease;
}

.socials_nenad .ct-social-box a[data-network="instagram"]:hover svg circle:first-of-type {
  fill: var(--theme-icon-hover-color, #985831);
}




/********** Terms and Conditions, Privacy, Cookie ********************/
/* ============================================================
   BULLETPROOF FIX ZA SVETLE STRANICE (HEDER & LOGO & MENI)
   ID-jevi: 1398, 1396, 3, 1282, 1417, 1414
   ============================================================ */

/* 1. Resetovanje Blocksy CSS varijabli unutar celog hedera (Inicijalno zelena, Hover terakota) */
body.page-id-1398 .ct-header,
body.page-id-1396 .ct-header,
body.page-id-3 .ct-header,
body.page-id-1282 .ct-header,
body.page-id-1417 .ct-header,
body.page-id-1414 .ct-header {
    --linkInitialColor: #0e2a1c !important;
    --linkHoverColor: #9C4A29 !important;
    --color: #0e2a1c !important;
    --header-links-color: #0e2a1c !important;
    --header-link-initial-color: #0e2a1c !important;
    --header-link-hover-color: #9C4A29 !important;
}

/* 2. Direktan override za sve tekstove i labele (Inicijalno stanje) */
body.page-id-1398 .ct-header .ct-label, body.page-id-1398 .ct-header .ct-menu-link, body.page-id-1398 .ct-header a, body.page-id-1398 .ct-header span, body.page-id-1398 .ct-header-account .ct-account-item,
body.page-id-1396 .ct-header .ct-label, body.page-id-1396 .ct-header .ct-menu-link, body.page-id-1396 .ct-header a, body.page-id-1396 .ct-header span, body.page-id-1396 .ct-header-account .ct-account-item,
body.page-id-3 .ct-header .ct-label, body.page-id-3 .ct-header .ct-menu-link, body.page-id-3 .ct-header a, body.page-id-3 .ct-header span, body.page-id-3 .ct-header-account .ct-account-item,
body.page-id-1282 .ct-header .ct-label, body.page-id-1282 .ct-header .ct-menu-link, body.page-id-1282 .ct-header a, body.page-id-1282 .ct-header span, body.page-id-1282 .ct-header-account .ct-account-item,
body.page-id-1417 .ct-header .ct-label, body.page-id-1417 .ct-header .ct-menu-link, body.page-id-1417 .ct-header a, body.page-id-1417 .ct-header span, body.page-id-1417 .ct-header-account .ct-account-item,
body.page-id-1414 .ct-header .ct-label, body.page-id-1414 .ct-header .ct-menu-link, body.page-id-1414 .ct-header a, body.page-id-1414 .ct-header span, body.page-id-1414 .ct-header-account .ct-account-item {
    color: #0e2a1c !important;
}

/* HOVER za sve tekstove i labele u hederu -> Terakota */
body.page-id-1398 .ct-header a:hover, body.page-id-1398 .ct-header a:hover .ct-label, body.page-id-1398 .ct-header .ct-header-account:hover .ct-account-item, body.page-id-1398 .ct-header-search:hover .ct-label,
body.page-id-1396 .ct-header a:hover, body.page-id-1396 .ct-header a:hover .ct-label, body.page-id-1396 .ct-header .ct-header-account:hover .ct-account-item, body.page-id-1396 .ct-header-search:hover .ct-label,
body.page-id-3 .ct-header a:hover, body.page-id-3 .ct-header a:hover .ct-label, body.page-id-3 .ct-header .ct-header-account:hover .ct-account-item, body.page-id-3 .ct-header-search:hover .ct-label,
body.page-id-1282 .ct-header a:hover, body.page-id-1282 .ct-header a:hover .ct-label, body.page-id-1282 .ct-header .ct-header-account:hover .ct-account-item, body.page-id-1282 .ct-header-search:hover .ct-label,
body.page-id-1417 .ct-header a:hover, body.page-id-1417 .ct-header a:hover .ct-label, body.page-id-1417 .ct-header .ct-header-account:hover .ct-account-item, body.page-id-1417 .ct-header-search:hover .ct-label,
body.page-id-1414 .ct-header a:hover, body.page-id-1414 .ct-header a:hover .ct-label, body.page-id-1414 .ct-header .ct-header-account:hover .ct-account-item, body.page-id-1414 .ct-header-search:hover .ct-label {
    color: #9C4A29 !important;
}

/* 3. Direktan override za sve ikonice (Inicijalno stanje) */
body.page-id-1398 .ct-header svg.ct-icon, body.page-id-1398 .ct-header svg, body.page-id-1398 .ct-header svg path,
body.page-id-1396 .ct-header svg.ct-icon, body.page-id-1396 .ct-header svg, body.page-id-1396 .ct-header svg path,
body.page-id-3 .ct-header svg.ct-icon, body.page-id-3 .ct-header svg, body.page-id-3 .ct-header svg path,
body.page-id-1282 .ct-header svg.ct-icon, body.page-id-1282 .ct-header svg, body.page-id-1282 .ct-header svg path,
body.page-id-1417 .ct-header svg.ct-icon, body.page-id-1417 .ct-header svg, body.page-id-1417 .ct-header svg path,
body.page-id-1414 .ct-header svg.ct-icon, body.page-id-1414 .ct-header svg, body.page-id-1414 .ct-header svg path {
    fill: #0e2a1c !important;
    stroke: #0e2a1c !important;
}

/* HOVER za sve ikonice -> Terakota */
body.page-id-1398 .ct-header a:hover svg, body.page-id-1398 .ct-header a:hover svg path, body.page-id-1398 .ct-header .ct-header-account:hover svg, body.page-id-1398 .ct-header .ct-header-account:hover svg path, body.page-id-1398 .ct-header-search:hover svg, body.page-id-1398 .ct-header-search:hover svg path,
body.page-id-1396 .ct-header a:hover svg, body.page-id-1396 .ct-header a:hover svg path, body.page-id-1396 .ct-header .ct-header-account:hover svg, body.page-id-1396 .ct-header .ct-header-account:hover svg path, body.page-id-1396 .ct-header-search:hover svg, body.page-id-1396 .ct-header-search:hover svg path,
body.page-id-3 .ct-header a:hover svg, body.page-id-3 .ct-header a:hover svg path, body.page-id-3 .ct-header .ct-header-account:hover svg, body.page-id-3 .ct-header .ct-header-account:hover svg path, body.page-id-3 .ct-header-search:hover svg, body.page-id-3 .ct-header-search:hover svg path,
body.page-id-1282 .ct-header a:hover svg, body.page-id-1282 .ct-header a:hover svg path, body.page-id-1282 .ct-header .ct-header-account:hover svg, body.page-id-1282 .ct-header .ct-header-account:hover svg path, body.page-id-1282 .ct-header-search:hover svg, body.page-id-1282 .ct-header-search:hover svg path,
body.page-id-1417 .ct-header a:hover svg, body.page-id-1417 .ct-header a:hover svg path, body.page-id-1417 .ct-header .ct-header-account:hover svg, body.page-id-1417 .ct-header .ct-header-account:hover svg path, body.page-id-1417 .ct-header-search:hover svg, body.page-id-1417 .ct-header-search:hover svg path,
body.page-id-1414 .ct-header a:hover svg, body.page-id-1414 .ct-header a:hover svg path, body.page-id-1414 .ct-header .ct-header-account:hover svg, body.page-id-1414 .ct-header .ct-header-account:hover svg path, body.page-id-1414 .ct-header-search:hover svg, body.page-id-1414 .ct-header-search:hover svg path {
    fill: #9C4A29 !important;
    stroke: #9C4A29 !important;
}

/* 4. Mobilni hamburger meni (sve tri linije) */
body.page-id-1398 .ct-header-trigger svg[data-type="type-1"] rect,
body.page-id-1396 .ct-header-trigger svg[data-type="type-1"] rect,
body.page-id-3 .ct-header-trigger svg[data-type="type-1"] rect,
body.page-id-1282 .ct-header-trigger svg[data-type="type-1"] rect,
body.page-id-1417 .ct-header-trigger svg[data-type="type-1"] rect,
body.page-id-1414 .ct-header-trigger svg[data-type="type-1"] rect {
    fill: #0e2a1c !important;
}
body.page-id-1398 .ct-header-trigger:hover svg[data-type="type-1"] rect,
body.page-id-1396 .ct-header-trigger:hover svg[data-type="type-1"] rect,
body.page-id-3 .ct-header-trigger:hover svg[data-type="type-1"] rect,
body.page-id-1282 .ct-header-trigger:hover svg[data-type="type-1"] rect,
body.page-id-1417 .ct-header-trigger:hover svg[data-type="type-1"] rect,
body.page-id-1414 .ct-header-trigger:hover svg[data-type="type-1"] rect {
    fill: #9C4A29 !important;
}

/* 5. Kružići sa brojačima (Wishlist i Cart) - pozadina zelena, broj krem/bež */
body.page-id-1398 .ct-header .ct-dynamic-count-wishlist, body.page-id-1398 .ct-header .ct-dynamic-count-cart,
body.page-id-1396 .ct-header .ct-dynamic-count-wishlist, body.page-id-1396 .ct-header .ct-dynamic-count-cart,
body.page-id-3 .ct-header .ct-dynamic-count-wishlist, body.page-id-3 .ct-header .ct-dynamic-count-cart,
body.page-id-1282 .ct-header .ct-dynamic-count-wishlist, body.page-id-1282 .ct-header .ct-dynamic-count-cart,
body.page-id-1417 .ct-header .ct-dynamic-count-wishlist, body.page-id-1417 .ct-header .ct-dynamic-count-cart,
body.page-id-1414 .ct-header .ct-dynamic-count-wishlist, body.page-id-1414 .ct-header .ct-dynamic-count-cart {
    background-color: #0e2a1c !important;
    color: #efe6d6 !important;
}

/* HOVER za kružiće sa brojačima -> Pozadina postaje terakota */
body.page-id-1398 a:hover .ct-dynamic-count-wishlist, body.page-id-1398 a:hover .ct-dynamic-count-cart,
body.page-id-1396 a:hover .ct-dynamic-count-wishlist, body.page-id-1396 a:hover .ct-dynamic-count-cart,
body.page-id-3 a:hover .ct-dynamic-count-wishlist, body.page-id-3 a:hover .ct-dynamic-count-cart,
body.page-id-1282 a:hover .ct-dynamic-count-wishlist, body.page-id-1282 a:hover .ct-dynamic-count-cart,
body.page-id-1417 a:hover .ct-dynamic-count-wishlist, body.page-id-1417 a:hover .ct-dynamic-count-cart,
body.page-id-1414 a:hover .ct-dynamic-count-wishlist, body.page-id-1414 a:hover .ct-dynamic-count-cart {
    background-color: #9C4A29 !important;
}

/* 6. Naslovi stranica (Page Title) */
body.page-id-1398 .page-title,
body.page-id-1396 .page-title,
body.page-id-3 .page-title,
body.page-id-1282 .page-title,
body.page-id-1417 .page-title,
body.page-id-1414 .page-title {
    color: #0e2a1c !important;
}

/* 7. Glavni meni linkovi (Inicijalno) */
body.page-id-1398 #header-menu-1 .menu>li>a,
body.page-id-1396 #header-menu-1 .menu>li>a,
body.page-id-3 #header-menu-1 .menu>li>a,
body.page-id-1282 #header-menu-1 .menu>li>a,
body.page-id-1417 #header-menu-1 .menu>li>a,
body.page-id-1414 #header-menu-1 .menu>li>a {
    color: #0e2a1c !important;
}

/* Glavni meni linkovi (Hover) */
body.page-id-1398 #header-menu-1 .menu>li>a:hover,
body.page-id-1396 #header-menu-1 .menu>li>a:hover,
body.page-id-3 #header-menu-1 .menu>li>a:hover,
body.page-id-1282 #header-menu-1 .menu>li>a:hover,
body.page-id-1417 #header-menu-1 .menu>li>a:hover,
body.page-id-1414 #header-menu-1 .menu>li>a:hover {
    color: #9C4A29 !important;
}

/* 8. Potamnjivanje krem logotipa za sve navedene stranice */
body.page-id-1398 .site-logo-container img,
body.page-id-1396 .site-logo-container img,
body.page-id-3 .site-logo-container img,
body.page-id-1282 .site-logo-container img,
body.page-id-1417 .site-logo-container img,
body.page-id-1414 .site-logo-container img {
    filter: invert(1) brightness(0.15) sepia(1) hue-rotate(100deg) saturate(2) !important;
}


.page-id-1414 .entry-content,
.page-id-1417 .entry-content,
.page-id-1282 .entry-content,
.page-id-3 .entry-content,
.page-id-1398 .entry-content,
.page-id-1396 .entry-content {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 400;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

/* Naslovi */
.page-id-1414 .entry-header h1,
.page-id-1417 .entry-header h1,
.page-id-1396 .entry-header h1,
.page-id-1398 .entry-header h1,
.page-id-1282 .entry-header h1,
.page-id-3 .entry-header h1 {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 700;
    font-size: 28px;
    margin-top: 40px;
    margin-bottom: 30px;
    text-align: center;
}

/* Sekcijski naslovi */
.page-id-1414 .entry-content h2,
.page-id-1417 .entry-content h2,
.page-id-1396 .entry-content h2,
.page-id-1398 .entry-content h2,
.page-id-1282 .entry-content h2,
.page-id-3 .entry-content h2 {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 600;
  font-size: 20px;
  margin-top: 48px;
  margin-bottom: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(0,0,0,0.08);
}

/* Prvi naslov bez linije */
.page-id-1414 .entry-content h2:first-of-type,
.page-id-1417 .entry-content h2:first-of-type,
.page-id-1396 .entry-content h2:first-of-type,
.page-id-1398 .entry-content h2:first-of-type,
.page-id-1282 .entry-content h2:first-of-type,
.page-id-3 .entry-content h2:first-of-type {
  border-top: none;
  margin-top: 20px;
  padding-top: 0;
}

/* Paragrafi */
.page-id-1414 .entry-content p, 
.page-id-1417 .entry-content p,
.page-id-1396 .entry-content p,
.page-id-1398 .entry-content p,
.page-id-1282 .entry-content p,
.page-id-3 .entry-content p {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 400;
  margin-bottom: 18px;
}

/* Liste */
.page-id-1414 .entry-content ul, 
.page-id-1417 .entry-content ul,
.page-id-1396 .entry-content ul,
.page-id-1398 .entry-content ul,
.page-id-1282 .entry-content ul,
.page-id-3 .entry-content ul {
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 22px;
}

.page-id-1414 .entry-content li,
.page-id-1417 .entry-content li,
.page-id-1396 .entry-content li,
.page-id-1398 .entry-content li,
.page-id-1282 .entry-content li,
.page-id-3 .entry-content li {
  margin-bottom: 8px;
}

/* Linkovi */
.page-id-1414 .entry-content a,
.page-id-1417 .entry-content a,
.page-id-1396 .entry-content a, 
.page-id-1398 .entry-content a,
.page-id-1282 .entry-content a,
.page-id-3 .entry-content a {
    font-family: 'IBM Plex Sans', sans-serif;
  color: #9C4A29;
  text-decoration: none;
}

.page-id-1414 .entry-content,
.page-id-1417 .entry-content,
.page-id-1282 .entry-content,
.page-id-3 .entry-content,
.page-id-1398 .entry-content,
.page-id-1396 .entry-content

.gspb_text-id-gsbp-c6ef282,
.gspb_text-id-gsbp-7fa946c,
.gspb_text-id-gsbp-c16964d,
.gspb_text-id-gsbp-b89f8a0{
	/*color: #efe6d6;*/
}

.page-id-1414 .entry-content a:hover,
.page-id-1417 .entry-content a:hover,
.page-id-1396 .entry-content a:hover,
.page-id-1398 .entry-content a:hover,
.page-id-1282 .entry-content a:hover,
.page-id-3 .entry-content a:hover {
  opacity: 0.85;
}

/* Email link */
.page-id-1414 .entry-content a[href^="mailto"],
.page-id-1417 .entry-content a[href^="mailto"],
.page-id-1396 .entry-content a[href^="mailto"],
.page-id-1398 .entry-content a[href^="mailto"],
.page-id-1282 .entry-content a[href^="mailto"],
.page-id-3 .entry-content a[href^="mailto"] {
  font-weight: 500;
}

/**************** Container widgeta ********************/
/* FOOTER WIDGETI */

/* =================================================================ata
   SAKRIVANJE JEZIČKIh BLOKOVA NA CHECKOUT-U (I SVUDJE DRUGDE) PREKO HTML TAGA
   =================================================================== */



[data-row="middle"] #block-33, 
[data-row="middle"] #block-29{
    margin-top: 0;
}

[data-row="middle"] .custom-menu-widget,
[data-row="middle"] .custom-menu-widget-2,
[data-row="middle"] .working-hours-widget {
    font-family: 'IBM Plex Sans', sans-serif !important;
    margin-bottom: 30px;
    margin-top: 0;
    line-height: normal;
}

/* Naslovi widgeta */
[data-row="middle"] .custom-menu-widget h2,
[data-row="middle"] .custom-menu-widget-2 h2,
[data-row="middle"] .working-hours-widget h2 {
    font-family: 'IBM Plex Sans', sans-serif !important;
    color: #EFE6D6;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-top: 0 !important;
    margin-bottom: 15px;
}

/* Lista */
[data-row="middle"] .custom-menu-widget ul,
[data-row="middle"] .custom-menu-widget-2 ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

/* Stavke */
[data-row="middle"] .custom-menu-widget li,
[data-row="middle"] .custom-menu-widget-2 li {
    margin-bottom: 8px;
}

/* Linkovi */
[data-row="middle"] .custom-menu-widget a,
[data-row="middle"] .custom-menu-widget-2 a {
    font-family: 'IBM Plex Sans', sans-serif;
    color: #EFE6D6 !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.7;
    text-decoration: none;
    transition: color 0.3s ease;
}

/* Hover */
[data-row="middle"] .custom-menu-widget a:hover,
[data-row="middle"] .custom-menu-widget-2 a:hover {
    color: #9C4A29 !important;
}

/* Treći widget */
[data-row="middle"] .working-hours-widget p {
    font-family: 'IBM Plex Sans', sans-serif;
    color: #EFE6D6;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.7;
    margin: 0 0 6px 0;
}

/* Poravnanje svih kolona na vrh */
[data-row="middle"] .ct-container {
    align-items: flex-start;
 
}

/************ Language switcher flag **************/
.ct-language-switcher a img{
    display: none;
}

/************** Footer bottom *************/

/* Footer container - osnovni font i boja */
.ct-footer-copyright {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 13px;
    color: #EFE6D6;
    line-height: 1.7;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    margin: 0;
    padding: 15px 0;
}

#footer .ct-container{
  padding-top: 80px !important;
}


html[lang="en-US"] .footer-copyright[data-lang="sr"] {
    display: none;
}

html[lang="sr-RS"] .footer-copyright[data-lang="en"] {
    display: none;
}

/* Theme link */
.footer-theme {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 13px;
}

.footer-theme a {
    color: #EFE6D6;
    text-decoration: underline;
}

.footer-theme a:hover {
    color: #9C4A29;
}

/* Social connect */
/* Footer Connect */
.footer-connect {
    display: flex;
    align-items: center;
    gap: 15px;
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 8px !important;
    line-height: 1.6;
}

.ct-footer-copyright> :not(:first-child) {
    margin-top: 0 !important;
}

.footer-connect span {
    font-weight: 600;
    color: rgba(255, 255, 255, 0.5);
}

.footer-connect a {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-connect a:hover {
    color: #9C4A29;
    /* crvena na hover */
}

/* Payment icons */
.widget_media_image img.wp-image-1555 {
    width: 250px;
    height: auto;
    display: block;
    margin-top: -5px;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .ct-footer-copyright {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .footer-connect {
        flex-wrap: wrap;
    }
        .page-id-1563 .wp-block-greenshift-blocks-row,
        .page-id-18 .wp-block-greenshift-blocks-row {
           text-align: center;
    
        }
}

/************ Forma na Contact Us *************/

/* Glavni kontejner - prozirnost, blur i popravka gornjeg okvira */
#gspb_col-id-gsbp-d2f3731.wp-block-greenshift-blocks-row-column {
    background-color: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    /* Dodajemo marginu da se gornji border vidi naspram slike, a ne bele pozadine iznad */
    margin-top: 25px !important;

    /* Tanki beli okvir oko celog kontejnera */
    border: 1px solid rgba(255, 255, 255, 0.3);

    /* DODATA GORNJA IVICA ZA NAGLAŠAVANJE */
    border-top: 2px solid rgba(149, 130, 57, 0.07) !important;

    border-radius: 15px;
    padding: 30px;
}

/* Naslovna poruka (Pharetra...) */
.page-id-22 #gspb_text-id-gsbp-3cfa114,
.page-id-1816 #gspb_text-id-gsbp-3cfa114{
    color: #d6ac6a;
}

/* Input polja - sklanjanje debelih linija i postavljanje prozirnih */
#gspb_col-id-gsbp-d2f3731 .fluentform form input,
#gspb_col-id-gsbp-d2f3731 .fluentform form textarea {
    border: none !important;
    /* Tanka i vrlo prozirna linija (0.15) */
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 0 !important;
    padding-left: 0 !important;
}

/* Stilizovanje placeholder teksta za Fluent Form da bude izuzetno jasan */
#gspb_col-id-gsbp-d2f3731 .fluentform form input::placeholder,
#gspb_col-id-gsbp-d2f3731 .fluentform form textarea::placeholder,
.contact_form_mycotopia .gspb_text.gspb_text-id-gsbp-3cfa114 {
    color: #efe6d6 !important;
    opacity: 0.9 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

/* Boja za placeholder (dok je polje prazno) */
#gspb_col-id-gsbp-d2f3731 .fluentform form input::placeholder, 
#gspb_col-id-gsbp-d2f3731 .fluentform form textarea::placeholder, 
.contact_form_mycotopia .gspb_text.gspb_text-id-gsbp-3cfa114 {
  color: #efe6d6 !important;
  opacity: 0.9 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

/* Boja za tekst dok korisnik kuca (za sva 3 inputa i textarea) */
#gspb_col-id-gsbp-d2f3731 .fluentform form input[type="text"],
#gspb_col-id-gsbp-d2f3731 .fluentform form input[type="email"],
#gspb_col-id-gsbp-d2f3731 .fluentform form textarea {
  color: #efe6d6 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

/* Podrška za različite pretraživače */
#gspb_col-id-gsbp-d2f3731 .fluentform form input:-ms-input-placeholder,
#gspb_col-id-gsbp-d2f3731 .fluentform form textarea:-ms-input-placeholder {
    color: #efe6d6 !important;
}
#gspb_col-id-gsbp-d2f3731 .fluentform form input::-ms-input-placeholder,
#gspb_col-id-gsbp-d2f3731 .fluentform form textarea::-ms-input-placeholder {
    color: #efe6d6 !important;
}


/* Labeli iznad polja (Name, Email...) da budu malo belji/jasniji na staklu */
#gspb_col-id-gsbp-d2f3731 .fluentform .ff-el-input--label label {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 14px;
}

/* Dugme sa tvojim opacity podešavanjem */
#gspb_col-id-gsbp-d2f3731 .fluentform form button {
    opacity: 0.7;
    background-color: #a65d3a !important;
    /* Tvoja braon boja */
    color: #EFE6D6 !important;
    border: none !important;
    transition: 0.3s;
}

/* Efekat na dugme kada se pređe mišem */
#gspb_col-id-gsbp-d2f3731 .fluentform form button:hover {
    opacity: 1;
    transform: translateY(-1px);
}

body.page h2.ct-dynamic-data{
    text-transform: uppercase !important;
    color: #efe6d6 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


hr.wp-block-separator.is-style-wide {
    border: none !important;
    /* Tanka bela linija, vrlo prozirna (0.2) */
    border-top: 1px solid #efe6d6 !important;

    width: 365px !important;
    /* Ovde kontrolišeš dužinu (npr. 50px ili 10%) */
    margin-left: auto !important;
    /* Levo poravnanje */
    margin-right: 0 !important;

    margin-top: 5px !important;
    /* Razmak iznad */
    margin-bottom: 5px !important;
    /* Razmak ispod */

    opacity: 0.5 !important;
    /* Da WP ne bi dodatno smanjivao vidljivost */
    height: 1px !important;
}


#gspb_col-id-gsbp-2fc7bc1 .wp-block-group{
  margin-left: auto;
  margin-right: 0;
}

#gspb_col-id-gsbp-2fc7bc1 .wp-block-group p.has-text-align-right{
  text-align: center;
}
  #gspb_col-id-gsbp-2fc7bc1 p.my-italic{
    font-style: italic !important;
  }
#gspb_col-id-gsbp-d2f3731{
  padding-top: 25px !important;
}

.gspb_iconsList .gspb_iconsList__item__text{
   margin-left: 5px !important;
}
#gspb_heading-id-gsbp-409250d{
  margin-top: 6px;
}

@media (max-width: 768px) {
  #gspb_col-id-gsbp-2fc7bc1 .wp-block-group{
    margin: 0 auto;
  }
  hr.wp-block-separator.is-style-wide {
     /* Širina više ne sme biti fiksna u px jer bi na mobilnom "iscurila" van ekrana */
        width: 80% !important; 
        
        /* Centriranje: obe margine moraju biti auto */
        margin-left: auto !important;
        margin-right: auto !important;
        
        /* Opciono: malo veći razmak na mobilnom da se lakše uoči */
        margin-top: 5px !important;
        margin-bottom: 5px !important;
  }
   body.page h2.ct-dynamic-data{
    margin-top: 15px !important;
   margin-bottom: 20px !important;
  }
  #gspb_col-id-gsbp-2fc7bc1 p.has-text-align-right {
    text-align: center !important;
  }

  #gspb_row-id-gsbp-82d37ff {
     padding-top: 80px !important;
   }
  #gspb_col-id-gsbp-d2f3731 .fluentform form textarea,
  #gspb_col-id-gsbp-d2f3731 .fluentform form input#ff_1_subject {
    color: #d6ac6a !important;
  }
  #gspb_col-id-gsbp-d2f3731.wp-block-greenshift-blocks-row-column{
    margin-bottom: 35px;
  }
    #gspb_col-id-gsbp-2fc7bc1 p.my-italic{
    font-style: italic !important;
  }
  /* 1. Centriranje glavnog reda i kolona */
    #gspb_row-id-gsbp-7904ad2 .gspb_row__content {
        display: block !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    /* 2. Širina kolona na 100% da ne bi bežale u stranu */
    .gspb_row__col--6 {
        width: 100% !important;
        margin-bottom: 20px; /* Razmak između blokova adrese i emailova */
    }

    /* 3. Centriranje ikonica sa tekstom */
    .gspb_iconsList {
        display: flex !important;
        justify-content: center !important;
        margin-bottom: 5px !important;
    }

    .gspb_iconsList__item {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 1px;
    }

    /* 4. Centriranje čistog teksta (adresa, radno vreme, emailovi) */
    .gspb_text {
        text-align: center !important;
        margin-bottom: 40px !important;
        width: 100% !important;
    }
}

@media (min-width: 769px) {
  .fiksna-pozadina-collab-mob {
    display: none !important;
  }
}

.page-id-22 .gspb_iconsList__item svg,
.page-id-1816 .gspb_iconsList__item svg{
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

@media (min-width: 689.99px) {
    .page-id-22 .gspb_text.gspb_text-id-gsbp-77afb8a,
	.page-id-1816 .gspb_text.gspb_text-id-gsbp-77afb8a{
	margin-left: 23px !important;
}
}
.page-id-22 .gspb_text.gspb_text-id-gsbp-77afb8a,
.page-id-1816 .gspb_text.gspb_text-id-gsbp-77afb8a{
	color: #0E2A1C !important;
}
@media (max-width: 768.98px) {
    .page-id-22 #gspb_row-id-gsbp-7904ad2,
    .page-id-22 #gspb_row-id-gsbp-7904ad2 .gspb_row__content,
    .page-id-22 #gspb_row-id-gsbp-7904ad2 .gspb_text,
    .page-id-22 #gspb_row-id-gsbp-7904ad2 .gspb_iconsList__item,
	.page-id-1816 #gspb_row-id-gsbp-7904ad2,
    .page-id-1816 #gspb_row-id-gsbp-7904ad2 .gspb_row__content,
    .page-id-1816 #gspb_row-id-gsbp-7904ad2 .gspb_text,
    .page-id-1816 #gspb_row-id-gsbp-7904ad2 .gspb_iconsList__item{
        text-align: center !important;
        justify-content: center !important;
    }
    
    /* Centriranje unutrašnjih elemenata listi sa ikonicama */
    .page-id-22 #gspb_row-id-gsbp-7904ad2 .gspb_iconsList,
	.page-id-1816 #gspb_row-id-gsbp-7904ad2 .gspb_iconsList{
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
	.page-id-22 .gspb_text-id-gsbp-b8e04f8,
	.page-id-22 .gspb_text-id-gsbp-7cdaeda,
	.page-id-22 .gspb_text-id-gsbp-ee7c087,
	.page-id-1816 .gspb_text-id-gsbp-b8e04f8,
	.page-id-1816 .gspb_text-id-gsbp-7cdaeda,
	.page-id-1816 .gspb_text-id-gsbp-ee7c087{
		margin-left: 0 !important;
	}
}

.page-id-22 h3.gspb_heading,
.page-id-1816 h3.gspb_heading{
	font-family: IBM Plex Serif,sans-serif !important;
}

/* Popunjavanje ikonica krem bojom pomoću najjače specifičnosti */
body #gspb_iconsList-id-gsbp-279e88b.gspb_iconsList .gspb_iconsList__item svg path,
body #gspb_iconsList-id-gsbp-279e88b.gspb_iconsList .gspb_iconsList__item svg circle,
body #gspb_iconsList-id-gsbp-4584be1.gspb_iconsList .gspb_iconsList__item svg path,
body #gspb_iconsList-id-gsbp-4584be1.gspb_iconsList .gspb_iconsList__item svg circle,
body #gspb_iconsList-id-gsbp-8edd785.gspb_iconsList .gspb_iconsList__item svg path,
body #gspb_iconsList-id-gsbp-8edd785.gspb_iconsList .gspb_iconsList__item svg circle,
body #gspb_iconsList-id-gsbp-d60bdcd.gspb_iconsList .gspb_iconsList__item svg path,
body #gspb_iconsList-id-gsbp-d60bdcd.gspb_iconsList .gspb_iconsList__item svg circle {
    fill: #efe6d6 !important;
}

/************************** Shop ****************************/
/* Za desktop verziju */
.post-type-archive-product header div[data-device="desktop"][data-transparent] {
   /* background-color: #0E2A1C !important; */
}

/* Za mobilnu verziju */
.post-type-archive-product header div[data-device="mobile"][data-transparent] {
   /* background-color: #0E2A1C !important; */
    /* Ovde možeš staviti i drugu boju ako želiš razliku */
}


@media (max-width: 768px) {
.post-type-archive-product main{
 /* margin-top: 80px !important;*/
}
}

/**************************************************************
   COLLABORATIONS - FINAL CLEAN VERSION (SAMSUNG SYNCMASTER)
***************************************************************/

.page-id-1661 h1,
.page-id-1661 h2,
.page-id-1661 h3,
.page-id-1882 h1,
.page-id-1882 h2,
.page-id-1882 h3{
	font-family: 'IBM Plex Serif', serif !important;
  	font-weight: 600 !important;
}


/* 1. Reset body-ja */
.page-id-1661,
.page-id-1882{
    background: #0d2a1c !important; /* Rezervna boja */
    position: relative;
}

/* 2. Paralaks sloj */
.page-id-1661::before,
.page-id-1882::before{
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /* Visina mora biti veća od 100% da slika ne bi "pukla" pri dnu dok se pomera */
    height: 130vh; 
    background-image: url('https://themycotopia.com/wp-content/uploads/2026/05/collaborations_desctop.png') !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    z-index: -1;
    
    /* Ovde JS ubacuje promenu */
    transform: translateY(calc(var(--scroll-offset, 0px) * -1));
    will-change: transform;
}

/*
.page-id-1661 {
    background-image: url('https://themycotopia.com/wp-content/uploads/2026/04/collab_bgrd.jpg') !important;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
}
*/


/* 2. UKLANJANJE SVIH BELINA I RESET STRUKTURE */
.page-id-1661 #main,
.page-id-1661 .site-container,
.page-id-1661 .ct-container-full,
.page-id-1661 .collaboration-bg,
.page-id-1661 .entry-content,
.page-id-1882 #main,
.page-id-1882 .site-container,
.page-id-1882 .ct-container-full,
.page-id-1882 .collaboration-bg,
.page-id-1882 .entry-content{
    background: transparent !important;
    background-image: none !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Sklanjanje hero sekcije teme koja pravi rupu na vrhu */
.page-id-1661 .hero-section,
.page-id-1882 .hero-section{ 
	display: none !important; 
}


/*****************  Home hero slika background i izlomljena **************************/

.page-id-1323 .hero-section{
	margin-top: -80px !important;
}

.page-id-1323 .wp-block-greenshift-blocks-counter.gspb_counter-id-gsbp-f297738,
.page-id-16 .wp-block-greenshift-blocks-counter.gspb_counter-id-gsbp-f297738 {
	width: 108px !important;
}
.page-id-1323 .wp-block-greenshift-blocks-counter.gspb_counter-id-gsbp-bdc4489,
.page-id-16 .wp-block-greenshift-blocks-counter.gspb_counter-id-gsbp-bdc4489 {
	width: 82px !important;
}
@media (min-width: 1000px) {
	.page-id-1323 .wp-block-greenshift-blocks-counter.gspb_counter-id-gsbp-f297738,
	.page-id-16 .wp-block-greenshift-blocks-counter.gspb_counter-id-gsbp-f297738 {
		width: 130px !important;
	}
	.page-id-1323 .wp-block-greenshift-blocks-counter.gspb_counter-id-gsbp-bdc4489,
	.page-id-16 .wp-block-greenshift-blocks-counter.gspb_counter-id-gsbp-bdc4489 {
		width: 100px !important;
	}
}

@media (max-width: 600px) {
	.page-id-1323 #gspb_container-id-gsbp-ecaabad,
	.page-id-16 #gspb_container-id-gsbp-ecaabad{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}
@media (max-width: 768px) {
  .page-id-1323 #gspb_text-id-gsbp-7a7eeb8.gspb_text,
	.page-id-16 #gspb_text-id-gsbp-7a7eeb8.gspb_text,
	.page-id-1323 #gspb_text-id-gsbp-9258321.gspb_text,
	.page-id-16 #gspb_text-id-gsbp-9258321.gspb_text{
    margin-bottom:0 !important;
  }
	
}

#gspb_row-id-gsbp-6bee885 {
    position: relative;
    overflow: hidden;
    z-index: 1;
    /* Prilagođavamo visinu za tvoj monitor - 45vw je obično 'sweet spot' za 1600x1090 */
    min-height: 45vw !important; 
    background-color: #0e2a1c !important; /* Boja koja "pokriva" dno ako slika stane ranije */
}

@media (min-width: 400px) and (max-width: 768px) {
    /* 1. Resetujemo zajednički kontejner u kom se nalaze i slika i red */
    #gspb_col-id-gsbp-50967d7 {
        display: flex !important;
        flex-direction: column !important; /* Prisiljava elemente da idu jedan ispod drugog */
        position: relative !important;
    }

    /* 2. Osiguravamo da slika ima statičnu poziciju i ne preklapa ništa */
    #gspb_image-id-gsbp-4b69d38 {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin-bottom: 20px !important; /* Dodaje malo finog razmaka pre nego što krene tekst */
        top: auto !important;
       
    }

    /* 3. Prisiljavamo red sa tekstom da padne ispod i čistimo marginu */
    #gspb_row-id-gsbp-ded9a34 {
        position: relative !important;
        display: block !important;
        clear: both !important;
        margin-top: 0 !important; /* Poništava ako postoji neka negativna margina koja ga vuče na gore */
        top: auto !important;
    }
}

/*
#gspb_row-id-gsbp-6bee885::before {
    content: "";
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    background-image: url('http://themycotopia.com/wp-content/uploads/2026/04/home_velika_1.png') !important;
    background-size: cover !important; 
    background-position: center center !important;
    background-repeat: no-repeat !important;
    filter: blur(15px);
    transform: scale(1.02); 
    
    z-index: -1;
}
*/

/*****************************************************************************************/


/* 3. PORAVNANJE NASLOVA I BREADCRUMBA (Vertikala sa Home menijem) */
.page-id-1661 #gspb_row-id-gsbp-9c27dfc .gspb_row__content,
.page-id-1882 #gspb_row-id-gsbp-9c27dfc .gspb_row__content{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    
    /* Kontejner širine kao About stranica (Blocksy default) */
    max-width: 1290px !important; 
    margin-left: auto !important;
    margin-right: auto !important;
    
    /* Padding koji ravna slovo 'C' u Collaborations sa 'H' u Home */
    box-sizing: border-box !important;
}

.page-id-1661 #gspb_col-id-gsbp-6d61d37,
.page-id-1882 #gspb_col-id-gsbp-6d61d37{
    padding: 0 !important;
    width: 100% !important;
}

.page-id-1661 .ct-breadcrumbs,
.page-id-1882 .ct-breadcrumbs{
    justify-content: flex-start !important;
    margin-bottom: 10px !important;
}

/* 1. SVE PRETHODNE STAVKE (Početna, Kategorije, Istraži...) - Nijansa #9C4A29 */
.ct-breadcrumbs a,
.ct-breadcrumbs span:not(.last-item):not(.last-item *) {
    color: #9C4A29 !important;
}

/* 2. POSLEDNJA STAVKA (Trenutna stranica/post) - Bež sa 80% providnosti */
.ct-breadcrumbs .last-item,
.ct-breadcrumbs .last-item span {
    color: rgba(239, 230, 214, 0.8) !important;
}

/* 3. SEPARATORI (Strelice između linkova) */
.ct-breadcrumbs .ct-separator {
    color: rgba(239, 230, 214, 0.5) !important;
}

.page-id-1661 #gspb_col-id-gsbp-6d61d37 h2,
.page-id-1882 #gspb_col-id-gsbp-6d61d37 h2{
    text-align: left !important;
    margin: 0 !important;
    font-size: 35px !important;
    font-weight: 700 !important;
    color: #efe6d6 !important;
}

/* 4. UVODNI TEKST (Središnji pasus) */
#gspb_heading-id-gsbp-43b3be1 {
    width: 90% !important;
    max-width: 1000px !important;
    margin: 60px auto !important;
    text-align: center !important;
    color: #efe6d6 !important;
    background: rgba(255, 255, 255, 0.1) !important;
    padding: 30px !important;
    border-radius: 15px !important;
}

/* 5. LEBDEĆE KARTICE (Areas of Collaboration itd.) */
.page-id-1661 .group-2,
.page-id-1661 .group-3,
.page-id-1661 .group-4, 
.page-id-1661 .group-5, 
.page-id-1661 .group-6,
.page-id-1882 .group-2,
.page-id-1882 .group-3,
.page-id-1882 .group-4, 
.page-id-1882 .group-5, 
.page-id-1882 .group-6{
    
    -webkit-backdrop-filter: blur(15px);
    border-radius: 30px !important;
    
    
    width: 90% !important;
    max-width: 1290px !important; 
    margin: 0 auto 60px auto !important;
   
    box-sizing: border-box !important;
}
.page-id-1661 .group-7,
.page-id-1882 .group-7{
	 -webkit-backdrop-filter: blur(15px);
    border-radius: 30px !important;
    width: 90% !important;
    max-width: 1290px !important; 
    margin: 0 auto 60px auto !important;
    box-sizing: border-box !important;
}

/* 6. KOLONE UNUTAR KARTICA (Pagelayer) */
.page-id-1661 .pagelayer-row-holder,
.page-id-1882 .pagelayer-row-holder{
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 40px !important;
}

.page-id-1661 .pagelayer-col,
.page-id-1882 .pagelayer-col{
    width: 48% !important;
    text-align: left !important;
}

.page-id-1661 .pagelayer-col-holder h3,
.page-id-1882 .pagelayer-col-holder h3{
    margin-top: 0 !important;
    color: #efe6d6 !important;
}

.page-id-1661 .group-2 h3,
.page-id-1661 .group-3 h3,
.page-id-1661 .group-4 h3, 
.page-id-1661 .group-5 h3, 
.page-id-1661 .group-6 h3, 
.page-id-1661 .group-7 h3,
.page-id-1661 .group-2 p,
.page-id-1661 .group-3 p,
.page-id-1661 .group-4 p, 
.page-id-1661 .group-5 p, 
.page-id-1661 .group-6 p, 
.page-id-1661 .group-7 p,
.page-id-1882 .group-2 h3,
.page-id-1882 .group-3 h3,
.page-id-1882 .group-4 h3, 
.page-id-1882 .group-5 h3, 
.page-id-1882 .group-6 h3, 
.page-id-1882 .group-7 h3,
.page-id-1882 .group-2 li,
.page-id-1882 .group-2 p,
.page-id-1882 .group-3 li,
.page-id-1882 .group-4 li, 
.page-id-1882 .group-5 li, 
.page-id-1882 .group-5 p,
.page-id-1882 .group-6 p, 
.page-id-1882 .group-7 p{
  color: #efe6d6 !important;
}
.group-2 strong strong{
   color: #efe6d6 !important;
}

/* Gađamo samo taj specifični blok sa tekstom */
.page-id-1661 #gspb_heading-id-gsbp-43b3be1,
.page-id-1882 #gspb_heading-id-gsbp-43b3be1{
    /* 1. KONTROLA ŠIRINE */
    width: 90% !important;
    max-width: 1050px !important;

    
    /* 2. BOJA FONTA (Cinnamon / Topla krem-braon) */
    color: #9C4A29 !important; 
    text-align: center !important;
    line-height: 1.8 !important;
    font-size: 18px !important;
    
    /* 3. POZADINA (Krem prozirna sa Blur efektom) */
    background: rgba(239, 230, 214, 0.12) !important; 

    
    /* 4. IVICE I SENKA (Kao na tvom mockup-u) */
    border-radius: 20px !important;
    border: 1px solid rgba(210, 166, 121, 0.2) !important;
    
    /* Duboka "soft" senka za efekat lebdenja */
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4) !important; 

    /* 5. UNUTRAŠNJI RAZMAK */
    padding: 50px !important;
    box-sizing: border-box !important;
}



/**************************************************************
   DODATAK ZA SENKE I RAZMAKE (SLOJEVI KAO NA MOCKUP-U)
***************************************************************/

/* Senka i razmak za uvodni pasus */
.page-id-1661 #gspb_heading-id-gsbp-43b3be1,
.page-id-1882 #gspb_heading-id-gsbp-43b3be1{ 
    border-radius: 20px !important;
    
    /* VRAĆAMO BLUR BOX (Stakleni efekat) */
    background: rgba(239, 230, 214, 0.12) !important; /* Blago krem providna */
    backdrop-filter: blur(15px) !important;           /* Komanda za zamućenje pozadine */
    -webkit-backdrop-filter: blur(15px);              /* Podrška za Safari */
    
    /* Stacked senka: jedan oštar sloj + jedan mekani duboki */
    box-shadow: 
        12px 12px 0px rgba(0, 0, 0, 0.25), 
        25px 25px 50px rgba(0, 0, 0, 0.5) !important;
        
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #efe6d6 !important;
}

/* Senke i razdvajanje za sve ostale tamne kartice */
.page-id-1661 .group-2,
.page-id-1661 .group-3,
.page-id-1661 .group-4, 
.page-id-1661 .group-5, 
.page-id-1661 .group-6, 
.page-id-1661 .group-7,
.page-id-1882 .group-2,
.page-id-1882 .group-3,
.page-id-1882 .group-4, 
.page-id-1882 .group-5, 
.page-id-1882 .group-6, 
.page-id-1882 .group-7{
    border-radius: 25px !important;
    /* Stacked senka kao na slici 112 */

}

/**************************************************************
   FIX ZA UŽI BLOK (Biotechnology & Bio-Innovation)
***************************************************************/

/* Poništavamo Greenshift ograničenje od 6 kolona da bi blok bio full width */
.page-id-1661 .gspb_row__col--6.gspb_col-id-gsbp-3a725c5,
.page-id-1882 .gspb_row__col--6.gspb_col-id-gsbp-3a725c5 {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
}

/* Osiguravamo da unutrašnja grupa (group-3) prati isti stil kao ostale kartice */
.page-id-1661 .group-3,
.page-id-1882 .group-3 {
    background: rgba(13, 42, 28, 0.85) !important;
    -webkit-backdrop-filter: blur(15px);
    border-radius: 30px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    
    width: 90% !important;
    max-width: 1290px !important; 
    margin: 0 auto 90px auto !important; /* Isti margin-bottom kao ostale */
    padding: 60px !important;
    box-sizing: border-box !important;
    
    /* Ista STACKED senka kao na mockup-u */
    box-shadow: 
        15px 15px 0px rgba(0, 0, 0, 0.35), 
        30px 30px 60px rgba(0, 0, 0, 0.6) !important;
}

/**************************************************************
    FINALNI FIX ZA ŠIRINU BIOTECHNOLOGY BLOKA
***************************************************************/

/* Prisiljavamo kolonu koja drži Biotechnology da zauzme 100% širine */
.page-id-1661 #gspb_col-id-gsbp-3a725c5,
.page-id-1882 #gspb_col-id-gsbp-3a725c5 {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
    padding: 0 !important;
}

/* Osiguravamo da unutrašnja grupa prati širinu ostalih kartica */
.page-id-1661 #gspb_col-id-gsbp-3a725c5 .group-3,
.page-id-1882 #gspb_col-id-gsbp-3a725c5 .group-3 {
    width: 90% !important;
    max-width: 1290px !important;
    margin: 0 auto 90px auto !important;
}

/**************************************************************
    NUKLEARNO REŠENJE ZA ŠIRINU BIOTECHNOLOGY REDA
***************************************************************/

/* Gađamo direktno roditeljski kontejner (Row) koji drži tu kolonu */
.page-id-1661 #gspb_row-id-gsbp-9c27dfc .gspb_row__content,
.page-id-1882 #gspb_row-id-gsbp-9c27dfc .gspb_row__content {
    display: block !important; /* Menjamo flex u block da kolone slaže jednu ispod druge */
    width: 90% !important;
    max-width: 1290px !important;
    margin: 0 auto !important;
}

/* Sada prisiljavamo kolonu 3a725c5 da ignoriše sva prethodna pravila */
.page-id-1661 #gspb_col-id-gsbp-3a725c5,
.page-id-1882 #gspb_col-id-gsbp-3a725c5 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    display: block !important;
    padding: 0 !important;
}

/* Osiguravamo da group-3 unutar te kolone prati tvoj glavni stil */
.page-id-1661 #gspb_col-id-gsbp-3a725c5 .group-3,
.page-id-1882 #gspb_col-id-gsbp-3a725c5 .group-3 {
    width: 100% !important;
    max-width: 1290px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

/**************************************************************
    GROUP-2 DETALJISANJE (AREAS OF COLLABORATION & LAYERS)
***************************************************************/

/* 1. Glavni naslov sekcije (Areas of Collaboration) */
.page-id-1661 .group-2 h2,
.page-id-1882 .group-2 h2 {
    background: rgba(107, 68, 51, 0.85) !important; /* Topla braon/cimet sa slike */
    display: table !important; /* Širi se samo onoliko koliko ima teksta */
    padding: 20px 45px !important;
    border-radius: 20px !important;
    margin: -90px 0 60px 0 !important; /* Izvlači naslov iznad ivice kartice */
    color: #efe6d6 !important;
    font-size: 2.2rem !important;
    
    /* Senka za efekat lebdenja naslova */
    box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(5px) !important;
}

/* 2. Podnaslov (Scientific Research) */
.page-id-1661 .group-2 h3,
.page-id-1882 .group-2 h3 {
    display: block !important;
    margin-bottom: 30px !important;
    font-size: 1.8rem !important;
    font-weight: 600 !important;
}

/* 3. Zelena pozadina (da bude providnija kao što si tražio) */
.page-id-1661 .group-2,
.page-id-1882 .group-2 {
    background: rgba(13, 42, 28, 0.75) !important; /* Smanjen opacity na 0.75 */
}

/* 4. Razdvajanje dva donja bloka (How We Explore i Research Network) */
.page-id-1661 .group-2 .pagelayer-col,
.page-id-1882 .group-2 .pagelayer-col {
    background: rgba(0, 0, 0, 0.2) !important; /* Blago tamnija pozadina za unutrašnje blokove */
    padding: 40px !important;
    border-radius: 25px !important;
    
    /* Stacked senka unutar same kartice */
    box-shadow: 
        10px 10px 0px rgba(0, 0, 0, 0.2), 
        20px 20px 40px rgba(0, 0, 0, 0.4) !important;
}

/* Dodatni razmak između kolona */
.page-id-1661 .group-2 .pagelayer-row-holder,
.page-id-1882 .group-2 .pagelayer-row-holder {
    gap: 50px !important;
    margin-top: 40px !important;
}

/**************************************************************
    GROUP-2 FINALNA RESTRUKTURA (PREMA SCREENSHOT 112)
***************************************************************/

/* 1. RESET GLAVNOG KONTEJNERA */
.page-id-1661 .group-2,
.page-id-1882 .group-2 {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

/* 2. AREAS OF COLLABORATION (Braon lebdeći blok) */
@media only screen and (min-width: 769px) {
    .page-id-1661 .group-2 #gspb_heading-id-gsbp-20a40fe,
    .page-id-1882 .group-2 #gspb_heading-id-gsbp-20a40fe {
       background: rgba(156, 74, 41, 0.85) !important;
        color: #efe6d6 !important;
        padding: 25px 50px !important;
        border-radius: 20px !important;
        display: table !important; 
        margin-bottom: 50px !important;
        margin-left: 0 !important; 
        margin-right: auto !important;
        font-size: 32px !important;
        text-align: left !important;
        width: 35% !important; 
        
        /* Stacked senka */
        box-shadow: 12px 12px 0px rgba(0, 0, 0, 0.35), 
                    25px 25px 50px rgba(0, 0, 0, 0.5) !important;
    }
}

/* 3. SCIENTIFIC RESEARCH I PARAGRAF (Zeleni prozirni blok) */
.page-id-1661 .group-2 #scientific-research,
.page-id-1661 .group-2 #scientific-research + p,
.page-id-1882 .group-2 #naucna-istrazivanja,
.page-id-1882 .group-2 #naucna-istrazivanja + p {
    background: rgba(13, 42, 28, 0.8) !important;
    backdrop-filter: blur(15px) !important;
    position: relative !important;
    z-index: 10 !important; 
    width: 100% !important;
    max-width: 850px !important;
    margin-left: 0 !important;
}

.page-id-1661 .group-2 #scientific-research,
.page-id-1882 .group-2 #naucna-istrazivanja {
    background: rgba(13, 42, 28, 0.8) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px);
    display: block !important;
    width: 100% !important;
    max-width: 850px !important;
    margin-left: 0 !important;
    margin-top: 20px !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 10 !important;
    border-radius: 25px 25px 0 0 !important;
    color: transparent !important;
}

/* 4. DODAVANJE BRAON KOCKE */
.page-id-1661 .group-2 #scientific-research::before {
    content: "Scientific Research" !important;
    position: absolute !important;
    top: 35px !important;
    background: rgba(156, 74, 41, 0.85) !important; 
    padding: 10px 25px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    color: #efe6d6 !important;
    box-shadow: 8px 8px 0px rgba(0,0,0,0.2) !important;
    z-index: -1 !important;
}
.page-id-1882 .group-2 #naucna-istrazivanja::before {
    content: "Naučna Istraživanja" !important;
    position: absolute !important;
    top: 35px !important;
    background: rgba(156, 74, 41, 0.85) !important; 
    padding: 10px 25px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    color: #efe6d6 !important;
    box-shadow: 8px 8px 0px rgba(0,0,0,0.2) !important;
    z-index: -1 !important;
}

.page-id-1661 .group-2 #scientific-research + p,
.page-id-1882 .group-2 #naucna-istrazivanja + p {
    background: rgba(13, 42, 28, 0.8) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px);
    position: relative !important;
    z-index: 10 !important;
    width: 100% !important;
    max-width: 850px !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.6 !important;
    color: #efe6d6 !important;
    padding: 10px 50px 40px 50px !important; 
    border-radius: 0 0 25px 25px !important;
    box-sizing: border-box !important;
    box-shadow: 15px 15px 0px rgba(0, 0, 0, 0.3), 
                30px 30px 60px rgba(0, 0, 0, 0.5) !important;
}

/* 4. DONJA DVA BLOKA - Jedan pored drugog */
.page-id-1661 .group-2 .pagelayer-row-holder,
.page-id-1882 .group-2 .pagelayer-row-holder {
    background: rgba(13, 42, 28, 0.8) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px);
    border-radius: 30px !important;
    padding: 60px 50px !important; 
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important; 
    align-items: flex-start !important;
    gap: 50px !important; 
    margin-top: -60px !important;
    width: calc(100% - 120px) !important;
    position: relative !important;
    z-index: 5 !important;
    box-shadow: 15px 15px 0px rgba(0, 0, 0, 0.3), 
                30px 30px 60px rgba(0, 0, 0, 0.5) !important;
}

/* 5. POSEBAN STIL ZA SVAKI OD DONJA DVA BLOKA */
.page-id-1661 .group-2 .pagelayer-col,
.page-id-1882 .group-2 .pagelayer-col {
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    flex: 1 1 50% !important; 
    display: block !important;
}

.page-id-1661 .group-2 .pagelayer-col:hover,
.page-id-1882 .group-2 .pagelayer-col:hover {
    transform: translate(-5px, -5px) !important;
}

/* 6. UNUTRAŠNJI NASLOVI */
.page-id-1661 .group-2 .pagelayer-col h3,
.page-id-1882 .group-2 .pagelayer-col h3 {
    background: rgba(13, 42, 28, 0.85) !important;
    color: #efe6d6 !important;
    padding: 12px 30px !important;
    border-radius: 12px !important;
    width: fit-content !important;
    padding-top: 20px !important;
    margin-bottom: 25px !important;
    font-size: 24px !important;
    box-shadow: none !important;
    display: block !important;
    box-shadow: 8px 8px 0px rgba(0, 0, 0, 0.2) !important;
    margin-left: 0 !important;
}

.page-id-1661 .group-2 .pagelayer-col .wp-block-group,
.page-id-1882 .group-2 .pagelayer-col .wp-block-group {
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
    padding-top: 20px !important;
}

/**************************************************************
    GROUP-3 RESTRUKTURA (BIOTECHNOLOGY & BIO-INNOVATION)
***************************************************************/

/* 1. RESET KONTEJNERA */
.page-id-1661 .group-3,
.page-id-1882 .group-3 {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

/* 2. GORNJI BLOK */
.page-id-1661 .group-3 #biotechnology-bio-innovation,
.page-id-1661 .group-3 #biotechnology-bio-innovation + p,
.page-id-1882 .group-3 #biotehnologija-i-bioinovacije,
.page-id-1882 .group-3 #biotehnologija-i-bioinovacije + p {
    background: rgba(13, 42, 28, 0.8) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px);
    position: relative !important;
    z-index: 10 !important;
    width: 100% !important;
    max-width: 850px !important;
    margin-left: 0 !important;
}

.page-id-1661 .group-3 #biotechnology-bio-innovation,
.page-id-1882 .group-3 #biotehnologija-i-bioinovacije {
    display: block !important;
    margin-top: 20px !important;
    margin-bottom: 0 !important;
    border-radius: 25px 25px 0 0 !important;
    color: transparent !important;
    box-sizing: border-box !important;
    padding-bottom: 70px !important;
}

.page-id-1661 .group-3 #biotechnology-bio-innovation::before{
    content: "Biotechnology & Bio-Innovation" !important;
    position: absolute !important;
    top: 35px !important;
    background: rgba(156, 74, 41, 0.85) !important;
    padding: 10px 25px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    color: #efe6d6 !important;
    box-shadow: 8px 8px 0px rgba(0,0,0,0.2) !important;
    z-index: 1 !important;
}
.page-id-1882 .group-3 #biotehnologija-i-bioinovacije::before {
    content: "Biotehnologija i bioinovacije" !important;
    position: absolute !important;
    top: 35px !important;
    background: rgba(156, 74, 41, 0.85) !important;
    padding: 10px 25px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    color: #efe6d6 !important;
    box-shadow: 8px 8px 0px rgba(0,0,0,0.2) !important;
    z-index: 1 !important;
}

.page-id-1661 .group-3 #biotechnology-bio-innovation + p,
.page-id-1882 .group-3 #biotehnologija-i-bioinovacije + p {
    padding: 10px 50px 40px 50px !important; 
    border-radius: 0 0 25px 25px !important;
    color: #efe6d6 !important;
    line-height: 1.6 !important;
    margin-bottom: 0 !important;
    box-shadow: 15px 15px 0px rgba(0, 0, 0, 0.3), 
                30px 30px 60px rgba(0, 0, 0, 0.5) !important;
    border-top: none !important;
}

/* 3. DONJA DVA BLOKA */
.page-id-1661 .group-3 .pagelayer-row-holder,
.page-id-1882 .group-3 .pagelayer-row-holder {
    background: rgba(13, 42, 28, 0.8) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px);
    border-radius: 30px !important;
    padding: 60px 50px !important; 
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 50px !important;
    margin-top: -45px !important;
    width: calc(100% - 120px) !important;
    position: relative !important;
    z-index: 5 !important;
    box-shadow: 15px 15px 0px rgba(0, 0, 0, 0.3), 
                30px 30px 60px rgba(0, 0, 0, 0.5) !important;
}

/* 4. KOLONE UNUTAR DONJEG BLOKA */
.page-id-1661 .group-3 .pagelayer-col,
.page-id-1882 .group-3 .pagelayer-col {
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    flex: 1 1 50% !important; 
    display: block !important;
}

.page-id-1661 .group-3 .pagelayer-col:hover,
.page-id-1882 .group-3 .pagelayer-col:hover {
    transform: translate(-5px, -5px) !important;
    transition: all 0.3s ease !important;
}

/* Naslovi u donjim kolonama (How We Innovate & Innovation Network) */
.page-id-1661 .group-3 .pagelayer-col h3,
.page-id-1882 .group-3 .pagelayer-col h3{
    background: transparent !important;
    color: #efe6d6 !important;
    padding: 0 !important;
    padding-top: 20px !important;
    margin-bottom: 25px !important;
    font-size: 24px !important;
    display: block !important;
	margin-left: 0 !important;
}
.page-id-1661 .group-3 .pagelayer-col p,
.page-id-1882 .group-3 .pagelayer-col ul{
	margin-top: 60px;
}


/* Čišćenje unutrašnjih elemenata */
.page-id-1661 .group-3 .pagelayer-col .wp-block-group,
.page-id-1882 .group-3 .pagelayer-col .wp-block-group{
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
	padding-top: 20px !important;
}
.page-id-1661 .group-4 .pagelayer-col .wp-block-group,
.page-id-1661 .group-5 .pagelayer-col .wp-block-group,
.page-id-1882 .group-4 .pagelayer-col .wp-block-group,
.page-id-1882 .group-5 .pagelayer-col .wp-block-group{
	padding-top: 20px !important;
}

/**************************************************************
   GROUP-4: EDUCATION & KNOWLEDGE EXCHANGE
***************************************************************/

/* 1. GORNJI BLOK (Naslov i oba paragrafa) */
/* Pošto ovde imaš dva paragrafa pre donjeg reda, selektujemo oba */
#education-knowledge-exchange,
#education-knowledge-exchange + p,
#education-knowledge-exchange + p + p,
#obrazovanje-i-razmena-znanja,
#obrazovanje-i-razmena-znanja + p,
#obrazovanje-i-razmena-znanja + p + p {
    background: rgba(13, 42, 28, 0.8) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px);
    position: relative !important;
    z-index: 10 !important;
    width: 100% !important;
    max-width: 850px !important;
    margin-left: 0 !important;
}

/* Naslov sa braon badge-om */
#education-knowledge-exchange,
#obrazovanje-i-razmena-znanja{
    display: block !important;
    margin-top: 40px !important;
    margin-bottom: 0 !important;
    padding: 50px 70px 20px 70px !important;
    border-radius: 25px 25px 0 0 !important;
    color: transparent !important;
    box-sizing: border-box !important;
}

/* Braon kocka za Education naslov */
#education-knowledge-exchange::before {
    content: "Education & Knowledge Exchange" !important;
    position: absolute !important;
    top: 35px !important;
    background: rgba(156, 74, 41, 0.85) !important;
    padding: 10px 25px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    color: #efe6d6 !important;
    box-shadow: 8px 8px 0px rgba(0,0,0,0.2) !important;
    z-index: 1 !important;
}
#obrazovanje-i-razmena-znanja::before {
    content: "Obrazovanje i razmena znanja" !important;
    position: absolute !important;
    top: 35px !important;
    background: rgba(156, 74, 41, 0.85) !important;
    padding: 10px 25px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    color: #efe6d6 !important;
    box-shadow: 8px 8px 0px rgba(0,0,0,0.2) !important;
    z-index: 1 !important;
}

/* Srednji paragraf */
#education-knowledge-exchange + p,
#obrazovanje-i-razmena-znanja + p{
    padding: 10px 50px 40px 50px !important;
    margin-bottom: 0 !important;
    color: #efe6d6 !important;
	border-radius: 0 0 25px 25px !important;
	margin-top: -2px !important;
}
.how_we_first_p{
	margin-bottom: 0 !important;
}

/* Poslednji paragraf pre donjih blokova (zaokružujemo dno zelene ploče) */
#education-knowledge-exchange + p + p,
#obrazovanje-i-razmena-znanja + p + p{
    padding: 10px 50px 40px 50px !important;
    border-radius: 0 0 25px 25px !important;
    color: #efe6d6 !important;
    margin-bottom: 0 !important;
    box-shadow: 15px 15px 0px rgba(0, 0, 0, 0.3), 
                30px 30px 60px rgba(0, 0, 0, 0.5) !important;
}

/* 2. DONJA ZAJEDNIČKA PLOČA (How We Educate & Knowledge Network) */
/* Koristimo ID roditeljskog reda iz tvog HTML-a (h6m1237) */
.p-h6m1237 .pagelayer-row-holder {
    background: rgba(13, 42, 28, 0.8) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px);
    border-radius: 30px !important;
    padding: 60px 50px !important;
    
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 50px !important;
    
    margin-top: -60px !important; /* "Uvlačenje" pod gornji blok */
    width: calc(100% - 120px) !important;
    position: relative !important;
    z-index: 5 !important;
    
    box-shadow: 15px 15px 0px rgba(0, 0, 0, 0.3), 
                30px 30px 60px rgba(0, 0, 0, 0.5) !important;
}

/* 3. RESET KOLONA UNUTAR PLOČE */
.p-h6m1237 .pagelayer-col {
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    flex: 1 1 50% !important;
    max-width: 50% !important;
    display: block !important;
}

/* Hover efekat */
.p-h6m1237 .pagelayer-col:hover {
    transform: translate(-5px, -5px) !important;
    transition: all 0.3s ease !important;
}

/* Unutrašnji naslovi */
.p-h6m1237 .pagelayer-col h3 {
    background: rgba(13, 42, 28, 0.85) !important;
    color: #efe6d6 !important;
    padding: 12px 30px !important;
	border-radius: 12px !important;
	width: fit-content !important;
  padding-top: 20px !important;
    margin-bottom: 25px !important;
    font-size: 24px !important; /* Veličina kao Scientific Research naslov */
    box-shadow: none !important;
    display: block !important;
	box-shadow: 8px 8px 0px rgba(0, 0, 0, 0.2) !important;
	margin-left: 0 !important;
}
/**************************************************************
   GROUP-5: EVENTS, PROGRAMS & PROJECTS
***************************************************************/

/* 1. GORNJI BLOK (Naslov i Paragraf) */
#events-programs-projects,
#events-programs-projects + p,
#projekti-i-medunarodni-dogadaji,
#projekti-i-medunarodni-dogadaji + p{
    background: rgba(13, 42, 28, 0.8) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px);
    position: relative !important;
    z-index: 10 !important;
    width: 100% !important;
    max-width: 850px !important;
    margin-left: 0 !important;
}

/* Naslov sa braon badge-om */
#events-programs-projects,
#projekti-i-medunarodni-dogadaji{
    display: block !important;
    margin-top: 40px !important;
    margin-bottom: 0 !important;
    padding: 50px 70px 20px 70px !important;
    border-radius: 25px 25px 0 0 !important;
    color: transparent !important;
    box-sizing: border-box !important;
}

/* Braon kocka za naslov */
#events-programs-projects::before{
    content: "Events, Programs & Projects" !important;
    position: absolute !important;
    left: 50px !important;
    top: 35px !important;
    background: rgba(156, 74, 41, 0.85) !important;
    padding: 10px 25px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    color: #efe6d6 !important;
    box-shadow: 8px 8px 0px rgba(0,0,0,0.2) !important;
    z-index: 1 !important;
}
#projekti-i-medunarodni-dogadaji::before {
    content: "Projekti i međunarodni događaji" !important;
    position: absolute !important;
    left: 50px !important;
    top: 35px !important;
    background: rgba(156, 74, 41, 0.85) !important;
    padding: 10px 25px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    color: #efe6d6 !important;
    box-shadow: 8px 8px 0px rgba(0,0,0,0.2) !important;
    z-index: 1 !important;
}

/* Paragraf koji zatvara gornju ploču */
#events-programs-projects + p,
#projekti-i-medunarodni-dogadaji + p{
    padding: 10px 50px 40px 50px !important;
    border-radius: 0 0 25px 25px !important;
    color: #efe6d6 !important;
    margin-bottom: 0 !important;
    box-shadow: 15px 15px 0px rgba(0, 0, 0, 0.3), 
                30px 30px 60px rgba(0, 0, 0, 0.5) !important;
	margin-top: -2px !important;
}

/* 2. DONJA ZAJEDNIČKA PLOČA (How we collaborate & Event network) */
/* Koristimo ID reda 7r12033 iz tvog HTML-a */
.p-7r12033 .pagelayer-row-holder {
    background: rgba(13, 42, 28, 0.8) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px);
    border-radius: 30px !important;
    padding: 60px 50px !important;
    
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 50px !important;
    
    margin-top: -60px !important; /* Penje se pod gornji blok */
    width: calc(100% - 120px) !important;
    position: relative !important;
    z-index: 5 !important;
    
    box-shadow: 15px 15px 0px rgba(0, 0, 0, 0.3), 
                30px 30px 60px rgba(0, 0, 0, 0.5) !important;
}

/* 3. RESET KOLONA UNUTAR PLOČE */
.p-7r12033 .pagelayer-col {
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    flex: 1 1 50% !important;
    max-width: 50% !important;
    display: block !important;
}

/* Hover efekat */
.p-7r12033 .pagelayer-col:hover {
    transform: translate(-5px, -5px) !important;
    transition: all 0.3s ease !important;
}

/* Unutrašnji naslovi (How we collaborate & Event network) */
.p-7r12033 .pagelayer-col h3 {
    background: rgba(13, 42, 28, 0.85) !important;
    color: #efe6d6 !important;
    padding: 12px 30px !important;
	border-radius: 12px !important;
	width: fit-content !important;
  padding-top: 20px !important;
    margin-bottom: 25px !important;
    font-size: 24px !important; /* Veličina kao Scientific Research naslov */
    box-shadow: none !important;
    display: block !important;
	box-shadow: 8px 8px 0px rgba(0, 0, 0, 0.2) !important;
	margin-left: 0 !important;
}

/* Čišćenje preostalih stilova */
.p-7r12033 .pagelayer-col .wp-block-group {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
}

/**************************************************************
   GROUP-6: COLLABORATION NETWORK - FINALNO PORAVNANJE
***************************************************************/

/* 1. GLAVNI KONTEJNER (Zelena ploča) */
.page-id-1661 .group-6,
.page-id-1882 .group-6{
    background: rgba(13, 42, 28, 0.8) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px);
    border-radius: 25px !important;
   

    /* --- PODEŠAVANJE PORAVNANJA --- */
  
   

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    position: relative !important;
    z-index: 10 !important;
    
    box-shadow: 15px 15px 0px rgba(0, 0, 0, 0.3), 
                30px 30px 60px rgba(0, 0, 0, 0.5) !important;

	width: 90% !important;
  max-width: 1290px !important;
  margin: 0 auto 60px auto !important;
 
}

/* 2. VRAĆANJE BRAON NASLOVA (Preko ID-a) */
.page-id-1661 .group-6 #collaboration-network,
.page-id-1882 .group-6 #mreza-saradnje{
    background: rgba(156, 74, 41, 0.85) !important; /* Braon boja */
    color: #efe6d6 !important;
    padding: 10px 25px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    display: table !important; /* Da prati dužinu teksta */
    margin-bottom: 30px !important;
    margin-top: 0 !important;
    box-shadow: 8px 8px 0px rgba(0,0,0,0.2) !important;
    visibility: visible !important;
    opacity: 1 !important;
	
}

/* 3. PARAGRAFI */
.page-id-1661 .group-6 p,
.page-id-1882 .group-6 p{
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
    color: #efe6d6 !important;
    line-height: 1.6 !important;
    width: 100% !important;
    text-align: left !important;
}

.page-id-1661 .group-6 p:last-child,
.page-id-1882 .group-6 p:last-child{
    margin-bottom: 0 !important;
}



/**************************************************************
   GROUP-7: LET'S BUILD SOMETHING (FINALNI MONOLIT)
***************************************************************/

/* 1. GLAVNI KONTEJNER (Zelena ploča) */
/* Targetiramo roditeljsku grupu u kojoj se nalazi ovaj naslov */
.page-id-1661 .wp-block-group:has(#let-s-build-something-meaningful-together),
.page-id-1882 .wp-block-group:has(#hajde-da-razvijamo-ideje-zajedno){
    background: rgba(13, 42, 28, 0.8) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px);
    border-radius: 25px !important;
    width: 90% !important;

    /* --- PODEŠAVANJE PORAVNANJA --- */
  
    margin-right: auto !important;
    margin-top: 40px !important;
    margin-bottom: 40px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    position: relative !important;
    z-index: 10 !important;
    
    box-shadow: 15px 15px 0px rgba(0, 0, 0, 0.3), 
                30px 30px 60px rgba(0, 0, 0, 0.5) !important;
}

/* 2. BRAON NASLOV (Badge) */
.page-id-1661 #let-s-build-something-meaningful-together,
.page-id-1882 #hajde-da-razvijamo-ideje-zajedno {
    background: rgba(156, 74, 41, 0.85) !important;
    color: #efe6d6 !important;
    padding: 12px 30px !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    display: table !important;
    margin-bottom: 35px !important;
    margin-top: 0 !important;
    box-shadow: 8px 8px 0px rgba(0,0,0,0.2) !important;
    line-height: 1.2 !important;
}

/* 3. PARAGRAFI UNUTAR OVE GRUPE */
.page-id-1661 .wp-block-group:has(#let-s-build-something-meaningful-together) p,
.page-id-1882 .wp-block-group:has(#hajde-da-razvijamo-ideje-zajedno) p{
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 25px !important;
    color: #efe6d6 !important;
    line-height: 1.7 !important;
  
}

/* Sklanjamo marginu sa poslednjeg paragrafa */
.page-id-1661 .wp-block-group:has(#let-s-build-something-meaningful-together) p:last-child,
.page-id-1882 .wp-block-group:has(#hajde-da-razvijamo-ideje-zajedno) p:last-child{
   margin-bottom: 0 !important;
}

@media only screen and (min-width: 769px) {
  .pagelayer-row-holder {
	   margin-left: 120px !important;
  }
	#gspb_heading-id-gsbp-43b3be1 {
   			margin-bottom: 100px !important; 
		    margin: 60px auto !important; /* Razmak od naslova gore i kartica dole */
	}
	#scientific-research::before,
	#naucna-istrazivanja::before,
	#biotechnology-bio-innovation::before,
	#biotehnologija-i-bioinovacije::before,
	#education-knowledge-exchange::before,
	#obrazovanje-i-razmena-znanja::before,
	#events-programs-projects::before,
	#projekti-i-medunarodni-dogadaji::before{
		left: 50px !important;
	}
	#scientific-research,
	#naucna-istrazivanja,
	#biotechnology-bio-innovation,
	#biotehnologija-i-bioinovacije,
	#education-knowledge-exchange,
	#obrazovanje-i-razmena-znanja,
	#events-programs-projects,
	#projekti-i-medunarodni-dogadaji{
	 padding: 50px 70px 20px 70px !important; /* Veći padding da bi braon imala mesta */
}
	#collaboration-network,
	#mreza-saradnje,
	#let-s-build-something-meaningful-together,
	#hajde-da-razvijamo-ideje-zajedno{
		margin-left: 0 !important;
	}
.group-2,
.group-3,
.group-4, 
.group-5, 
.group-6, 
.group-7 {
    margin-bottom: 90px !important; /* Razmak između kartica */

}
	
	.page-id-1661 .group-2 .pagelayer-col,
	.page-id-1661 .group-3 .pagelayer-col,
	.page-id-1882 .group-2 .pagelayer-col,
	.page-id-1882 .group-3 .pagelayer-col{
       max-width: 50% !important;
	}
	.group-2 h3::before,
	.group-3 h3::before,
	.group-4 h3::before,
	.group-5 h3::before,
	.group-6 h3,
	.group-7 h3{
		font-size: 24px !important;
	}
	.group-6 #collaboration-network,
	.group-6 #mreza-saradnje{
		max-width: 300px !important;
		text-align: center;
	}
	.page-id-1661 .wp-block-group:has(#let-s-build-something-meaningful-together) p,
	.page-id-1882 .wp-block-group:has(#hajde-da-razvijamo-ideje-zajedno) p{
		font-size: 18px !important;
		text-align: left !important;
		  width: 100% !important;
	}
	.page-id-1661 .group-6,
	.page-id-1661 .group-7,
	.page-id-1882 .group-6,
	.page-id-1882 .group-7{
		padding: 60px !important;
	}
	.page-id-1661 #let-s-build-something-meaningful-together,
	.page-id-1882 #hajde-da-razvijamo-ideje-zajedno{
      max-width: 515px !important;
	}
	
}


/**************************************************************
   FINALNA MOBILNA OPTIMIZACIJA - UNIFORMNOST I CENTRIRANJE
***************************************************************/
@media only screen and (max-width: 768px) {

	 #gspb_col-id-gsbp-6d61d37.gspb_row__col--12{
		 text-align: center;
	 }
	.page-id-1661 #gspb_col-id-gsbp-6d61d37 h2,
	.page-id-1882 #gspb_col-id-gsbp-6d61d37 h2{
		text-align: center !important;
	}
	#gspb_heading-id-gsbp-43b3be1 {
   			margin-bottom: 30px !important; 
	}

	.page-id-1661::before,
	.page-id-1882::before{
	  display: none !important;
    content: none !important;
	}
	/* 2. Podesi novi HTML blok da bude fiksiran i da ne mrdne */
  .fiksna-pozadina-collab-mob {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100% !important;
    z-index: -1; /* Ovo ga šalje iza teksta */
    overflow: hidden;
  }

  .fiksna-pozadina-collab-mob img {
    width: 100%;
    object-fit: cover; /* Ovo je taj "Fit" koji ne zumira pri skrolu */
    object-position: center;
    display: block;
  }
	
    /* 1. UNIFORMNA ŠIRINA (90%) ZA APSOLUTNO SVE GRUPE */
    .page-id-1661 .group-2, 
    .page-id-1661 .group-4, 
    .page-id-1661 .group-5,
	.page-id-1882 .group-2, 
    .page-id-1882 .group-4, 
    .page-id-1882 .group-5{
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        padding: 30px 20px !important;
        display: block !important;
		margin-bottom: 30px !important;
    }

	.group-6,
	.group-7{
		width: 90% !important;
        max-width: 90% !important;
        min-width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        padding: 30px 20px !important;
        display: block !important;
		margin-bottom: 30px !important;
	}
	

    /* 2. CENTRIRANJE SVIH H1 I H3 NASLOVA */
    .page-id-1661 h1, 
    .page-id-1661 h3,
    .page-id-1661 [id^="scientific"], 
    .page-id-1661 [id^="biotechnology"], 
    .page-id-1661 [id^="education"], 
    .page-id-1661 [id^="events"],
	.page-id-1882 h1, 
    .page-id-1882 h3,
    .page-id-1882 [id^="naucna"], 
    .page-id-1882 [id^="biotehnologija"], 
    .page-id-1882 [id^="obrazovanje"], 
    .page-id-1882 [id^="projekti"],
    #collaboration-network,
	#mreza-saradnje,
    #let-s-build-something-meaningful-together,
	#hajde-da-razvijamo-ideje-zajedno{
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
		padding: 60px 20px 20px 20px !important;
    }

	#biotechnology-bio-innovation,
	#biotehnologija-i-bioinovacije,
	#events-programs-projects,
	#projekti-i-medunarodni-dogadaji{
		padding: 60px 20px 0px 20px !important;
		margin-top: 30px !important;
	}
	#education-knowledge-exchange,
	#obrazovanje-i-razmena-znanja{
		padding: 20px 20px 40px 20px !important;
		margin-top: 30px !important;
	}
	#collaboration-network,
	#mreza-saradnje,
	#let-s-build-something-meaningful-together,
	#hajde-da-razvijamo-ideje-zajedno{
		margin-top: 30px !important;
		padding: 30px !important;
	}

.page-id-1661 .group-2 #gspb_heading-id-gsbp-20a40fe,
.page-id-1882 .group-2 #gspb_heading-id-gsbp-20a40fe{
   background: rgba(156, 74, 41, 0.85) !important;
    color: #efe6d6 !important;
    padding: 30px 20px !important;
    border-radius: 20px !important;
    display: block !important; /* Promena sa inline-block u table za bolju kontrolu ivica */
    margin-bottom: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    font-size: 30px !important;
    text-align: center !important;
   
    
    /* Stacked senka */
    box-shadow: 12px 12px 0px rgba(0, 0, 0, 0.35), 
                25px 25px 50px rgba(0, 0, 0, 0.5) !important;
}
	.group-2 h3::before,
	.group-3 h3::before,
	.group-4 h3::before,
	.group-5 h3::before,
	.group-6 h3,
	.group-7 h3{
		font-size: 20px !important;
	}
	
	
	#scientific-research::before,
	#naucna-istrazivanja::before,
	#biotechnology-bio-innovation::before,
	#biotehnologija-i-bioinovacije::before,
	#events-programs-projects::before,
	#projekti-i-medunarodni-dogadaji::before{
		left: 50% !important;
		width: 80%;
	}

    /* Fix za braon badge naslove koji koriste ::before na mobilnom */
    .page-id-1661 [id^="scientific"]::before, 
    .page-id-1661 [id^="biotechnology"]::before, 
    .page-id-1661 [id^="events"]::before,
	.page-id-1882 [id^="naucna"]::before, 
    .page-id-1882 [id^="biotehnologija"]::before, 
    .page-id-1882 [id^="projekti"]::before{
        left: 50% !important;
        transform: translateX(-50%) !important;
        white-space: break-spaces !important;
    }
	.page-id-1661 [id^="education"]::before,
	.page-id-1882 [id^="obrazovanje"]::before{
		white-space: break-spaces !important;
        width: 90% !important;
        left: 50% !important; /* Pomera početak elementa na sredinu */
        transform: translateX(-50%) !important; /* Vraća ga za pola njegove širine nazad da bude centar-centar */
	}

    #collaboration-network,
	#mreza-saradnje,
    #let-s-build-something-meaningful-together,
	#hajde-da-razvijamo-ideje-zajedno{
        
        margin-bottom: 20px !important;
    }
	 #let-s-build-something-meaningful-together,
	#hajde-da-razvijamo-ideje-zajedno{
       width: 80% !important;
	 }

    /* 3. RESET SVIH ROW HOLDERA */
    .page-id-1661 [class*="p-"] .pagelayer-row-holder,
    .page-id-1661 .pagelayer-row-holder,
    .page-id-1661 #gspb_row-id-gsbp-9c27dfc .gspb_row__content,
	.page-id-1882 [class*="p-"] .pagelayer-row-holder,
    .page-id-1882 .pagelayer-row-holder,
    .page-id-1882 #gspb_row-id-gsbp-9c27dfc .gspb_row__content{
        margin-left: 0 !important;
        margin-right: 0 !important;
        left: 0 !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
    }

    /* 4. ZATEZANJE SPOJEVA */
    .page-id-1661 .group-2 .pagelayer-row-holder,
    .page-id-1661 .group-3 .pagelayer-row-holder,
    .page-id-1661 .group-4 .pagelayer-row-holder,
    .page-id-1661 .group-5 .pagelayer-row-holder,
	.page-id-1882 .group-2 .pagelayer-row-holder,
    .page-id-1882 .group-3 .pagelayer-row-holder,
    .page-id-1882 .group-4 .pagelayer-row-holder,
    .page-id-1882 .group-5 .pagelayer-row-holder{
        margin-top: -5px !important; 
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        padding-top: 20px !important;
    }

    .page-id-1661 [class*="group-"] p, 
    .page-id-1661 [class*="group-"] p:last-of-type,
	.page-id-1882 [class*="group-"] p, 
    .page-id-1882 [class*="group-"] p:last-of-type{
        margin-bottom: 0 !important;
        padding-bottom: 15px !important;
        text-align: center !important; /* Poravnan i tekst centralno radi simetrije */
    }
	.group-7 p{
		font-size: 16px !important;
		text-align: center !important;
		width: 90% !important;
	}

    /* 5. RESET KOLONA */
    .page-id-1661 .pagelayer-col,
    .page-id-1661 [id^="gspb_col"],
	.page-id-1882 .pagelayer-col,
    .page-id-1882 [id^="gspb_col"] {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 10px 0 !important;
        display: block !important;
    }

    /* 6. POPRAVKA NASLOVA (Padding i Radius) */
    .page-id-1661 [id^="scientific"],  
    .page-id-1661 [id^="education"], 
    .page-id-1661 [id^="events"],
	.page-id-1882 [id^="naucna"],  
    .page-id-1882 [id^="obrazovanje"], 
    .page-id-1882 [id^="projekti"]{
        padding: 60px 20px 20px 20px !important;
        border-radius: 25px 25px 0 0 !important;
    }

	.group-3{
		padding-left: 0 !important;
        padding-right: 0 !important;
	}
	#gspb_row-id-gsbp-43de29a .gspb_row__content{
		width: 100% !important;
  margin: 30px 20px !important;
	}

    /* 7. GLOBALNI OVERFLOW FIX */
    .page-id-1661 .entry-content,
    .page-id-1661 #main,
	.page-id-1882 .entry-content,
    .page-id-1882 #main,
    html, body {
        overflow-x: hidden !important;
    }
	 #gspb_row-id-gsbp-43de29a {
       margin-bottom: 0 !important;
    }
}


/****************  Dashboard menu na mobilnom *************/
@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}
/**********************************************************/

/***************************** BLOG ****************************/
/* Zamena sporne slike na blogu */
.blog .hero-section .ct-media-container img {
    content: url('https://themycotopia.com/wp-content/uploads/2026/06/explore_desc_hero_1700x500.png') !important;
    object-fit: cover !important;
    width: 100% !important;
    height: 550px !important;
}
.blog .hero-section .ct-media-container::after {
  display: none !important;
    background: none !important;
    background-color: transparent !important;
}

.post-template-default .page-description p {
    color: rgba(239, 230, 214, 0.5) !important; /* 0.8 je 80% vidljivosti */
}
.post-template-default .entry-meta,
.post-template-default .entry-meta span,
.post-template-default .entry-meta time,
.post-template-default .entry-meta a {
    color: rgba(239, 230, 214, 0.7) !important;
}

/* 1. Osnovno stanje: Crna poluprovidna pozadina + Cimet slova */
.post-template-default [class*="gspb_container"] [class*="ct-term"] {
    color: #9C4A29 !important;
    background-color: rgba(0, 0, 0, 0.65) !important; /* Crna pozadina sa 55% providnosti */
    padding: 4px 10px !important;                      /* Lepši razmak unutar badge-a */
    border-radius: 4px !important;                      /* Blago zaobljeni uglovi */
    text-shadow: none !important;                       /* Briše senku sa teksta */
    transition: all 0.2s ease-in-out !important;
}

/* 2. Hover stanje: Slova menjaju boju u bež (sa 80% opacity) */
.post-template-default [class*="gspb_container"] [class*="ct-term"]:hover {
    color: rgba(239, 230, 214, 0.8) !important;
    background-color: rgba(0, 0, 0, 0.75) !important; /* Pozadina se mrvicu zatamni na hover */
}

/***************************************************************/

/* ===========================================================================================
                              MEGA MENU 
   =========================================================================================== */

/* 1. UNIVERZALNO CENTRIRANJE I ŠIRINA MEGA MENIJA NA SVIM STRANICAMA */
.ct-header-navigation .sub-menu:has(.moja-bookshop-klasa),
nav .sub-menu:has(.moja-bookshop-klasa),
li[class*="ct-mega-menu"] > .sub-menu {
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 1200px !important;
    max-width: 95vw !important;
    position: absolute !important;
    display: block !important;
}



/* 1. CENTRIRANJE MENIJA */
/*
nav>ul>[class*=ct-mega-menu]>.sub-menu {
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 1200px !important;
    max-width: 95vw !important;
    position: absolute !important;
    display: block !important;
}
*/

/* 2. DUGMAD - KONAČNA FIKSNA VERZIJA */
[class*=ct-mega-menu] .entry-content [class*="gspb-buttonbox"] {
    display: inline-flex !important;
    width: fit-content !important;
    height: 45px !important;     /* Fiksna visina da ne bi rasla */
    background-color: #9C4A29 !important;
    border-radius: 6px !important;
    position: relative !important;
    transition: opacity 0.2s ease !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

/* 3. NEUTRALIZACIJA ::BEFORE ELEMENTA (REŠAVA HAOS SA SLIKE) */
[class*=ct-mega-menu] .entry-content [class*="gspb-buttonbox"]::before {
    content: "" !important;
    background: #9C4A29 !important;
    filter: none !important;
    inset: 0 !important; /* Zaključava ga tačno na ivice dugmeta */
    opacity: 1 !important;
    border-radius: inherit !important;
    z-index: -1 !important;
    transition: none !important;
}

/* 4. TEKST - SVE U JEDAN RED */
[class*=ct-mega-menu] .gspb-buttonbox-title {
    white-space: nowrap !important;
    color: #ffffff !important;
    font-size: 15px !important;
}

/* 5. HOVER - SAMO OPACITY 0.8 */
[class*=ct-mega-menu] .entry-content [class*="gspb-buttonbox"]:hover {
    opacity: 0.8 !important;
    transform: none !important;
    background-color: #9C4A29 !important;
}

/* Osiguravamo da pozadina ne "beži" na hoveru */
[class*=ct-mega-menu] .entry-content [class*="gspb-buttonbox"]:hover::before {
    inset: 0 !important;
    opacity: 1 !important;
}

/* 6. OSTALI FIXEVI */
[class*=ct-mega-menu] .entry-content p, 
[class*=ct-mega-menu] .entry-content h2,
[class*=ct-mega-menu] .entry-content h3 {
    color: #3f4245 !important;
}

[class*=ct-mega-menu] .gspb-buttonbox-icon svg path {
    fill: #ffffff !important;
}

/****************************** END MEGA MENU *****************************************************/

/* ============================================================
   ABOUT SEKCIJA 50/50 - KOMPLETAN FIX
   ============================================================ */

/* 1. OSLOBAĐANJE SVIH KONTEJNERA (Da ništa ne seče brojač) */
.page-id-16 #gspb_col-id-gsbp-50967d7,
.page-id-1323 #gspb_col-id-gsbp-50967d7,
.page-id-16 #gspb_row-id-gsbp-ded9a34,
.page-id-1323 #gspb_row-id-gsbp-ded9a34,
.page-id-16 #gspb_col-id-gsbp-bf7351b,
.page-id-1323 #gspb_col-id-gsbp-bf7351b,
.page-id-16 .gspb_row__content,
.page-id-1323 .gspb_row__content {
    overflow: visible !important;
    contain: none !important;
    clip-path: none !important;
}

/* 2. BOJE I VISINA REDA */
#gspb_container-id-gsbp-7e92558 .gs-counter,
#gspb_container-id-gsbp-7e92558 .gspb_text {
    color: #EFE6D6 !important;
}

.page-id-16 #gspb_row-id-gsbp-c684176,
.page-id-1323 #gspb_row-id-gsbp-c684176 {
    max-height: 750px;
}

/* 3. LOGIKA ZA ZAMENU SLIKE (> 1435px) */
@media (min-width: 1436px) {
    .page-id-16 #gspb_image-id-gsbp-4b69d38 img,
    .page-id-1323 #gspb_image-id-gsbp-4b69d38 img {
        opacity: 0 !important;
        visibility: hidden !important;
    }
    .page-id-16 #gspb_image-id-gsbp-4b69d38,
    .page-id-1323 #gspb_image-id-gsbp-4b69d38 {
        background-image: url('https://themycotopia.com/wp-content/uploads/2026/05/home_page_region_2_953x798.png') !important;
        
        background-position: center left !important;
        background-repeat: no-repeat !important;
        min-height: 750px !important;
    }
}

@media (max-width: 768px) {
    .page-id-16 #gspb_image-id-gsbp-4b69d38 img,
	.page-id-1323 #gspb_image-id-gsbp-4b69d38 img{
        content: url('https://themycotopia.com/wp-content/uploads/2026/05/home_page_mob_768x823.png') !important;
        width: 100% !important;
        height: auto !important;
    }
}

@media (min-width: 769px) and (max-width: 999px) {
    /* Resetujemo visinu samog Greenshift kontejnera */
    .page-id-16 #gspb_image-id-gsbp-4b69d38,
	.page-id-1323 #gspb_image-id-gsbp-4b69d38{
        height: auto !important;
        max-height: none !important;
    }

    /* Prisiljavamo sliku unutra da bude auto visine i isključujemo cover sečenje */
   .page-id-16 #gspb_image-id-gsbp-4b69d38 img,
	.page-id-1323 #gspb_image-id-gsbp-4b69d38 img{
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important; /* Osigurava da se vidi cela slika bez sečenja */
        width: 100% !important;
    }
}

/* 4. DESNA POLOVINA I CIMET BLOKOVI */
.page-id-16 #gspb_row-id-gsbp-ded9a34,
.page-id-1323 #gspb_row-id-gsbp-ded9a34 {
    grid-column: 2 !important;
    width: 100% !important;
    padding: 80px 10% !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}

.page-id-16 #gspb_col-id-gsbp-a4a0648,
.page-id-1323 #gspb_col-id-gsbp-a4a0648 {
    width: 60% !important;
    max-width: 60% !important;
    flex: 0 0 53% !important;
    padding-top: 50px !important;
}
.page-id-16 #gspb_row-id-gsbp-ded9a34 #gspb_col-id-gsbp-a4a0648 .wp-block-group,
.page-id-1323 #gspb_row-id-gsbp-ded9a34 #gspb_col-id-gsbp-a4a0648 .wp-block-group {
	width: 120% !important;
}

.page-id-16 #gspb_col-id-gsbp-a4a0648 .wp-block-group,
.page-id-1323 #gspb_col-id-gsbp-a4a0648 .wp-block-group {
    background-color: rgba(156, 74, 41, 0.65) !important;
    border-radius: 20px !important;
    padding: 50px 30px 30px 30px !important;
    margin-bottom: 60px !important;
    position: relative !important;
}

.page-id-16 h2#gspb_heading-id-gsbp-1417147,
.page-id-1323 h2#gspb_heading-id-gsbp-1417147,
.page-id-16 h2#gspb_heading-id-gsbp-234addf,
.page-id-1323 h2#gspb_heading-id-gsbp-234addf {
    background-color: #9C4A29 !important;
    padding: 10px 30px !important;
    border-radius: 12px !important;
    position: absolute !important;
    top: -25px !important;
    left: 40px !important;
    font-size: 20px !important;
    color: #EFE6D6 !important;
}


.page-id-16 #gspb_col-id-gsbp-a4a0648 .gspb_text,
.page-id-1323 #gspb_col-id-gsbp-a4a0648 .gspb_text{
	color: #EFE6D6 !important;
}

@media (min-width: 769px){
	.page-id-16 #gspb_col-id-gsbp-a4a0648 .gspb_text,
	.page-id-1323 #gspb_col-id-gsbp-a4a0648 .gspb_text{
		margin-left: 10px !important;
		padding-right: 18px !important;
	}
}



.page-id-16 #gspb_heading-id-gsbp-234addf { width: 133px; }
.page-id-16 #gspb_heading-id-gsbp-1417147 { width: 251px; }

.page-id-1323 #gspb_heading-id-gsbp-234addf { width: 144px; }
.page-id-1323 #gspb_heading-id-gsbp-1417147 { width: 170px; }

/* 1. OSNOVNI STIL BROJAČA */
.page-id-16 #gspb_container-id-gsbp-7e92558,
.page-id-1323 #gspb_container-id-gsbp-7e92558 {
    position: absolute !important; /* Izbacuje ga iz zatvorene kolone na nivo ekrana */
    background-color: #9C4A29 !important;
    padding: 15px 25px !important;
    border-radius: 15px !important;
	top: 25px !important;
}


/* 2. POZICIONIRANJE NA DESKTOPU (Preko 1025px) */
@media (min-width: 1800px) {
    .page-id-16 #gspb_container-id-gsbp-7e92558,
    .page-id-1323 #gspb_container-id-gsbp-7e92558 {
       left: -75% !important;
    }
}
@media (min-width: 1700px) and (max-width: 1799px)   {
.page-id-16 #gspb_container-id-gsbp-7e92558,
    .page-id-1323 #gspb_container-id-gsbp-7e92558 {
    left: -60% !important;
    }
}

@media (min-width: 1600px) and (max-width: 1699px)   {
.page-id-16 #gspb_container-id-gsbp-7e92558,
    .page-id-1323 #gspb_container-id-gsbp-7e92558 {
    left: -50% !important;
    }
}
@media (max-width: 999px) {
			.page-id-16 #gspb_row-id-gsbp-c684176, 
			.page-id-1323 #gspb_row-id-gsbp-c684176 {
		         max-height: 100% !important;
			}
	.page-id-16 #gspb_row-id-gsbp-c684176 #gspb_row-id-gsbp-ded9a34,
	.page-id-1323 #gspb_row-id-gsbp-c684176 #gspb_row-id-gsbp-ded9a34{
		padding-top: 40px !important;
	}
     .page-id-16 #gspb_row-id-gsbp-c684176 .gspb_row__content,
	.page-id-1323 #gspb_row-id-gsbp-c684176 .gspb_row__content{
		width: 100% !important;
	}
	 .page-id-16 #gspb_row-id-gsbp-c684176 .gspb_row__content #gspb_col-id-gsbp-50967d7,
	.page-id-1323 #gspb_row-id-gsbp-c684176 .gspb_row__content #gspb_col-id-gsbp-50967d7{
		padding-top: 0 !important;
	}
	.page-id-16 #gspb_col-id-gsbp-a4a0648, 
	.page-id-1323 #gspb_col-id-gsbp-a4a0648 {
		margin-top: 60px !important;
		margin: 0 25% 0 auto;
	}
	#posmatraj-pazljivijezivot-u-pokretu,
	#life-in-motion{
		text-align: center;
	}
	
}

/* 3. POZICIONIRANJE NA TABLETU (1000px - 1024px) */
@media (min-width: 1000px) and (max-width: 1599px)   {
    .page-id-16 #gspb_container-id-gsbp-7e92558,
    .page-id-1323 #gspb_container-id-gsbp-7e92558 {
left: -30% !important;
    }
}

/* 4. MOBILNI (Ispod 768px) */
@media (max-width: 768px) {
    .page-id-16 #gspb_text-id-gsbp-9516564,
    .page-id-1323 #gspb_text-id-gsbp-9516564{
		margin-bottom: 0 !important;
    }
	.page-id-16 .gspb_row__content,
	.page-id-1323 .gspb_row__content {
		margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
	}
}
@media (max-width: 650px) {
	.page-id-16 h2#gspb_heading-id-gsbp-1417147, 
	.page-id-1323 h2#gspb_heading-id-gsbp-1417147, 
	.page-id-16 h2#gspb_heading-id-gsbp-234addf, 
	.page-id-1323 h2#gspb_heading-id-gsbp-234addf{
		background-color: #9C4A29 !important;
    padding: 10px 30px !important;
    border-radius: 12px !important;
    position: absolute !important;
    top: -25px !important;
    
    /* CENTRIRANJE LOGIKA */
    left: 50% !important;
    transform: translateX(-50%) !important;
    
    /* Dodaj ovo da naslov ne ode u dva reda ako je dugačak */
    white-space: nowrap !important;
    
    color: #EFE6D6 !important;
	}
	.page-id-16 #gspb_row-id-gsbp-ded9a34 #gspb_col-id-gsbp-a4a0648 .wp-block-group,
	.page-id-1323 #gspb_row-id-gsbp-ded9a34 #gspb_col-id-gsbp-a4a0648 .wp-block-group {
		  padding: 50px 20px 30px 20px !important;
	}
	.page-id-16 #gspb_col-id-gsbp-a4a0648 .gspb_text, 
	.page-id-1323 #gspb_col-id-gsbp-a4a0648 .gspb_text {
		  margin-left: 0 !important;
		}
	.page-id-16 h2#gspb_heading-id-gsbp-1417147,
	.page-id-1323 h2#gspb_heading-id-gsbp-1417147,
	.page-id-16 h2#gspb_heading-id-gsbp-234addf,
	.page-id-1323 h2#gspb_heading-id-gsbp-234addf {
		font-size: 14px !important;
	    width: 180px;
	}
}

@media (max-width: 400px) {
	 	.page-id-16 #gspb_image-id-gsbp-4b69d38 img,
    	.page-id-1323 #gspb_image-id-gsbp-4b69d38 img{
			background-image: url('https://themycotopia.com/wp-content/uploads/2026/05/home_page_region_2_768x823.png') !important;
		}
		.page-id-16 #gspb_col-id-gsbp-a4a0648,
		.page-id-1323 #gspb_col-id-gsbp-a4a0648 {
			width: 90% !important;
  max-width: 90% !important;
  flex: 0 0 90% !important;
		}
	.page-id-16 #gspb_row-id-gsbp-ded9a34 #gspb_col-id-gsbp-a4a0648 .wp-block-group, 
	.page-id-1323 #gspb_row-id-gsbp-ded9a34 #gspb_col-id-gsbp-a4a0648 .wp-block-group {
  		width: 112% !important;
	}
	
}

/* 5. BOJE TEKSTA */
#gspb_container-id-gsbp-7e92558 .gs-counter,
#gspb_container-id-gsbp-7e92558 .gspb_text {
    color: #EFE6D6 !important;
}

/*********************** HOME *********************/
.page-id-16 #gspb_col-id-gsbp-a22befc p,
.page-id-1323 #gspb_col-id-gsbp-a22befc p{
	font-family: 'IBM Plex Sans', sans-serif !important;
	margin-top: 9px;
	width: 90%;
  text-align: left;
	margin-bottom: 0;
	margin-top: 25px;
}
.page-id-16 #gspb_col-id-gsbp-a22befc .gspb_text,
.page-id-1323 #gspb_col-id-gsbp-a22befc .gspb_text{
	font-family: 'IBM Plex Sans', sans-serif !important;
}

@media (max-width: 768px) {
    .covek_u_sumi img {
        content: url('https://themycotopia.com/wp-content/uploads/2026/06/home_page_mob_suma.png') !important;
        width: 100% !important;
        height: auto !important;
    }
	.page-id-16 #gspb_col-id-gsbp-a22befc p,
	.page-id-1323 #gspb_col-id-gsbp-a22befc p{
	  text-align: center !important;
	}
}

.page-id-16 #gspb_row-id-gsbp-2ca372e,
.page-id-1323 #gspb_row-id-gsbp-2ca372e{
	background-color: #EFE6D6 !important;
}

.page-id-16 #gspb_text-id-gsbp-4989856,
.page-id-1323 #gspb_text-id-gsbp-4989856{
	color: #9C4A29;
	font-family: 'IBM Plex Sans', sans-serif !important;
}

.page-id-16 #gspb_heading-id-gsbp-e7739da,
.page-id-1323 #gspb_heading-id-gsbp-e7739da{
	font-family: 'IBM Plex Serif', serif !important;
}


/* Podrazumevano (Desktop): Prikazuje se samo dugačak tekst */
.responsive-heading .txt-mobile,
.responsive-heading .txt-mobile-eng{
    display: none !important;
	font-family: 'IBM Plex Serif', serif !important;
	text-transform: uppercase;
	font-style: italic;
	font-size: 16px;
}
.responsive-heading .txt-desktop,
.responsive-heading .txt-desktop-eng {
    display: inline-block !important; /* Promenjeno sa inline na inline-block da bi line-height proradio */
    font-family: 'IBM Plex Sans', sans-serif !important;
    text-transform: none;
    font-size: 16px;
	font-style: italic;
    color: #0E2A1C !important;
    /* Ovde podešavaš vertikalni razmak između redova */
    line-height: 1.4 !important; /* Ako želiš još veći razmak, povećaj na 1.8 ili 2 */
}

/* Mobilna verzija (Ekrani uži od 768px) */
@media (max-width: 768px) {
    .responsive-heading .txt-desktop,
	.responsive-heading .txt-desktop-eng{
        display: none !important; /* Sakriva dugačak tekst */
		font-family: 'IBM Plex Serif', serif !important;
		text-transform: uppercase;
		font-style: italic;
		font-size: 16px;
		color: #0E2A1C !important;
    }
    .responsive-heading .txt-mobile,
	.responsive-heading .txt-mobile-eng{
        display: block !important; /* Prikazuje kratak tekst */
        line-height: 1.3 !important; /* Podešava razmak između 3 reda */
		font-family: 'IBM Plex Sans', sans-serif !important;
	text-transform: none;
		text-align: center;
		margin-bottom: 20px;
		font-style: italic;
		font-size: 16px;
		color: #0E2A1C !important;
    }
	.page-id-16 #gspb_col-id-gsbp-4451fdc,
	.page-id-1323 #gspb_col-id-gsbp-4451fdc{
		margin-bottom: 0 !important;
	}
	.page-id-16 #gspb_col-id-gsbp-4451fdc figure,
	.page-id-1323 #gspb_col-id-gsbp-4451fdc figure{
		margin-bottom: -8px;
	}
}

@media (max-width: 400px) {
  /*.page-id-16 .gspb_text,
	.page-id-1323 .gspb_text{
	width: 90% !important;
  }*/
}

/* ============================================================
   ZAOBLJENI VIDEO SAMO ZA DESKTOP I TABLET (OD 768px PA NAVIŠE)
   ============================================================ */
@media (min-width: 768px) {
    /* Zaobljavanje kontejnera */
    .wp-block-video {
        border-radius: 20px !important;
        overflow: hidden !important;
        transform: translateZ(0); 
		overflow: hidden !important;
    border-radius: 20px; /* Ako vec imas border-radius na celom bloku, ovo ga cuva */
    }
    
    /* Zaobljavanje samog video fajla unutra */
    .wp-block-video video {
        border-radius: 20px !important;
		object-fit: cover !important;
    transform: scale(1.58); /* Blago uvecanje koje izbacuje crne trake van okvira */
    }
}
 
@media (max-width: 689.98px) {
    
    /* 1. Pozadinska slika reda - skupljena na širinu ekrana i fiksirana za vrh */
    .page-id-22 #gspb_row-id-gsbp-d47f8e5 {
        background-image: url(https://themycotopia.com/wp-content/uploads/2026/06/contact_velika_mob_800x1200.png) !important;
        position: inherit !important;
        background-size: none !important;     /* Drži sliku skupljenom od ivice do ivice */
        background-position: top center !important; /* Lepi sliku za vrh sekcije */
        background-repeat: no-repeat !important; 
    }

    /* 2. Potpuno uklanjamo praznu levu kolonu sa spacerom */
    #gspb_col-id-gsbp-0cc6e85.iznad_forme {
        display: none !important;
        height: 0 !important;
    }
    
    /* 3. Kolona sa formom - blago odmaknuta od vrha sa z-indexom */
    #gspb_col-id-gsbp-d2f3731.contact_form_mycotopia {
        margin-top: -75px !important;
        position: relative !important; 
        z-index: 10 !important;        
    }
}

@media (min-width: 690px) and (max-width: 768px)   {
	#gspb_col-id-gsbp-d2f3731.contact_form_mycotopia {
		margin-top: -400px !important;
	}
	
}

@media (max-width: 999.98px) {
  .page-id-1816 #gspb_row-id-gsbp-82d37ff {
    background-image: url(https://themycotopia.com/wp-content/uploads/2026/06/contact_hero_tablet_1200x450.png) !important;
  }
	.page-id-1816 #gspb_row-id-gsbp-d47f8e5 {
    background-image: url(https://themycotopia.com/wp-content/uploads/2026/06/contact_velika_tablet_1024x620.png);
  }
}
@media (max-width: 689.98px) {
  .page-id-1816 #gspb_row-id-gsbp-82d37ff {
    background-image: url(https://themycotopia.com/wp-content/uploads/2026/06/contact_hero_mob_800x600.png) !important;
  }
   .page-id-1816 #gspb_row-id-gsbp-d47f8e5 {
    	background-image: url(https://themycotopia.com/wp-content/uploads/2026/06/contact_velika_mob_800x1200.png) !important;
	}
}




/* ===========================================================================================
    KONAČNA POPRAVKA: STRUKTURA PREKO STRUKTURNIH SELEKTORA (SAMO SRPSKI)
   =========================================================================================== */

/* 1. Glavni kontejner menija (drži levu sliku i desne kategorije) */
.moja-bookshop-klasa .sub-menu .entry-content > .gspb-row,
.moja-bookshop-klasa .sub-menu .entry-content > .gspb-row > .gspb_row__content {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    align-items: flex-start !important;
}

/* 2. Leva kolona (Slika i promo tekst) - Zaključana na 30% */
.moja-bookshop-klasa .sub-menu .entry-content > .gspb-row > .gspb_row__content > .gspb_row__col--3,
.moja-bookshop-klasa .sub-menu .entry-content > .gspb-row > .gspb_row__content > div:first-child {
    width: 30% !important;
    min-width: 30% !important;
    flex: 0 0 30% !important;
    box-sizing: border-box !important;
}

/* 3. Desna kolona (Kontejner za kategorije) - Zaključana na 70% */
.moja-bookshop-klasa .sub-menu .entry-content > .gspb-row > .gspb_row__content > .gspb_row__col--9,
.moja-bookshop-klasa .sub-menu .entry-content > .gspb-row > .gspb_row__content > div:last-child {
    width: 70% !important;
    min-width: 70% !important;
    flex: 0 0 70% !important;
    box-sizing: border-box !important;
    padding-left: 30px !important; /* Razmak između slike i kategorija */
}

/* 4. Unutrašnji grid za same kategorije (Pots, Cups, Vases...) */
/* Prisiljavamo ih da idu u red, a ne jedan ispod drugog */
.moja-bookshop-klasa .sub-menu .entry-content .gspb_row__col--9 .gspb_row__content,
.moja-bookshop-klasa .sub-menu .entry-content div:last-child .gspb_row__content {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}

/* 5. Svaka pojedinačna kategorija unutar tog grida */
/* Stavićemo 3 u red (33.33%). Ako je tekst predugačak, promeni na 50% (dve u redu) */
.moja-bookshop-klasa .sub-menu .entry-content .gspb_row__col--9 .gspb_row__content > div {
    width: 33.33% !important;
    flex: 0 0 33.33% !important;
    box-sizing: border-box !important;
    padding: 10px !important;
}

/************************************************  S H O P *********************************************/

/* Providna pozadina headera na svim stranicama koje koriste Content Block */
body.ct_content_block-template-default [data-header*="type-1"] .ct-header [data-row*="middle"] {
	background-color: transparent !important;
	background-image: none !important;
}

/* Uklanjanje gornjeg paddinga za .ct-container-full */
body.ct_content_block-template-default .ct-container-full {
	padding-top: 200px !important;
}

body.ct_content_block-template-default header [data-device="desktop"]{
	background-color: #0E2A1C !important;
}


/* Sklanja unutrašnji beli okvir oko srpskog Mega Menija */
.sub-menu .ct-mega-menu-content,
.sub-menu .moja-bookshop-klasa-sr {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* Osigurava da unutrašnji blok popuni ceo prostor do ivica */
.sub-menu .ct-mega-menu-content > div {
    border-radius: 10px !important; /* prilagodi zakrivljenju sa engleskog */
    overflow: hidden !important;
}

/* Blaga providnost na hover pozadinu mega menija / bookshop box-ova */
/* Targetira kontejnere unutar desne (šire) kolone mega menija */
:is(.moja-bookshop-klasa-sr, .moja-bookshop-klasa) .gspb_row__col--9 .wp-block-greenshift-blocks-container.gspb_container:hover {
    background-color: rgba(239, 230, 214, 0.88) !important;
    transition: background-color 0.2s ease-in-out !important;
}

body .moja-bookshop-klasa-sr h5, 
body .moja-bookshop-klasa h5,
body .moja-bookshop-klasa-sr h6, 
body .moja-bookshop-klasa h6{
	font-family: 'IBM Plex Serif', Sans-Serif !important;
}

/* Ofarba .ct-header u zeleno ako unutar sebe sadrži data-device="desktop" */
.product-template-default .ct-header:has([data-device="desktop"]),
.woocommerce-cart .ct-header:has([data-device="desktop"]),
.woocommerce-checkout .ct-header:has([data-device="desktop"]),
.woocommerce-account .ct-header:has([data-device="desktop"]),
body.page-id-1263 .ct-header,
body.page-id-1263 .ct-header-bar,
body.page-id-1263 [data-device="desktop"],
body.page-id-2832 .ct-header,
body.page-id-2832 .ct-header-bar,
body.page-id-2832 [data-device="desktop"]{
    background-color: #0E2A1C !important; /* Tvoja zelena nijansa */
}
/* Selektuje srednji red zaglavlja isključivo na WooCommerce Checkout stranici */
/* Pozadina zaglavlja na engleskoj i srpskoj kasi */
body.page-id-2759 .ct-header [data-row="middle"],
body.page-id-2759 .ct-header [data-row="bottom"],
body.page-id-2761 .ct-header [data-row="middle"],
body.page-id-2761 .ct-header [data-row="bottom"]{
    background-color: var(--theme-palette-color-12) !important;
}
body.page-id-2759 #main,
body.page-id-2761 #main{
    margin-top: 145px !important;
}

/* Zadržava krem boju ili blagu prozirnost na hover */
/* 1. Popravka za Wishlist ikonicu i njen kontejner */
body.product-template-default .ct-header .ct-header-wishlist .ct-icon-container,
.page-template-default.woocommerce-cart .ct-header .ct-header-wishlist .ct-icon-container,
.page-template-default.woocommerce-checkout .ct-header .ct-header-wishlist .ct-icon-container{
    color: #EFE6D6 !important;
    --theme-icon-color: #EFE6D6 !important;
}

body.product-template-default .ct-header .ct-header-wishlist .ct-icon-container svg,
body.product-template-default .ct-header .ct-header-wishlist .ct-icon-container svg path,
.page-template-default.woocommerce-cart .ct-header .ct-header-wishlist .ct-icon-container svg,
.page-template-default.woocommerce-cart .ct-header .ct-header-wishlist .ct-icon-container svg path,
.page-template-default.woocommerce-checkout .ct-header .ct-header-wishlist .ct-icon-container svg,
.page-template-default.woocommerce-checkout .ct-header .ct-header-wishlist .ct-icon-container svg path{
    fill: #EFE6D6 !important;
    stroke: #EFE6D6 !important;
}

/* 2. Popravka za Admin čovečuljka (Account ikonicu) */
body.product-template-default .ct-header .ct-header-account .ct-account-item,
.page-template-default.woocommerce-cart .ct-header .ct-header-account .ct-account-item,
.page-template-default.woocommerce-checkout .ct-header .ct-header-account .ct-account-item{
    color: #EFE6D6 !important;
    --theme-icon-color: #EFE6D6 !important;
    --theme-link-initial-color: #EFE6D6 !important;
}

body.product-template-default .ct-header .ct-header-account .ct-account-item svg,
body.product-template-default .ct-header .ct-header-account .ct-account-item svg path,
.page-template-default.woocommerce-cart .ct-header .ct-header-account .ct-account-item svg,
.page-template-default.woocommerce-cart .ct-header .ct-header-account .ct-account-item svg path,
.page-template-default.woocommerce-checkout .ct-header .ct-header-account .ct-account-item svg,
.page-template-default.woocommerce-checkout .ct-header .ct-header-account .ct-account-item svg path{
    fill: #EFE6D6 !important;
}
/* Pretraga (Search) ikonica i njen kontejner */
body.product-template-default .ct-header .ct-header-search,
.page-template-default.woocommerce-cart .ct-header .ct-header-search,
.page-template-default.woocommerce-checkout .ct-header .ct-header-search{
    color: #EFE6D6 !important;
    --theme-icon-color: #EFE6D6 !important;
    --theme-link-initial-color: #EFE6D6 !important;
}

/* Toggle (meni / triger) ikonica i kontejner */
body.product-template-default .ct-header .ct-toggle,
.page-template-default.woocommerce-cart .ct-header .ct-toggle,
.page-template-default.woocommerce-checkout .ct-header .ct-toggle {
    color: #EFE6D6 !important;
    --theme-icon-color: #EFE6D6 !important;
}

/* Univerzalni pregaz za sve .ct-icon-container i njihove SVG ikonice u hederu */
body.product-template-default .ct-header :is(.ct-header-search, .ct-toggle) .ct-icon-container,
body.product-template-default .ct-header :is(.ct-header-search, .ct-toggle) svg,
body.product-template-default .ct-header :is(.ct-header-search, .ct-toggle) svg path,
.page-template-default.woocommerce-cart .ct-header :is(.ct-header-search, .ct-toggle) .ct-icon-container,
.page-template-default.woocommerce-cart .ct-header :is(.ct-header-search, .ct-toggle) svg,
.page-template-default.woocommerce-cart .ct-header :is(.ct-header-search, .ct-toggle) svg path,
.page-template-default.woocommerce-checkout .ct-header :is(.ct-header-search, .ct-toggle) .ct-icon-container,
.page-template-default.woocommerce-checkout .ct-header :is(.ct-header-search, .ct-toggle) svg,
.page-template-default.woocommerce-checkout .ct-header :is(.ct-header-search, .ct-toggle) svg path{
    color: #EFE6D6 !important;
    fill: #EFE6D6 !important;
    stroke: #EFE6D6 !important;
}
/* WooCommerce korpa - svi tekstovi, brojac i ikonica u hederu */
body.product-template-default .ct-header .ct-header-cart,
.page-template-default.woocommerce-cart .ct-header .ct-header-cart,
.page-template-default.woocommerce-checkout .ct-header .ct-header-cart{
    color: #EFE6D6 !important;
    --theme-icon-color: #EFE6D6 !important;
    --theme-link-initial-color: #EFE6D6 !important;
}

/* Prebojavanje cene, brojača i ikone torbe */
body.product-template-default .ct-header .ct-header-cart :is(.woocommerce-Price-amount, .ct-dynamic-count-cart, .ct-icon-container, svg, svg path),
.page-template-default.woocommerce-cart .ct-header .ct-header-cart :is(.woocommerce-Price-amount, .ct-dynamic-count-cart, .ct-icon-container, svg, svg path),
.page-template-default.woocommerce-checkout .ct-header .ct-header-cart :is(.woocommerce-Price-amount, .ct-dynamic-count-cart, .ct-icon-container, svg, svg path){
    color: #EFE6D6 !important;
    fill: #EFE6D6 !important;
    stroke: #EFE6D6 !important;
}

/* Sakrij pogrešnu sliku logotipa na single product stranici */
body.product-template-default .site-branding[data-id="logo"] img.default-logo,
.page-template-default.woocommerce-cart .site-branding[data-id="logo"] img.default-logo,
.page-template-default.woocommerce-checkout .site-branding[data-id="logo"] img.default-logo{
    content: url("https://themycotopia.com/wp-content/uploads/2026/05/IMG-f8f6ff78fd8cdc7703576d24c15382e4-V.png") !important;
}

/* Primena visine logotipa samo na single-product stranici na desktopu */
body.product-template-default[data-device="desktop"] .site-branding[data-id="logo"] .site-logo-container,
body.product-template-default:has([data-device="desktop"]) .site-branding[data-id="logo"] .site-logo-container,
.page-template-default.woocommerce-cart[data-device="desktop"] .site-branding[data-id="logo"] .site-logo-container,
.page-template-default.woocommerce-cart:has([data-device="desktop"]) .site-branding[data-id="logo"] .site-logo-container,
.page-template-default.woocommerce-checkout[data-device="desktop"] .site-branding[data-id="logo"] .site-logo-container,
.page-template-default.woocommerce-checkout:has([data-device="desktop"]) .site-branding[data-id="logo"] .site-logo-container{
    --logo-max-height: 70px !important;
    max-height: 70px !important;
}

/* Direktno targetiranje same slike unutar logotipa (definitivan pregaz) */
body.product-template-default[data-device="desktop"] .site-branding[data-id="logo"] img,
body.product-template-default:has([data-device="desktop"]) .site-branding[data-id="logo"] img,
.page-template-default.woocommerce-cart[data-device="desktop"] .site-branding[data-id="logo"] img,
.page-template-default.woocommerce-cart:has([data-device="desktop"]) .site-branding[data-id="logo"] img,
.page-template-default.woocommerce-checkout[data-device="desktop"] .site-branding[data-id="logo"] img,
.page-template-default.woocommerce-checkout:has([data-device="desktop"]) .site-branding[data-id="logo"] img{
    max-height: 70px !important;
    height: auto !important;
    width: auto !important;
}

body.product-template-default .single_add_to_cart_button,
.page-template-default.woocommerce-cart .single_add_to_cart_button,
.page-template-default.woocommerce-checkout .single_add_to_cart_button{
	color: #EFE6D6 !important;
	background-color: #9C4A29 !important;
}

/* 1. Osnovno stanje - Tamno zelena boja (#0E2A1C) za tekst i ikonicu */
body.product-template-default .ct-product-additional-actions button{
    color: #0E2A1C !important;
    --theme-icon-color: #0E2A1C !important;
}

body.product-template-default .ct-product-additional-actions button :is(.ct-label, .ct-icon-container, svg, svg path) {
    color: #0E2A1C !important;
    fill: #0E2A1C !important;
}

/* 2. HOVER stanje - Cimet pozadina (#9C4A29), a tekst i ikonica prelaze u Bež (#EFE6D6) */
body.product-template-default .ct-product-additional-actions button:hover {
    background-color: #9C4A29 !important;
    color: #EFE6D6 !important;
    --theme-icon-color: #EFE6D6 !important;
}

body.product-template-default .ct-product-additional-actions button:hover :is(.ct-label, .ct-icon-container, svg, svg path) {
    color: #EFE6D6 !important;
    fill: #EFE6D6 !important;
    stroke: #EFE6D6 !important;
}

div.quantity input[type="number"] {
	--theme-form-field-border-initial-color: #9C4A29 !important;
}

.woocommerce-tabs ul li.description_tab.active a {
	color: #9C4A29 !important;
}
.woocommerce-tabs ul li#tab-title-reviews a{
	color: #0E2A1C !important;
}
.woocommerce div.product div.woocommerce-tabs ul.tabs li.active::before {
	background: #9C4A29 !important;
}

body.product-template-default .type-product h1,
body.product-template-default .type-product p{
	color: #0E2A1C !important;
}

/* 1. Osnovno stanje - Tamno zeleni broj i plus/minus dugmići */
body.product-template-default .quantity input[type="number"],
body.product-template-default .quantity button,
body.product-template-default .quantity .ct-increase,
body.product-template-default .quantity .ct-decrease {
    color: #0E2A1C !important;
    --theme-icon-color: #0E2A1C !important;
    --theme-form-field-text-initial-color: #0E2A1C !important;
}

body.product-template-default .quantity button svg,
body.product-template-default .quantity button svg path {
    fill: #0E2A1C !important;
    stroke: #0E2A1C !important;
}

/* 2. HOVER stanje na plus/minus dugmićima - Cimet pozadina, Bež ikonica */
body.product-template-default .quantity button:hover,
body.product-template-default .quantity .ct-increase:hover,
body.product-template-default .quantity .ct-decrease:hover {
    background-color: #9C4A29 !important;
    color: #EFE6D6 !important;
    --theme-icon-color: #EFE6D6 !important;
}

body.product-template-default .quantity button:hover svg,
body.product-template-default .quantity button:hover svg path {
    fill: #EFE6D6 !important;
    stroke: #EFE6D6 !important;
}

/* 1. Add to Cart dugme - Osnovno stanje (Cimet pozadina, Bež tekst) */
body.product-template-default .ct-cart-actions .single_add_to_cart_button,
body.product-template-default .ct-cart-actions .added_to_cart {
    background-color: #9C4A29 !important;
    color: #EFE6D6 !important;
    border-color: #9C4A29 !important;
}

/* Add to Cart - Hover stanje (Malo tamniji Cimet ili po želji invert, ali sa Bež tekstom) */
body.product-template-default .ct-cart-actions .single_add_to_cart_button:hover,
body.product-template-default .ct-cart-actions .added_to_cart:hover {
    background-color: #0E2A1C !important; /* Prelaženje u Tamno Zelenu na hover radi lepog kontrasta */
    color: #EFE6D6 !important;
    border-color: #0E2A1C !important;
}

/* 2. Prilagođavanje View Cart linka da izgleda kao dugme ako se pojavi pored */
body.product-template-default .ct-cart-actions .added_to_cart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    margin-left: 10px;
    border-radius: 3px;
    text-decoration: none !important;
	border-radius: 10px;
}

/* 1. Običan tekst unutar meta sekcije (npr. "Category:") */
body.product-template-default .product_meta,
body.product-template-default .product_meta span {
    color: #0E2A1C !important;
}

/* 2. Link u osnovnom stanju (tamno zelena) */
body.product-template-default .product_meta a {
    color: #0E2A1C !important;
    text-decoration: none;
    transition: color 0.2s ease;
}

/* 3. Link na HOVER (cimet boja) */
body.product-template-default .product_meta a:hover {
    color: #9C4A29 !important;
    text-decoration: underline; /* Opciono: podvlačenje na hover */
}
/* --------------- Cart --------------- */
/* ==================================================
   WOOCOMMERCE CART FORM & TOTALS - SPECIFIČNI STILOVI
   ================================================== */

/* 1. Tekst, naslovi, cene i zaglavlja tabele */
.ct-woocommerce-cart-form,
.ct-woocommerce-cart-form .shop_table th,
.ct-woocommerce-cart-form .shop_table td,
.ct-woocommerce-cart-form .product-name a,
.ct-woocommerce-cart-form .amount,
.ct-woocommerce-cart-form .cart_totals h2,
.ct-woocommerce-cart-form .ct-product-multiply-symbol,
.ct-woocommerce-cart-form .ct-message {
    color: #0E2A1C !important;
}

/* Hover na naziv proizvoda u tabeli */
.ct-woocommerce-cart-form .product-name a:hover {
    color: #9C4A29 !important;
}

/* 2. Uklanjanje belih border-a i postavljanje suptilnih tamnih linija */
.ct-woocommerce-cart-form .shop_table,
.ct-woocommerce-cart-form .shop_table tr,
.ct-woocommerce-cart-form .shop_table th,
.ct-woocommerce-cart-form .shop_table td,
.ct-woocommerce-cart-form .cart_totals table,
.ct-woocommerce-cart-form .cart_totals tr,
.ct-woocommerce-cart-form .cart_totals th,
.ct-woocommerce-cart-form .cart_totals td,
.ct-woocommerce-cart-form .actions {
    border-color: rgba(14, 42, 28, 0.12) !important;
}

/* 3. Dugme za brisanje artikla (Kanta za otpatke - svg icon) */
.ct-woocommerce-cart-form a.remove {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: #0E2A1C !important;
    transition: all 0.2s ease !important;
}

.ct-woocommerce-cart-form a.remove svg,
.ct-woocommerce-cart-form a.remove svg path {
    fill: #0E2A1C !important;
    transition: fill 0.2s ease !important;
}

/* Hover stanje za kantu */
.ct-woocommerce-cart-form a.remove:hover {
    background-color: #9C4A29 !important;
}

.ct-woocommerce-cart-form a.remove:hover svg,
.ct-woocommerce-cart-form a.remove:hover svg path {
    fill: #EFE6D6 !important;
}

/* 4. Kontrole za količinu (+ / - i broj) */
.ct-woocommerce-cart-form .quantity input[type="number"] {
    color: #0E2A1C !important;
    border-color: rgba(14, 42, 28, 0.2) !important;
}

.ct-woocommerce-cart-form .quantity .ct-increase,
.ct-woocommerce-cart-form .quantity .ct-decrease {
    color: #0E2A1C !important;
}

.ct-woocommerce-cart-form .quantity .ct-increase:hover,
.ct-woocommerce-cart-form .quantity .ct-decrease:hover {
    background-color: #9C4A29 !important;
    color: #EFE6D6 !important;
}

/* 5. Polje za kupon */
.ct-woocommerce-cart-form #coupon_code {
    border-color: #9C4A29 !important;
    color: #0E2A1C !important;
}

.ct-woocommerce-cart-form #coupon_code::placeholder {
    color: rgba(14, 42, 28, 0.5) !important;
}

/* 6. Dugmad (Apply coupon, Update cart, Proceed to checkout) */
.ct-woocommerce-cart-form .button,
.ct-woocommerce-cart-form button.button,
.ct-woocommerce-cart-form .checkout-button {
    background-color: #9C4A29 !important;
    color: #EFE6D6 !important;
    border: 1px solid #9C4A29 !important;
    transition: all 0.2s ease !important;
}

/* Hover na dugmad */
.ct-woocommerce-cart-form .button:hover,
.ct-woocommerce-cart-form button.button:hover:not([disabled]),
.ct-woocommerce-cart-form .checkout-button:hover {
    background-color: #0E2A1C !important;
    color: #EFE6D6 !important;
    border-color: #0E2A1C !important;
}

/* Onemogućeno (Disabled) Update cart dugme dok se ne promeni količina */
.ct-woocommerce-cart-form button.button[disabled] {
    opacity: 0.55 !important;
    cursor: not-allowed;
}

/* 7. Traka za besplatnu dostavu (Free Shipping Progress Bar) */
.ct-woocommerce-cart-form .ct-progress-bar {
    background-color: rgba(14, 42, 28, 0.1) !important;
}

.ct-woocommerce-cart-form .ct-progress-bar > span {
    background-color: #9C4A29 !important; /* Popunjeni deo trake u Cimet boji */
}

.ct-woocommerce-cart-form .cart_totals {
    border: none !important;
}
.ct-woocommerce-cart-form .cart_totals h2{
	font-family: 'IBM Plex Sans', sans-serif !important;
}
/* Naslov stranice na Cart-u (i opšte na stranicama) u našoj tamno zelenoj */
.woocommerce-cart .entry-header .page-title,
.woocommerce-cart .page-title,
body.woocommerce-cart .ct-page-title,
.woocommerce-checkout .entry-header .page-title,
.woocommerce-checkout .page-title,
body.woocommerce-checkout .ct-page-title{
    color: #0E2A1C !important;
}

/* Pregaženje opšteg pravila za padding na Cart stranici */
body.page:not(.home).woocommerce-cart .entry-header,
body.woocommerce-cart .entry-header[data-type],
body.page:not(.home).woocommerce-checkout .entry-header,
body.woocommerce-checkout .entry-header[data-type]{
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Blocksy često stavlja padding i na unutrašnji kontejner */
body.woocommerce-cart .entry-header .ct-container,
body.woocommerce-cart .entry-header .hero-section,
body.woocommerce-checkout .entry-header .ct-container,
body.woocommerce-checkout .entry-header .hero-section{
    padding-top: 0 !important;
}

/* ==========================================
   WOOCOMMERCE NOTICES (Obaveštenja u korpi)
   ========================================== */

/* Glavni kontejner za obaveštenja (Cart updated, itd.) */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error {
    background-color: #EFE6D6 !important;
    color: #0E2A1C !important;
    border: 1px solid #9C4A29 !important;
    border-left: 4px solid #9C4A29 !important; /* Naglašena leva ivica u Cimet boji */
    border-radius: 4px;
    padding: 12px 20px !important;
}

/* Tekst i linkovi unutar poruke */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-message a,
.woocommerce-notices-wrapper .woocommerce-info a {
    color: #0E2A1C !important;
}

/* Ikonice (štriklilica / info) unutar poruka ako ih tema generiše */
.woocommerce-notices-wrapper .woocommerce-message::before,
.woocommerce-notices-wrapper .woocommerce-info::before {
    color: #9C4A29 !important; /* Ikonica u Cimet boji za lep detalj */
}

/* Dugmad unutar same poruke (npr. "Vrati obrisano" ili "Vidi korpu") */
.woocommerce-notices-wrapper .woocommerce-message .button,
.woocommerce-notices-wrapper .woocommerce-info .button {
    background-color: #9C4A29 !important;
    color: #EFE6D6 !important;
    border: 1px solid #9C4A29 !important;
    transition: all 0.2s ease !important;
}

.woocommerce-notices-wrapper .woocommerce-message .button:hover,
.woocommerce-notices-wrapper .woocommerce-info .button:hover {
    background-color: #0E2A1C !important;
    color: #EFE6D6 !important;
    border-color: #0E2A1C !important;
}
/* Pomeranje teksta udesno u obaveštenjima radi odvajanja od zvonceta/ikonice */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error {
    padding-left: 55px !important; /* Dovoljno prostora da se tekst i ikonica ne preklapaju */
    position: relative !important;
}

/* Osiguravamo da ikonica ostane lepo centrirana na levoj strani */
.woocommerce-notices-wrapper .woocommerce-message::before,
.woocommerce-notices-wrapper .woocommerce-info::before,
.woocommerce-notices-wrapper .woocommerce-error::before {
    left: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* ==========================================
   CHECKOUT PAGE - FORM & TABLE STYLING
   ========================================== */

/* 1. Uklanjanje belih ivica sa tabele pregleda porudžbine i usklađivanje ivica */
.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table,
.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
    border-color: rgba(14, 42, 28, 0.15) !important; /* Suptilna tamno zelena linija umesto bele */
    color: #0E2A1C !important;
}

/* Uklanjanje gornjeg ili donjeg belog okvira ako ga tema dodaje na tabelu */
.woocommerce-checkout table.shop_table {
    border: 1px solid rgba(14, 42, 28, 0.15) !important;
    background-color: transparent !important;
}

/* 2. Naslovi sekcija (Billing details, Your order, Additional info) */
.woocommerce-checkout h3,
.woocommerce-checkout #order_review_heading {
    color: #0E2A1C !important;
    border-bottom: 2px solid #0E2A1C !important;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

/* 3. Input polja i Select box-ovi (Ime, Email, Adresa, itd.) */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce-checkout .select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: 1px solid rgba(14, 42, 28, 0.3) !important;
    color: #0E2A1C !important;
    border-radius: 4px;
    padding: 10px 12px;
}

/* Hover/Focus stanje za unosna polja */
.woocommerce-checkout input[type="text"]:focus,
.woocommerce-checkout input[type="email"]:focus,
.woocommerce-checkout input[type="tel"]:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #9C4A29 !important; /* Cimet akcenat na fokus */
    outline: none !important;
}

/* Labele i tekstualne oznake */
.woocommerce-checkout label {
    color: #0E2A1C !important;
    font-weight: 600;
}

.woocommerce-checkout .required {
    color: #9C4A29 !important; /* Zvezdica za obavezna polja u Cimet boji */
}

/* 4. Sekcija za plaćanje (Stripe & Payment Box) */
.woocommerce-checkout #payment {
    background-color: rgba(14, 42, 28, 0.03) !important; /* Blaga pozadina za box */
    border: 1px solid rgba(14, 42, 28, 0.15) !important;
    border-radius: 6px;
}

.woocommerce-checkout #payment ul.payment_methods {
    border-bottom: 1px solid rgba(14, 42, 28, 0.15) !important;
}

.woocommerce-checkout #payment div.payment_box {
    background-color: rgba(239, 230, 214, 0.5) !important; /* Bež nijansa unutar Stripe rama */
    color: #0E2A1C !important;
}

/* 5. Dugme za naručivanje ("Place order") */
.woocommerce-checkout #place_order,
.woocommerce-checkout button[name="woocommerce_checkout_place_order"] {
    background-color: #9C4A29 !important; /* Cimet */
    color: #EFE6D6 !important; /* Bež tekst */
    border: none !important;
    padding: 14px 28px !important;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease !important;
    width: 100%;
}

.woocommerce-checkout #place_order:hover,
.woocommerce-checkout button[name="woocommerce_checkout_place_order"]:hover {
    background-color: #0E2A1C !important; /* Prelaz u tamno zelenu na hover */
    color: #EFE6D6 !important;
}
/* ==========================================
   DESNA STRANA CHECKOUT-A (ORDER REVIEW & STRIPE)
   ========================================== */

/* 1. Spoljni kontejner desne strane - lepljenje i senka/ram */
.woocommerce-checkout #order_review,
.woocommerce-checkout-review-order {
    background-color: rgba(255, 255, 255, 0.2) !important; /* Suptilno svetliji bež sloj */
    border: 1px solid rgba(14, 42, 28, 0.2) !important; /* Jasna tamno zelena ivica */
    border-radius: 8px !important;
    padding: 24px !important;
}

/* 2. Tabela porudžbine (Your order) */
.woocommerce-checkout table.shop_table {
    border: none !important;
    margin-bottom: 25px !important;
}

.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
    padding: 12px 0 !important;
    border-bottom: 1px dashed rgba(14, 42, 28, 0.2) !important; /* Suptilna isprekidana linija */
}

/* Ukupna cena - isticanje */
.woocommerce-checkout table.shop_table tr.order-total th,
.woocommerce-checkout table.shop_table tr.order-total td {
    border-bottom: none !important;
    font-size: 1.1em;
    font-weight: bold;
    color: #0E2A1C !important;
}

/* 3. Stripe payment sekcija */
.woocommerce-checkout #payment {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* Sredjivanje bele pozadine unutar Stripe polja */
.woocommerce-checkout #payment div.payment_box,
.woocommerce-checkout #payment ul.payment_methods li {
    background-color: transparent !important;
}

/* Sređivanje samih input polja unutar Stripe forme (Broj kartice, CVC, datum) */
.woocommerce-checkout #payment .wc-stripe-elements-field,
.woocommerce-checkout #payment input[type="text"],
.woocommerce-checkout #payment .stripe-card-group {
    background-color: rgba(255, 255, 255, 0.6) !important; /* Mekša bela/bež umesto jarko bele */
    border: 1px solid rgba(14, 42, 28, 0.25) !important;
    border-radius: 4px !important;
}

/* Stripe dugmad (Card / Bank izbor) */
.woocommerce-checkout #payment .wc-stripe-tab-button,
.woocommerce-checkout #payment .stripe-source-type-button {
    background-color: rgba(255, 255, 255, 0.5) !important;
    border: 1px solid rgba(14, 42, 28, 0.2) !important;
    color: #0E2A1C !important;
}

.woocommerce-checkout #payment .wc-stripe-tab-button.active,
.woocommerce-checkout #payment .stripe-source-type-button.active {
    background-color: #0E2A1C !important; /* Aktivno dugme tamno zeleno */
    color: #EFE6D6 !important;
}

/* 4. Tekst o privatnosti i napomena */
.woocommerce-checkout .woocommerce-privacy-policy-text {
    font-size: 0.85em;
    opacity: 0.8;
    margin-top: 15px;
    margin-bottom: 20px;
    color: #0E2A1C !important;
}

/* 5. Dugme za naručivanje - zakrivljenje i padding */
.woocommerce-checkout #place_order {
    border-radius: 6px !important;
    font-size: 1rem !important;
    cursor: pointer;
}
/* ==========================================
   DESNA STRANA - FIX ZA .ct-order-review
   ========================================== */

/* 1. Glavni kontejner desne strane (.ct-order-review) */
.woocommerce-checkout .ct-order-review {
    background-color: rgba(255, 255, 255, 0.25) !important; /* Blagi, topli sloj */
    border: 1px solid rgba(14, 42, 28, 0.18) !important;   /* Uklanja beli border, stavlja tamno zelenu */
    border-radius: 8px !important;
    padding: 24px 28px !important;                          /* Unutrašnji razmak od ivica bordera */
    box-sizing: border-box !important;
}

/* 2. Sređivanje unutrašnjeg #order_review bloka da ne stvara duple bordere/paddinge */
.woocommerce-checkout #order_review,
.woocommerce-checkout-review-order {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. Naslov "Your order" unutar kontejnera */
.woocommerce-checkout .ct-order-review #order_review_heading {
    margin-top: 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #0E2A1C !important;
    margin-bottom: 20px !important;
}

/* 4. Tabela sa narudžbinom (da pratite linije unutar paddinga) */
.woocommerce-checkout .ct-order-review table.shop_table {
    border: none !important;
    background: transparent !important;
    margin-bottom: 20px !important;
    width: 100% !important;
}

.woocommerce-checkout .ct-order-review table.shop_table th,
.woocommerce-checkout .ct-order-review table.shop_table td {
    border-color: rgba(14, 42, 28, 0.12) !important;
    padding: 10px 0 !important;
}

/* 5. Stripe sekcija za plaćanje unutar desnog bloka */
.woocommerce-checkout #payment {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods {
    border: none !important;
    padding: 0 !important;
}

.woocommerce-checkout #payment div.payment_box {
    background-color: transparent !important;
    padding: 10px 0 0 0 !important;
}

/* 6. Tekst privatnosti i dugme */
.woocommerce-checkout .woocommerce-privacy-policy-text {
    margin: 15px 0 !important;
    font-size: 0.85rem;
    line-height: 1.4;
}

.woocommerce-checkout #place_order {
    margin-top: 10px !important;
    width: 100% !important;
}

/* ------- Shopping Cart ------ */
/* ==========================================
   BLOCKSY MINI-CART MODAL PANEL (#woo-cart-panel)
   ========================================== */

/* 1. Pozadina i ivice celog modala */
#woo-cart-panel .ct-panel-inner {
    background-color: #F8F5EE !important; /* Topla svetla bež pozadina */
    color: #0E2A1C !important;            /* Tamno zeleni tekst */
}

/* 2. Zaglavlje modala (Naslov i X dugme) */
#woo-cart-panel .ct-panel-actions {
    border-bottom: 1px solid rgba(14, 42, 28, 0.15) !important;
    padding: 20px !important;
}

#woo-cart-panel .ct-panel-heading {
    color: #0E2A1C !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
    letter-spacing: 0.5px !important;
}

#woo-cart-panel .ct-toggle-close {
    color: #0E2A1C !important;
    opacity: 0.7;
    transition: all 0.2s ease !important;
}

#woo-cart-panel .ct-toggle-close:hover {
    opacity: 1;
    transform: scale(1.1);
}

#woo-cart-panel .ct-toggle-close svg {
    fill: currentColor !important;
}

/* 3. Stavke u korpi (Proizvodi) */
#woo-cart-panel .woocommerce-mini-cart-item {
    border-bottom: 1px dashed rgba(14, 42, 28, 0.15) !important;
    padding: 16px 0 !important;
}

/* Naziv proizvoda */
#woo-cart-panel .product-title {
    color: #0E2A1C !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    font-size: 1rem !important;
    transition: color 0.2s ease !important;
}

#woo-cart-panel .product-title:hover {
    color: #A0522D !important; /* Topla kestenjasto/braon nijansa na hover */
}

/* Slika proizvoda */
#woo-cart-panel .ct-media-container img {
    /*border-radius: 6px !important;
    border: 1px solid rgba(14, 42, 28, 0.1) !important;*/
}

/* Ikonica za brisanje (kanta / X) */
#woo-cart-panel .remove_from_cart_button {
    color: rgba(14, 42, 28, 0.5) !important;
    transition: color 0.2s ease !important;
}

#woo-cart-panel .remove_from_cart_button:hover {
    color: #d9534f !important; /* Crvena na hover */
}

#woo-cart-panel .remove_from_cart_button svg {
    fill: currentColor !important;
}

/* 4. Količina i Cene unutar stavke */
#woo-cart-panel .ct-product-actions {
    margin-top: 8px !important;
    color: #0E2A1C !important;
}

#woo-cart-panel .quantity input.qty {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(14, 42, 28, 0.2) !important;
    color: #0E2A1C !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
}

#woo-cart-panel .woocommerce-Price-amount {
    color: #0E2A1C !important;
    font-weight: 700 !important;
}

/* 5. Subtotal Sekcija */
#woo-cart-panel .woocommerce-mini-cart__total {
    border-top: 2px solid #0E2A1C !important;
    border-bottom: 1px solid rgba(14, 42, 28, 0.15) !important;
    padding: 16px 0 !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    color: #0E2A1C !important;
    font-size: 1.1rem !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* 6. Dugmad: View Cart i Checkout */
/* ==========================================
   FIX ZA DUGMAD NA DNU PANELA
   ========================================== */

/* ==========================================
   Dugmad u jednom redu na dnu panela
   ========================================== */

#woo-cart-panel .woocommerce-mini-cart__buttons {
    display: flex !important;
    flex-direction: row !important;     /* Stavlja dugmad jedno pored drugog */
    gap: 12px !important;               /* Razmak između dugmadi */
    margin-top: auto !important;        /* Gura ih skroz na dno panela */
    padding-top: 15px !important;
}

/* View Cart dugme */
#woo-cart-panel .woocommerce-mini-cart__buttons .button:not(.checkout) {
    flex: 1 !important;                 /* Zauzima 50% širine */
    width: auto !important;
    background-color: transparent !important;
    color: #0E2A1C !important;
    border: 2px solid #0E2A1C !important;
    border-radius: 6px !important;
    padding: 12px 8px !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.5px !important;
    transition: all 0.2s ease !important;
}

#woo-cart-panel .woocommerce-mini-cart__buttons .button:not(.checkout):hover {
    background-color: rgba(14, 42, 28, 0.1) !important;
    color: #0E2A1C !important;
}

/* Checkout dugme */
#woo-cart-panel .woocommerce-mini-cart__buttons .button.checkout {
    flex: 1 !important;                 /* Zauzima 50% širine */
    width: auto !important;
    background-color: #9E472A !important;
    color: #FFFFFF !important;
    border: 2px solid #9E472A !important;
    border-radius: 6px !important;
    padding: 12px 8px !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.5px !important;
    transition: all 0.2s ease !important;
}

#woo-cart-panel .woocommerce-mini-cart__buttons .button.checkout:hover {
    background-color: #833920 !important;
    border-color: #833920 !important;
    color: #FFFFFF !important;
}

/* -------- Woocommerce Checkout --------- */
/* ==========================================
   WOOCOMMERCE THANK YOU / ORDER RECEIVED PAGE
   (Povećana specifičnost sa body.woocommerce-checkout)
   ========================================== */

/* 1. Poruka o uspešnoj narudžbini (Cimet leva traka + fix za ikonicu) */

body.woocommerce-checkout .woocommerce-notice--success {
    background-color: #EFE6D6 !important;
    color: #0E2A1C !important;
    border: 1px solid #9C4A29 !important;
    border-left: 4px solid #9C4A29 !important; /* Naglašena leva ivica u Cimet boji */
    border-radius: 4px !important;
    padding: 12px 20px 12px 55px !important;    /* Tačno 55px sleva radi odvajanja teksta od zvonceta */
    position: relative !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    margin-bottom: 30px !important;
}

/* Pozicioniranje i boja ikonice (zvono / kvačica) */
body.woocommerce-checkout .woocommerce-notice--success::before {
    color: #9C4A29 !important;
    left: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* 2. Pregled osnovnih detalja narudžbine (Kartice) */
body.woocommerce-checkout ul.woocommerce-order-overview {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 35px 0 !important;
}

body.woocommerce-checkout ul.woocommerce-order-overview li {
    flex: 1 1 calc(20% - 15px) !important;
    min-width: 140px !important;
    background-color: rgba(255, 255, 255, 0.4) !important;
    border: 1px solid rgba(14, 42, 28, 0.12) !important;
    border-radius: 8px !important;
    padding: 14px 16px !important;
    font-size: 0.85rem !important;
    color: rgba(14, 42, 28, 0.7) !important;
    box-sizing: border-box !important;
}

body.woocommerce-checkout ul.woocommerce-order-overview li strong {
    display: block !important;
    margin-top: 4px !important;
    font-size: 1rem !important;
    color: #0E2A1C !important;
    font-weight: 700 !important;
}

/* 3. Naslovi sekcija */
body.woocommerce-checkout .woocommerce-order h2,
body.woocommerce-checkout .woocommerce-order-downloads__title,
body.woocommerce-checkout .woocommerce-order-details__title,
body.woocommerce-checkout .woocommerce-column__title {
    color: #0E2A1C !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    margin-top: 30px !important;
    margin-bottom: 15px !important;
    border-bottom: 2px solid #0E2A1C !important;
    padding-bottom: 8px !important;
}

/* 4. DOWNLOADS TABELA - Forsirani Padding i prostranost */
body.woocommerce-checkout .woocommerce-order-downloads table.shop_table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background-color: rgba(255, 255, 255, 0.3) !important;
    border: 1px solid rgba(14, 42, 28, 0.12) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    margin-bottom: 30px !important;
}

body.woocommerce-checkout .woocommerce-order-downloads table.shop_table th {
    background-color: rgba(14, 42, 28, 0.06) !important;
    color: #0E2A1C !important;
    font-weight: 700 !important;
    padding: 18px 24px !important; /* Širok padding za zaglavlje */
    text-align: left !important;
}

body.woocommerce-checkout .woocommerce-order-downloads table.shop_table td {
    padding: 20px 24px !important; /* Širok padding za redove */
    border-top: 1px solid rgba(14, 42, 28, 0.08) !important;
    color: #0E2A1C !important;
    vertical-align: middle !important;
}

/* Dugme za Download - Vertikalno i Horizontalno Centriranje */
body.woocommerce-checkout .woocommerce-order-downloads td.download-file a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #9E472A !important;
    color: #efe6d6 !important;
    border-radius: 6px !important;
    padding: 10px 22px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    margin: 0 !important; /* Uklanja spoljni margin koji remeti visinu */
    transition: background-color 0.2s ease !important;
    min-height: 42px !important;
    box-sizing: border-box !important;
	font-size: 15px !important;
}

body.woocommerce-checkout .woocommerce-order-downloads td.download-file a.button:hover {
    background-color: #833920 !important;
}

/* 5. Order details & Billing address */
body.woocommerce-checkout .woocommerce-order-details table.shop_table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 30px !important;
}

body.woocommerce-checkout .woocommerce-order-details th,
body.woocommerce-checkout .woocommerce-order-details td {
    padding: 14px 0 !important;
    border-bottom: 1px solid rgba(14, 42, 28, 0.1) !important;
    color: #0E2A1C !important;
}

body.woocommerce-checkout .woocommerce-customer-details address {
    background-color: rgba(255, 255, 255, 0.3) !important;
    border: 1px solid rgba(14, 42, 28, 0.12) !important;
    border-radius: 8px !important;
    padding: 18px 20px !important;
    font-style: normal !important;
    color: #0E2A1C !important;
    line-height: 1.6 !important;
}

/* ==========================================
   WOOCOMMERCE PRAZNA KORPA (EMPTY CART PAGE)
   ========================================== */

/* 1. Informativna poruka da je korpa prazna */
body.woocommerce-cart .cart-empty.woocommerce-info {
    background-color: #EFE6D6 !important;
    color: #0E2A1C !important;
    border: 1px solid #9C4A29 !important;
    border-left: 4px solid #9C4A29 !important; /* Cimet leva ivica */
    border-radius: 4px !important;
    padding: 16px 20px 16px 55px !important;    /* Ostavlja prostor za ikonicu */
    position: relative !important;
    font-size: 1.05rem !important;
    font-weight: 500 !important;
    margin-bottom: 25px !important;
}

/* Pozicioniranje ikonice unutar poruke */
body.woocommerce-cart .cart-empty.woocommerce-info::before {
    color: #9C4A29 !important;
    left: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* 2. Dugme "Return to shop" */
body.woocommerce-cart .return-to-shop a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #9C4A29 !important; /* Cimet boja */
    color: #EFE6D6 !important;            /* Bež tekst */
    border: 1px solid #9C4A29 !important;
    border-radius: 6px !important;
    padding: 12px 24px !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

/* Hover efekat za dugme (tamno zeleno sa bež tekstom) */
body.woocommerce-cart .return-to-shop a.button:hover {
    background-color: #0E2A1C !important;
    border-color: #0E2A1C !important;
    color: #EFE6D6 !important;
}

/* ==========================================
   MINI-CART MODAL PRAZNA KORPA (#woo-cart-panel)
   ========================================== */

/* 1. Poruka o praznoj korpi unutar modala */
#woo-cart-panel .cart-empty.woocommerce-info {
    background-color: #EFE6D6 !important;
    color: #0E2A1C !important;
    border: 1px solid #9C4A29 !important;
    border-left: 4px solid #9C4A29 !important; /* Cimet leva ivica */
    border-radius: 4px !important;
    padding: 14px 18px 14px 52px !important;   /* Razmak za ikonicu */
    position: relative !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    margin-bottom: 20px !important;
}

/* Pozicioniranje ikonice unutar poruke u modalu */
#woo-cart-panel .cart-empty.woocommerce-info::before {
    color: #9C4A29 !important;
    left: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* 2. Dugme "Return to shop" unutar modala (Obična slova + Prirodna širina) */
#woo-cart-panel .return-to-shop a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;                     /* Nije više preko cele širine */
    background-color: #9C4A29 !important;       /* Cimet boja */
    color: #EFE6D6 !important;                  /* Bež tekst */
    border: 1px solid #9C4A29 !important;
    border-radius: 6px !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    text-transform: none !important;            /* Mala/obična slova (zadržava velika samo gde ih ukucaš) */
    letter-spacing: normal !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

/* Hover efekat */
#woo-cart-panel .return-to-shop a.button:hover {
    background-color: #0E2A1C !important;
    border-color: #0E2A1C !important;
    color: #EFE6D6 !important;
}

/* ==========================================
   MY ACCOUNT / WISHLIST OBAVEŠTENJE I DUGME
   ========================================== */

/* 1. Obaveštenje (Bež pozadina + Cimet leva ivica) */
.woocommerce-account .woocommerce-info {
    background-color: #EFE6D6 !important;
    color: #0E2A1C !important;
    border: 1px solid #9C4A29 !important;
    border-left: 4px solid #9C4A29 !important;
    border-radius: 4px !important;
    padding: 12px 20px 12px 55px !important;
    position: relative !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    margin-bottom: 25px !important;
}

/* Zvono / Ikonica unutar obaveštenja */
.woocommerce-account .woocommerce-info::before {
    color: #9C4A29 !important;
    left: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* 2. Dugme "Browse products" unutar obaveštenja */
.woocommerce-account .woocommerce-info a.button {
    background-color: #9C4A29 !important;
    color: #EFE6D6 !important;           /* Bež tekst */
    border: 1px solid #9C4A29 !important;
    border-radius: 6px !important;
    padding: 8px 18px !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    text-transform: none !important;      /* Mala/obična slova */
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    margin: 0 !important;
}

/* Hover efekat */
.woocommerce-account .woocommerce-info a.button:hover {
    background-color: #0E2A1C !important;
    border-color: #0E2A1C !important;
    color: #EFE6D6 !important;
}

/* ==========================================
   MY ACCOUNT NAVIGACIJA (TABOVI)
   ========================================== */

/* 1. Obične stavke menija */
.woocommerce-MyAccount-navigation ul li a {
    color: #0E2A1C !important;            /* Tamno zelena boja teksta */
    transition: all 0.2s ease !important;
}

/* Sređivanje ikonica ako ih tema ubacuje unutar <a> taga */
.woocommerce-MyAccount-navigation ul li a::before,
.woocommerce-MyAccount-navigation ul li a svg {
    color: #0E2A1C !important;
    fill: #0E2A1C !important;
    transition: all 0.2s ease !important;
}

/* 2. Hover stanje na linkovima */
.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #9C4A29 !important; /* Cimet pozadina */
    color: #EFE6D6 !important;            /* Bež tekst */
}

/* Hover na ikonicama */
.woocommerce-MyAccount-navigation ul li a:hover::before,
.woocommerce-MyAccount-navigation ul li a:hover svg {
    color: #EFE6D6 !important;
    fill: #EFE6D6 !important;
}

/* 3. Aktivni tab (.is-active ili .active) */
.woocommerce-MyAccount-navigation ul li.is-active,
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.active,
.woocommerce-MyAccount-navigation ul li.active a {
    background-color: #9C4A29 !important; /* Cimet pozadina */
    color: #EFE6D6 !important;            /* Bež tekst kada je cimet */
}

/* Ikonice na aktivnom tabu */
.woocommerce-MyAccount-navigation ul li.is-active a::before,
.woocommerce-MyAccount-navigation ul li.is-active a svg,
.woocommerce-MyAccount-navigation ul li.active a::before,
.woocommerce-MyAccount-navigation ul li.active a svg {
    color: #EFE6D6 !important;
    fill: #EFE6D6 !important;
}

.onsale{
	background-color: #9C4A29 !important; /* Cimet pozadina */
    color: #EFE6D6 !important;            /* Bež tekst */
}

/* ==========================================
   MY ACCOUNT - TABELA PORUDŽBINA (ORDERS TABLE)
   ========================================== */

/* 1. Osnovni izgled tabele */
.woocommerce-account table.account-orders-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background-color: #EFE6D6 !important;     /* Bež podloga za tabelu */
    border: 1px solid #9C4A29 !important;      /* Cimet spoljni ram */
    border-radius: 8px !important;
    overflow: hidden !important;
    margin-bottom: 30px !important;
}

/* 2. Zaglavlje tabele (Header) */
.woocommerce-account table.account-orders-table thead th {
    background-color: #9C4A29 !important;     /* Cimet pozadina zaglavlja */
    color: #EFE6D6 !important;                 /* Bež tekst */
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    text-transform: none !important;           /* Obična slova */
    padding: 14px 16px !important;
    border: none !important;
    text-align: left !important;
}

.woocommerce-account table.account-orders-table thead th span.nobr {
    color: #EFE6D6 !important;                 /* Osiguranje da i inner span ostane bež */
}

/* 3. Ćelije u telu tabele (Body cells) */
.woocommerce-account table.account-orders-table tbody td,
.woocommerce-account table.account-orders-table tbody th {
    background-color: transparent !important;
    color: #0E2A1C !important;                 /* Tamno zeleni tekst */
    padding: 14px 16px !important;
    border-top: 1px solid rgba(156, 74, 41, 0.2) !important; /* Blaga cimet linija između redova */
    border-bottom: none !important;
    font-size: 0.95rem !important;
    vertical-align: middle !important;
}

/* Hover na redove tabele */
.woocommerce-account table.account-orders-table tbody tr:hover td,
.woocommerce-account table.account-orders-table tbody tr:hover th {
    background-color: rgba(156, 74, 41, 0.05) !important; /* Blagi cimet akcenat na hover */
}

/* 4. Link za broj porudžbine (#2648) */
.woocommerce-account table.account-orders-table tbody .woocommerce-orders-table__cell-order-number a {
    color: #9C4A29 !important;                 /* Cimet boja za ID porudžbine */
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.woocommerce-account table.account-orders-table tbody .woocommerce-orders-table__cell-order-number a:hover {
    color: #0E2A1C !important;                 /* Tamno zelena na hover */
}

/* 5. Akciono dugme "View" */
.woocommerce-account table.account-orders-table tbody td.woocommerce-orders-table__cell-order-actions a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #9C4A29 !important;     /* Cimet boja */
    color: #EFE6D6 !important;                /* Bež tekst */
    border: 1px solid #9C4A29 !important;
    border-radius: 6px !important;
    padding: 6px 16px !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    text-transform: none !important;          /* Obična slova */
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    width: auto !important;                   /* Prirodna širina dugmeta */
}

/* Hover na View dugme */
.woocommerce-account table.account-orders-table tbody td.woocommerce-orders-table__cell-order-actions a.button:hover {
    background-color: #0E2A1C !important;     /* Tamno zelena na hover */
    border-color: #0E2A1C !important;
    color: #EFE6D6 !important;
}

/* ==========================================
   MY ACCOUNT - PREGLED PORUDŽBINE (VIEW ORDER)
   ========================================== */

/* 1. Uvodni tekst sa porudžbinom */
.woocommerce-account .woocommerce-MyAccount-content > p {
    color: #0E2A1C !important;
    font-size: 1.05rem !important;
    margin-bottom: 25px !important;
}

/* Oznake (mark tagovi) za broj porudžbine, datum i status */
.woocommerce-account .woocommerce-MyAccount-content mark {
    background-color: transparent !important;
    color: #9C4A29 !important;               /* Cimet boja za istaknute podatke */
    font-weight: 700 !important;
    padding: 0 !important;
}

/* 2. Naslovi sekcija (Downloads, Order details, Billing address) */
.woocommerce-account .woocommerce-order-downloads__title,
.woocommerce-account .woocommerce-order-details__title,
.woocommerce-account .woocommerce-column__title {
    color: #0E2A1C !important;               /* Tamno zeleni naslovi */
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    margin-top: 30px !important;
    margin-bottom: 15px !important;
}

/* 3. Tabele (Downloads i Order Details) */
.woocommerce-account table.order_details {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background-color: #EFE6D6 !important;   /* Bež podloga */
    border: 1px solid #9C4A29 !important;    /* Cimet ram */
    border-radius: 8px !important;
    overflow: hidden !important;
    margin-bottom: 25px !important;
}

/* Zaglavlje tabela (thead) */
.woocommerce-account table.order_details thead th {
    background-color: #9C4A29 !important;   /* Cimet zaglavlje */
    color: #EFE6D6 !important;               /* Bež tekst */
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    text-transform: none !important;
    padding: 12px 16px !important;
    border: none !important;
}

.woocommerce-account table.order_details thead th span.nobr {
    color: #EFE6D6 !important;
}

/* Telo i podnožje tabela (tbody, tfoot) */
.woocommerce-account table.order_details tbody td,
.woocommerce-account table.order_details tbody th,
.woocommerce-account table.order_details tfoot td,
.woocommerce-account table.order_details tfoot th {
    color: #0E2A1C !important;               /* Tamno zeleni tekst */
    padding: 12px 16px !important;
    border-top: 1px solid rgba(156, 74, 41, 0.2) !important;
    border-bottom: none !important;
    font-size: 0.95rem !important;
    vertical-align: middle !important;
}

/* Linkovi ka proizvodima unutar tabele */
.woocommerce-account table.order_details td.product-name a,
.woocommerce-account table.order_details td.download-product a {
    color: #0E2A1C !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.woocommerce-account table.order_details td.product-name a:hover,
.woocommerce-account table.order_details td.download-product a:hover {
    color: #9C4A29 !important;               /* Cimet na hover */
}

/* Količina (× 2) */
.woocommerce-account table.order_details td.product-name strong.product-quantity {
    color: #9C4A29 !important;
}

/* 4. Dugmad (Download priručnika & Order again) */
.woocommerce-account a.woocommerce-MyAccount-downloads-file.button,
.woocommerce-account p.order-again a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #9C4A29 !important;   /* Cimet boja */
    color: #EFE6D6 !important;              /* Bež tekst */
    border: 1px solid #9C4A29 !important;
    border-radius: 6px !important;
    padding: 8px 18px !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    text-transform: none !important;        /* Bez velikih slova */
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    width: auto !important;
}

/* Hover na dugmad */
.woocommerce-account a.woocommerce-MyAccount-downloads-file.button:hover,
.woocommerce-account p.order-again a.button:hover {
    background-color: #0E2A1C !important;   /* Tamno zelena na hover */
    border-color: #0E2A1C !important;
    color: #EFE6D6 !important;
}

/* 5. Sekcija sa adresom (Billing address) */
.woocommerce-account .woocommerce-customer-details address {
    background-color: #EFE6D6 !important;   /* Bež podloga */
    border: 1px solid #9C4A29 !important;
    border-left: 4px solid #9C4A29 !important;/* Cimet akcenat s leve strane */
    border-radius: 6px !important;
    padding: 16px 20px !important;
    color: #0E2A1C !important;
    font-style: normal !important;
    line-height: 1.6 !important;
    font-size: 0.95rem !important;
}

.woocommerce-account .woocommerce-customer-details--phone,
.woocommerce-account .woocommerce-customer-details--email {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    font-weight: 500 !important;
}

/* ==========================================
   MY ACCOUNT - STRANICA SA ADRESAMA (ADDRESSES)
   ========================================= */

/* 1. Uvodna poruka iznad adresa */
.woocommerce-account .woocommerce-MyAccount-content > p {
    color: #0E2A1C !important;
    font-size: 1rem !important;
    margin-bottom: 25px !important;
}

/* 2. Grid raspored za kartice (Billing & Shipping) */
.woocommerce-account .woocommerce-Addresses.addresses {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 20px !important;
    margin-top: 10px !important;
}

/* Pojedinačna kartica adrese */
.woocommerce-account .woocommerce-Address {
    background-color: #EFE6D6 !important;   /* Bež podloga */
    border: 1px solid #9C4A29 !important;
    border-left: 4px solid #9C4A29 !important;/* Cimet leva ivica */
    border-radius: 6px !important;
    padding: 20px !important;
    margin-bottom: 0 !important;
    float: none !important;
    width: 100% !important;
}

/* 3. Zaglavlje unutar kartice (Naslov + Edit/Add dugme) */
.woocommerce-account .woocommerce-Address-title.title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(156, 74, 41, 0.2) !important;
}

/* Naslov (Billing address / Shipping address) */
.woocommerce-account .woocommerce-Address-title.title h2,
.woocommerce-account .woocommerce-Address-title.title h3 {
    color: #0E2A1C !important;               /* Tamno zelena boja */
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

/* 4. Linkovi "Edit" i "Add" stilizovani kao dugmad */
.woocommerce-account .woocommerce-Address-title.title a.edit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #9C4A29 !important;   /* Cimet podloga */
    color: #EFE6D6 !important;              /* Bež tekst */
    border: 1px solid #9C4A29 !important;
    border-radius: 6px !important;
    padding: 6px 14px !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    text-transform: none !important;        /* Obična slova */
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

/* Hover stanje za Edit/Add dugmad */
.woocommerce-account .woocommerce-Address-title.title a.edit:hover {
    background-color: #0E2A1C !important;   /* Tamno zeleno na hover */
    border-color: #0E2A1C !important;
    color: #EFE6D6 !important;
}

/* 5. Tekst adrese (<address>) */
.woocommerce-account .woocommerce-Address address {
    color: #0E2A1C !important;               /* Tamno zeleni tekst */
    font-style: normal !important;
    line-height: 1.6 !important;
    font-size: 0.95rem !important;
}
/* ==========================================
   MY ACCOUNT - IZMENA ADRESE (EDIT ADDRESS)
   ========================================== */

/* 1. Naslov forme (Billing / Shipping address) */
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
    color: #0E2A1C !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
}

/* 2. Raspored polja u redu (First Name / Last Name) */
.woocommerce-account .form-row-first,
.woocommerce-account .form-row-last {
    width: 48% !important;
    float: left !important;
}

.woocommerce-account .form-row-first {
    margin-right: 4% !important;
}

.woocommerce-account .form-row-wide {
    clear: both !important;
    width: 100% !important;
}

.woocommerce-account .woocommerce-address-fields__field-wrapper::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* 3. Labele i obavezna polja (*) */
.woocommerce-account .woocommerce-address-fields label {
    color: #0E2A1C !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    margin-bottom: 6px !important;
    display: block !important;
}

.woocommerce-account .woocommerce-address-fields label .required {
    color: #9C4A29 !important;               /* Cimet zvezdica za obavezna polja */
    text-decoration: none !important;
}

.woocommerce-account .woocommerce-address-fields label .optional {
    color: #666666 !important;
    font-weight: 400 !important;
    font-size: 0.85rem !important;
}

/* 4. Input polja (Tekst, Tel, Email...) */
.woocommerce-account .woocommerce-address-fields input.input-text {
    width: 100% !important;
    background-color: #EFE6D6 !important;   /* Bež podloga */
    border: 1px solid #9C4A29 !important;    /* Cimet ram */
    border-radius: 6px !important;
    padding: 10px 14px !important;
    color: #0E2A1C !important;
    font-size: 0.95rem !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease, background-color 0.2s ease !important;
}

/* Fokus stanje na input poljima */
.woocommerce-account .woocommerce-address-fields input.input-text:focus {
    border-color: #0E2A1C !important;       /* Tamno zelena na fokus */
    background-color: #ffffff !important;
}

/* 5. Select2 padajući meniji (Country & State) */
.woocommerce-account .select2-container--default .select2-selection--single {
    background-color: #EFE6D6 !important;   /* Bež podloga */
    border: 1px solid #9C4A29 !important;    /* Cimet ram */
    border-radius: 6px !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
}

.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #0E2A1C !important;
    padding-left: 14px !important;
    font-size: 0.95rem !important;
    line-height: normal !important;
}

.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
    right: 8px !important;
}

.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #9C4A29 transparent transparent transparent !important;
}

.woocommerce-account .select2-container--open .select2-selection--single {
    border-color: #0E2A1C !important;
    background-color: #ffffff !important;
}

/* 6. Save address dugme */
.woocommerce-account .woocommerce-address-fields button.button[name="save_address"] {
    background-color: #9C4A29 !important;   /* Cimet boja */
    color: #EFE6D6 !important;              /* Bež tekst */
    border: 1px solid #9C4A29 !important;
    border-radius: 6px !important;
    padding: 10px 24px !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    text-transform: none !important;        /* Bez velikih slova */
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin-top: 15px !important;
}

.woocommerce-account .woocommerce-address-fields button.button[name="save_address"]:hover {
    background-color: #0E2A1C !important;   /* Tamno zelena na hover */
    border-color: #0E2A1C !important;
    color: #EFE6D6 !important;
}

/* ==========================================
   MY ACCOUNT - DETALJI NALOGA (ACCOUNT DETAILS)
   ========================================== */

/* 1. Osnovna polja forme (First Name, Last Name, Display Name, Email) */
.woocommerce-account form.edit-account .form-row label {
    color: #0E2A1C !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    margin-bottom: 6px !important;
    display: block !important;
}

.woocommerce-account form.edit-account .form-row label .required {
    color: #9C4A29 !important;               /* Cimet zvezdica za obavezna polja */
    text-decoration: none !important;
}

/* Opis ispod Display Name-a */
.woocommerce-account form.edit-account #account_display_name_description {
    display: block !important;
    color: #0E2A1C !important;
    opacity: 0.8;
    font-size: 0.82rem !important;
    margin-top: 5px !important;
}

/* Input polja za unos teksta i emaila */
.woocommerce-account form.edit-account input.input-text {
    width: 100% !important;
    background-color: #EFE6D6 !important;   /* Bež podloga */
    border: 1px solid #9C4A29 !important;    /* Cimet ram */
    border-radius: 6px !important;
    padding: 10px 14px !important;
    color: #0E2A1C !important;
    font-size: 0.95rem !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease, background-color 0.2s ease !important;
}

.woocommerce-account form.edit-account input.input-text:focus {
    border-color: #0E2A1C !important;       /* Tamno zelena na fokus */
    background-color: #ffffff !important;
}

/* 2. Fieldset za promenu lozinke (Password change) */
.woocommerce-account form.edit-account fieldset {
    background-color: rgba(239, 230, 214, 0.4) !important; /* Blaga bež nijansa */
    border: 1px solid #9C4A29 !important;    /* Cimet okvir */
    border-radius: 8px !important;
    padding: 20px !important;
    margin-top: 25px !important;
    margin-bottom: 20px !important;
}

.woocommerce-account form.edit-account fieldset legend {
    color: #0E2A1C !important;               /* Tamno zelena boja naslova sekcije */
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    padding: 0 10px !important;
}

/* 3. Posebno stilizovanje za Password wrapper i "Show Password" dugme */
.woocommerce-account form.edit-account span.password-input {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

.woocommerce-account form.edit-account span.password-input input.input-text {
    padding-right: 45px !important;          /* Ostavlja prostor za ikonicu oka */
}

/* Ikonica oka za prikaz lozinke */
.woocommerce-account form.edit-account span.password-input button.show-password-input {
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.woocommerce-account form.edit-account span.password-input button.show-password-input::after {
    color: #9C4A29 !important;               /* Cimet boja za ikonicu oko */
}

/* 4. Dugme "Save changes" */
.woocommerce-account form.edit-account button.button[name="save_account_details"] {
    background-color: #9C4A29 !important;   /* Cimet podloga */
    color: #EFE6D6 !important;              /* Bež tekst */
    border: 1px solid #9C4A29 !important;
    border-radius: 6px !important;
    padding: 10px 24px !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    text-transform: none !important;        /* Bez velikih slova */
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin-top: 10px !important;
}

.woocommerce-account form.edit-account button.button[name="save_account_details"]:hover {
    background-color: #0E2A1C !important;   /* Tamno zeleno na hover */
    border-color: #0E2A1C !important;
    color: #EFE6D6 !important;
}

/* ==========================================
   SINGLE PRODUCT - TABELA ATRIBUTA (SHOP ATTRIBUTES)
   ========================================== */

/* 1. Glavni kontejner tabele */
table.woocommerce-product-attributes.shop_attributes {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background-color: #EFE6D6 !important;   /* Bež podloga */
    border: 1px solid #9C4A29 !important;    /* Cimet spoljni ram */
    border-radius: 8px !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
}

/* 2. Redovi u tabeli i linije razdvajanja */
table.woocommerce-product-attributes.shop_attributes tr.woocommerce-product-attributes-item {
    border-bottom: 1px solid rgba(156, 74, 41, 0.2) !important;
}

table.woocommerce-product-attributes.shop_attributes tr.woocommerce-product-attributes-item:last-child {
    border-bottom: none !important;
}

/* Naizmenična pozadina za parne redove radi bolje preglednosti */
table.woocommerce-product-attributes.shop_attributes tr.woocommerce-product-attributes-item:nth-child(even) {
    background-color: rgba(156, 74, 41, 0.05) !important;
}

/* 3. Kolona sa nazivom atributa (Materijal, Veličina...) */
table.woocommerce-product-attributes.shop_attributes th.woocommerce-product-attributes-item__label {
    color: #0E2A1C !important;               /* Tamno zeleni tekst */
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    padding: 12px 16px !important;
    width: 30% !important;
    background-color: transparent !important;
    border-right: 1px solid rgba(156, 74, 41, 0.15) !important;
    border-bottom: none !important;
    text-align: left !important;
    vertical-align: middle !important;
}

/* 4. Kolona sa vrednostima (Prirodni, A4 format...) */
table.woocommerce-product-attributes.shop_attributes td.woocommerce-product-attributes-item__value {
    color: #0E2A1C !important;
    font-size: 0.95rem !important;
    padding: 12px 16px !important;
    background-color: transparent !important;
    border-bottom: none !important;
    vertical-align: middle !important;
}

/* Resetovanje WooCommerce <p> taga unutar ćelije vrednosti */
table.woocommerce-product-attributes.shop_attributes td.woocommerce-product-attributes-item__value p {
    margin: 0 !important;
    padding: 0 !important;
    color: #0E2A1C !important;
    font-size: 0.95rem !important;
    line-height: 1.4 !important;
}

/* Ako atribut sadrži link (npr. filter po atributu) */
table.woocommerce-product-attributes.shop_attributes td.woocommerce-product-attributes-item__value a {
    color: #9C4A29 !important;               /* Cimet boja za linkove */
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

table.woocommerce-product-attributes.shop_attributes td.woocommerce-product-attributes-item__value a:hover {
    color: #0E2A1C !important;               /* Tamno zeleno na hover */
}

/* ==========================================
   SINGLE PRODUCT - REVIEWS TAB (#tab-reviews)
   ========================================== */

/* 1. Naslovi i obaveštenja */
#tab-reviews .woocommerce-Reviews-title,
#tab-reviews .comment-reply-title {
    color: #0E2A1C !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
    display: block !important;
}

#tab-reviews .woocommerce-noreviews {
    color: #0E2A1C !important;
    opacity: 0.8;
    font-style: italic !important;
    margin-bottom: 25px !important;
}

/* 2. Sekcija za ostavljanje ocene (Star Rating) */
#tab-reviews .comment-form-rating {
    margin-bottom: 20px !important;
}

#tab-reviews .comment-form-rating label {
    color: #0E2A1C !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    display: block !important;
    margin-bottom: 6px !important;
}

#tab-reviews .comment-form-rating label .required {
    color: #9C4A29 !important;
}

/* Stilizovanje samih zvezdica */
#tab-reviews .comment-form-rating p.stars a {
    color: #9C4A29 !important;               /* Cimet boja za zvezdice */
    transition: color 0.2s ease !important;
}

#tab-reviews .comment-form-rating p.stars a:hover,
#tab-reviews .comment-form-rating p.stars a.active {
    color: #0E2A1C !important;               /* Prelaženje u tamno zelenu na hover/izbor */
}

/* 3. Labela i Textarea za recenziju */
#tab-reviews p.comment-form-field-textarea label {
    color: #0E2A1C !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    display: block !important;
    margin-bottom: 6px !important;
}

#tab-reviews p.comment-form-field-textarea label .required {
    color: #9C4A29 !important;
}

#tab-reviews textarea#comment {
    width: 100% !important;
    background-color: #EFE6D6 !important;   /* Bež podloga */
    border: 1px solid #9C4A29 !important;    /* Cimet ram */
    border-radius: 6px !important;
    padding: 12px 14px !important;
    color: #0E2A1C !important;
    font-size: 0.95rem !important;
    outline: none !important;
    box-shadow: none !important;
    min-height: 120px !important;
    transition: border-color 0.2s ease, background-color 0.2s ease !important;
}

#tab-reviews textarea#comment:focus {
    border-color: #0E2A1C !important;       /* Tamno zelena na fokus */
    background-color: #ffffff !important;
}

/* 4. Submit dugme */
#tab-reviews button#submit.submit {
    background-color: #9C4A29 !important;   /* Cimet podloga */
    color: #EFE6D6 !important;              /* Bež tekst */
    border: 1px solid #9C4A29 !important;
    border-radius: 6px !important;
    padding: 10px 24px !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    text-transform: none !important;        /* Bez velikih slova */
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin-top: 10px !important;
}

#tab-reviews button#submit.submit:hover {
    background-color: #0E2A1C !important;   /* Tamno zelena na hover */
    border-color: #0E2A1C !important;
    color: #EFE6D6 !important;
}

body .ct-woo-card-extra[data-type="type-2"] {
    /* 0.82 označava oko 82% vidljivosti / 18% providnosti */
    --theme-button-background-initial-color: rgba(239, 230, 214, 0.5) !important;
    --theme-button-background-hover-color: rgba(239, 230, 214, 0.75) !important;
}

body .woocommerce-notices-wrapper .woocommerce-message a.restore-item {
    color: #EFE6D6 !important;
}

/* Bela pozadina za checkbox kvadrat */
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"] {
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    width: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
}

/* Zelena boja za obican tekst pored checkbox-a */
.woocommerce-terms-and-conditions-wrapper label.checkbox,
.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text {
    color: #0E2A1C !important;
}

/* Cinnamon boja za sam link "terms and conditions" */
.woocommerce-terms-and-conditions-wrapper label.checkbox a,
.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-link {
    color: #9C4A29 !important;
    text-decoration: underline !important;
}
/* Styling za WooCommerce-info poruku (Nema pronađenih proizvoda) */
.woocommerce-no-products-found .woocommerce-info,
.woocommerce-info {
    background-color: transparent !important; /* Bez pozadine */
    border: 1px solid #9C4A29 !important;    /* Cimet okvir oko celog bloka (#9C4A29) */
    border-left: 6px solid #9C4A29 !important; /* Deblji levi border u cimet boji */
    color: inherit;                          /* Zadržava standardnu boju teksta */
    padding: 15px 20px 15px 55px !important; /* Povećan levi padding da se zvonce ne preklapa sa tekstom */
    position: relative;
    border-radius: 4px;                      /* Blago zaobljeni uglovi */
}

/* Pozicioniranje ikonice (zvonce / info) da ne ide preko teksta */
.woocommerce-info::before {
    color: #9C4A29 !important;               /* Cimet boja za samu ikonicu */
    left: 20px !important;                   /* Pomera ikonicu ulevo unutar paddinga */
    top: 50% !important;
    transform: translateY(-50%);            /* Vertikalno centriranje ikonice */
}


/* Omotač galerije se centrira, a kontejner se skuplja na tačnu širinu slike */
.single-product .ct-product-gallery {
    text-align: center !important;
}

.single-product .ct-product-gallery-container {
    display: inline-block !important;
    position: relative !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* Sličica i njen unutrašnji kontejner */
.single-product .ct-media-container {
    max-height: 600px;
    width: auto !important;
    display: block !important;
}

/*
.single-product .ct-media-container img {
    max-height: 600px;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
    aspect-ratio: auto !important;
    display: block;
}
*/

/* Centriranje SALE značke pri vrhu u sredini */
/*
.single-product .ct-product-gallery-container .onsale {
    position: absolute !important;
    top: 15px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    z-index: 10 !important;
}
*/

/* Lupa na gornjem desnom uglu */
.single-product .ct-product-gallery-container .woocommerce-product-gallery__trigger {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 10 !important;
}

/* Uklanja SVG strelicu koja je unutar item-0 na srpskoj prodavnici */
html[lang*="sr"] body.woocommerce-shop .ct-breadcrumbs .item-0 svg.ct-separator,
html[lang*="sr"] body.woocommerce-shop .ct-breadcrumbs .last-item {
    display: none !important;
}

@media (max-width: 689.98px) {
    .site-branding[data-id="logo"] img.default-logo,
    body.product-template-default .site-branding[data-id="logo"] img.default-logo {
        width: 150px !important;
        height: auto !important;
    }
}


/** Mega menu - korekcije **/

/* 1. Uklanjanje 720px ograničenja sa sadržaja na navedenim stranicama */
body.page-id-3 .entry-content,
body.page-id-1282 .entry-content,
body.page-id-1396 .entry-content,
body.page-id-1398 .entry-content,
body.page-id-1414 .entry-content,
body.page-id-1417 .entry-content {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 2. Proširivanje padajućeg mega menija na ovim stranicama */
body.page-id-3 [class*=ct-mega-menu] > .sub-menu,
body.page-id-1282 [class*=ct-mega-menu] > .sub-menu,
body.page-id-1396 [class*=ct-mega-menu] > .sub-menu,
body.page-id-1398 [class*=ct-mega-menu] > .sub-menu,
body.page-id-1414 [class*=ct-mega-menu] > .sub-menu,
body.page-id-1417 [class*=ct-mega-menu] > .sub-menu {
    width: 1350px !important;
    max-width: 98vw !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    position: absolute !important;
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
}

/* 3. Podešavanje Greenshift reda da pokrije novu širinu bez belih margina */
body.page-id-3 .moja-bookshop-klasa .gspb_row-id-gsbp-9c072b8b-e765 > .gspb_row__content,
body.page-id-1282 .moja-bookshop-klasa-sr .gspb_row-id-gsbp-9c072b8b-e765 > .gspb_row__content,
body.page-id-1396 .moja-bookshop-klasa .gspb_row-id-gsbp-9c072b8b-e765 > .gspb_row__content,
body.page-id-1398 .moja-bookshop-klasa-sr .gspb_row-id-gsbp-9c072b8b-e765 > .gspb_row__content,
body.page-id-1414 .moja-bookshop-klasa .gspb_row-id-gsbp-9c072b8b-e765 > .gspb_row__content,
body.page-id-1417 .moja-bookshop-klasa-sr .gspb_row-id-gsbp-9c072b8b-e765 > .gspb_row__content {
    width: 1350px !important;
    max-width: 98vw !important;
    margin: 0 auto !important;
}

/* 4. Smanjenje visine leve sekcije (hero kontejnera) */
body.page-id-3 .moja-bookshop-klasa #gspb_container-id-gsbp-63edd90e-a15e,
body.page-id-1282 .moja-bookshop-klasa-sr #gspb_container-id-gsbp-63edd90e-a15e,
body.page-id-1396 .moja-bookshop-klasa #gspb_container-id-gsbp-63edd90e-a15e,
body.page-id-1398 .moja-bookshop-klasa-sr #gspb_container-id-gsbp-63edd90e-a15e,
body.page-id-1414 .moja-bookshop-klasa #gspb_container-id-gsbp-63edd90e-a15e,
body.page-id-1417 .moja-bookshop-klasa-sr #gspb_container-id-gsbp-63edd90e-a15e {
    min-height: 380px !important;
    padding: 20px !important;
}

/* Stil za licence linkove u ct-product-additional-info */
.ct-product-additional-info .ct-label a {
    color: #0E2A1C !important; /* Tvoja zelena boja */
    text-decoration: underline !important;
    transition: color 0.2s ease;
}

.ct-product-additional-info .ct-label a:hover {
    color: #9C4A29 !important; /* Tvoja cimet boja */
}

/* Bojenje H1 naslova u zelenu boju na stranicama sa licencama i uslovima */
body.page-id-2907 .entry-header h1.page-title,
body.page-id-2900 .entry-header h1.page-title,
body.page-id-2902 .entry-header h1.page-title,
body.page-id-2905 .entry-header h1.page-title {
    color: #0E2A1C !important;
	
}
/* 1. Zelena pozadina hedera za stranice 2907, 2900, 2902 i 2905 */
body.page-id-2907 .ct-header, 
body.page-id-2907 .ct-header-bar, 
body.page-id-2907 [data-device="desktop"],
body.page-id-2900 .ct-header, 
body.page-id-2900 .ct-header-bar, 
body.page-id-2900 [data-device="desktop"],
body.page-id-2902 .ct-header, 
body.page-id-2902 .ct-header-bar, 
body.page-id-2902 [data-device="desktop"],
body.page-id-2905 .ct-header, 
body.page-id-2905 .ct-header-bar, 
body.page-id-2905 [data-device="desktop"] {
    background-color: #0E2A1C !important;
}

/* 2. Zeleni H1 naslovi na istim stranicama */
body.page-id-2907 .entry-header h1.page-title,
body.page-id-2900 .entry-header h1.page-title,
body.page-id-2902 .entry-header h1.page-title,
body.page-id-2905 .entry-header h1.page-title {
    color: #0E2A1C !important;
}

/* Postavlja boju strelice u meniju da prati boju linka ili dobije tvoju željenu boju */
.ct-menu-link .ct-toggle-dropdown-desktop svg.ct-icon {
    fill: currentColor; /* Prati boju teksta linka */
}

/* Stil za dugme - Cimet boja */
/* "Go to product page" dugme u Quick View-u */
.ct-quick-view-card .ct-button.ct-quick-more,
.ct-button.ct-quick-more {
    background-color: #9c4a29 !important; /* Cimet boja */
    color: #efe6d6 !important;            /* Bez boja za tekst */
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

/* Efekat kada pređeš mišem preko dugmeta (hover) */
.ct-quick-view-card .ct-button.ct-quick-more:hover,
.ct-button.ct-quick-more:hover {
    background-color: #843e22 !important; /* Malo tamnija cimet nijansa na hover */
    color: #ffffff !important;            /* Bela boja teksta na hover radi savršene čitljivosti */
}

/* Glavno dugme "Add to cart" */
button.single_add_to_cart_button.button.alt,
.woocommerce div.product form.cart .button,
a.added_to_cart.wc-forward{
    background-color: #9c4a29 !important; /* Cimet boja */
    color: #efe6d6 !important;            /* Bez boja za tekst */
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transition: all 0.3s ease !important;
}

/* Efekat kada pređeš mišem preko dugmeta (hover) */
button.single_add_to_cart_button.button.alt:hover,
.woocommerce div.product form.cart .button:hover {
    background-color: #843e22 !important; /* Malo tamnija cimet nijansa */
    color: #ffffff !important;            /* Bela boja teksta na hover */
}

#gspb_row-id-gsbp-f829157 > .gspb_backgroundOverlay{
	background-color: rgba(0, 0, 0, 0.5) !important;
}

/* Primenjuje se ISKLJUČIVO na desktop računarima (ekrani širi od 768px) */
@media (min-width: 768px) {
    /* 1. Podela modala na dva jednaka dela */
    .ct-quick-view-content {
        display: flex !important;
        align-items: stretch !important;
    }

    .ct-quick-view-content > div {
        flex: 1 !important;
        width: 50% !important;
    }

    /* 2. Uklanjanje razmaka i popunjavanje leve strane */
    .ct-quick-view-content .woocommerce-product-gallery,
    .ct-quick-view-content .ct-product-gallery-container,
    .ct-quick-view-content .ct-media-container {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 3. Raširivanje slike da pokrije celu levu stranu bez bele crte dole */
    .ct-quick-view-content .ct-media-container img {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        object-fit: cover !important;
        aspect-ratio: unset !important;
        display: block !important;
        margin: 0 !important;
    }
}

#gspb_iconBox-id-gsbp-1fadb91 svg path {
  fill: #EFE6D6 !important;
}
body.gspb-bodyfront #gspb_container-id-gsbp-fde2603.gspb_container{
	left: 15px !important;
}

.gspb_text-id-gsbp-47759ce{
	font-size: 12px !important;
}


/* 1. Fiksiramo levu kolonu na oba jezika da drži strukturu */
.moja-bookshop-klasa [id*="gspb_col-id"],
.moja-bookshop-klasa-sr [id*="gspb_col-id"] {
  position: relative !important;
  overflow: hidden !important;
}

/* 2. Slika zauzima tačno 100% visine i širine leve kolone */
.moja-bookshop-klasa [id*="gspb_image-id"],
.moja-bookshop-klasa-sr [id*="gspb_image-id"] {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
}

.moja-bookshop-klasa [id*="gspb_image-id"] img,
.moja-bookshop-klasa-sr [id*="gspb_image-id"] img {
  object-fit: cover !important;
  object-position: 50% 50% !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  transition: transform 0.5s cubic-bezier(.42,0,.58,1) !important;
}

/* 3. Zum efekat na hover za oba jezika */
.moja-bookshop-klasa [class*="gspb-hoverparent"]:hover [id*="gspb_image-id"] img,
.moja-bookshop-klasa-sr [class*="gspb-hoverparent"]:hover [id*="gspb_image-id"] img {
  transform: scale(1.1) !important;
}

/* 4. Neutrališemo problematičnu min-height i smještamo tekst i dugme preko slike */
.moja-bookshop-klasa [id*="gspb_container-id-gsbp-63edd90e"],
.moja-bookshop-klasa-sr [id*="gspb_container-id-gsbp-63edd90e"] {
  position: relative !important;
  z-index: 2 !important;
  height: 100% !important;
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  background: transparent !important;
}