/*
Theme Name: Sairo Crackers - Astra Child
Description: Sairo Crackers WooCommerce visual refinement.
Author: Sairo Crackers
Template: astra
Version: 1.2.0
*/

:root{
 --sairo-card:#21182d;
 --sairo-card-hover:#281d36;
 --sairo-border:rgba(35,20,50,.18);
 --sairo-white:#fff;
 --sairo-dark:#21182d;
 --sairo-body:#4b4350;
 --sairo-muted:#706676;
 --sairo-price:#ffc928;
 --sairo-purple:#a855f7;
 --sairo-purple-hover:#9333ea;
 --sairo-sale:#ff4d67;
}

/* Base */
body{color:var(--sairo-body)}
a{color:#7c3aed}
a:hover{color:#5b21b6}

/* Shop heading area: readable on the existing light page */
.woocommerce .woocommerce-breadcrumb{
 color:#766d7c!important;
 font-size:14px!important;
}
.woocommerce .woocommerce-breadcrumb a{color:#6d28d9!important}
.woocommerce .woocommerce-breadcrumb a:hover{color:#4c1d95!important}

.woocommerce-products-header__title,
.woocommerce .page-title,
.woocommerce-page .page-title{
 color:#21182d!important;
 font-weight:800!important;
 letter-spacing:-.02em;
}

.woocommerce .woocommerce-result-count{
 color:#5e5565!important;
 font-weight:600!important;
}

/* Sorting: make it look like a proper control */
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select{
 color:#fff!important;
 background:#21182d!important;
 border:1px solid #5b4968!important;
 border-radius:6px!important;
 min-height:42px;
 padding:8px 38px 8px 12px!important;
 font-weight:600!important;
}
.woocommerce .woocommerce-ordering select option{color:#21182d;background:#fff}

/* Product cards */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
 background:var(--sairo-card)!important;
 border:1px solid rgba(50,30,65,.24)!important;
 border-radius:14px!important;
 overflow:hidden!important;
 padding:12px!important;
 box-shadow:0 4px 14px rgba(30,15,40,.10);
 transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover{
 background:var(--sairo-card-hover)!important;
 transform:translateY(-3px);
 box-shadow:0 12px 26px rgba(30,15,40,.18);
}

/* Keep product image area clean */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap{
 border-radius:9px;
 overflow:hidden;
}

/* Category */
.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce ul.products li.product .product-category{
 color:#d9cee3!important;
 font-size:12px!important;
 font-weight:600!important;
 line-height:1.25!important;
 margin:10px 0 5px!important;
}

/* Product name */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title{
 color:#fff!important;
 font-size:16px!important;
 line-height:1.35!important;
 font-weight:800!important;
 margin:0 0 7px!important;
}

/* Prices */
.woocommerce ul.products li.product .price{
 display:flex!important;
 align-items:baseline!important;
 gap:8px!important;
 flex-wrap:wrap!important;
 margin:0 0 13px!important;
}
.woocommerce ul.products li.product .price del{
 color:#a9a0b0!important;
 opacity:1!important;
 font-size:12px!important;
 font-weight:500!important;
}
.woocommerce ul.products li.product .price del *,
.woocommerce ul.products li.product .price del span{
 color:#a9a0b0!important;
}
.woocommerce ul.products li.product .price ins{
 color:var(--sairo-price)!important;
 text-decoration:none!important;
 font-size:18px!important;
 font-weight:900!important;
}
.woocommerce ul.products li.product .price > .amount{
 color:var(--sairo-price)!important;
 font-size:18px!important;
 font-weight:900!important;
}

/* Sale badge */
.woocommerce span.onsale{
 background:var(--sairo-sale)!important;
 color:#fff!important;
 font-weight:800!important;
 border-radius:999px!important;
 min-height:auto!important;
 min-width:auto!important;
 padding:7px 10px!important;
 line-height:1!important;
 box-shadow:0 2px 7px rgba(0,0,0,.16);
}

/* Buttons */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button{
 background:var(--sairo-purple)!important;
 color:#fff!important;
 border:0!important;
 border-radius:8px!important;
 font-weight:800!important;
 width:100%;
 text-align:center;
 padding:11px 14px!important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover{
 background:var(--sairo-purple-hover)!important;
 color:#fff!important;
}

/* Rating */
.woocommerce .star-rating{color:#ffc928!important}

/* Widgets/sidebar */
.widget-title,.woocommerce .widget-title{
 color:#21182d!important;
 font-weight:800!important;
}
.widget,.woocommerce .widget{color:#554b5c!important}
.widget a,.woocommerce .widget a{color:#5f5367!important}
.widget a:hover,.woocommerce .widget a:hover{color:#7c3aed!important}

/* Product page */
.woocommerce div.product .product_title{color:#21182d!important;font-weight:800!important}
.woocommerce div.product .woocommerce-product-details__short-description,
.woocommerce div.product .woocommerce-product-details__short-description p{color:#4f4754!important}
.woocommerce div.product p.price,
.woocommerce div.product span.price{color:var(--sairo-price)!important;font-weight:900!important}
.woocommerce div.product .stock{color:#15803d!important;font-weight:700!important}

/* Cart/checkout */
.woocommerce table.shop_table,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td{
 color:#4d4453!important;
 border-color:#ddd5e2!important;
}
.woocommerce table.shop_table th{color:#21182d!important}
.woocommerce form .form-row label{color:#4d4453!important;font-weight:600!important}
.woocommerce form .input-text,
.woocommerce form select,
.woocommerce form textarea{
 color:#21182d!important;
 background:#fff!important;
 border:1px solid #d5cbd9!important;
 border-radius:5px!important;
}
.woocommerce form .input-text::placeholder,
.woocommerce form textarea::placeholder{color:#8b8190!important}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li{border-color:#d8cedf!important}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
 background:#fff!important;
 color:#3d3345!important;
 border-color:#d8cedf!important;
 font-weight:700!important;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover{
 background:var(--sairo-purple)!important;
 color:#fff!important;
 border-color:var(--sairo-purple)!important;
}

/* Mobile */
@media(max-width:768px){
 .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px!important}
 .woocommerce ul.products li.product .price ins,
 .woocommerce ul.products li.product .price>.amount{font-size:17px!important}
 .woocommerce ul.products li.product .button{width:100%}
}