/*
Theme Name:   Astra Child (Zata Skincare)
Theme URI:    https://zataskincare.com/
Description:  High-performance, mobile-first child theme tailored for premium skincare e-commerce in Pakistan.
Author:       Talha Mughal
Author URI:   https://zataskincare.com/
Template:     astra
Version:      1.0.0
*/

/* --- LUXURY SKINCARE DESIGN TOKENS --- */
:root {
    --skincare-dark: #111111;     /* Editorial black for high-contrast text and primary CTA buttons */
    --skincare-accent: #bc8a5f;   /* Elegant bronze/rose-gold accent for pricing, tags, and highlights */
    --skincare-bg: #fbf9f6;       /* Soft cosmetic ivory background to minimize eye strain on mobile devices */
    --skincare-white: #ffffff;    /* Pure white for crisp product cards and checkout surfaces */
}

/* Apply global background speed-render style */
body {
    background-color: var(--skincare-bg) !important;
    color: var(--skincare-dark) !important;
}
/* --- AVA SKIN MATCHING PRODUCT PAGE ENGINE --- */

/* Style the quantitative selector and the Add to Cart button stack */
.single-product div.product form.cart {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 25px 0 !important;
}

/* Force standard Add to Cart to look crisp and minimalist */
.single-product div.product form.cart .button.single_add_to_cart_button {
    background-color: #111111 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 15px 30px !important;
    flex-grow: 1 !important;
    border: none !important;
    font-size: 14px !important;
}

/* Luxury Direct WhatsApp Button Rendering */
.zata-whatsapp-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #00c952 !important; /* Authentic, trust-building conversion green */
    color: #ffffff !important;
    width: 100% !important;
    padding: 14px 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    margin-top: 5px !important;
    transition: background-color 0.2s ease-in-out !important;
}

.zata-whatsapp-btn:hover {
    background-color: #00a844 !important;
    color: #ffffff !important;
}

/* Styling native tab wrappers to match Ava Skin layout */
.woocommerce-tabs.wc-tabs-wrapper {
    margin-top: 40px !important;
    border-top: 1px solid #ededed !important;
    padding-top: 30px !important;
}

.woocommerce-tabs ul.wc-tabs {
    display: flex !important;
    justify-content: center !important;
    border-bottom: none !important;
    padding-left: 0 !important;
}

.woocommerce-tabs ul.wc-tabs li a {
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 13px !important;
    color: #777777 !important;
}

.woocommerce-tabs ul.wc-tabs li.active a {
    color: #111111 !important;
    border-bottom: 2px solid #111111 !important;
}