/**
 * File: frontend-global-design.css
 * Purpose: Aggressive Theme Breakout & Global Variable Consumption.
 * Status: ULTIMATE OVERRIDE - Forces Plugin Settings over Theme Defaults.
 */

/* 🚀 THE MASTER BREAKOUT RULE */
/* Hum theme ke common containers (Astra, OceanWP, GeneratePress) ko target kar rahe hain */

.daf-single-product-active .site-content,
.daf-single-product-active .ast-container,
.daf-single-product-active .container,
.daf-single-product-active #content,
.daf-single-product-active .site-main,
.daf-single-product-active .entry-content {
    max-width: var(--daf-width-single) !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* 🚀 PURE FULL WIDTH RESET */
/* Agar theme ne padding lagayi hai toh usay hatana zaroori hai */
.daf-layout-breakout .site {
    max-width: 100% !important;
}

/* 🎨 PRIMARY BUTTONS & ACCENTS */
.daf-btn-primary, 
.daf-btn-gallery-elite,
.daf-badge-primary {
    background-color: var(--daf-color-primary) !important;
}

/* 🏁 GLOBAL LAYOUT ADJUSTMENT */
.daf-product-gallery-ultimate {
    /* Ensuring the gallery container respects the breakout */
    width: 100% !important;
}