/*!
 * Isbaneteknikk — Readability adjustments
 * Lighter backgrounds, brighter text, slightly larger base size.
 * Loaded globally via mu-plugin.
 */

/* Base size bump — was typically 14-15px on mobile. */
html { font-size: 17px; }
@media (min-width: 1200px) { html { font-size: 17.5px; } }

/* Lighten core background tokens (was near-black #040816 → deeper navy) */
:root {
  --v24-bg-base:      #0b1530;   /* was #040816 */
  --v24-bg-surface:   #152040;   /* was #0d1426 */
  --v24-bg-elevated:  #1c2850;   /* was #151f34 */

  /* Brighter text */
  --v24-text-primary:   #ffffff; /* was #f8fbff */
  --v24-text-secondary: #e8eef6; /* was #d7e2ee */
  --v24-text-muted:     #c4d1e0; /* was #aebfd1 — noticeably brighter */

  /* Higher-contrast subtle borders */
  --v24-border-subtle: rgba(255, 255, 255, 0.18); /* was .12 */

  /* Mirror legacy aliases */
  --bg-deep:         var(--v24-bg-base);
  --bg-surface:      var(--v24-bg-surface);
  --bg-elevated:     var(--v24-bg-elevated);
  --bg-card:         var(--v24-bg-surface);
  --text-primary:    var(--v24-text-primary);
  --text-secondary:  var(--v24-text-secondary);
  --text-muted:      var(--v24-text-muted);
  --border-subtle:   var(--v24-border-subtle);
}

/* Body-level base — body text 17px + lighter bg.
   Uses html body specificity to beat inline <style> body{} rules. */
html body {
  background: radial-gradient(ellipse 140% 95% at 50% -5%, #1a2a55 0%, #142345 42%, #0b1530 100%) !important;
  color: #ffffff !important;
  line-height: 1.65;
  font-size: 17px !important;
}
/* Common section overlay backgrounds — lift them up a notch */
.pg-gallery-section, .pg-specs-section, .pg-desc-body, .pg-related-section {
  background: transparent !important;
}
section.v24-page { background: transparent !important; }
@media (min-width: 1200px) {
  body, .v24-page, .isbat-page { font-size: 17.5px !important; }
}

/* Lift section backgrounds to match */
.pg-gallery-section, .pg-specs-section, .pg-desc-body, .pg-related-section,
.sv-final-cta, .sv-breadcrumb-bar {
  background: transparent;
}

/* Make paragraph copy a touch larger for scannability */
p, li { font-size: 1em; }

/* Kill the dim muted color used for tons of body text */
.text-muted, .sv-muted, .sv-caption, .sv-hero-sub, .sv-sub,
.pg-desc-body p, .sv-total-text p, .sv-gal-caption {
  color: var(--v24-text-secondary) !important;
}

/* Heading contrast — ensure white-white for h1-h3 on dark */
h1, h2, h3 { color: var(--v24-text-primary); }

/* Links in body — higher contrast */
a { color: #7be5ff; }
a:hover { color: #b3f0ff; }

/* Small-print / fine detail — was 12-13px in many places, bump to 14px */
.sv-meta-pill, .sv-breadcrumb a, .sv-breadcrumb span, .sv-tag, small {
  font-size: 0.875rem !important; /* ~14.9px */
}

/* Gallery caption readability */
.sv-gal-caption, .sv-gal-cap {
  font-size: 0.9rem !important;
  color: #ffffff !important;
}

/* Nav menu readability */
.isbat-nav a, .nav-drop-item { color: #ffffff !important; }
.isbat-nav a:hover { color: #7be5ff !important; }

/* Footer links */
.isbat-footer a { color: #e8eef6 !important; }
.isbat-footer a:hover { color: #ffffff !important; }

/* --- Gallery safety net: ensure items and images render --- */
.sv-gal-item {
  background: #152040;          /* lighter than page bg — shows if image fails */
  min-height: 240px;
}
.sv-gal-item img {
  display: block !important;
  opacity: 1 !important;
  min-height: 240px;
  background: #1c2850;
}
/* Hide alt text overlay if image successfully loaded (browsers show alt only on broken img) */
.sv-gal-item img[src] { visibility: visible; }