/*
Theme Name:   Blocksy Child - Job Vacancies Ireland
Theme URI:    https://jobvacancies.ie
Description:  Blocksy child theme for jobvacancies.ie - complete redesign 2026
Author:       Sevenoways Innovations
Author URI:   https://sevenoways.com
Template:     blocksy
Version:      2.9.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  jvi
*/

/* ============================================================
   BRAND TOKENS
   Primary colours pull from Blocksy's Global Color Palette so
   you can manage them in Appearance → Customise → Colors.
   Palette slot mapping:
     Slot 1 → Primary Navy      (header, buttons, headings)
     Slot 2 → Navy Hover        (hover states)
     Slot 3 → Accent Green      (public sector, WhatsApp)
     Slot 4 → Accent Amber      (closing-soon, CTAs)
   All other tokens are static — change them here if needed.
   ============================================================ */
:root {
  /* Primary — driven by Blocksy palette slots 1 & 2 */
  --jvi-navy:         var(--theme-palette-color-1, #0B2D59);
  --jvi-navy-mid:     var(--theme-palette-color-2, #1A4B8C);
  --jvi-navy-light:   #EBF2FB;
  --jvi-navy-10:      rgba(11,45,89,.10);

  /* Irish Green — driven by Blocksy palette slot 3 */
  --jvi-green:        var(--theme-palette-color-3, #16A34A);
  --jvi-green-mid:    #22C55E;
  --jvi-green-bg:     #F0FDF4;
  --jvi-green-border: #BBF7D0;

  /* Amber CTA — driven by Blocksy palette slot 4 */
  --jvi-amber:        var(--theme-palette-color-4, #B45309);
  --jvi-amber-mid:    #D97706;
  --jvi-amber-bg:     #FFFBEB;
  --jvi-amber-border: #FDE68A;

  /* Danger */
  --jvi-red:          #DC2626;
  --jvi-red-bg:       #FEF2F2;
  --jvi-red-border:   #FECACA;

  /* Private Sector */
  --jvi-violet:       #6D28D9;
  --jvi-violet-bg:    #F5F3FF;
  --jvi-violet-border:#DDD6FE;

  /* WhatsApp */
  --jvi-wa:           #25D366;
  --jvi-wa-dark:      #075E54;
  --jvi-wa-mid:       #128C7E;

  /* Neutrals */
  --jvi-dark:         #0F172A;
  --jvi-body:         var(--theme-text-color, #334155);
  --jvi-muted:        #64748B;
  --jvi-subtle:       #94A3B8;
  --jvi-border:       var(--theme-border-color, #E2E8F0);
  --jvi-border-mid:   #CBD5E1;
  --jvi-surface:      #F8FAFC;
  --jvi-surface-2:    #F1F5F9;
  --jvi-white:        #FFFFFF;

  /* Radii */
  --jvi-r-sm:  6px;
  --jvi-r-md:  10px;
  --jvi-r-lg:  14px;
  --jvi-r-xl:  20px;
  --jvi-r-full:9999px;

  /* Shadows */
  --jvi-shadow-xs: 0 1px 2px rgba(15,23,42,.06);
  --jvi-shadow-sm: 0 2px 8px rgba(15,23,42,.08);
  --jvi-shadow-md: 0 4px 16px rgba(15,23,42,.10);
  --jvi-shadow-lg: 0 8px 28px rgba(15,23,42,.12);

  /* Typography */
  --jvi-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', Roboto, sans-serif;
}

/* ============================================================
   BLOCKSY OVERRIDES — keep Blocksy's layout, restyle surface
   Header colours (background, nav links, mobile menu, search
   icon) are managed in Appearance → Customize → Header.
   ============================================================ */
body {
  font-family: var(--jvi-font);
  color: var(--jvi-body);
  background: var(--jvi-surface);
  -webkit-font-smoothing: antialiased;
}

/* Override Blocksy link colour to match brand */
a { color: var(--jvi-navy); }
a:hover { color: var(--jvi-navy-mid); }