/*
Theme Name: Astra Child
Theme URI: https://cencraft.net
Description: Child theme for Astra
Author: Cencraft
Author URI: https://cencraft.net
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/



:root {
--cc-primary: #00d4ff;
--cc-primary-hover: #00b8dd;
--cc-bg: #c8ccd4;
--cc-card: #1b2536;
--cc-text: #ffffff;
--cc-muted: rgba(255,255,255,.70);
}

/* =====================================================
ASTRA OVERRIDE
===================================================== */

.woocommerce-page .site,
.woocommerce-page .site-content,
.woocommerce-page .ast-container,
.woocommerce-page .ast-woocommerce-container,
.woocommerce-page #primary,
.woocommerce-page article,
.tax-product_cat .site,
.tax-product_cat .site-content,
.tax-product_cat .ast-container,
.tax-product_cat .ast-woocommerce-container,
.tax-product_cat #primary,
.tax-product_cat article,
.post-type-archive-product .site,
.post-type-archive-product .site-content,
.post-type-archive-product .ast-container,
.post-type-archive-product #primary {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
}

.woocommerce-page .woocommerce,
.tax-product_cat .woocommerce,
.post-type-archive-product .woocommerce {
width: 100% !important;
max-width: 1400px !important;
margin: 0 auto !important;
}

/* =====================================================
STORE LANDING PAGE
===================================================== */

.cc-store-header {
max-width: 1400px !important;
margin: 80px auto 60px !important;
text-align: center !important;
}

.cc-store-header h1 {
color: #fff !important;
font-size: 72px !important;
font-weight: 800 !important;
margin: 0 0 15px !important;
line-height: 1.1 !important;
}

.cc-store-header p {
color: var(--cc-muted) !important;
font-size: 18px !important;
max-width: 700px !important;
margin: 0 auto !important;
}

.cc-store-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(260px, 1fr)) !important;
gap: 30px !important;


max-width: 1400px !important;
margin: 0 auto 80px !important;


}

.cc-store-card {
background: var(--cc-card) !important;
border-radius: 12px !important;
min-height: 220px !important;


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

text-decoration: none !important;
color: #fff !important;

transition: .2s ease !important;


}

.cc-store-card:hover {
transform: translateY(-4px) !important;
border: 1px solid var(--cc-primary) !important;
}

.cc-store-card h2 {
margin: 0 !important;
font-size: 42px !important;
color: #fff !important;
}

.cc-store-card span {
margin-top: 10px !important;
color: var(--cc-primary) !important;
}

/* =====================================================
BREADCRUMBS
===================================================== */

.cc-store-nav {
max-width: 1400px !important;
margin: 30px auto !important;
font-size: 14px !important;
}

.cc-store-nav a {
color: var(--cc-primary) !important;
text-decoration: none !important;
}

.cc-store-nav span {
margin: 0 8px !important;
opacity: .5 !important;
}

.cc-store-nav strong {
color: #fff !important;
}

/* =====================================================
CATEGORY PAGES
===================================================== */

.tax-product_cat .woocommerce-result-count,
.tax-product_cat .woocommerce-ordering,
.tax-product_cat .term-description {
display: none !important;
}

.tax-product_cat .woocommerce-products-header {
text-align: center !important;
margin-bottom: 40px !important;
}

.tax-product_cat .woocommerce-products-header__title {
color: #fff !important;
font-size: 56px !important;
margin: 0 !important;
}

.tax-product_cat ul.products {
display: grid !important;
grid-template-columns: repeat(auto-fit,minmax(320px,1fr)) !important;
gap: 30px !important;


max-width: 1400px !important;
margin: 0 auto !important;
padding: 0 !important;


}

.tax-product_cat ul.products li.product {
width: 100% !important;
margin: 0 !important;
float: none !important;


background: var(--cc-card) !important;
border-radius: 12px !important;
padding: 20px !important;
border: 1px solid rgba(255,255,255,.08) !important;


}

.tax-product_cat ul.products li.product:hover {
border-color: var(--cc-primary) !important;
}

.tax-product_cat ul.products li.product img {
width: 100% !important;
border-radius: 8px !important;
}

.tax-product_cat ul.products li.product .price {
color: var(--cc-primary) !important;
font-size: 36px !important;
font-weight: 700 !important;
}

/* =====================================================
SINGLE PRODUCT
===================================================== */

.cc-product-layout {
display: grid !important;
grid-template-columns: minmax(0,1fr) 400px !important;
gap: 40px !important;


max-width: 1400px !important;
margin: 40px auto !important;


}

.cc-product-main {
background: var(--cc-card) !important;
border-radius: 12px !important;
padding: 40px !important;
color: #fff !important;
}

.product_title {
color: #fff !important;
font-size: 56px !important;
margin-bottom: 20px !important;
}

.price {
color: var(--cc-primary) !important;
font-size: 42px !important;
font-weight: 700 !important;
}

.quantity {
display: none !important;
}

/* =====================================================
CART SIDEBAR
===================================================== */

.cc-cart-sidebar {
background: var(--cc-card) !important;
border-radius: 12px !important;
padding: 30px !important;
position: sticky !important;
top: 100px !important;
color: #fff !important;
}

.cc-cart-sidebar h3 {
font-size: 32px !important;
margin: 0 0 25px !important;
}

.cc-cart-item {
padding: 15px 0 !important;
border-bottom: 1px solid rgba(255,255,255,.15) !important;
}

.cc-cart-name {
font-size: 18px !important;
font-weight: 600 !important;
}

.cc-cart-price {
color: var(--cc-primary) !important;
font-weight: 700 !important;
}

.cc-cart-total {
font-size: 24px !important;
margin-top: 20px !important;
}

/* =====================================================
BUTTONS
===================================================== */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.single_add_to_cart_button,
.cc-cart-sidebar .button {
background: var(--cc-primary) !important;
color: #000 !important;
border: 0 !important;
border-radius: 8px !important;
font-weight: 700 !important;
padding: 14px 28px !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.single_add_to_cart_button:hover {
background: var(--cc-primary-hover) !important;
}

/* =====================================================
DESCRIPTION
===================================================== */

.woocommerce-product-details__short-description {
margin-top: 30px !important;
padding-top: 25px !important;
border-top: 1px solid rgba(255,255,255,.15) !important;


color: var(--cc-text) !important;
line-height: 1.8 !important;


}

/* =====================================================
FORMS
===================================================== */

.woocommerce form .form-row input,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
background: #111827 !important;
color: #fff !important;
border: 1px solid #374151 !important;
border-radius: 8px !important;
}

/* =====================================================
ACCOUNT
===================================================== */

.woocommerce-account .woocommerce-MyAccount-navigation {
background: var(--cc-card) !important;
padding: 15px !important;
border-radius: 12px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
color: #fff !important;
}

.woocommerce-account .is-active a {
color: var(--cc-primary) !important;
}

/* =====================================================
REMOVE WOOCOMMERCE CLUTTER
===================================================== */

.woocommerce-breadcrumb,
.product_meta,
.related.products,
.up-sells,
.woocommerce-tabs,
.widget_shopping_cart,
.woocommerce_afterpay_clearpay_message,
.wcpay-payment-request-button-separator,
.wcpay-payment-request-button__separator {
display: none !important;
}

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

@media (max-width: 1000px) {


.cc-store-grid {
    grid-template-columns: 1fr !important;
}

.cc-product-layout {
    grid-template-columns: 1fr !important;
}

.cc-cart-sidebar {
    position: static !important;
}

.product_title {
    font-size: 40px !important;
}

.cc-store-header h1 {
    font-size: 48px !important;
}


}