.elementor-kit-102{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-1f7b5cd:#F8F8F8;--e-global-color-a45ec1f:#DAA760;--e-global-color-eeee00f:#101E22;--e-global-color-03dcd93:#D1C8BB;--e-global-color-20dcb0b:#130F0C;--e-global-color-48826ee:#D29A5A;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:300;--e-global-typography-primary-line-height:1.6em;--e-global-typography-secondary-font-family:"Raleway";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Raleway";--e-global-typography-accent-font-size:90px;--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-20dcb0b );color:var( --e-global-color-03dcd93 );font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;}.elementor-kit-102 button,.elementor-kit-102 input[type="button"],.elementor-kit-102 input[type="submit"],.elementor-kit-102 .elementor-button{background-color:var( --e-global-color-48826ee );font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;line-height:1.6em;letter-spacing:3.5px;color:var( --e-global-color-20dcb0b );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-48826ee );border-radius:0px 0px 0px 0px;padding:16px 32px 16px 32px;}.elementor-kit-102 button:hover,.elementor-kit-102 button:focus,.elementor-kit-102 input[type="button"]:hover,.elementor-kit-102 input[type="button"]:focus,.elementor-kit-102 input[type="submit"]:hover,.elementor-kit-102 input[type="submit"]:focus,.elementor-kit-102 .elementor-button:hover,.elementor-kit-102 .elementor-button:focus{background-color:#02010100;color:var( --e-global-color-03dcd93 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-03dcd93 );border-radius:0px 0px 0px 0px;}.elementor-kit-102 e-page-transition{background-color:#FFBC7D;}.elementor-kit-102 a{color:#D29A5A;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-kit-102 a:hover{color:var( --e-global-color-03dcd93 );}.elementor-kit-102 h1{color:var( --e-global-color-1f7b5cd );font-family:"Raleway", Sans-serif;font-size:45px;text-transform:uppercase;}.elementor-kit-102 h2{color:var( --e-global-color-1f7b5cd );font-family:"Raleway", Sans-serif;}.elementor-kit-102 h3{color:var( --e-global-color-1f7b5cd );font-family:"Raleway", Sans-serif;}.elementor-kit-102 h4{color:var( --e-global-color-1f7b5cd );font-family:"Raleway", Sans-serif;}.elementor-kit-102 h5{color:var( --e-global-color-1f7b5cd );font-family:"Raleway", Sans-serif;}.elementor-kit-102 h6{color:var( --e-global-color-1f7b5cd );font-family:"Raleway", Sans-serif;}.elementor-kit-102 label{color:var( --e-global-color-1f7b5cd );font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;}.elementor-kit-102 input:not([type="button"]):not([type="submit"]),.elementor-kit-102 textarea,.elementor-kit-102 .elementor-field-textual{font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;line-height:1.6em;letter-spacing:1px;color:var( --e-global-color-03dcd93 );background-color:#1A1C1D;}.elementor-kit-102 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-102 textarea:focus,.elementor-kit-102 .elementor-field-textual:focus{color:var( --e-global-color-03dcd93 );background-color:#1A1C1D;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-48826ee );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- SREDJIVANJE OBA DUGMETA (CHECKOUT I UPDATE CART) - SVETLO ZELENA I CRNA --- */

/* 1. Izgled Checkout i Place Order dugmeta */
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
/* 2. Izgled Update Cart dugmeta */
.woocommerce button[name="update_cart"] {
    background-color: #8cd92b !important; /* Svetlija zelena pozadina */
    color: #111111 !important; /* Crna slova */
    border: 2px solid #8cd92b !important; /* Svetlo zeleni okvir */
    border-radius: 5px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 12px 24px !important;
    transition: all 0.3s ease !important;
    opacity: 1 !important;
}

/* 3. Efekat kada pređeš mišem preko BILO KOG od ta dva dugmeta */
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce button[name="update_cart"]:hover {
    background-color: #111111 !important; /* Pozadina postaje crna */
    color: #8cd92b !important; /* Slova postaju svetlo zelena */
    border: 2px solid #8cd92b !important; /* Okvir ostaje zelen */
}

/* 4. Zatamnjeno Update Cart dugme kada kupac nije promenio količinu jela */
.woocommerce button[name="update_cart"]:disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
}
/* =======================================================
   KOMPLETAN WOOCOMMERCE DIZAJN - DENITO RESTORAN (CRNO-ZELENO)
   ======================================================= */

/* --- 1. SREĐIVANJE TABELA I POLJA ZA UNOS NA KASI I U KORPI --- */
/* Tabele za prikaz narudžbine */
.woocommerce table.shop_table {
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
    background-color: transparent !important;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
    border-top: 1px solid #333333 !important;
    color: #ffffff !important; /* Bela slova za stavke */
}

/* Polja za unos imena, adrese i napomena */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    background-color: #1a1a1a !important; /* Tamno siva polja */
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    border-radius: 5px !important;
    padding: 12px !important;
}
/* Efekat kada kupac klikne da kuca (Zeleni okvir) */
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
    border-color: #8cd92b !important;
    outline: none !important;
    box-shadow: 0 0 5px rgba(140, 217, 43, 0.3) !important;
}

/* Obaveštenja (npr. "Your cart is currently empty") */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-top-color: #8cd92b !important; /* Zelena linija na vrhu obaveštenja */
}


/* --- 2. SREĐIVANJE GLAVNIH DUGMIĆA (Checkout, Kupi, Update, Return to shop) --- */
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce button[name="update_cart"],
.woocommerce a.button.wc-backward {
    background-color: #8cd92b !important; /* Svetlo zelena */
    color: #111111 !important; /* Crna slova */
    border: 2px solid #8cd92b !important;
    border-radius: 5px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 12px 24px !important;
    transition: all 0.3s ease !important;
    opacity: 1 !important;
}

/* Hover efekat za glavne dugmiće */
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce button[name="update_cart"]:hover,
.woocommerce a.button.wc-backward:hover {
    background-color: #111111 !important; /* Postaje crno */
    color: #8cd92b !important; /* Slova zelena */
}

/* Zatamnjeno dugme za update kada nema promena */
.woocommerce button[name="update_cart"]:disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
}


/* --- 3. SREĐIVANJE "ADD TO CART" DUGMETA ISPOD JELA NA MENIJU --- */
.woocommerce ul.products li.product .button {
    background-color: transparent !important; 
    color: #8cd92b !important; /* Zelena slova */
    border: 2px solid #8cd92b !important;
    border-radius: 5px !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    transition: all 0.3s ease !important;
}
.woocommerce ul.products li.product .button:hover {
    background-color: #8cd92b !important; 
    color: #111111 !important; 
}
.woocommerce ul.products li.product .added_to_cart {
    color: #8cd92b !important;
    margin-left: 12px;
    font-weight: 600;
}


/* --- 4. SREĐIVANJE MINI KORPE (SA STRANE / U HEADERU) --- */
.widget_shopping_cart_content {
    background-color: #111111 !important; 
    color: #ffffff !important; 
}
.woocommerce-mini-cart-item a {
    color: #ffffff !important;
    font-weight: 500;
}
.woocommerce-mini-cart__total .amount {
    color: #8cd92b !important; /* Zelena cena ukupno */
}
/* Dugme VIEW CART u mini korpi */
.woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout) {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 3px !important;
    transition: 0.3s;
}
.woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout):hover {
    background-color: #ffffff !important;
    color: #111111 !important;
}
/* Dugme CHECKOUT u mini korpi */
.woocommerce-mini-cart__buttons .button.checkout {
    background-color: #8cd92b !important; 
    color: #111111 !important; 
    border: 1px solid #8cd92b !important;
    border-radius: 3px !important;
    transition: 0.3s;
}
.woocommerce-mini-cart__buttons .button.checkout:hover {
    background-color: #111111 !important; 
    color: #8cd92b !important;
}
/* --- 1. SREĐIVANJE TABELA I POLJA ZA UNOS NA KASI I U KORPI --- */

/* Brisanje grubih okvira oko cele tabele */
.woocommerce table.shop_table {
    border: none !important; 
    background-color: transparent !important;
}

/* Sređivanje zaglavlja tabele (Product, Price, Quantity...) */
.woocommerce table.shop_table thead th {
    background-color: #1a1a1a !important; /* Blago posvetljena tamna pozadina */
    color: #8cd92b !important; /* Tvoja zelena boja za naslove */
    text-transform: uppercase !important;
    font-weight: 700 !important;
    border: none !important;
    padding: 15px !important;
}

/* Sređivanje redova sa samim jelima */
.woocommerce table.shop_table tbody td {
    border-bottom: 1px solid #333333 !important; /* Samo fina donja linija da razdvoji jela */
    border-top: none !important;
    color: #ffffff !important; /* Bela slova za naziv jela i cenu */
    padding: 20px 10px !important; /* Više prostora da ne izgleda stisnuto */
    vertical-align: middle !important;
}

/* Kockica za količinu (gde piše broj naručenih jela) */
.woocommerce table.shop_table .quantity input.qty {
    background-color: #111111 !important;
    color: #8cd92b !important; /* Zeleni broj */
    border: 1px solid #333333 !important;
    border-radius: 5px !important;
    padding: 10px !important;
    font-weight: bold !important;
}

/* Crveni 'X' za brisanje jela (da bude uočljiviji) */
.woocommerce table.shop_table a.remove {
    color: #ff3333 !important;
    font-weight: bold !important;
}
.woocommerce table.shop_table a.remove:hover {
    background-color: #ff3333 !important;
    color: #111111 !important;
}

/* Polja za unos imena, adrese i napomena (ovo ostaje isto kao malopre) */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    background-color: #1a1a1a !important; 
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    border-radius: 5px !important;
    padding: 12px !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
    border-color: #8cd92b !important;
    outline: none !important;
    box-shadow: 0 0 5px rgba(140, 217, 43, 0.3) !important;
}
.woocommerce-message, .woocommerce-info, .woocommerce-error {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-top-color: #8cd92b !important; 
}
/* --- 5. SREĐIVANJE BOČNE KORPE (MINI CART) I IKONICE --- */

/* Ikonica korpe u meniju (Crveni kružić postaje zeleno-crni) */
.elementor-menu-cart__toggle .elementor-button-icon[data-counter]:before,
.elementor-menu-cart__toggle .elementor-button-icon .elementor-badge {
    background-color: #8cd92b !important; /* Svetlo zelena pozadina */
    color: #111111 !important; /* Crni broj u kružiću */
    font-weight: bold !important;
}

/* Tamna pozadina za samu listu jela u bočnoj korpi */
.elementor-menu-cart__container .elementor-menu-cart__main .elementor-menu-cart__product {
    background-color: #1a1a1a !important; /* Tamno siva da se izdvoji */
    border-bottom: 1px solid #333333 !important; /* Nežna linija između jela */
    padding: 15px !important;
}

/* Bela boja za ime jela u bočnoj korpi */
.elementor-menu-cart__container .elementor-menu-cart__product-name a {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* Zelena boja za cene u bočnoj korpi */
.elementor-menu-cart__container .elementor-menu-cart__product-price,
.elementor-menu-cart__container .elementor-menu-cart__subtotal {
    color: #8cd92b !important;
    font-weight: bold !important;
}

/* Dugmići VIEW CART i CHECKOUT u bočnoj korpi */
.elementor-menu-cart__container .elementor-menu-cart__footer-buttons .elementor-button {
    background-color: #8cd92b !important; /* Zelena */
    color: #111111 !important; /* Crna slova */
    border: 2px solid #8cd92b !important;
    border-radius: 5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
}

/* Hover efekat za te dugmiće */
.elementor-menu-cart__container .elementor-menu-cart__footer-buttons .elementor-button:hover {
    background-color: #111111 !important; /* Postaje crno */
    color: #8cd92b !important; /* Slova zelena */
}

/* X ikonica za brisanje jela iz bočne korpe (da bude crvena i uočljiva) */
.elementor-menu-cart__container .elementor-menu-cart__product-remove {
    color: #ff3333 !important;
}/* --- 6. FIX ZA BELI OKVIR OKO CELE BOČNE KORPE --- */
.elementor-menu-cart__wrapper .elementor-menu-cart__container,
.elementor-menu-cart__container .elementor-menu-cart__main,
.elementor-menu-cart__container .elementor-menu-cart__footer {
    background-color: #111111 !important; /* Tamno crna pozadina celog prozora */
    border: none !important;
}

/* Da zatamnimo i X za zatvaranje cele korpe gore desno */
.elementor-menu-cart__close-button {
    background-color: #111111 !important;
    color: #ffffff !important;
}
.elementor-menu-cart__close-button:hover {
    color: #8cd92b !important; /* Požuti/pozeleni kad pređeš mi/* Ikonica korpe u meniju (Kružić i uklanjanje bordera) */
.elementor-menu-cart__toggle .elementor-button-icon[data-counter]:before,
.elementor-menu-cart__toggle .elementor-button-icon .elementor-badge {
    background-color: #8cd92b !important; /* Svetlo zelena pozadina */
    color: #111111 !important; /* Crni broj u kružiću */
    font-weight: bold !important;
}

/* NOVI DEO: Uklanjanje bordera oko same ikonice korpe */
.elementor-menu-cart__toggle .elementor-button {
    border: none !important;
    outline: none !important;šem */
} /* Ikonica korpe u meniju (Kružić i uklanjanje bordera) */
.elementor-menu-cart__toggle .elementor-button-icon[data-counter]:before,
.elementor-menu-cart__toggle .elementor-button-icon .elementor-badge {
    background-color: #8cd92b !important; /* Svetlo zelena pozadina */
    color: #111111 !important; /* Crni broj u kružiću */
    font-weight: bold !important;
}

/* NOVI DEO: Uklanjanje bordera oko same ikonice korpe */
.elementor-menu-cart__toggle .elementor-button {
    border: none !important;
    outline: none !important;
}
/* Globalno rešenje za mobilni (važi za ceo sajt) */
@media (max-width: 767px) {
    /* Gura prvu sekciju na svakoj stranici ispod hedera */
    .elementor-section:first-child, 
    .elementor-location-archive .elementor-section:first-child {
        padding-top: 150px !important; 
    }
    
    /* Smanjuje sve glavne naslove na mobilnom da ne udaraju u logo */
    h1.elementor-heading-title, 
    .elementor-widget-heading .elementor-heading-title {
        font-size: 28px !important; 
        line-height: 1.2 !important;
    }
} 
/* Smanjivanje ikonica kategorija samo na mobilnom */
@media (max-width: 767px) {
    /* Smanjujemo samu sliku/ikonu */
    .elementor-widget-wc-categories ul.products li.product-category a img {
        max-width: 80px !important; /* Ovde podesi veličinu koja ti odgovara */
        margin: 0 auto !important;
        display: block !important;
    }

    /* Smanjujemo i tekst ispod slike da bi se uklopio */
    .elementor-widget-wc-categories ul.products li.product-category .woocommerce-loop-category__title {
        font-size: 12px !important;
        margin-top: 5px !important;
    }

    /* Ako želiš da stane više kategorija u jedan red (npr. 3 ili 4) */
    .elementor-widget-wc-categories ul.products li.product-category {
        width: 25% !important; /* 25% znači 4 ikonice u redu, 33% znači 3 ikonice */
        float: left !important;
    }
}/* Magični kod za jednake dugmiće u mini-korpi */

/* 1. Kontejner za dugmiće - primenjujemo 'flex' da bi stajali jedan pored drugog */
.widget_shopping_cart_content .buttons {
    display: flex !important;
    gap: 12px !important; /* Pravilan, moderan razmak između njih */
    width: 100% !important;
    padding: 10px 15px !important; /* Malo prostora da dišu */
    background-color: #000000 !important; /* Da se uklopi u tvoj crni dizajn */
}

/* 2. Stil za oba dugmeta (View Cart i Checkout) da budu identična */
.widget_shopping_cart_content .buttons a.button {
    flex: 1 !important; /* Ključna komanda: deli prostor na pola, pa su iste širine */
    text-align: center !important;
    
    /* Uniformna premium visina */
    height: 52px !important; /* Visoka, moćna dugmad */
    line-height: 52px !important; /* Savršeno centralizuje tekst vertikalno */
    padding: 0 !important;
    margin: 0 !important;
    
    /* Glovo/Wolt premium stil: jako zaobljene ivice */
    border-radius: 12px !important; 
    
    /* Boja tvoje stranice (zelena) */
    background-color: #8CD92B !important; 
    border: none !important; /* Čist premium izgled bez okvira */
    
    /* Stilizovanje teksta */
    color: #ffffff !important; /* White text looks much more integrated and premium than dark text */
    font-weight: 700 !important; /* Podebljan premium font */
    text-transform: uppercase !important; /* Sva velika slova */
    font-size: 13px !important; /* Čitljivo i čisto */
    letter-spacing: 1px !important; /* Breathing room between letters */
    transition: all 0.3s ease !important;
    box-shadow: 0px 4px 6px rgba(140, 217, 43, 0.2) !important; /* Subtilni zeleni sjaj */
}

/* 3. Hover efekat za oba dugmeta (kad se pređe mišem) */
.widget_shopping_cart_content .buttons a.button:hover {
    background-color: #79bf25 !important; /* Malo tamnija zelena za efekat klika */
    transform: translateY(-2px) !important; /* Blago podizanje premium dugmeta */
}/* End custom CSS */