/**
 * Light Mode Polish
 * =================
 * Improves readability and contrast in light mode without changing dark mode.
 * Keeps the "water glass" aesthetic but reduces washout on text and headings.
 */

body:not(.dark-mode) {
  --giw-light-ink: #071f3a;
  --giw-light-ink-muted: rgba(7, 31, 58, 0.78);
  --giw-light-panel: rgba(255, 255, 255, 0.94);
  --giw-light-panel-soft: rgba(255, 255, 255, 0.86);
  --giw-light-border: rgba(0, 119, 190, 0.14);
  --giw-light-shadow: 0 14px 44px rgba(0, 119, 190, 0.14);
  --giw-light-shadow-soft: 0 10px 30px rgba(0, 119, 190, 0.11);
}

/* Slightly cleaner, “crisper water” background in light mode */
body:not(.dark-mode) {
  background: linear-gradient(180deg, #eefbff 0%, #d7f2ff 28%, #c7eaff 65%, #f0fbff 100%) !important;
}

/* ===========================
   HEADER LOGO READABILITY
   =========================== */

body:not(.dark-mode) .site-branding .site-title {
  background: linear-gradient(135deg, #062444 0%, #0077be 50%, #062444 100%) !important;
  background-size: 220% 220% !important;
  background-position: 50% 50% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: gradient-flow 12s ease-in-out infinite, subtle-wave 10s ease-in-out infinite !important;
  filter: drop-shadow(0 2px 4px rgba(0, 60, 100, 0.75)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.28)) !important;
  -webkit-text-stroke: 0.65px rgba(0, 50, 90, 0.35) !important;
}

body:not(.dark-mode) .site-branding .site-title::after {
  opacity: 0.15 !important;
  filter: blur(9px) !important;
}

/* ===========================
   HOMEPAGE HERO READABILITY
   =========================== */

body:not(.dark-mode) .wp-block-cover.is-light .wp-block-heading,
body:not(.dark-mode) .wp-block-cover.is-light h1.wp-block-heading,
body:not(.dark-mode) .wp-block-cover.is-light h2.wp-block-heading {
  background: linear-gradient(135deg, #04162b 0%, #0d3b66 55%, #04162b 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.25),
    0 10px 28px rgba(0, 0, 0, 0.18);
}

body:not(.dark-mode) .wp-block-cover.is-light .wp-block-cover__inner-container {
  color: var(--giw-light-ink);
}

body:not(.dark-mode) .wp-block-cover.is-light .wp-block-cover__inner-container p,
body:not(.dark-mode) .wp-block-cover.is-light .wp-block-cover__inner-container li {
  color: var(--giw-light-ink);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}

/* ===========================
   CONTENT PANELS
   =========================== */

body:not(.dark-mode) article.entry {
  background: var(--giw-light-panel) !important;
  border: 1px solid var(--giw-light-border);
  box-shadow: var(--giw-light-shadow-soft);
}

body:not(.dark-mode) article.entry:hover {
  box-shadow: var(--giw-light-shadow);
}

body:not(.dark-mode) .entry.single-entry {
  background: var(--giw-light-panel-soft) !important;
  box-shadow:
    0 16px 44px rgba(0, 119, 190, 0.16),
    inset 0 0 30px rgba(255, 255, 255, 0.55);
}

body:not(.dark-mode) .entry-content,
body:not(.dark-mode) .entry-content p,
body:not(.dark-mode) .entry-content li,
body:not(.dark-mode) .entry-content blockquote,
body:not(.dark-mode) .entry-content .wp-block-table,
body:not(.dark-mode) .entry-content .wp-block-code {
  color: var(--giw-light-ink);
}

body:not(.dark-mode) .entry-content .has-text-color,
body:not(.dark-mode) .entry-content .has-inline-color {
  color: inherit;
}

/* Frosted cards: make the base fill slightly more opaque in light mode */
body:not(.dark-mode) .review-card,
body:not(.dark-mode) .author-card,
body:not(.dark-mode) .faq-item,
body:not(.dark-mode) .testimonial-card,
body:not(.dark-mode) .practice-box,
body:not(.dark-mode) .book-preview-section,
body:not(.dark-mode) .chapter-excerpt {
  background: var(--giw-light-panel-soft);
  border-color: rgba(0, 119, 190, 0.12);
  box-shadow:
    0 10px 30px rgba(0, 119, 190, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

/* ===========================
   HEADING READABILITY
   =========================== */

body:not(.dark-mode) .entry-content h1:not(.entry-title):not(#wpforo-title),
body:not(.dark-mode) .entry-content h2 {
  background: linear-gradient(135deg, #071f3a 0%, #0077be 55%, #00b4d8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35), 0 8px 24px rgba(0, 119, 190, 0.12);
}

body:not(.dark-mode) .entry-content h2::after {
  background: linear-gradient(90deg, #0077be, rgba(0, 180, 216, 0.85));
}

/* h3: stop going too "light cyan" in light mode */
body:not(.dark-mode) .entry-content h3 {
  background: none !important;
  -webkit-text-fill-color: var(--giw-light-ink) !important;
  color: var(--giw-light-ink) !important;
  text-shadow: 0 8px 22px rgba(0, 119, 190, 0.10);
}

body:not(.dark-mode) .entry-content h3 a {
  background: none !important;
  -webkit-text-fill-color: var(--giw-light-ink) !important;
  color: var(--giw-light-ink) !important;
}

body:not(.dark-mode) .entry-content h3 a:hover {
  color: #0077be !important;
  filter: none !important;
  text-shadow: none !important;
}

/* ===========================
   LINK CONTRAST
   =========================== */

body:not(.dark-mode) .entry-content a:not(.button):not(.btn):not(h3 a):hover {
  color: #0077be;
}

/* ===========================
   FOCUS VISIBILITY
   =========================== */

body:not(.dark-mode) :focus-visible {
  outline-color: rgba(0, 212, 228, 0.7);
}

/* ===========================
   NAVIGATION DROPDOWNS
   =========================== */

body:not(.dark-mode) .main-navigation .sub-menu {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(0, 119, 190, 0.16) !important;
  border-radius: 14px;
  box-shadow: 0 18px 54px rgba(0, 119, 190, 0.12);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  padding: 0.35rem;
  max-height: min(70vh, 560px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

body:not(.dark-mode) .main-navigation .sub-menu a {
  color: var(--giw-light-ink) !important;
  font-weight: 800;
  padding: 0.55rem 0.85rem !important;
  border-radius: 10px;
}

body:not(.dark-mode) .main-navigation .sub-menu a:hover {
  background: linear-gradient(90deg, rgba(0, 212, 228, 0.14) 0%, rgba(0, 212, 228, 0.0) 100%) !important;
  color: #0d3b66 !important;
}

/* ===========================
   HEADER NAV (LIGHT MODE)
   =========================== */

body:not(.dark-mode) .main-navigation .primary-menu-container > ul > li.menu-item > a {
  color: rgba(7, 31, 58, 0.85) !important;
  font-weight: 800;
  border-radius: 999px;
  transition: background-color 160ms ease, box-shadow 160ms ease, color 160ms ease;
}

body:not(.dark-mode) .main-navigation .primary-menu-container > ul > li.menu-item:hover > a {
  color: var(--giw-light-ink) !important;
  background: rgba(0, 212, 228, 0.12);
  box-shadow: 0 10px 24px rgba(0, 119, 190, 0.08);
}

body:not(.dark-mode) .main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a,
body:not(.dark-mode) .main-navigation .primary-menu-container > ul > li.menu-item.current-menu-ancestor > a {
  color: var(--giw-light-ink) !important;
  background: rgba(0, 212, 228, 0.16);
}

/* ===========================
   FORM CONTROLS (LIGHT MODE)
   =========================== */

body:not(.dark-mode) :where(input[type="text"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], textarea, select) {
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(0, 119, 190, 0.16);
  color: var(--giw-light-ink);
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(0, 119, 190, 0.09);
}

body:not(.dark-mode) :where(input[type="text"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], textarea, select)::placeholder {
  color: rgba(7, 31, 58, 0.58);
}

body:not(.dark-mode) :where(input[type="text"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], textarea, select):focus {
  border-color: rgba(0, 212, 228, 0.42);
}

body:not(.dark-mode) :where(input[type="text"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], textarea, select):focus-visible {
  outline: 2px solid rgba(0, 212, 228, 0.7);
  outline-offset: 3px;
  box-shadow: 0 0 0 4px rgba(0, 119, 190, 0.12), 0 12px 28px rgba(0, 119, 190, 0.12);
}

/* Selects: keep arrow room without chunky padding */
body:not(.dark-mode) select {
  padding-right: 2.2rem;
}