/*
 * DJC Banner — DJC Skin

 * Brand skin for DJC (Turning Point / David Jeremiah).
 * Apply class="djc" to the .djc-banner element or any ancestor.

 * Load AFTER DJC_Banner.css (structure).

 * Usage:
 *   <div class="djc-banner djc">                             — class on the banner
 *   <div class="djc"><div class="djc-banner">                — class on a wrapper
 *   DJC_Banner.mount('#el', { skin: 'djc' });                — via JS (default)

 * Themes:
 *   Default (no data-theme)   → Dark Navy (announcement-friendly)
 *   data-theme="light"        → Light variant
 *   data-theme="sale"         → Sale / promo variant (red)
 */


/* fonts (DJC skin only — remove/replace for other skins) */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');


/* DJC Theme — Dark Navy (Default) */
.djc.djc-banner,
.djc .djc-banner {
  /* colors */
  --banner-bg: #1a2744;
  --banner-text: #ffffff;
  --banner-cta-bg: #e8834a;
  --banner-cta-text: #ffffff;
  --banner-cta-hover: #d4723d;
  --banner-close-color: rgba(255, 255, 255, 0.6);
  --banner-close-hover: #ffffff;
  --banner-border: rgba(255, 255, 255, 0.1);
  --banner-countdown-bg: rgba(255, 255, 255, 0.15);
  --banner-countdown-text: #ffffff;

  /* typography */
  --banner-font: 'DM Sans', system-ui, sans-serif;
  --banner-font-size: 14px;
  --banner-cta-size: 13px;
  --banner-cta-weight: 600;
  --banner-countdown-size: 13px;

  /* spacing */
  --banner-padding: 10px 20px;
  --banner-gap: 16px;

  /* effects */
  --banner-transition: 200ms ease;
  --banner-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}


/* DJC Theme — Light Variant */
.djc.djc-banner[data-theme='light'],
.djc .djc-banner[data-theme='light'] {
  /* colors */
  --banner-bg: #f0f4f8;
  --banner-text: #1a1a2e;
  --banner-cta-bg: #3b5998;
  --banner-cta-text: #ffffff;
  --banner-cta-hover: #2d4373;
  --banner-close-color: #999;
  --banner-close-hover: #333;
  --banner-countdown-bg: rgba(59, 89, 152, 0.1);
  --banner-countdown-text: #3b5998;

  /* effects */
  --banner-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}


/* DJC Theme — Sale / Promo Variant */
.djc.djc-banner[data-theme='sale'],
.djc .djc-banner[data-theme='sale'] {
  /* colors */
  --banner-bg: #c0392b;
  --banner-text: #ffffff;
  --banner-cta-bg: #ffffff;
  --banner-cta-text: #c0392b;
  --banner-cta-hover: #f0f0f0;
  --banner-close-color: rgba(255, 255, 255, 0.7);
  --banner-close-hover: #ffffff;
  --banner-countdown-bg: rgba(0, 0, 0, 0.2);
  --banner-countdown-text: #ffffff;

  /* effects */
  --banner-shadow: 0 2px 8px rgba(192, 57, 43, 0.3);
}