/*
Theme Name: Skin Tec
Author: Roman K
Version: 1.0
Template: razzi
*/

/* SkinTec Extra Options */
.skintec-extra-options-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px; /* Row gap, Col gap */
    margin-bottom: 25px !important;
    padding: 0 !important;
    border: none !important;
}

.skintec-option-row {
    margin-bottom: 0 !important;
}

/* Make the first child full width if desired? */
.skintec-option-row:first-child {
    grid-column: 1 / -1;
}

.skintec-option-row label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 15px;
    line-height: 1.4;
    color: #000; /* Dark text */
}

.skintec-option-row input[type="checkbox"] {
    margin-right: 10px !important;
    width: 18px;
    height: 18px;
    accent-color: #b08d55; /* Match theme gold/brown */
    border: 1px solid #ddd;
    border-radius: 2px;
}

.skintec-option-row .option-price {
    margin-left: auto;
    font-weight: 500;
    color: #333;
}

/* --- Price Layout Management --- */

/* 1. Hide ALL standard WooCommerce prices on product page to prevent flickering */
/* We will render our own .skintec-live-price instead */
.single-product div.product .summary .price,
.single-product div.product .woocommerce-variation .price,
.single-product div.product .summary-price-box {
    display: none !important;
}

/* 2. Style our Custom Live Price */
.skintec-live-price {
    font-size: 36px;
    font-weight: 600;
    color: var(--color-text-darker, #000);
    line-height: 1;
    margin-right: 20px;
    /* Ensure it fits in the flex row */
}

/* 3. Custom Layout for Price/Qty/Button */
/* Applied via JS class skintec-layout-restructured */
.product-button-wrapper.skintec-layout-restructured {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 16px 40px !important; /* Gap between items */
}

.product-button-wrapper.skintec-layout-restructured .skintec-live-price {
    order: 1;
}

.product-button-wrapper.skintec-layout-restructured .quantity {
    margin: 0 !important;
    order: 2;
}

.product-button-wrapper.skintec-layout-restructured .single_add_to_cart_button {
    width: 100% !important;
    margin-top: 10px !important;
    order: 3;
}

/* One-click button */
.skintec-one-click-btn {
    display: inline-block;
    width: 100%;
    padding: 14px 18px;
    background: var(--gradient-gold, #a67c52);
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.3s ease;
    margin-top: 10px;
    order: 4;
}
.skintec-one-click-btn:hover {
    opacity: 0.9;
}

/* Modal */
.skintec-modal {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: none;
}
.skintec-modal-content {
    background: #111;
    border: 1px solid var(--color-accent-gold, #a67c52);
    border-radius: 10px;
    max-width: 520px;
    margin: 80px auto;
    padding: 24px;
    color: #fff;
    position: relative;
}
.skintec-close {
    position: absolute;
    right: 12px;
    top: 10px;
    background: transparent;
    border: none;
    color: var(--color-accent-gold, #a67c52);
    font-size: 24px;
    cursor: pointer;
}
.skintec-modal-body input[type="text"] {
    width: 100%;
    padding: 12px 14px;
    border-radius: 6px;
    border: 1px solid #333;
    background: #1a1a1a;
    color: #fff;
    margin-bottom: 12px;
}
.skintec-submit-btn {
    display: inline-block;
    width: 100%;
    padding: 14px 18px;
    background: var(--gradient-gold, #a67c52);
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.3s ease;
}
.skintec-submit-btn:hover {
    opacity: 0.9;
}
.skintec-return-btn {
    display: inline-block;
    width: 100%;
    padding: 14px 18px;
    background: var(--gradient-green, #1c7c3a);
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.3s ease;
}
.skintec-return-btn:hover {
    opacity: 0.9;
}

.skintec-meta-inline {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 8px 0 16px;
    color: rgba(0,0,0,0.6);
}
.skintec-meta-inline .skintec-meta-sku {
    flex: 1;
}
.skintec-meta-inline .skintec-meta-rating .star-rating {
    margin: 0;
}
.skintec-meta-inline .skintec-meta-reviews-link {
    color: rgba(0,0,0,0.6);
    text-decoration: none;
}
.skintec-meta-inline .skintec-meta-reviews-link:hover {
    color: var(--rz-color-hover-primary);
}

/* Product Tabs - full width and styled */
.woocommerce-tabs {
    width: 100%;
    margin-top: 24px;
}
.woocommerce-tabs .tabs,
.razzi-woocommerce-tabs .tabs,
.woocommerce-tabs ul.tabs,
.razzi-woocommerce-tabs ul.tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 32px;
    border-bottom: 2px solid #d9c5a8; /* subtle gold line */
    padding-bottom: 12px;
    margin: 0 0 16px 0;
}
.woocommerce-tabs .tabs li,
.razzi-woocommerce-tabs .tabs li,
.woocommerce-tabs ul.tabs li,
.razzi-woocommerce-tabs ul.tabs li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.woocommerce-tabs .tabs li a,
.razzi-woocommerce-tabs .tabs li a,
.woocommerce-tabs ul.tabs li a,
.razzi-woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: 6px 0;
    text-decoration: none;
    color: #333;
    font-weight: 600;
}
.woocommerce-tabs .tabs li.active a,
.woocommerce-tabs .tabs li a:hover,
.razzi-woocommerce-tabs .tabs li.active a,
.razzi-woocommerce-tabs .tabs li a:hover,
.woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li a:hover,
.razzi-woocommerce-tabs ul.tabs li.active a,
.razzi-woocommerce-tabs ul.tabs li a:hover {
    color: #000;
    border-bottom: 3px solid #a67c52; /* gold underline */
}
.woocommerce-Tabs-panel,
.razzi-woocommerce-tabs .woocommerce-Tabs-panel {
    padding-top: 8px;
}
.skintec-tab-description {
    font-size: 14px;
    line-height: 1.6;
    color: #222;
}
.skintec-tabs-section,
.woocommerce-tabs {
    width: 100%;
}

/* Hide theme's accordion tabs to prevent duplication */
.razzi-woocommerce-tabs.woocommerce-accordion {
    display: none !important;
}
/* Hide theme-provided tabs inside product summary to avoid duplicates */
.summary.entry-summary .woocommerce-tabs,
.summary.entry-summary .razzi-woocommerce-tabs,
.summary.entry-summary .razzi-tab-title-wrapper,
.summary.entry-summary .razzi-tab-content-wrapper {
    display: none !important;
}

footer#site-footer {
    display: none;
}

footer.footer {
    background: url(/wp-content/themes/razzi-child/img/footer-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

img.texture-bg {
    position: absolute;
    top: -200%;
    width: 100%;
    height: 200%;
    z-index: -1;
}

.woocommerce-product-gallery__thumbs-carousel.swiper-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-backface-hidden {
    padding: 0 100px;
}

.wcboost-variation-swatches__item {
    width: 56px;
    height: 56px;
}

.wcboost-variation-swatches__item.selected {
    border: 2px solid #B18A55;
   
}

.wcboost-variation-swatches.wcboost-variation-swatches--image.wcboost-variation-swatches--rounded .wcboost-variation-swatches__item:not(.disabled) .wcboost-variation-swatches__name, .wcboost-variation-swatches.wcboost-variation-swatches--image.wcboost-variation-swatches--square .wcboost-variation-swatches__item:not(.disabled) .wcboost-variation-swatches__name {
    min-height: 100%;
}

.wcboost-variation-swatches.wcboost-variation-swatches--image.wcboost-variation-swatches--rounded .wcboost-variation-swatches__item:not(.disabled) .wcboost-variation-swatches__name:after, .wcboost-variation-swatches.wcboost-variation-swatches--image.wcboost-variation-swatches--square .wcboost-variation-swatches__item:not(.disabled) .wcboost-variation-swatches__name:after {
    border: 2px solid #B18A55;
    height: 100%;
}

.wcboost-variation-swatches.wcboost-variation-swatches--image.wcboost-variation-swatches--rounded .wcboost-variation-swatches__item:not(.disabled) .wcboost-variation-swatches__name:after, .wcboost-variation-swatches.wcboost-variation-swatches--image.wcboost-variation-swatches--square .wcboost-variation-swatches__item:not(.disabled) .wcboost-variation-swatches__name:after {
    border: 0!important;
}

.woocommerce-product-gallery__image.flex-active-slide img {
    border-radius: 8px;
    overflow: hidden;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
    border-radius: 8px;
}

body.single-product div.product .summary-top-box {
    display: none;
}

.skintec-meta-inline {
    border-top: 2px solid #B18A55;
    margin: 0;
    padding: 24px 0 0 0;
}


.single-product div.product .product-button-wrapper.skintec-layout-restructured .quantity .qty {
    font-size: 36px;
}

.single-product div.product .product-button-wrapper > * {
    margin: 0!important;
}

.single-product div.product.product-type-variable form.cart .product-button-wrapper {
    border-top: 2px solid #B18A55;
    padding-top: 24px!important;
    position: relative;
}

.single-product div.product .product-button-wrapper .single_add_to_cart_button {
    margin: 36px 0 10px!important;
}

.single-product div.product.product-type-variable form.cart .product-button-wrapper:before {
    content: '';
    width: 100%;
    height: 2px;
    background: #B18A55;
    position: absolute;
    left: 0;
    top: 98px;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
    border: 0!important;
}

body.single-product div.product {
    padding-top: 48px;
}

.header-center-items.header-items.has-logo {
    order: 1;
    text-align: left;
    justify-content: flex-start;
}

.header-left-items.header-items.has-logo {
    order: 2;
    text-align: right;
    justify-content: flex-end;
}

.header-right-items.header-items.has-logo {
    order: 3;
}

.header-center-items > * {
    margin: 0;
}

.header-v9 .header-search.form-type-boxed .search-field {
    min-width: 300px;
    color: #909090;
    background: #181818;
    border-radius: 8px;
}

.container, .single-post .site-content > .container {
    width: 100%;
    max-width: 1250px;
}

.site-header .header-account .account-icon {
    font-size: 31px;
}

.site-header .header-cart .icon-shop-cart {
    font-size: 30px;
}

button.single_add_to_cart_button.button.alt svg {
    display: none;
}

body.single-product div.product .product-button-wrapper .single_add_to_cart_button {
    height: 73px;
    border: none;
    border-radius: 8px;
    color: var(--color-white);
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

body.single-product div.product .woocommerce-product-gallery__thumbs-carousel .rz-swiper-button {
    opacity: 1;
    width: 90px;
    height: 110px;
}

body.single-product div.product .woocommerce-product-gallery__thumbs-carousel .rz-swiper-button svg {
    stroke: #B18A55;
    width: 40px;
    height: 40px;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
    border: 2px solid #B18A55;
}

.skintec-option-row .option-price {
    display: none;
}

.single-product div.product .entry-summary .star-rating {
    display: flex;
}

body .star-rating .user-rating .razzi-svg-icon {
    color: #B18A55;
}


body .woocommerce-tabs > ul.tabs {
    justify-content: flex-start;
    border-bottom: 2px solid #B18A55;
}

body .woocommerce-tabs > ul.tabs > li > a {
    font-family: Tektur;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    text-align: left;
    color: #333333;
    padding: 10px;
    transition: none;
}

body .woocommerce-tabs > ul.tabs > li {
    padding: 0;
}

body .woocommerce-tabs > ul.tabs > li.active > a:after {
    bottom: -4px;
    background: #B18A55;
    border-radius: 8px;
    width: 100%;
    height: 7px;
    transition: none;
}

body .woocommerce-tabs > ul.tabs > li > a:after {
    transition: none;
}

body .woocommerce-tabs > ul.tabs > li.active > a {
    border-bottom: 0;
    padding: 10px;
    transition: none;
}

body .woocommerce-tabs > ul.tabs > li > a:hover {
    color: #333;
    border: 0;
}

body.single-product div.product .woocommerce-tabs .panel {
    max-width: 100%;
    margin: 45px 0;
}

body.single-product div.product .woocommerce-tabs table.shop_attributes {
    max-width: 100%;
}

.skintec-tab-description {
    font-family: Tektur;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: #333333;
}

.single-product div.product .woocommerce-Reviews .comment-respond .form-submit .submit {
    padding: 0;
    background: #075a03;
    border-radius: 8px;
 
/* Group 131 (group) */
    
 
/* Отправить (text) */
    font-family: Tektur;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    width: 192px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
}

.single-product div.product .woocommerce-Reviews .comment-respond .form-submit {
    display: flex;
    justify-content: flex-end;
}

.comment-respond .comment-form textarea, .comment-respond .comment-form input[type=text], .comment-respond .comment-form input[type=email] {
    border: 1px solid #B18A55;
}

body.single-product div.product .woocommerce-Reviews ol.commentlist li {
    border: 2px solid #B18A55;
}

section.faq-section {
    padding-top: 0;
}

body.single-product div.product section.products > h2 {
    font-family: Tektur;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 40px;
    text-align: left;
    color: #b18a55;
}

ul.products.product-loop-layout-2 li.product .product-thumbnail > .rz-loop_button {
    display: none;
}


body ul.products.columns-4 li.product {
    width: 25%!important;
    margin: 0!important;
    border-radius: 8px;
    overflow: hidden;
}


body ul.products.product-loop-layout-2 li.product .product-thumbnail {
    border-radius: 8px;
}

body ul.products li.product .product-inner {
    background: 0;
    padding-bottom: 0;
}

body ul.products li.product .woocommerce-loop-product__title a {
    font-family: Tektur;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    text-align: left;
    color: #d4d4d4;
}

body ul.products.product-loop-center li.product .product-variation-items {
    display: none;
}

body ul.products.product-loop-center li.product .price {
    font-family: Tektur;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
    color: #b18a55;
}

body ul.products li.product .woocommerce-loop-product__title {
    text-align: left;
    margin-bottom: 15px;
}

body ul.products.product-loop-center li.product .product-summary {
    padding: 15px 0 0 0;
    background: 0;
}

.skintec-tabs-section, .woocommerce-tabs {
    margin-bottom: 400px;
}

@media(max-width: 991px) {
    html {
        display: none;
    }
}

img.texture-bg {
    display: none;
}

section.faq-section {
    display: none;
}

.single-product img.texture-bg {
    display: block;
}
.single-product section.faq-section {
    display: block;
}


.main-navigation .nav-menu > li > a {
    font-family: Tektur;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #cccccc;
}

.header-bottom.header-contents.hidden-xs.hidden-sm.no-center {
    background: #000;
}

.main-navigation .nav-menu > li > a:after {
    height: 5px;
    border-radius: 5px;
    bottom: auto;
    top: -10px;
}

.main-navigation .nav-menu > li:hover > a, .main-navigation .nav-menu > li.focus > a {
    color: #fff;
}

body .wcboost-variation-swatches--button .wcboost-variation-swatches__item {
    min-width: 54px;
    min-height: 54px;
    max-width: 54px;
    padding: 0;
    border: 2px solid #B3B3B3!important;
}

body .wcboost-variation-swatches--button .wcboost-variation-swatches__item.selected {
    border: 2px solid #B18A55!important;
}

body .wcboost-variation-swatches.wcboost-variation-swatches--color .wcboost-variation-swatches__item {
    padding: 0;
    box-shadow: none;
}

nav.woocommerce-breadcrumb.site-breadcrumb * {
    pointer-events: none;
}

.page.full-content:not(.elementor-page) .site-content {
    max-width: 1250px;
    padding-top: 0;
}

html {
    overflow-x: hidden;
}

.single-post {
    background: #000;
}

.single-post .page-header {
    display: none;
}

.single-post .site-content {
    padding: 0;
}

.single-post .site-content>.container {
    max-width: 100%;
}

.single-post .product-grid {
    gap: 20px;
}

.single-post .product-card {
    width: auto;
    height: auto;
    background-color: transparent;
    padding: 0;
}

.single-post .main {
    margin-bottom: 200px;
}

.single-post .product-card__image {
    height: auto;
    border: 0;
}

span.breadcrumbs__separator {
    transform: rotate(180deg);
    position: relative;
    top: 3px;
}

span.breadcrumbs__current {
    font-family: var(--font-primary);
    font-size: 12px;
    line-height: 14px;
    color: #9d9d9d;
    transition: color 0.3s ease;
}


.section-title {
    font-family: 'Tektur', sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 0;
    color: #b18a55;
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    .section-title {
        font-size: 28px;
        margin-bottom: 20px;
    }
}

.page-template-template-blog, .page-template-page-about, body.archive.post-type-archive.post-type-archive-portfolio,
body.archive.tax-portfolio_category {
    background-image:
        linear-gradient(rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.82)),
        url('/wp-content/themes/razzi-child/assets/backgrounds/main-bg.png');
    background-size: cover;
    background-position: center;
    /* background-attachment: fixed; */
}

.page-title-section {
    padding: 61px 0 50px;
    text-align: center;
}

.page-title {
    font-size: 44px;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #b18a55;
    margin: 0;
}

.page-template-template-author div#content {
    max-width: 100%;
    padding: 0;
}

body.archive.post-type-archive.post-type-archive-portfolio .site-content, body.archive.tax-portfolio_category .site-content {
    padding: 0;
}

body.archive.post-type-archive.post-type-archive-portfolio div#page-header, body.archive.tax-portfolio_category div#page-header {
    display: none;
}