/**
Theme Name: Astra Child Zamil
Author: Zamil
Author URI: https://www.facebook.com/comrade.zm/
Description: Astra is the fastest, fully customizable & beautiful theme.
Version: 1.0.0
Template: astra
*/

/* ==========================================================
   ALTAFNAZ PREMIUM SHOP
========================================================== */

/* Import Great Vibes font */
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

body.post-type-archive-product .site-content {
    background: #faf8f5;
}

/* --- PROMO BANNERS (Forced Styling) --- */
.sbp-promo .sbp-pm .sbp-pm-txt.sbp-pm-bottom {
    display: flex;
    align-items: flex-end;
    padding-bottom: 40px !important;
    height: 100%;
}

.sbp-promo .sbp-pm .sbp-pm-txt.sbp-pm-bottom .sbp-cursive,
.sbp-promo .sbp-pm .sbp-pm-txt.sbp-pm-bottom h2 {
    font-family: 'Great Vibes', cursive !important;
    font-size: 42px !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
    text-transform: none !important;
    letter-spacing: 0.5px !important;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.9) !important;
    color: #ffffff !important;
    margin: 0 !important;
    display: block !important;
}

.sbp-pm-a .sbp-pm-txt { text-align: left !important; justify-content: flex-start !important; }
.sbp-pm-b .sbp-pm-txt { text-align: right !important; justify-content: flex-end !important; }

/* --- WOOCOMMERCE ORDER CONFIRMATION FIX --- */
.woocommerce-order p.woocommerce-notice,
.woocommerce-order .woocommerce-order-overview,
.woocommerce-order .woocommerce-order-overview li,
.woocommerce-order .woocommerce-order-overview strong,
.woocommerce-order-details,
.woocommerce-order-details h2,
.woocommerce-order-details th,
.woocommerce-order-details td,
.woocommerce-customer-details,
.woocommerce-customer-details h2,
.woocommerce-customer-details h3,
.woocommerce-customer-details address,
.woocommerce-order .woocommerce-table td,
.woocommerce-order .woocommerce-table th {
    color: #333333 !important;
}

.woocommerce-order table.shop_table, 
.woocommerce-order table.shop_table th, 
.woocommerce-order table.shop_table td {
    border-color: #e5e5e5 !important;
}

/* --- LEGACY STYLES (Kept for compatibility) --- */
.af-hero { position: relative; min-height: 650px; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; padding: 120px 20px; background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url('/wp-content/uploads/leather-banner.jpg') center/cover no-repeat; }
.af-container { max-width: 1320px; margin: auto; padding: 0 30px; }
.woocommerce-result-count, .woocommerce-ordering, .woocommerce-breadcrumb, .ast-breadcrumbs, .product_meta, .posted_in, .onsale { display: none !important; }
.woocommerce a.button { display: none; }

@media (max-width: 900px) {
    .af-hero { min-height: 500px; }
    .woocommerce ul.products { grid-template-columns: 1fr; }
}
/* --- FEATURED DESIGNS - FORCE CENTERED WITH EXTRA SPACING --- */
.sbp-feat {
    padding: 60px 24px; /* Increased top/bottom padding for better spacing */
    background: #f8f3ec;
    text-align: center;
}

.sbp-feat .sbp-prod-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 100px !important; /* INCREASED GAP: Increased from 20px to 40px for more space */
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.sbp-feat .sbp-pc {
    flex: 0 0 280px !important;
    max-width: 280px !important;
    text-align: center !important;
    background: var(--white);
    display: block !important;
}

/* Fix text visibility for custom af-page templates */
.af-page h1,
.af-page h2,
.af-page h3,
.af-page p,
.af-page summary,
.af-placeholder-flag {
    color: #222222 !important;
}

/* Make the accordion questions stand out a bit more */
.af-faq-item summary {
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 10px;
}

/* Ensure links inside the paragraphs are visible and styled */
.af-page p a {
    color: #0056b3 !important; /* Adjust to match your brand link color */
    text-decoration: underline;
}