.woocommerce div.product .woocommerce-product-gallery {
    margin-top: 20px;
}

.faq-box {
    background-color: transparent;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 30px 15%;
    margin-bottom: 24px;
    text-align: center;
    height: 100%;
    max-height: 200px;
}

.faq-box img {
    width: 51px;
    height: auto;
    margin-bottom: 10px;
}

.faq-question {
    color: var(--border-color) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 22px !important;
}

.faq-answer {
    color: var(--text-color) !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 20px !important;
}


/* Deki Style */

.proudct-top {
    display: flex;
    color: var(--heading-color);
    font-size: 18px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
    gap: 8px;
    align-items: center;
    margin-bottom: 21px;
}

.proudct-top p {
    margin: 0;
    color: var(--heading-color) !important;
    font-size: 18px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
}

.product-main-title {
    color: var(--heading-color) !important;
    font-size: 64px !important;
    line-height: 60px !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

.product-summary-top {
    margin-top: 35px;
    padding-bottom: 25px;
}

.product-summary-top strong {
    color: var(--heading-color) !important;
}

.product-summary-top .product-top-item {
    margin-bottom: 5px !important;
    display: flex;
    gap: 5px;
    align-items: center;
}

.product-desc {
    margin-top: 25px;
    font-size: 16px !important;
    line-height: 24px !important;
}

.product-full-description p {
    font-size: 16px !important;
    line-height: 24px !important;
}

.price-cart-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--heading-color);
    padding-top: 20px;
    margin-bottom: 70px;
}

.price-cart-wrapper .price {
    font-size: 32px !important;
    line-height: 40px !important;
    font-weight: 700 !important;
    color: var(--heading-color) !important;
    display: flex;
    flex-direction: column;
    letter-spacing: 0.01em;
}

.price-cart-wrapper .price .amount {
    text-transform: uppercase;
}

.price-label {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
}

/* Quantity input */
.cart-section {
    display: flex;
    flex-direction: row-reverse;
    gap: 15px;
}

.quantity {
    display: flex;
    align-items: center;
    /*overflow: hidden;*/
    background-color: #ffffff;
}

.quantity-buttons {
    border: 1px solid var(--heading-color);
    border-radius: 40px;
    overflow: hidden;
    height: 44px;
}

.quantity-buttons {
    display: flex;
}

.cart-section .cart {
    display: flex;
    gap: 20px;
    flex-direction: row;
}

.quantity input[type="number"] {
    width: 30px !important;
    height: 44px !important;
    padding: 0 10px !important;
    border: none;
    text-align: center;
    font-size: 1rem !important;
    color: var(--heading-color) !important;
    -moz-appearance: textfield;
}

.quantity input[type="number"]:focus-visible {
    outline: 0 !important;
}

.quantity input[type="number"]::-webkit-inner-spin-button,
.quantity input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quantity-buttons .plus,
.quantity-buttons .minus {
    width: 44px !important;
    height: 44px !important;
    background-color: #fff !important;
    color: var(--heading-color) !important;
    border: none;
    cursor: pointer;
    font-size: 14px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}


.price-cart-wrapper .single_add_to_cart_button {
    background-color: #fff !important;
    color: var(--heading-color) !important;
    border: 1px solid var(--heading-color) !important;
    padding: 10px 18px !important;
    border-radius: 40px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    transition: all 0.3s ease-in-out !important;

}

.price-cart-wrapper .single_add_to_cart_button:hover {
    background-color: var(--heading-color) !important;
    color: #fff !important;
}

.product-summary-title {
    font-size: 42px !important;
    line-height: 50px !important;
    letter-spacing: 0.01em !important;
    font-weight: 700 !important;
    margin-top: 63px;
    margin-bottom: 27px;
    color: var(--heading-color) !important;
}

.row.faq-row {
    --bs-gutter-y: 30px;
}

.product-content {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    margin-top: 90px;
    margin-bottom: 150px;
}

.product-content ul {
    list-style: none !important;
    padding-left: 0 !important;
}

.awards-list li {
    font-size: 18px !important;
    line-height: 26px !important;
    letter-spacing: 0.01em;
    margin-bottom: 17px;
    color: var(--heading-color);
}

.analytics-list li {
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.01em;
    margin-bottom: 14px;
    color: var(--text-color) !important;
    font-weight: 400;
    display: flex;
    gap: 10px;
    align-items: center;

}

.analytics-list li strong {
    font-size: 18px !important;
    line-height: 26px !important;
    letter-spacing: 0.01em;
    color: var(--heading-color) !important;
    font-weight: 600 !important;
    width: 100%;
    max-width: 200px;

}

.product-content > .row {
    min-height: 100vh;
}

.product-right {
    height: calc(100vh - 40px);
    overflow-y: auto;
}

.product-right .woocommerce-product-gallery__image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.product-right .woocommerce-product-gallery__image {
    transition: top 0.3s ease, left 0.3s ease, position 0.3s ease;
}


.product-right .zoomImg {
    display: none !important;
}


.product-navigation {
    width: 100%;
    height: 30px;
    transform: rotate(90deg);
    position: absolute;
    transform-origin: 0;
    left: 45px;
    top: 34%;
}

.product-navigation ul li {

    display: flex;
    justify-content: center;
    align-items: center;
}


.product-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    display: flex !important;
    gap: 20px !important;
    width: 100%;
    height: 30px;
}

.product-navigation ul li.active .bullet-wrapper {
    border-color: var(--accent-color) !important;
}

.product-navigation ul li.active .bullet {
    background: var(--accent-color) !important;
    border-color: var(--accent-color) !important;
}

.product-navigation ul li.active .bullet.short-title {
    color: var(--accent-color) !important;
    border-color: transparent !important
}

.bullet-wrapper {
    width: 18px !important;
    height: 18px !important;
    background-color: transparent !important;
    border-radius: 50% !important;
    border: 1px solid var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

#product-left-content, #product-right-content {
    transition: opacity 0.5s ease, transform 0.5s ease;
}

#product-right-content {
    height: 100%;
}

.product-navigation .bullet {
    width: 10px !important;
    height: 10px !important;
    display: block;
    background-color: transparent !important;
    border-radius: 50% !important;
    border: 2px solid var(--main-color);
    cursor: pointer;
}

.product-navigation .active .bullet {
    background-color: var(--main-color) !important;
}

#product-left-content, #product-right-content, #product-sections-content {
    transition: opacity 0.5s ease, transform 0.5s ease;
}

/* Home Page Product Section */
.product-card {
    text-align: center;
}


.product-card .product-image img {
    max-height: 338px;
    object-fit: cover;
}

.product-card .product-title {
    font-size: 24px !important;
    line-height: 32px !important;
    margin: 10px 0;
    color: var(--heading-color);
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 700;
    text-transform: uppercase;
}

.product-section .btn-primary.large.full-width {
    margin-top: 10px;
    width: 100%;
    padding: 8px 20px !important;
    max-width: 131px !important;
}

.btn-primary {
    background-color: var(--heading-color) !important;
    border-color: var(--heading-color) !important;
    border-radius: 40px !important;
    font-size: 14px !important;
    line-height: 22px !important;
    color: var(--light-color) !important;
    padding: 4px 31px !important;
}

.btn-primary.large {
    font-size: 14px !important;
    line-height: 24px !important;
    padding: 8px 32px !important;
    font-weight: 600 !important;
    border: 1px solid var(--heading-color) !important;

}

.btn-primary.large.full-width {
    width: 100%;
}

/* Bottom sticky */

.row {
    margin: 0;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.col-lg-8 {
    padding: 0 15px;
}

.bottom-sticky {
    display: none;
    background-color: var(--background-color);
    padding: 25px 0;
    z-index: 1000;
    border-top: 1px solid #151743;
    margin: 0 !important;
}

.sticky-bottom-clone {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    margin-bottom: 0 !important;
    border: 0 !important;
    padding: 0;
}

.sticky-bottom-clone .price {
    margin: 0;
}

.sticky-bottom-clone .cart-section {
    display: flex;
    align-items: center;
    gap: 10px;
}

.product-navigation.mobile-view {
    display: none;
}

.product-navigation span.short-title {
    transform: rotate(-90deg) translate(28px, -21px);
    transform-origin: center;
    position: relative;
    color: var(--heading-color) !important;
    font-weight: 600;
    border: 0 !important;
}

.product-navigation li.active span.short-title {
    background: transparent !important;
}


/* Kupi odmah modal */
.product-card {
    position: relative;
    padding: 0;

}

.product-card .product-image img {
    transition: transform 0.3s ease-in-out;
}

.product-card:hover .product-image img {
    transform: translateY(-10px);

}

.product-card .buyNowModal {
    position: absolute;
    overflow: visible;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    padding-right: 0 !important;
}

.buyNowModal .modal-product-price .price-label {
    display: none;
}


.quantity-wrapper .input-group {
    width: 102px;
}

.quantity-wrapper .input-group .minus, .quantity-wrapper .input-group .plus {
    width: 35px !important;
    height: 30px;
    border: 0 !important;
    background-color: transparent !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
}

.quantity-wrapper .input-group .form-control {
    width: 30px !important;
    height: 30px !important;
    background-color: transparent !important;
    border: 1px solid var(--accent-color);
    border-radius: 4px !important;
    padding: 0 !important;
    flex: auto;
    font-size: 14px !important;
    line-height: 20px;
    margin-left: 0;
}

.quantity-wrapper .input-group .minus:hover, .quantity-wrapper .input-group .plus:hover, .quantity-wrapper .input-group .minus:focus, .quantity-wrapper .input-group .plus:focus {
    color: var(--accent-color) !important;
}

.form-control:focus {
    box-shadow: none !important;
    color: var(--heading-color) !important;
}


.quantity::-webkit-inner-spin-button,
.quantity::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}


.quantity {
    -moz-appearance: textfield !important;

}


.quantity {
    appearance: none !important;
}

.product-section .first-modal .modal-body {
    padding: 21px 22px 25px 22px !important;
    flex-direction: column;
    justify-content: flex-start !important;
}

.product-section .gx-6 {
    --bs-gutter-x: 0;
}

.product-section .first-modal .modal-content {
    background: #F6F2E0 !important;
    border: 1px solid #EBCFB7 !important;
    border-radius: 5px !important;
    justify-content: flex-start !important;
    min-height: 400px !important;
}


.product-section .buyNowModal .product-size {
    color: #BF9A7B !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-bottom: 4px;
}

.product-section .first-modal .modal-footer {
    justify-content: center;
    padding: 20px 22px;
    border: 0 !important;
    flex-direction: column !important;
}

.product-section .first-modal .modal-footer .add-to-cart-modal {
    margin: 12px 0 0 0 !important;
    font-size: 12px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
    color: var(--heading-color) !important;
    background-color: #EBCFB7 !important;
    border-radius: 5px !important;
    border-color: #EBCFB7 !important;
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.product-section .first-modal .modal-footer .add-to-cart-modal:hover {
    color: #EBCFB7 !important;
    background-color: var(--heading-color) !important;
    border-color: var(--heading-color) !important;
}

.product-section .first-modal .modal-dialog {
    margin: 0;
    height: 100%;
}

.ft-modal-total {
    display: flex;
    flex-direction: column;
    color: var(--heading-color) !important;
    gap: 7px;
}

.modal-total-price {
    font-weight: 700;
}

.modal-body-top {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.modal-body-top p {
    margin: 0;
}

.modal-body-top .modal-product-price {
    color: var(--heading-color) !important;
    font-size: 16px !important;
    line-height: 28px;
    font-weight: 700;
    text-transform: uppercase;
}

.modal-top-divider {
    width: 100%;
    display: block;
    height: 4px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    margin: 8px 0 14px;
}

.first-modal .closebtn-wrapper {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -40px;
}

.product-section .first-modal .btn-close {
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none'%3e%3cpath stroke='%23F9F7EB' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m21.166 9-12 12M9 9l12 12'/%3e%3c/svg%3e") !important;
    width: 28px;
    height: 30px;
    background-size: 28px !important;
    background-position: center !important;
    padding: 0 !important;
    opacity: 1 !important;
    transition: all 0.3s ease-in-out;
    background-color: var(--heading-color);
    border: 1px solid var(--heading-color) !important;

}

.product-section .first-modal .btn-close:hover {
    background-color: transparent !important;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none'%3e%3cpath stroke='%23151743' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m21.166 9-12 12M9 9l12 12'/%3e%3c/svg%3e") !important;

}

.second-modal .modal-content {
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px !important;
    justify-content: flex-start !important;
}

.product-section .second-modal .modal-body {
    padding: 21px 22px 25px 22px !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.product-section .second-modal .modal-header {
    border: 0 !important;
}

.product-section .second-modal .btn {
    max-width: 204px;
    width: 100%;
    font-size: 14px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
    padding: 5px 10px !important;
    margin: 5px 0;
}

.product-section .second-modal .modal-content {
    min-height: 300px !important;
    position: relative !important;
}

.product-section .second-modal .modal-body p {
    color: var(--heading-color) !important;
    font-weight: 400;
    font-size: 16px !important;

}

.product-section .second-modal .btn-secondary {
    background-color: #EBCFB7 !important;
    color: var(--heading-color);
    border-color: #EBCFB7 !important;
    border-radius: 40px !important;
    padding: 5px 10px;
}

.modal-backdrop {
    background-color: #EBCFB7 !important;
    opacity: 0.8 !important;
}

.modal-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.modal-background img {
    height: 100% !important;
}

.age-gate-locked .modal-backdrop {
    background-color: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    opacity: 0.8 !important;
}

/* Cart Icon */

.cart-icon-wrapper {
    position: relative;
    display: inline-block;
    text-decoration: none;
}

.cart-icon-wrapper svg {
    width: 19px;
    height: 20px;
    vertical-align: middle;
}

.cart-count {
    position: absolute;
    top: -11px;
    right: -12px;
    background: var(--accent-color);
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
}


.cart-count:empty,
.cart-count[data-count="0"] {
    display: none;
}

/* Related Products Section */
.related-products {
    margin-top: 40px;
}


.related-product-item {
    margin-bottom: 20px;
    text-align: center;
}

.related-product {
    padding: 15px;

}


.related-product-image img {
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.related-product .product-title a {
    text-decoration: none;
    font-size: 24px !important;
    line-height: 32px !important;
    margin: 10px 0;
    color: var(--heading-color);
    font-family: 'Cormorant Garamond', serif !important;
    font-weight: 700;
    text-transform: uppercase;
}

.related-product .product-title {
    margin-bottom: 21px;
    margin-top: 5px;
}

.related-product .related-product-image img {
    transition: transform 0.3s ease-in-out;
}

.related-product:hover .related-product-image img {
    transform: translateY(-10px);

}

/* Responsive adjustments */
@media (max-width: 767px) {
    .related-product-item {
        width: 100%;
    }
}

/* Checkout */

.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
    font-size: 14px !important;
    line-height: 24px !important;
    padding: 8px 32px !important;
    font-weight: 600 !important;
    border: 1px solid var(--heading-color) !important;
    background-color: var(--heading-color) !important;
    border-radius: 40px !important;
    color: #fff !important;
}

.woocommerce-info::before {
    color: #BF9A7B !important;
}

.woocommerce .woocommerce-error .button:hover {
    color: var(--heading-color) !important;
    background-color: transparent !important;
}

.woocommerce-notices-wrapper .woocommerce-message .button.wc-forward {
    display: none !important;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background-color: transparent !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 8px !important;
    box-shadow: 4px 6px 4.9px 0px rgba(235, 207, 183, 0.3) !important;
    color: #A17C5C !important;
}

.woocommerce form input::placeholder, .woocommerce-page form input::placeholder,
.woocommerce-page form textarea::placeholder, .woocommerce form form textarea::placeholder {
    color: #252729 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: normal !important;

}

.woocommerce form .form-row .input-text, .woocommerce form .form-row select, .woocommerce-page form .form-row .input-text, #gift_message_wrap textarea {
    border: 1px solid rgba(21, 23, 67, 0.5) !important;
    padding: 13px 20px !important;
    border-radius: 8px !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
    line-height: normal !important;
    color: #252729 !important;
    font-size: 14px !important;
    font-weight: 400 !important;

}

.select2-container .select2-selection--single .select2-selection__rendered {
    border: 1px solid rgba(21, 23, 67, 0.5) !important;
    padding: 13px 20px !important;
    border-radius: 8px !important;
    background-color: transparent !important;
    line-height: normal !important;
    color: #252729 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.select2-container .select2-selection--single .select2-selection__placeholder {
    color: #252729 !important;
}

.select2-container .select2-dropdown, .select2-container .select2-selection {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.select2-container--default .select2-results > .select2-results__options {
    background-color: #fff !important;
}

.woocommerce form input:focus-visible, .woocommerce-page form input:focus-visible {

    outline: 1px solid #BF9A7B !important;
}

.woocommerce-error:focus-visible {
    outline: 1px solid #BF9A7B !important;
}

.woocommerce form .form-row label, .woocommerce-page form .form-row label {
    color: #A17C5C !important;
    font-size: 12px;
    margin-bottom: 8px;
    font-weight: 600;
}

.woocommerce-form-row.form-row.additional-field label {
    color: #252729 !important;
    font-weight: 400 !important;
    line-height: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.woocommerce-form-row.form-row.additional-field a {
    color: var(--text-color) !important;
}

/*.woocommerce-form-row.form-row.additional-field input {
	position: relative;
	top: 4px;
}*/

p.woocommerce-form-row.form-row.additional-field {
    margin-bottom: 13px;
}

p.required {
    color: #A17C5C !important;
    margin-bottom: 0;
}

.woocommerce form .form-row .required {
    color: #EBCFB7 !important;
    font-size: 12px;
    margin-bottom: 8px;
    line-height: 28px;
    font-weight: 700;

}

.order-summary-box #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: transparent !important;
}

/*  LOGIN */


.custom-login-page-wrapper .woocommerce-form-register {
    display: none !important;
}

.custom-login-page-wrapper .login-wrapper, .custom-my-account-wrapper .woocommerce {
    background-color: transparent;
    padding: 20px 20px 3px;
    max-width: 500px;
    margin: 120px auto;
    border: 1px solid var(--text-color);
    border-radius: 16px;
}

.logged-in .custom-my-account-wrapper .woocommerce, .logged-in .custom-login-page-wrapper .login-wrapper {
    max-width: 100%;
    border: 0 !important;
    padding: 0 !important;
}

.logged-in .custom-login-page-wrapper .login-page-wrapper {
    max-width: 100%;
    border: 0 !important;
    padding: 0 !important;
    margin: 120px auto;
}

.login-page-wrapper .woocommerce-MyAccount-navigation {
    width: 16%;
    float: left;
}

.login-page-wrapper .woocommerce-MyAccount-content {
    width: 78%;
    float: right;
}

.logged-in .woocommerce-MyAccount-content {
    background-color: transparent;
    padding: 20px 20px 3px;
    border: 1px solid var(--text-color);
    border-radius: 16px;
}

.woocommerce-MyAccount-content a {
    color: #A17C5C !important;
    text-decoration: none !important;
}

.woocommerce-MyAccount-content .woocommerce-Button, .woocommerce-address-fields button, .return-to-shop .button.wc-backward, .checkout-button.button, #place_order {
    font-size: 14px !important;
    line-height: 24px !important;
    padding: 8px 32px !important;
    font-weight: 600 !important;
    border: 1px solid var(--heading-color) !important;
    background-color: var(--heading-color) !important;
    border-radius: 40px !important;
    color: #fff !important;
    cursor: pointer;
    transition: background-color 0.3s;
    margin-top: 25px !important;
    margin-bottom: 20px !important;
}

.woocommerce-MyAccount-content .woocommerce-Button:hover, .woocommerce-address-fields button:hover, .return-to-shop .button.wc-backward:hover, .checkout-button.button:hover, #place_order:hover, .button.custom-cancel-btn:hover {
    color: var(--heading-color) !important;
    background-color: transparent !important;
}

/*.button.register-btn {
	font-size: 12px !important;
	line-height: 24px !important;
	padding: 8px 32px !important;
	font-weight: 700 !important;
	border: 1px solid #EBCFB7 !important;
	background-color: #EBCFB7 !important;
	border-radius: 40px !important;
	color: #252729 !important;
	cursor: pointer;
	transition: background-color 0.3s;
	margin-top: 25px !important;
}*/
.woocommerce table.my_account_orders .button, .woocommerce .woocommerce-order-details .order-actions-button {
    font-size: 12px !important;
    line-height: 22px !important;
    padding: 4px 12px !important;
    font-weight: 600 !important;
    border: 1px solid var(--heading-color) !important;
    background-color: var(--heading-color) !important;
    border-radius: 8px !important;
    color: #fff !important;
    cursor: pointer;
    margin-right: 5px;
    transition: all 0.3s ease-in-out;
}

.woocommerce table.my_account_orders .button:hover, .woocommerce .woocommerce-order-details .order-actions-button:hover {
    border: 1px solid var(--heading-color) !important;
    background-color: transparent !important;
    color: var(--heading-color) !important;
}

.woocommerce table.shop_table {
    border: 0;
}

.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
    padding: 10px 8px;
}

.woocommerce-MyAccount-navigation ul {
    padding-left: 0;
}

.woocommerce-account .addresses .title .edit {
    float: none;
    margin-bottom: 14px !important;
    position: relative;
    display: block;
}

.woocommerce-Address-title h2 {
    font-size: 22px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
    font-family: 'Open Sans', sans-serif !important;
    margin-bottom: 14px;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation, .login-wrapper .woocommerce-MyAccount-navigation {
    width: 16%;
    float: left;
}

.login-wrapper .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-content {
    width: 78%;
    float: right;
}

@media screen and (max-width: 1024px) {
    .woocommerce-account .woocommerce-MyAccount-navigation, .login-wrapper .woocommerce-MyAccount-navigation {
        width: 20%;
    }
}

@media screen and (max-width: 768px) {
    .login-wrapper .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation, .login-wrapper .woocommerce-MyAccount-navigation, .login-page-wrapper .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-content {
        width: 100% !important;
        margin-bottom: 35px;
    }

    .woocommerce-MyAccount-navigation ul {
        padding-left: 0;
    }
}

.woocommerce-MyAccount-navigation ul li a {
    text-decoration: none;
    color: var(--heading-color) !important;
    font-weight: 600;
    padding: 8px 15px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    color: #A17C5C !important;
}

.woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #BF9A7B;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #A17C5C !important;
}

.custom-my-account-wrapper .woocommerce form.login {
    border: 0 !important;
    padding: 0 !important;
}

.register-link-text a {
    color: #A17C5C !important;
    text-decoration: none !important;
}

.woocommerce-LostPassword.lost_password a, .custom-login-page-wrapper .woocommerce-form-login .lost_password a {
    color: #A17C5C !important;
    text-decoration: underline !important;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
}

.custom-login-page-wrapper .login-header h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #333;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    font-size: 14px !important;
    line-height: 24px !important;
    padding: 8px 32px !important;
    font-weight: 600 !important;
    border: 1px solid var(--heading-color) !important;
    background-color: var(--heading-color) !important;
    border-radius: 40px !important;
    color: #fff !important;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    margin-top: 25px !important;
    width: 100%;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover {
    background-color: transparent !important;
    border: 1px solid var(--heading-color) !important;
    color: var(--heading-color) !important;
}

.custom-login-page-wrapper .register-link-text {
    font-size: 12px;
    color: var(--text-color);
    margin-bottom: 0;
}

.custom-login-page-wrapper .register-link-text a {
    color: #A17C5C;
    text-decoration: none;
}


.woocommerce-form-login__rememberme {
    display: none !important;
}

.custom-login-page-wrapper form.login {
    border: 0 !important;
    padding: 0 !important;
}

.custom-login-page-wrapper button.button {
    font-size: 14px !important;
    line-height: 24px !important;
    padding: 8px 32px !important;
    font-weight: 600 !important;
    border: 1px solid var(--heading-color) !important;
    background-color: var(--heading-color) !important;
    border-radius: 40px !important;
    color: #fff !important;
    cursor: pointer;
    transition: background-color 0.3s;
    margin-top: 25px !important;
    width: 100%;
}

/* 6. Stilizacija "ILI" separatora (koristeći klase iz functions.php) */
.custom-social-login-section .or-separator {
    text-align: center;
    margin: 15px 0;
    font-size: 14px;
    color: #999;
}

.custom-social-login-section .or-separator .or-text {
    display: inline-block;
    padding: 0 10px;
    position: relative;
    z-index: 2;
    color: var(--text-color);
    font-size: 12px;
}

/* Linija iznad i ispod "ILI" teksta */
.custom-social-login-section .or-separator {
    position: relative;
}


/* 7. Stilizacija "Odaberi drugu opciju" teksta */
.custom-social-login-section .other-options-text {
    text-align: center;
    font-size: 12px;
    color: var(--text-color);
    margin-bottom: 15px;
    font-weight: 400;
}

/* 8. Stilizacija Social dugmadi */
.custom-social-login-section .social-login-options {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 40px 25px;
    background-color: rgba(255, 255, 255, 0.5) !important;
    border-radius: 16px;
    align-items: center;
    flex-direction: column;


}

.social-buttons-wrapper {
    display: flex;
    gap: 20px;
    width: 100%;
    justify-content: center;
}

.custom-social-login-section .social-button {
    flex-basis: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    border: 1px solid #BF9A7B;
    border-radius: 4px;
    background-color: #fff;
    text-decoration: none;
    font-weight: bold;
    color: transparent;
    transition: all 0.3s ease-in-out;
}

div.nsl-container-inline[data-align="left"] .nsl-container-buttons {
    justify-content: center;
    align-items: center !important;
    text-align: center !important;
    border: 1px solid #A17C5C  !important;
    grid-template-columns: minmax(190px, auto) !important;
    background-color: #fff !important;
    border-radius: 4px;
}

div.nsl-container .nsl-button-icon {
    background-color: transparent !important;
    box-shadow: none !important;
}
div.nsl-container svg {
    height: 40px !important;
    width: 40px !important;
}
.custom-social-login-section .social-button:hover {

    background-color: #F9F7EB;
}

.custom-social-login-section .google-btn {
    color: #333;
}

.custom-social-login-section .facebook-btn {
    color: #333;
}


/* Custom Registracija box (kao i Login box) */
.custom-register-page-wrapper .custom-register-box {
    background-color: transparent;
    padding: 20px 20px 3px;
    max-width: 500px;
    margin: 43px auto;
    border: 1px solid var(--text-color);
    border-radius: 16px;
}


.custom-register-page-wrapper .woocommerce-form-register h2 {
    display: none;
}

.custom-register-box .woocommerce-button.button {
    font-size: 14px !important;
    line-height: 24px !important;
    padding: 8px 32px !important;
    font-weight: 600 !important;
    border: 1px solid var(--heading-color) !important;
    background-color: var(--heading-color) !important;
    border-radius: 40px !important;
    color: #fff !important;
    cursor: pointer;
    margin-top: 25px !important;
    width: 100%;
    transition: all 0.3s ease-in-out;
}

.custom-register-box .woocommerce-button.button:hover {
    background-color: transparent !important;
    border: 1px solid var(--heading-color) !important;
    color: var(--heading-color) !important;
}

.account-type-tabs-wrapper input[type="radio"] {
    display: none;
}

.account-type-tabs-wrapper {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
}


.account-type-tabs-wrapper .tab-label {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    background-color: transparent;
    border: 1px solid #BF9A7B;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: #252729;
    transition: all 0.2s;
    user-select: none;
    flex-basis: 100%;
}

.account-type-tabs-wrapper .custom-checkbox-wrapper {
    width: 18px;
    height: 18px;
    border: 1px solid #BF9A7B;
    border-radius: 2px;
    margin-right: 10px;
    background-color: transparent;
    transition: all 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.account-type-tabs-wrapper .custom-checkbox {
    width: 10px;
    height: 10px;
    border: 1px solid transparent;
    background-color: transparent;
    display: inline-block;
    transition: all 0.2s;
}


.account-type-tabs-wrapper input[type="radio"]:checked + .tab-label {
    background-color: rgba(255, 255, 255, 0.5) !important;
    border-color: rgba(21, 23, 67, 0.5) !important;

}


.account-type-tabs-wrapper input[type="radio"]:checked + .tab-label .custom-checkbox {
    background-color: #BF9A7B;
    border-color: #BF9A7B;

}

.account-type-tabs-wrapper input[type="radio"]:checked + .tab-label .custom-checkbox-wrapper {
    border: 1px solid #BF9A7B;

}

.woocommerce-privacy-policy-text {
    display: none;
}

.register-header h5, .login-header h5 {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
    font-family: 'Open Sans', sans-serif !important;
    margin-bottom: 14px;
}

.woocommerce form .show-password-input::before, .woocommerce-page form .show-password-input::before {

    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23BF9A7B"/></svg>');

}

.woocommerce form .show-password-input.display-password::before, .woocommerce-page form .show-password-input.display-password::before {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23BF9A7B"/></svg>')
}

/* CONTAINER ZA USLOVE */
.custom-password-conditions {
    margin-top: 0;
    margin-bottom: 22px;
    font-size: 12px;
}

.woocommerce-password-strength {
    padding: 1px .5em;
}

.custom-password-conditions .condition-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    transition: color 0.3s;
    justify-content: flex-start;
    gap: 2px;
}


.custom-password-conditions .icon-wrapper {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    background-color: transparent;
    color: #151743;
    padding: 5px;
    border: 1px solid #151743;
}

.custom-password-conditions .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
}


.custom-password-conditions .condition-item.unmet .icon::before {
    content: "✖";
}


/* --- STIL ZA ISPUNJEN USLOV (CHECKED) --- */
.custom-password-conditions .condition-item.met .icon-wrapper {
    background-color: #151743;
}

.custom-password-conditions .condition-item.met .icon {
    color: #fff;
}


.custom-password-conditions .condition-item.met .icon::before {
    content: "✔";
}

.custom-password-conditions .condition-item.unmet.highlight-error {
    color: var(--accent-color) !important;
}

.custom-password-conditions .condition-item.unmet.highlight-error .icon-wrapper {
    color: var(--accent-color) !important;


    border: 1px solid var(--accent-color) !important;
}


/* Checkoboxes */

.custom-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 18px;
    width: 18px;
}

.custom-checkbox input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 18px;
    width: 18px;
}


.custom-checkbox .checkmark {
    position: relative;
    height: 18px;
    width: 18px;
    background-color: transparent;
    border: 1px solid var(--main-color);
    border-radius: 3px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.2s ease;
    z-index: -1;
}


.custom-checkbox input:checked + .checkmark {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.custom-checkbox .checkmark::after {
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}


.custom-checkbox input:checked + .checkmark::after {
    display: block;
}

.woocommerce-MyAccount-content .delete-account-section {
    margin: 30px 0 47px;

}

.delete-account-button {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 23px;
    border: 1px solid #ED1C24;
    border-radius: 8px;
    background: transparent;
    color: #ED1C24;
    cursor: pointer;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    transition: all 0.3s ease-in-out;
}

.delete-account-button:hover {
    color: #fff;
    border: 1px solid #ED1C24;
    background: #ED1C24;
}

.delete-account-button svg path {
    transition: all 0.3s ease-in-out;
}

.delete-account-button:hover svg path {
    stroke: #fff;
}

.woocommerce-MyAccount-content .personal-information {
    background-color: #fff;
    border: 1px solid rgba(21, 23, 67, 0.5) !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
    padding: 20px;
    border-radius: 8px;

}

.woocommerce-MyAccount-content .personal-information h4, .woocommerce-MyAccount-content .delete-account-section h4, legend, .woocommerce-column__title, .woocommerce-order-details__title {
    color: var(--heading-color);
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
    font-family: 'Open Sans', sans-serif !important;

}

legend {
    margin-top: 28px;
}

.woocommerce-order-details .shop_table.order_details tr td:nth-child(2) {
    text-align: right;
}

.woocommerce-order-details .shop_table.order_details thead tr th:nth-child(2) {
    text-align: right;
}

.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
    margin-top: 0 !important;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    line-height: 30px;
}

.select2-container .select2-dropdown, .select2-container .select2-selection {
    border: 0 !important
}
.woocommerce form .woocommerce-billing-fields  .form-row {
    padding: 3px 13px;
}
.woocommerce form #additional-shipping-fields-wrap .form-row {
    padding: 0 13px;
}
.woocommerce form .woocommerce-billing-fields .additional-info-wrap {
    padding: 0;
}
.field-error {
	border-color: #d63638 !important;
	background: #fff5f5;
}

.step-error-message {
	background: #fdecea;
	color: #611a15;
	padding: 12px 16px;
	margin-bottom: 16px;
	border-left: 4px solid #d63638;
	font-size: 14px;
        border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}