/* ==========================================================
   SHEERS UI
   Version : 2.0.0
   Build   : 2026.07.21
   Author  : Aga & Marcin

   Project : Sheers
   Theme   : Astra Child
   Builder : Elementor Free
   Shop    : WooCommerce

========================================================== */
/* ==========================================================
   01. DESIGN SYSTEM
========================================================== */

:root{

    /*
    ----------------------------------------------------------
    COLORS
    ----------------------------------------------------------
    */

    --sheers-bg:#F4ECE9;

    --sheers-white:#FFFFFF;

    --sheers-primary:#A63D40;
    --sheers-primary-hover:#8F3235;

    --sheers-text:#1E1E1E;
    --sheers-muted:#666666;

    --sheers-border:#E8E3DE;

    /*
    ----------------------------------------------------------
    BORDER RADIUS
    ----------------------------------------------------------
    */

    --radius-xs:8px;
    --radius-sm:14px;
    --radius-md:18px;
    --radius-lg:22px;
    --radius-xl:28px;
    --radius-pill:999px;

    /*
    ----------------------------------------------------------
    SHADOWS
    ----------------------------------------------------------
    */

    --shadow-sm:0 8px 20px rgba(0,0,0,.04);
    --shadow-md:0 12px 35px rgba(0,0,0,.05);
    --shadow-lg:0 18px 40px rgba(0,0,0,.08);

    /*
    ----------------------------------------------------------
    TRANSITIONS
    ----------------------------------------------------------
    */

    --transition:.30s ease;
    
    /*
    ----------------------------------------------------------
    TYPOGRAPHY
    ----------------------------------------------------------
    */

    --font-family:"Satoshi",sans-serif;

    --font-size-xs:12px;
    --font-size-sm:14px;
    --font-size-md:16px;
    --font-size-lg:18px;
    --font-size-xl:24px;
    --font-size-2xl:32px;
    --font-size-3xl:44px;   

}
/* ==========================================================
   02. GLOBAL
========================================================== */

/* ----------------------------------------------------------
   Body
---------------------------------------------------------- */

body{
    background:var(--sheers-bg);
    color:var(--sheers-text);
}

/* ----------------------------------------------------------
   WooCommerce
---------------------------------------------------------- */

.woocommerce{
    font-family:"Satoshi",sans-serif;
}

/* ----------------------------------------------------------
   Images
---------------------------------------------------------- */

img{
    max-width:100%;
    height:auto;
    display:block;
}

/* ----------------------------------------------------------
   Links
---------------------------------------------------------- */

a{
    transition:var(--transition);
    text-decoration:none;
}

/* ----------------------------------------------------------
   Lists
---------------------------------------------------------- */

ul,
ol{
    margin:0;
    padding:0;
}
/* ==========================================================
   03. LAYOUT
========================================================== */

/* ==========================================================
   04. TYPOGRAPHY
========================================================== */

/* ----------------------------------------------------------
   Product Title
---------------------------------------------------------- */

.product_title{

    font-size:var(--font-size-3xl);

    line-height:1.15;

    letter-spacing:-.03em;

    margin-bottom:20px;

}

/* ----------------------------------------------------------
   Price
---------------------------------------------------------- */

.price{

    margin:18px 0 28px;

    font-size:34px!important;

    font-weight:700;

    color:var(--sheers-text)!important;

}

/* ----------------------------------------------------------
   Short Description
---------------------------------------------------------- */

.woocommerce-product-details__short-description{

    max-width:500px;

    margin:28px 0;

    font-size:18px;

    line-height:1.8;

    color:var(--sheers-muted);

}

/* ----------------------------------------------------------
   Variation Labels
---------------------------------------------------------- */

.single-product table.variations label{

    font-size:14px;

    font-weight:600;

    letter-spacing:.12em;

    text-transform:uppercase;

    color:var(--sheers-muted);

}


/* ==========================================================
   05. BUTTONS
========================================================== */

/* ----------------------------------------------------------
   Base Button
---------------------------------------------------------- */

.woocommerce button,
.woocommerce a.button,
.woocommerce input.button,
.single_add_to_cart_button{

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

    min-height:54px;
    padding:16px 34px;

    border:none!important;

    border-radius:var(--radius-pill)!important;

    background:var(--sheers-primary)!important;
    color:var(--sheers-white)!important;

    font-size:15px;
    font-weight:600;

    text-decoration:none;

    cursor:pointer;

    transition:var(--transition);

}

/* ----------------------------------------------------------
   Hover
---------------------------------------------------------- */

.woocommerce button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.single_add_to_cart_button:hover{

    background:var(--sheers-primary-hover)!important;

}

/* ----------------------------------------------------------
   Focus
---------------------------------------------------------- */

.woocommerce button:focus,
.woocommerce a.button:focus,
.woocommerce input.button:focus,
.single_add_to_cart_button:focus{

    outline:none;

}

/* ----------------------------------------------------------
   Disabled
---------------------------------------------------------- */

.woocommerce button:disabled,
.woocommerce input.button:disabled{

    opacity:.55;
    cursor:not-allowed;

}

/* ----------------------------------------------------------
   Add To Cart
---------------------------------------------------------- */

/* ========================================
   SHEERS – ADD TO CART BUTTON
======================================== */

.single-product .single_add_to_cart_button {
    border-radius: 10px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    transition: all .25s ease;
}

.single-product .single_add_to_cart_button:hover {
    opacity: .9;
}
/* ==========================================================
   06. FORMS
========================================================== */

/* ----------------------------------------------------------
   Inputs
---------------------------------------------------------- */

input,
textarea,
select{

    width:100%;

    padding:14px!important;

    border:1px solid var(--sheers-border)!important;

    border-radius:var(--radius-md)!important;

    background:#FAFAFA;

    transition:var(--transition);

}

/* ----------------------------------------------------------
   Checkout
---------------------------------------------------------- */

.woocommerce-checkout input,
.woocommerce-checkout textarea,
.woocommerce-checkout select{

    min-height:56px;

}

/* ----------------------------------------------------------
   Focus
---------------------------------------------------------- */

input:focus,
textarea:focus,
select:focus{

    border-color:var(--sheers-primary)!important;

    outline:none;

    box-shadow:none;

}

/* ----------------------------------------------------------
   Quantity
---------------------------------------------------------- */

.quantity input{

    width:70px;

    height:48px;

    padding:0!important;

    border-radius:var(--radius-pill)!important;

    background:var(--sheers-white);

    text-align:center;

}

/* ----------------------------------------------------------
   Checkbox
---------------------------------------------------------- */

input[type="checkbox"]{

    accent-color:var(--sheers-primary);

}
/* ==========================================================
   07. PRODUCT PAGE
========================================================== */

/* ----------------------------------------------------------
   Product Wrapper
---------------------------------------------------------- */

.single-product div.product{

    display:grid;

    gap:60px;

    background:var(--sheers-white);

    padding:50px;

    border-radius:var(--radius-xl);

}
.single-product .site-content {
    padding-top: 0 !important;
}

/* ----------------------------------------------------------
   Product Summary
---------------------------------------------------------- */

.single-product .summary{

    display:flex;

    flex-direction:column;

    padding-left:40px;

}

/* ----------------------------------------------------------
   Cart Form
---------------------------------------------------------- */
.single-product form.cart{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    gap:14px;

    margin-top:35px;

}
/* ==========================================================
   08. PRODUCT GALLERY
========================================================== */

/* ----------------------------------------------------------
   Main Image
---------------------------------------------------------- */

.woocommerce-product-gallery img{

    border-radius:var(--radius-lg);

}

/* ----------------------------------------------------------
   Thumbnails
---------------------------------------------------------- */

.flex-control-thumbs img{

    border-radius:var(--radius-sm);

    transition:var(--transition);

}

.flex-control-thumbs img:hover{

    opacity:.75;

    transform:scale(.96);

}
/* ==========================================================
   09. PRODUCT VARIATIONS
========================================================== */
.single-product .variable-items-wrapper .variable-item {
    border-radius: 0 !important;
    border: 1px solid #d8d8d8 !important;
    transition: all 0.2s ease;
}

.single-product .variable-items-wrapper .variable-item:hover {
    border-color: #000 !important;
}

.single-product .variable-items-wrapper .selected,
.single-product .variable-items-wrapper .variable-item.selected {
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}
.single-product .variations tr {
    display: flex;
    align-items: center;
    gap: 20px;
}

.single-product .variations th,
.single-product .variations td {
    padding: 0;
    vertical-align: middle;
}
/* Ukryj stan magazynowy */
.single-product .stock {
    display: none;
}
/* Ukryj cały wiersz dostępności */
.single-product .woocommerce-variation-availability {
    display: none !important;
}
/* ----------------------------------------------------------
   Wrapper
---------------------------------------------------------- */

.variable-items-wrapper{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-top:12px;

}

/* ----------------------------------------------------------
   Item
---------------------------------------------------------- */

.variable-item{

    display:flex;

    justify-content:center;

    align-items:center;

    min-width:52px;

    min-height:52px;

    background:var(--sheers-white)!important;

    border:1px solid var(--sheers-border)!important;

    border-radius:var(--radius-pill)!important;

    box-shadow:none!important;

    transition:var(--transition);

}

/* ----------------------------------------------------------
   Hover
---------------------------------------------------------- */

.variable-item:hover{

    border-color:var(--sheers-primary)!important;

    transform:translateY(-2px);

}

/* ----------------------------------------------------------
   Selected
---------------------------------------------------------- */

.variable-item.selected{

    background:var(--sheers-primary)!important;

    border-color:var(--sheers-primary)!important;

    color:var(--sheers-white)!important;

}

/* ----------------------------------------------------------
   Label
---------------------------------------------------------- */

.variable-item span{

    font-weight:600;

}
/* ==========================================================
   10. PRODUCT TABS
========================================================== */

/* ----------------------------------------------------------
   Wrapper
---------------------------------------------------------- */

.woocommerce-tabs{

    margin-top:var(--space-2xl);

}

/* ----------------------------------------------------------
   Navigation
---------------------------------------------------------- */

.woocommerce-tabs ul.tabs{

    display:flex;

    flex-wrap:wrap;

    gap:var(--space-sm);

    margin:0;

    padding:0;

    border:none!important;

}

/* ----------------------------------------------------------
   Tab
---------------------------------------------------------- */

.woocommerce-tabs ul.tabs li{

    margin:0;

    padding:8px 20px;

    list-style:none;

    background:var(--sheers-white)!important;

    border:none!important;

    border-radius:var(--radius-pill)!important;

    transition:var(--transition);

}

/* ----------------------------------------------------------
   Active
---------------------------------------------------------- */

.woocommerce-tabs ul.tabs li.active{

    background:var(--sheers-primary)!important;

}

.woocommerce-tabs ul.tabs li.active a{

    color:var(--sheers-white)!important;

}
/* ==========================================================
   11. SHEERS ACCORDION
========================================================== */

/* ----------------------------------------------------------
   Wrapper
---------------------------------------------------------- */

.sheers-details{

    margin-top:var(--space-xl);

    border-top:1px solid var(--sheers-border);

}

/* ----------------------------------------------------------
   Item
---------------------------------------------------------- */

.sheers-detail{

    border-bottom:1px solid var(--sheers-border);

}

/* ----------------------------------------------------------
   Summary
---------------------------------------------------------- */

.sheers-detail summary{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:22px 0;

    list-style:none;

    cursor:pointer;

    font-size:16px;

    font-weight:600;

}

/* Safari */

.sheers-detail summary::-webkit-details-marker{

    display:none;

}

/* ----------------------------------------------------------
   Arrow
---------------------------------------------------------- */

.sheers-detail summary::after{

    content:"›";

    font-size:24px;

    font-weight:300;

    transition:var(--transition);

}

.sheers-detail[open] summary::after{

    transform:rotate(90deg);

}

/* ----------------------------------------------------------
   Content
---------------------------------------------------------- */

.sheers-detail-content{

    padding:0 0 24px;

}

.sheers-detail-content img{

    width:100%;

    display:block;

    margin-bottom:20px;

    border-radius:var(--radius-lg);

}

.sheers-detail-content ul{

    padding-left:20px;

}

.sheers-detail-content li{

    margin-bottom:12px;

    line-height:1.7;

}

/* ----------------------------------------------------------
   Note
---------------------------------------------------------- */

.sheers-note{

    margin-top:12px;

    color:var(--sheers-muted);

}
/* ==========================================================
   12. SHEERS ALERTS
========================================================== */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error{

    padding:20px;

    border:none;

    border-radius:var(--radius-lg);

    background:var(--sheers-white);

    box-shadow:var(--shadow-sm);

}
/* ==========================================================
   13. SHEERS CART
========================================================== */

/* ----------------------------------------------------------
   Cart Layout
---------------------------------------------------------- */

.woocommerce-cart-form{

    background:var(--sheers-white);

    padding:40px;

    border-radius:var(--radius-xl);

    box-shadow:var(--shadow-md);

}

/* ----------------------------------------------------------
   Cart Totals
---------------------------------------------------------- */

.cart_totals{

    background:var(--sheers-white);

    padding:35px;

    border-radius:var(--radius-xl);

    box-shadow:var(--shadow-md);

}

/* ----------------------------------------------------------
   Table
---------------------------------------------------------- */

.shop_table{

    border:none !important;

}

.shop_table th{

    font-size:var(--font-size-xs);

    text-transform:uppercase;

    letter-spacing:.08em;

    color:var(--sheers-muted);

}

.shop_table td,
.shop_table th{

    padding:24px 12px !important;

    border-color:var(--sheers-border) !important;

}

/* ----------------------------------------------------------
   Images
---------------------------------------------------------- */

.shop_table img{

    border-radius:var(--radius-md);

}

/* ----------------------------------------------------------
   Checkout Button
---------------------------------------------------------- */

.wc-proceed-to-checkout a{

    display:flex !important;

    justify-content:center;

    align-items:center;

    width:100%;

    min-height:56px;

    border-radius:var(--radius-pill) !important;

    letter-spacing:.05em;

    text-transform:uppercase;

}

/* ----------------------------------------------------------
   Empty Cart
---------------------------------------------------------- */

.woocommerce-cart .cart-empty{

    margin-top:60px;

    text-align:center;

    font-size:var(--font-size-xl);

}

.return-to-shop{

    margin-top:30px;

    text-align:center;

}

/* ----------------------------------------------------------
   Hidden Elements
---------------------------------------------------------- */

.coupon{

    display:none;

}

button[name="update_cart"]{

    display:none !important;

}
/* ==========================================================
   14. SHEERS CHECKOUT
========================================================== */

/* ----------------------------------------------------------
   Checkout Layout
---------------------------------------------------------- */

.woocommerce-checkout .col2-set{

    display:grid;

    grid-template-columns:1fr 420px;

    gap:60px;

    align-items:start;

}

@media (max-width:991px){


}
/* ----------------------------------------------------------
   Order Review
---------------------------------------------------------- */

#order_review{

    background:var(--sheers-white);

    padding:40px;

    border-radius:var(--radius-xl);

    box-shadow:var(--shadow-md);

}

#order_review_heading{

    margin-bottom:30px;

    font-size:var(--font-size-xl);

}
/* ----------------------------------------------------------
   Payment Methods
---------------------------------------------------------- */

#payment{

    margin-top:30px;

    background:transparent;

    border:none;

}

#payment ul{

    margin:0;

    padding:0;

}

#payment li{

    margin-bottom:20px;

}
/* ----------------------------------------------------------
   Place Order
---------------------------------------------------------- */

#place_order{

    width:100%;

    min-height:56px;

}
/* ----------------------------------------------------------
   Login & Coupon
---------------------------------------------------------- */

.woocommerce-form-login-toggle,
.woocommerce-form-coupon-toggle{

    margin-bottom:30px;

}
/* ==========================================================
   15. SHEERS MY ACCOUNT
========================================================== */

/* ----------------------------------------------------------
   Layout
---------------------------------------------------------- */

.woocommerce-account .woocommerce{

    display:grid;

    grid-template-columns:280px 1fr;

    gap:60px;

    align-items:start;

}

/* ----------------------------------------------------------
   Navigation
---------------------------------------------------------- */

.woocommerce-MyAccount-navigation ul{

    margin:0;

    padding:0;

    list-style:none;

}

.woocommerce-MyAccount-navigation li{

    margin-bottom:10px;

}

.woocommerce-MyAccount-navigation a{

    display:block;

    padding:16px 20px;

    background:var(--sheers-white);

    color:var(--sheers-text);

    text-decoration:none;

    border-radius:var(--radius-lg);

    transition:var(--transition);

}

.woocommerce-MyAccount-navigation a:hover{

    background:var(--sheers-bg);

}

.woocommerce-MyAccount-navigation .is-active a{

    background:var(--sheers-primary);

    color:var(--sheers-white);

}
/* ----------------------------------------------------------
   Content
---------------------------------------------------------- */

.woocommerce-MyAccount-content{

    background:var(--sheers-white);

    padding:40px;

    border-radius:var(--radius-xl);

    box-shadow:var(--shadow-sm);

}
/* ----------------------------------------------------------
   Orders
---------------------------------------------------------- */

.woocommerce-orders-table{

    border:none;

}

.woocommerce-orders-table th{

    text-transform:uppercase;

    font-size:var(--font-size-xs);

    color:var(--sheers-muted);

}

.woocommerce-orders-table td,
.woocommerce-orders-table th{

    padding:20px 12px;

}
/* ----------------------------------------------------------
   Addresses
---------------------------------------------------------- */

.woocommerce-Address{

    padding:30px;

    border:1px solid var(--sheers-border);

    border-radius:var(--radius-lg);

}
/* ==========================================================
   16. FOOTER
========================================================== */

/* ----------------------------------------------------------
   Footer Wrapper
---------------------------------------------------------- */

.site-footer{

    margin-top:80px;

    background:var(--sheers-white);

    border-top:1px solid var(--sheers-border);

}
/* ----------------------------------------------------------
   Footer Inner
---------------------------------------------------------- */

.site-footer .ast-builder-grid-row{

    padding:60px 0;

}
/* ----------------------------------------------------------
   Footer Widgets
---------------------------------------------------------- */

.site-footer h2,
.site-footer h3,
.site-footer h4{

    margin-bottom:20px;

    font-size:var(--font-size-lg);

    color:var(--sheers-text);

}
/* ----------------------------------------------------------
   Footer Navigation
---------------------------------------------------------- */

.site-footer ul{

    margin:0;

    padding:0;

    list-style:none;

}

.site-footer li{

    margin-bottom:12px;

}

.site-footer a{

    color:var(--sheers-muted);

    text-decoration:none;

    transition:var(--transition);

}

.site-footer a:hover{

    color:var(--sheers-primary);

}
/* ----------------------------------------------------------
   Footer Bottom
---------------------------------------------------------- */

.ast-footer-copyright{

    padding:24px 0;

    border-top:1px solid var(--sheers-border);

    color:var(--sheers-muted);

    font-size:var(--font-size-sm);

}
/* ==========================================================
   17. UTILITIES
========================================================== */

/* ----------------------------------------------------------
   Images
---------------------------------------------------------- */
/* ----------------------------------------------------------
   Visibility
---------------------------------------------------------- */

.sheers-hidden{

    display:none;

}

.sheers-visually-hidden{

    position:absolute;

    width:1px;

    height:1px;

    padding:0;

    margin:-1px;

    overflow:hidden;

    clip:rect(0,0,0,0);

    white-space:nowrap;

    border:0;

}
/* ----------------------------------------------------------
   Text
---------------------------------------------------------- */

.sheers-text-center{

    text-align:center;

}

.sheers-text-left{

    text-align:left;

}

.sheers-text-right{

    text-align:right;

}
/* ----------------------------------------------------------
   States
---------------------------------------------------------- */

.is-disabled{

    opacity:.5;

    pointer-events:none;

}

.is-loading{

    cursor:progress;

}
/* ==========================================================
   18. ANIMATIONS
========================================================== */

/* ----------------------------------------------------------
   Hover Effects
---------------------------------------------------------- */

.sheers-hover-lift:hover{

    transform:translateY(-3px);

}

.sheers-hover-scale:hover{

    transform:scale(1.03);

}
/* ----------------------------------------------------------
   Keyframes
---------------------------------------------------------- */

@keyframes sheersFadeIn{

    from{

        opacity:0;

    }

    to{

        opacity:1;

    }

}
/* ----------------------------------------------------------
   Loading
---------------------------------------------------------- */

.sheers-loading{

    animation:sheersFadeIn .3s ease;

}
/* ----------------------------------------------------------
   Reduced Motion
---------------------------------------------------------- */

@media (prefers-reduced-motion:reduce){

    *{

        animation:none !important;

        transition:none !important;

        scroll-behavior:auto !important;

    }

}

/* ========================================
   SHEERS – PRODUCT PAGE CLEANUP
======================================== */

/* Ukryj zakładki WooCommerce */
.single-product .woocommerce-tabs {
    display: none;
}

/* Ukryj Previous / Next */
.single-product nav.woocommerce-pagination,
.single-product .ast-woocommerce-product-navigation,
.single-product .product-navigation,
.single-product .post-navigation {
    display: none;
}
/* Usuń pustą przestrzeń po zakładkach */
.single-product .product {
    margin-bottom: 0;
}

.single-product .woocommerce-tabs.wc-tabs-wrapper {
    display: none !important;
}
/* Ukryj Previous / Next pod miniaturami */
.single-product .flex-direction-nav {
    display: none !important;
}
/* ==========================================================
   19. RESPONSIVE
========================================================== */

/* ----------------------------------------------------------
   ≤ 1200px
---------------------------------------------------------- */



/* ----------------------------------------------------------
   ≤ 992px
---------------------------------------------------------- */
@media (max-width:992px){

    .woocommerce-checkout .col2-set{

        grid-template-columns:1fr;

    }

    .woocommerce-account .woocommerce{

        grid-template-columns:1fr;

    }

}
/* ----------------------------------------------------------
   ≤ 768px
---------------------------------------------------------- */



/* ----------------------------------------------------------
   ≤ 576px
---------------------------------------------------------- */
