/* ==================================================
FILE : /assets/01-mstr-tmplet/03-jz-desktop/css-v2/dsktop-w00-jz-universal-wrapper-ctrl.css
LINK : <link rel="stylesheet" href="/assets/01-mstr-tmplet/03-jz-desktop/css-v2/dsktop-w00-jz-universal-wrapper-ctrl.css">
PURPOSE : THE MASTER WIDGET CONTROL PANEL (Variables Only)
VERSION: v1.0 - DATE MODIFIED: 2026-04-05 - Studio Variable Engine Injection & Final Consolidation
==================================================== */

:root {
  /* ==================================================
     📢 WIDGET 01: DESKTOP AD SPOT 1 (Full Span)
     ================================================== */
  --w01-margin-top: -35px; /* <-- Brat Tweak: Top gap above widget */
  --w01-margin-bottom: 10px; /* <-- Brat Tweak: Bottom gap below widget */

  /* --- 🌓 W01 LIGHT / DARK MODE CONTROLS --- */
  --w01-glow-dark: 0 0 5px rgba(255, 255, 255, 0.3); /* <-- Brat Tweak: Dark mode glow */
  --w01-glass-border-dark: var(--jzn-container-border-w, 1px) solid var(--jzn-container-border-c); /* <-- Wired to Studio Engine */

  --w01-glow-light: 0 15px 20px rgba(0, 0, 0, 0.8); /* <-- Brat Tweak: Light mode drop shadow */
  --w01-glass-border-light: var(--jzn-container-border-w, 1px) solid var(--jzn-container-border-c); /* <-- Wired to Studio Engine */

  /* ==================================================
     🛠️ WIDGET 02: TOOL TITLE / HOMEPAGE H1
     ================================================== */
  --w02-margin-top: 10px; /* <-- Brat Tweak: Top gap above widget */
  --w02-margin-bottom: 10px; /* <-- Brat Tweak: Bottom gap below widget */
  --w02-col-gap: 10px; /* <-- Brat Tweak: Universal gap between Left/Right boxes on Tool Pages */

  /* --- 🌓 W02 LIGHT / DARK MODE CONTROLS --- */
  --w02-glow-dark: 0 0 5px rgba(255, 255, 255, 0.3); 
  --w02-glass-border-dark: var(--jzn-container-border-w, 1px) solid var(--jzn-container-border-c); 
  
  --w02-glow-light: 0 15px 20px rgba(0, 0, 0, 0.8); 
  --w02-glass-border-light: var(--jzn-container-border-w, 1px) solid var(--jzn-container-border-c); 

  /* ==================================================
     ✅ WIDGET 03: TRUST POINTS GRID
     ================================================== */
  --w03-margin-top: 10px;
  --w03-margin-bottom: 10px;

  /* --- 🌓 W03 LIGHT / DARK MODE CONTROLS --- */
  --w03-glow-dark: 0 0 5px rgba(255, 255, 255, 0.3);
  --w03-glass-border-dark: var(--jzn-container-border-w, 1px) solid var(--jzn-container-border-c); 
  
  --w03-glow-light: 0 15px 20px rgba(0, 0, 0, 0.8);
  --w03-glass-border-light: var(--jzn-container-border-w, 1px) solid var(--jzn-container-border-c); 

  /* ==================================================
     🏗️ WIDGET 04: STAGING AREA & AD RAILS (Spots 2 & 3)
     ================================================== */
  --w04-margin-top: 10px;
  --w04-margin-bottom: 10px;
  --w04-grid-gap: 5px; /* <-- Brat Tweak: Space between 3 columns */

  /* --- 🌓 W04 LIGHT / DARK MODE CONTROLS --- */
  --w04-glow-dark: 0 0 5px rgba(255, 255, 255, 0.3);
  --w04-glass-border-dark: var(--jzn-container-border-w, 1px) solid var(--jzn-container-border-c); 
  
  --w04-glow-light: 0 15px 20px rgba(0, 0, 0, 0.8);
  --w04-glass-border-light: var(--jzn-container-border-w, 1px) solid var(--jzn-container-border-c); 

  /* ==================================================
     🌐 WIDGET 05: ECOSYSTEM BAR & SUGGESTION BAR
     ================================================== */
  --w05-margin-top: 10px;
  --w05-margin-bottom: 10px;

  /* --- 🌓 W05 LIGHT / DARK MODE CONTROLS --- */
  --w05-glow-dark: 0 0 5px rgba(255, 255, 255, 0.3);
  --w05-glass-border-dark: var(--jzn-container-border-w, 1px) solid var(--jzn-container-border-c); 
  
  --w05-glow-light: 0 15px 20px rgba(0, 0, 0, 0.8);
  --w05-glass-border-light: var(--jzn-container-border-w, 1px) solid var(--jzn-container-border-c); 

  /* ==================================================
     📢 WIDGET 06: DESKTOP AD SPOT 4 (Full Span)
     ================================================== */
  --w06-margin-top: 10px;
  --w06-margin-bottom: 10px;

  /* --- 🌓 W06 LIGHT / DARK MODE CONTROLS --- */
  --w06-glow-dark: 0 0 5px rgba(255, 255, 255, 0.3); 
  --w06-glass-border-dark: var(--jzn-container-border-w, 1px) solid var(--jzn-container-border-c); 
  
  --w06-glow-light: 0 15px 20px rgba(0, 0, 0, 0.8); 
  --w06-glass-border-light: var(--jzn-container-border-w, 1px) solid var(--jzn-container-border-c); 

  /* ==================================================
     💬 WIDGET 07: SUPPORT BLOCKS (FAQ / CONTACT)
     ================================================== */
  --w07-margin-top: 10px;
  --w07-margin-bottom: 10px;
  --w07-col-gap: 10px; /* <-- Brat Tweak: Distance between the two blocks */

  /* --- 🌓 W07 LIGHT / DARK MODE CONTROLS --- */
  --w07-glow-dark: 0 0 5px rgba(255, 255, 255, 0.3);
  --w07-glass-border-dark: var(--jzn-container-border-w, 1px) solid var(--jzn-container-border-c); 
  
  --w07-glow-light: 0 15px 20px rgba(0, 0, 0, 0.8);
  --w07-glass-border-light: var(--jzn-container-border-w, 1px) solid var(--jzn-container-border-c); 

  /* ==================================================
     🏁 WIDGET 08: THE FOOTER
     ================================================== */
  --w08-margin-top: 10px;
  --w08-margin-bottom: 10px;

  /* --- 🌓 W08 LIGHT / DARK MODE CONTROLS --- */
  --w08-glow-dark: 0 0 5px rgba(255, 255, 255, 0.3);
  --w08-glass-border-dark: var(--jzn-container-border-w, 1px) solid var(--jzn-container-border-c); 
  
  --w08-glow-light: 0 15px 20px rgba(0, 0, 0, 0.8);
  --w08-glass-border-light: var(--jzn-container-border-w, 1px) solid var(--jzn-container-border-c); 

} /* <-- THIS IS THE CRITICAL MASTER CLOSING BRACKET (DO NOT DELETE) */