/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1783953136
Updated: 2026-07-13 16:32:16

*/

.elementor-menu-toggle {
width: 42px !important;
max-width:42px !important;
content: url("https://moie.krmedia.hr/wp-content/uploads/2026/08/menu-2w.png");
}

.elementor-menu-toggle.elementor-active {
width: 42px !important;
max-width: 42px !important;
content: url("https://moie.krmedia.hr/wp-content/uploads/2026/08/close-3w.png");
}

/* =========================================
   MOIE - WOOCOMMERCE PRODUCT GALLERY
   Desktop: thumbnaili lijevo
   Tablet/Mobitel: thumbnaili ispod, 4 po redu
========================================= */


/* =========================================
   DESKTOP
========================================= */

@media (min-width: 1025px) {

    /* Cijela galerija */
    .single-product .woocommerce-product-gallery {
        position: relative;
        display: flex !important;
        flex-direction: row;
        align-items: flex-start;
        gap: 18px;
        width: 100%;
    }

    /* Thumbnail stupac lijevo */
    .single-product .woocommerce-product-gallery .flex-control-thumbs {
        order: 1;
        width: 80px;
        min-width: 80px;

        display: flex !important;
        flex-direction: column;
        gap: 12px;

        margin: 0 !important;
        padding: 0 !important;
        list-style: none;
    }

    /* Glavna slika desno */
    .single-product .woocommerce-product-gallery .flex-viewport {
        order: 2;
        width: calc(100% - 98px) !important;
        margin: 0 !important;
    }

    /* Thumbnail item */
    .single-product .woocommerce-product-gallery .flex-control-thumbs li {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Thumbnail slika */
    .single-product .woocommerce-product-gallery .flex-control-thumbs img {
        display: block;
        width: 100% !important;
        height: 90px !important;
        object-fit: cover;

        border-radius: 6px;
        border: 1px solid transparent;

        opacity: 1;
        cursor: pointer;

        transition: 0.25s ease;
    }
}


/* =========================================
   TABLET + MOBILE
   Thumbnaili ispod - 4 po redu
========================================= */

@media (max-width: 1024px) {

    /* Cijela galerija */
    .single-product .woocommerce-product-gallery {
        display: flex !important;
        flex-direction: column;
        width: 100%;
        gap: 12px;
    }

    /* Glavna slika */
    .single-product .woocommerce-product-gallery .flex-viewport {
        order: 1;
        width: 100% !important;
        margin: 0 !important;
    }

    /* Thumbnail grid */
    .single-product .woocommerce-product-gallery .flex-control-thumbs {
        order: 2;

        width: 100% !important;
        min-width: 100% !important;

        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr));

        gap: 8px;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none;
        overflow: visible !important;
    }

    /* Thumbnail item */
    .single-product .woocommerce-product-gallery .flex-control-thumbs li {
        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        float: none !important;
    }

    /* Thumbnail slika */
    .single-product .woocommerce-product-gallery .flex-control-thumbs img {
        display: block;

        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1;

        object-fit: cover;

        border-radius: 6px;
        border: 1px solid transparent;

        opacity: 1;
        cursor: pointer;

        transition: 0.25s ease;
    }
}


/* =========================================
   THUMBNAIL HOVER + ACTIVE
========================================= */

.single-product .woocommerce-product-gallery .flex-control-thumbs img:hover {
    opacity: 0.75;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active {
    opacity: 1;
    border-color: #9b8068;
}


/* =========================================
   RESET WOOCOMMERCE STILOVA
========================================= */

.single-product .woocommerce-product-gallery ol.flex-control-nav {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================
   ZOOM GUMB
========================================= */

.single-product .woocommerce-product-gallery__trigger {
    border-radius: 50%;
}


/* =========================================
   MOIE - GLAVNA SLIKA PROIZVODA
========================================= */

.single-product .woocommerce-product-gallery .flex-viewport {
    border-radius: 7px;
    overflow: hidden;
}

.single-product .woocommerce-product-gallery__image a {
    display: block;
    width: 100%;
}

.single-product .woocommerce-product-gallery__image img {
    display: block;

    width: 100% !important;
    height: auto !important;

    aspect-ratio: 1 / 1;
    object-fit: cover;

    border-radius: 7px;
}

/* =========================================
   MOIE - QUANTITY
   Clean dizajn: samo vanjski obrub
========================================= */

.single-product form.cart .quantity {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #222 !important;
    border-radius: 2px !important;

    background: #fff !important;
    overflow: hidden !important;

    flex: 0 0 auto !important;
}


/* =========================================
   PLUS I MINUS
========================================= */

.single-product form.cart .quantity button.moie-qty-btn,
.single-product form.cart .quantity .moie-qty-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 36px !important;

    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;

    height: 36px !important;
    min-height: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    color: #222 !important;

    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    box-shadow: none !important;
    text-shadow: none !important;

    cursor: pointer !important;

    transition: none !important;
}


/* Bez hover pozadine */
.single-product form.cart .quantity button.moie-qty-btn:hover,
.single-product form.cart .quantity button.moie-qty-btn:focus,
.single-product form.cart .quantity button.moie-qty-btn:active,
.single-product form.cart .quantity .moie-qty-btn:hover,
.single-product form.cart .quantity .moie-qty-btn:focus,
.single-product form.cart .quantity .moie-qty-btn:active {
    background: transparent !important;
    background-color: transparent !important;
    color: #222 !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    transform: none !important;
}


/* =========================================
   BROJ U SREDINI
========================================= */

.single-product form.cart .quantity input.qty {
    flex: 0 0 34px !important;

    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;

    height: 36px !important;
    min-height: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    /* NEMA unutarnjih bordera */
    border: 0 !important;
    outline: 0 !important;

    border-radius: 0 !important;

    background: transparent !important;
    background-color: transparent !important;

    color: #222 !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    text-align: center !important;

    box-shadow: none !important;

    appearance: textfield !important;
    -moz-appearance: textfield !important;
}


/* Input focus - također bez bordera */
.single-product form.cart .quantity input.qty:focus,
.single-product form.cart .quantity input.qty:hover,
.single-product form.cart .quantity input.qty:active {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}


/* Makni browser strelice */
.single-product form.cart .quantity input.qty::-webkit-inner-spin-button,
.single-product form.cart .quantity input.qty::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}


/* =========================================
   RESET THEME / ELEMENTOR STILOVA
========================================= */

.single-product form.cart .quantity > * {
    float: none !important;
}

.single-product form.cart .quantity button {
    position: static !important;
    transform: none !important;
}

.single-product form.cart .quantity {
    align-self: flex-start !important;
}

/* =========================================
   MOIE - PRODUCT DATA TABS
   Minimal tabs, samo aktivni underline
========================================= */

.single-product .woocommerce-tabs {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}


/* =========================================
   TAB NAVIGACIJA
========================================= */

.single-product .woocommerce-tabs ul.tabs {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 34px !important;

    width: 100% !important;

    margin: 0 0 28px 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-bottom: 0 !important;

    background: transparent !important;

    list-style: none !important;
    overflow: visible !important;
}


/* Makni Woo default linije */
.single-product .woocommerce-tabs ul.tabs::before,
.single-product .woocommerce-tabs ul.tabs::after {
    display: none !important;
    content: none !important;
}


/* =========================================
   POJEDINAČNI TAB
========================================= */

.single-product .woocommerce-tabs ul.tabs li {
    position: relative !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    background-color: transparent !important;

    box-shadow: none !important;
}


/* Makni Woo ukrase */
.single-product .woocommerce-tabs ul.tabs li::before,
.single-product .woocommerce-tabs ul.tabs li::after {
    display: none !important;
    content: none !important;
}


/* =========================================
   TEKST TABOVA
========================================= */

.single-product .woocommerce-tabs ul.tabs li a {
    display: block !important;

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

    border: 0 !important;
    background: transparent !important;

    color: #777 !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;

    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;

    text-decoration: none !important;

    box-shadow: none !important;

    transition: color 0.2s ease !important;
}


/* Hover bez pozadine */
.single-product .woocommerce-tabs ul.tabs li:hover,
.single-product .woocommerce-tabs ul.tabs li:hover a {
    background: transparent !important;
    color: #111 !important;
}


/* =========================================
   AKTIVNI TAB
========================================= */

.single-product .woocommerce-tabs ul.tabs li.active {
    border: 0 !important;
    background: transparent !important;
}

.single-product .woocommerce-tabs ul.tabs li.active a {
    color: #111 !important;
    font-weight: 600 !important;
}


/* Samo kratka crta ispod aktivnog taba */
.single-product .woocommerce-tabs ul.tabs li.active::after {
    content: "" !important;

    display: block !important;

    position: absolute !important;

    left: 0 !important;
    bottom: 0 !important;

    width: 100% !important;
    height: 2px !important;

    background: #111 !important;

    border: 0 !important;
    box-shadow: none !important;
}


/* =========================================
   SADRŽAJ TABA
========================================= */

.single-product .woocommerce-tabs .panel,
.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
    outline: 0 !important;
}


/* Makni automatski H2 naslov unutar sadržaja */
.single-product .woocommerce-tabs .panel > h2:first-child {
    display: none !important;
}


/* Tekst sadržaja */
.single-product .woocommerce-tabs .panel p {
    margin-top: 0 !important;
    line-height: 1.7;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .single-product .woocommerce-tabs ul.tabs {
        gap: 22px !important;

        overflow-x: auto !important;
        flex-wrap: nowrap !important;

        margin-bottom: 22px !important;

        scrollbar-width: none;
    }

    .single-product .woocommerce-tabs ul.tabs::-webkit-scrollbar {
        display: none;
    }

    .single-product .woocommerce-tabs ul.tabs li {
        flex: 0 0 auto !important;
    }

    .single-product .woocommerce-tabs ul.tabs li a {
        white-space: nowrap !important;

        font-size: 13px !important;
        letter-spacing: 0.3px !important;
    }
}

/* =========================================
   MOIE - SAKRIJ "DODAJ U KOŠARICU"
   NA PRODUCT LOOP / ARCHIVE / RELATED
========================================= */

/* WooCommerce shop + kategorije + arhive */
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
    display: none !important;
}


/* Related products */
.single-product .related.products ul.products li.product .button {
    display: none !important;
}


/* Upsells */
.single-product .upsells.products ul.products li.product .button {
    display: none !important;
}


/* Elementor WooCommerce Products widget */
.elementor-widget-woocommerce-products ul.products li.product .button,
.elementor-widget-wc-archive-products ul.products li.product .button,
.elementor-widget-woocommerce-product-related ul.products li.product .button {
    display: none !important;
}


/* Elementor Loop/Grid ako koristi Woo product class */
.elementor-widget-loop-grid .product .button,
.elementor-loop-container .product .button {
    display: none !important;
}


/* =========================================
   SINGLE PRODUCT
   GUMB MORA OSTATI VIDLJIV
========================================= */

.single-product form.cart .single_add_to_cart_button {
    display: inline-block !important;
	text-align: center !important;
}

/* =========================================
   MOIE - MAKNI WOOCOMMERCE NOTICE GORE
========================================= */

.single-product .woocommerce-notices-wrapper,
.single-product .woocommerce-message,
.single-product .woocommerce-info,
.single-product .woocommerce-error {
    display: none !important;
}


/* =========================================
   MOIE - DODANO U KOŠARICU PORUKA
========================================= */

.single-product form.cart .moie-cart-confirmation {
    display: flex;
    align-items: center;
    gap: 8px;

    width: 100%;

    margin-top: 12px;

    font-size: 13px;
    font-weight: 500;

    color: #3f6f45;

    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);

    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        visibility 0.25s ease;
}


.single-product form.cart .moie-cart-confirmation.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


/* Zelena kvačica */
.single-product form.cart .moie-cart-confirmation .moie-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 18px;
    height: 18px;

    border-radius: 50%;

    background: #4f7f56;
    color: #fff;

    font-size: 11px;
    line-height: 1;
}

/* =========================================
   MOIE - CART BLOCK QUANTITY
========================================= */

.woocommerce-cart .wc-block-components-quantity-selector {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 0 !important;
    height: 38px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #222 !important;
    border-radius: 2px !important;

    background: #fff !important;

    overflow: hidden !important;
}


/* =========================================
   INPUT - BROJ
========================================= */

.woocommerce-cart .wc-block-components-quantity-selector__input {
    order: 2 !important;

    flex: 0 0 34px !important;

    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;

    height: 36px !important;
    min-height: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    outline: 0 !important;

    border-radius: 0 !important;

    background: transparent !important;

    color: #222 !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 36px !important;

    text-align: center !important;

    box-shadow: none !important;

    appearance: textfield !important;
    -moz-appearance: textfield !important;
}


/* Makni browser strelice */
.woocommerce-cart .wc-block-components-quantity-selector__input::-webkit-inner-spin-button,
.woocommerce-cart .wc-block-components-quantity-selector__input::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}


/* =========================================
   MINUS / PLUS
========================================= */

.woocommerce-cart .wc-block-components-quantity-selector__button {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 36px !important;

    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;

    height: 36px !important;
    min-height: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    outline: 0 !important;

    border-radius: 0 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    color: #222 !important;

    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    box-shadow: none !important;
    text-shadow: none !important;

    transform: none !important;

    cursor: pointer !important;

    transition: none !important;
}


/* Minus lijevo */
.woocommerce-cart .wc-block-components-quantity-selector__button--minus {
    order: 1 !important;
}


/* Plus desno */
.woocommerce-cart .wc-block-components-quantity-selector__button--plus {
    order: 3 !important;
}


/* Bez hover pozadine */
.woocommerce-cart .wc-block-components-quantity-selector__button:hover,
.woocommerce-cart .wc-block-components-quantity-selector__button:focus,
.woocommerce-cart .wc-block-components-quantity-selector__button:active {
    background: transparent !important;
    background-color: transparent !important;

    color: #222 !important;

    border: 0 !important;
    outline: 0 !important;

    box-shadow: none !important;
    transform: none !important;
}


/* Input također bez focus efekta */
.woocommerce-cart .wc-block-components-quantity-selector__input:hover,
.woocommerce-cart .wc-block-components-quantity-selector__input:focus,
.woocommerce-cart .wc-block-components-quantity-selector__input:active {
    border: 0 !important;
    outline: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
}


/* =========================================
   NAZIV PROIZVODA U KOŠARICI
========================================= */

.woocommerce-cart .wc-block-components-product-name {
    color: #816C57 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}


/* Hover naziva proizvoda */
.woocommerce-cart .wc-block-components-product-name:hover {
    color: #816C57 !important;
    text-decoration: none !important;
}

/* =========================================
   MOIE - KOŠARICA
   GUMB "KRENI NA PLAĆANJE"
========================================= */

.woocommerce-cart .wc-block-cart__submit-button {
    background-color: #816C57 !important;
    color: #ffffff !important;

    border: 1px solid #816C57 !important;
    box-shadow: none !important;

    transition: all 0.25s ease !important;
}


/* Tekst unutar gumba */
.woocommerce-cart .wc-block-cart__submit-button
.wc-block-components-button__text {
    color: #ffffff !important;
}


/* HOVER */
.woocommerce-cart .wc-block-cart__submit-button:hover,
.woocommerce-cart .wc-block-cart__submit-button:focus {
    background-color: #ffffff !important;
    color: #816C57 !important;

    border-color: #816C57 !important;
    box-shadow: none !important;
}


/* Tekst na hover */
.woocommerce-cart .wc-block-cart__submit-button:hover
.wc-block-components-button__text,
.woocommerce-cart .wc-block-cart__submit-button:focus
.wc-block-components-button__text {
    color: #816C57 !important;
}

/* =========================================
   MOIE - CHECKOUT RADIO + CHECKBOX
   CLEAN FINAL VERSION
========================================= */


/* =========================================
   OSNOVNI RESET
========================================= */

.wc-block-checkout input[type="radio"],
.wc-block-checkout input[type="checkbox"] {
    box-sizing: border-box !important;

    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;

    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;

    padding: 0 !important;

    flex: 0 0 18px !important;

    background-image: none !important;

    box-shadow: none !important;
    outline: none !important;

    vertical-align: middle !important;
}


/* =========================================
   CHECKBOX
========================================= */

.wc-block-checkout input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;

    position: relative !important;

    margin: 0 10px 0 0 !important;

    border: 1px solid #8a8a8a !important;
    border-radius: 3px !important;

    background: #ffffff !important;
}


/* Aktivni checkbox */
.wc-block-checkout input[type="checkbox"]:checked {
    background: #816C57 !important;
    border-color: #816C57 !important;
}


/* Bijela kvačica */
.wc-block-checkout input[type="checkbox"]:checked::before {
    content: "" !important;

    position: absolute !important;

    left: 5px !important;
    top: 2px !important;

    width: 5px !important;
    height: 9px !important;

    border: solid #ffffff !important;
    border-width: 0 2px 2px 0 !important;

    transform: rotate(45deg) !important;

    background: transparent !important;

    margin: 0 !important;
}


/* Makni sve druge pseudo elemente */
.wc-block-checkout input[type="checkbox"]::after {
    content: none !important;
    display: none !important;
}


/* =========================================
   RADIO
========================================= */

.wc-block-checkout input[type="radio"] {
    -webkit-appearance: none !important;
    appearance: none !important;

    position: relative !important;

    display: inline-block !important;

    margin: 0 10px 0 0 !important;

    border: 1px solid #8a8a8a !important;
    border-radius: 50% !important;

    background: #ffffff !important;
}


/* Aktivni radio */
.wc-block-checkout input[type="radio"]:checked {
    background: #816C57 !important;
    border-color: #816C57 !important;
}


/* Bijela točkica */
.wc-block-checkout input[type="radio"]:checked::before {
    content: "" !important;

    position: absolute !important;

    left: 50% !important;
    top: 50% !important;

    width: 6px !important;
    height: 6px !important;

    margin: 0 !important;

    background: #ffffff !important;

    border: 0 !important;
    border-radius: 50% !important;

    transform: translate(-50%, -50%) !important;
}


/* Makni eventualni Woo simbol */
.wc-block-checkout input[type="radio"]::after {
    content: none !important;
    display: none !important;
}


/* =========================================
   PAYMENT OPTIONS - PORAVNANJE
========================================= */

/* Svaka payment opcija */
.wc-block-checkout
.wc-block-components-radio-control__option {
    position: relative !important;

    display: grid !important;

    grid-template-columns: 18px 1fr !important;
    column-gap: 10px !important;

    align-items: center !important;

    width: 100% !important;

    padding-left: 12px !important;
    padding-right: 12px !important;
}


/* Radio unutar payment metode */
.wc-block-checkout
.wc-block-components-radio-control__option
input[type="radio"] {
    grid-column: 1 !important;

    margin: 0 !important;

    align-self: center !important;
}


/* Naziv payment metode */
.wc-block-checkout
.wc-block-components-radio-control__label {
    grid-column: 2 !important;

    display: block !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    align-self: center !important;
}


/* Opis payment metode ide ispod */
.wc-block-checkout
.wc-block-components-radio-control-accordion-content {
    grid-column: 1 / -1 !important;

    width: 100% !important;

    margin-top: 10px !important;
    padding-left: 28px !important;
}


/* =========================================
   OSTALI CHECKBOX REDOVI
   npr. ista adresa / napomena
========================================= */

.wc-block-checkout
.wc-block-components-checkbox {
    display: flex !important;
    align-items: center !important;

    gap: 0 !important;
}


.wc-block-checkout
.wc-block-components-checkbox
input[type="checkbox"] {
    margin-right: 10px !important;
}


.wc-block-checkout
.wc-block-components-checkbox
.wc-block-components-checkbox__label {
    margin: 0 !important;

    display: inline-block !important;

    vertical-align: middle !important;
}


/* =========================================
   FOCUS / HOVER
========================================= */

.wc-block-checkout input[type="radio"]:focus,
.wc-block-checkout input[type="checkbox"]:focus {
    outline: none !important;
    box-shadow: none !important;
}


.wc-block-checkout input[type="radio"]:hover,
.wc-block-checkout input[type="checkbox"]:hover {
    border-color: #816C57 !important;
}

/* =========================================
   MOIE - FIX RADIO BUTTON RAZMAKA
========================================= */

/* Payment opcija - ostavi prostor lijevo za radio */
.wc-block-checkout
.wc-block-components-radio-control__option {
    position: relative !important;
    display: block !important;

    padding-left: 42px !important;
}


/* Radio button */
.wc-block-checkout
.wc-block-components-radio-control__option
input[type="radio"] {
    position: absolute !important;

    left: 14px !important;
    top: 18px !important;

    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;

    margin: 0 !important;

    transform: none !important;
}


/* Naziv načina plaćanja */
.wc-block-checkout
.wc-block-components-radio-control__label {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Opis odabranog načina plaćanja */
.wc-block-checkout
.wc-block-components-radio-control-accordion-content {
    width: 100% !important;

    margin: 10px 0 0 0 !important;
    padding: 0 !important;
}

/* Opis aktivnog načina plaćanja */
.wc-block-checkout
.wc-block-components-radio-control-accordion-content {
    box-sizing: border-box !important;

    width: 100% !important;

    margin: 8px 0 0 0 !important;
    padding: 0 14px 14px 42px !important;

    line-height: 1.5 !important;
}

/* =========================================
   MOIE – VARIJACIJE PROIZVODA
   ========================================= */

/* Cijela tablica varijacija neka koristi punu širinu */
.single-product form.variations_form table.variations {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin: 0 0 20px !important;
}

.single-product form.variations_form table.variations tbody,
.single-product form.variations_form table.variations tr,
.single-product form.variations_form table.variations th,
.single-product form.variations_form table.variations td {
    display: block !important;
    width: 100% !important;
}

/* Naslov atributa */
.single-product table.variations th.label {
    padding: 0 0 10px !important;
    text-align: left !important;
}

/* Makni prikaz trenutno odabrane vrijednosti uz naslov */
.single-product .iconic-was-chosen-attribute,
.single-product .iconic-was-attr-label-sep {
    display: none !important;
}

/* Container swatcheva */
.single-product .iconic-was-swatches {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Svaka opcija */
.single-product .iconic-was-swatches__item {
    display: block !important;
    float: none !important;
    margin: 0 !important;
}

/* Sakrij +5 / dummy opciju */
.single-product .iconic-was-swatches__item--dummy {
    display: none !important;
}

/* Normalna varijacija */
.single-product .iconic-was-swatches--text-swatch .iconic-was-swatch {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 42px !important;
    padding: 8px 14px !important;

    background: #fff !important;
    color: #171717 !important;

    border: 1px solid #d8d3ce !important;
    border-radius: 3px !important;

    box-shadow: none !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;

    transition: all .2s ease !important;
}

/* Hover */
.single-product .iconic-was-swatches--text-swatch .iconic-was-swatch:hover {
    border-color: #816c57 !important;
    color: #816c57 !important;
    background: #fff !important;
}

/* ODABRANA VARIJACIJA */
.single-product .iconic-was-swatches--text-swatch .iconic-was-swatch--selected,
.single-product .iconic-was-swatches--text-swatch .iconic-was-swatch--selected:hover {
    background: #816c57 !important;
    border-color: #816c57 !important;
    color: #fff !important;
    box-shadow: none !important;
}

/* Reset / Obriši */
.single-product .reset_variations {
    display: inline-block !important;
    margin-top: 10px !important;
    color: #816c57 !important;
    opacity: .65;
    font-size: 13px !important;
    text-decoration: none !important;
}

.single-product .reset_variations:hover {
    opacity: 1;
}

/* Cijena odabrane varijacije */
.single-product .woocommerce-variation-price {
    margin: 18px 0 12px !important;
}

.single-product .woocommerce-variation-price .price,
.single-product .woocommerce-variation-price .woocommerce-Price-amount,
.single-product .woocommerce-variation-price .woocommerce-Price-currencySymbol {
    color: #171717 !important;
}

/* Ako tema cijeni daje neku zelenu/zlatnu boju */
.single-product .woocommerce-variation-price bdi {
    color: #171717 !important;
}

/* =========================================
   MOIE – VARIJACIJE BEZ SIVE POZADINE
   ========================================= */

/* Makni pozadinu cijele tablice */
.single-product table.variations,
.single-product table.variations tbody,
.single-product table.variations tr,
.single-product table.variations th,
.single-product table.variations td {
    background: transparent !important;
    background-color: transparent !important;
}

/* Makni sivu pozadinu i na hover */
.single-product table.variations tr:hover,
.single-product table.variations th:hover,
.single-product table.variations td:hover {
    background: transparent !important;
    background-color: transparent !important;
}

/* Makni eventualne bordere / sjene tablice */
.single-product table.variations,
.single-product table.variations tr,
.single-product table.variations th,
.single-product table.variations td {
    border: none !important;
    box-shadow: none !important;
}

/* Naslov atributa - manje debeo */
.single-product .iconic-was-attr-label-text {
    font-weight: 600 !important;
}

/* Ako strong iz teme forsira jači bold */
.single-product table.variations th.label strong {
    font-weight: 600 !important;
}

/* Sam swatch ostaje bijel */
.single-product .iconic-was-swatches--text-swatch .iconic-was-swatch {
    background: #fff !important;
}

/* Hover samo obrub/tekst - bez sive pozadine */
.single-product .iconic-was-swatches--text-swatch .iconic-was-swatch:hover {
    background: #fff !important;
    color: #816c57 !important;
    border-color: #816c57 !important;
}

/* Odabrana varijacija ostaje smeđa */
.single-product .iconic-was-swatches--text-swatch .iconic-was-swatch--selected,
.single-product .iconic-was-swatches--text-swatch .iconic-was-swatch--selected:hover {
    background: #816c57 !important;
    color: #fff !important;
    border-color: #816c57 !important;
}