/* ==================================================
FILE : /assets/01-mstr-tmplet/04-jz-mobile/css-v2/mobile-w06-ad-spot-02.css
LINK : <link rel="stylesheet" href="/assets/01-mstr-tmplet/04-jz-mobile/css-v2/mobile-w06-ad-spot-02.css">
PURPOSE : MOBILE WIDGET 06 - Bottom Ad Spot (Dual Slot Architecture)
VERSION: v1.0 - DATE CREATED : 2026-04-07 - Rebuild - New Typography Architecture
==================================================== */

/* ==================================================
   🛠️ BRAT TWEAKS: LOCAL OVERRIDES & WIRING
   ================================================== */
.jz-mob-w06-wrapper {
  /* --- INTERNAL W06 TWEAKS --- */
  --mob-w06-box-min-height: clamp(50px, 21.36px + 8.95vw, 90px); /* <-- Brat Tweak: Fluid Ad Reserve */

  /* --- MASTER CONTAINER RGB HOOKS --- */
  --active-mob-rgb-speed: var(--mob-w06-rgb-speed, 12s);
  --active-mob-rgb-colors: var(--mob-w06-rgb-colors);
}

/* ==================================================
   SECTION 1: THE MASTER WRAPPER & RGB AD BOX
   ================================================== */
/* 🎯 THE SLEDGEHAMMER FIX: Forces Master Margins to prevent sticking */
.jz-mob-w06-wrapper {
  width: 100%;
  max-width: var(--mob-max-width) !important;
  box-sizing: border-box;
  display: block !important;
  
  /* Layout Logic from Master Dictionary */
  margin-top: var(--mob-w06-margin-top, 15px) !important;
  margin-bottom: var(--mob-w06-margin-bottom, 15px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.jz-mob-w06-rgb-box {
  /* --- STRUCTURAL --- */
  width: 100%;
  min-height: var(--mob-w06-box-min-height);
  padding: var(--mob-w06-wrapper-pad, 15px) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.jz-mob-w06-content {
  position: relative;
  z-index: 2; /* Keeps text above the RGB border mask */
  width: 100%;
  text-align: center;
}

/* ==================================================
   SECTION 2: TYPOGRAPHY (Wired to Juxy-Type Engine)
   ================================================== */
.jz-mob-w06-label {
  font-family: var(--jzn-active-font); /* Body Router */
  font-size: var(--jzn-size-sub); /* Helper Text Size */
  font-weight: var(--jzn-font-weight-sub); /* Mapped to Weight Router */
  color: var(--mob-subtext-color);
  line-height: 1.2;
  opacity: 0.7; /* <-- Brat Tweak: Subtlety of placeholder */
  letter-spacing: 2px;
  text-transform: uppercase;
  user-select: none;
}

/* ==================================================
   SECTION 3: THE ADSENSE FALLBACK
   ================================================== */
.jz-mob-w06-fallback {
  display: none; /* Hidden by default until JS triggers it */
  width: 100%;
  min-height: var(--mob-w06-box-min-height);
  align-items: center;
  justify-content: center;
}