/*
Theme Name:   Novegan
Theme URI:    https://pink-starling-622979.hostingersite.com
Description:  Child theme of Astra for pink-starling-622979.hostingersite.com
Author:       pink-starling-622979.hostingersite.com
Template:     astra
Version:      1.0.1
Text Domain:  novegan
*/

/* =====================================================
   MOBILE MENU - Dark background, readable text
   Targets both off-canvas popup drawer and inline mobile header
   ===================================================== */

/* Off-canvas popup drawer (primary fix for iPhone/Safari) */
.ast-mobile-popup-drawer .ast-mobile-popup-inner,
.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
  background-color: #1a1a2e !important;
  color: #f0ece0 !important;
}

/* Close button inside popup */
.ast-mobile-popup-drawer .menu-toggle-close,
.ast-mobile-popup-drawer .ast-mobile-close {
  color: #f0ece0 !important;
}

/* All menu links inside popup */
.ast-mobile-popup-drawer .menu-link,
.ast-mobile-popup-drawer .ast-nav-menu .menu-link,
.ast-mobile-popup-drawer a {
  color: #f0ece0 !important;
}

.ast-mobile-popup-drawer .menu-link:hover,
.ast-mobile-popup-drawer a:hover {
  color: #c8a96e !important;
  background-color: rgba(200, 169, 110, 0.12) !important;
}

/* Inline mobile header (fallback / slide-down type) */
@media (max-width: 921px) {
  #ast-mobile-header .ast-mobile-header-content,
  .ast-mobile-header-wrap .ast-mobile-header-content,
  .ast-header-break-point .ast-mobile-header-content,
  #ast-mobile-header .main-navigation,
  .ast-builder-menu-mobile {
    background-color: #1a1a2e !important;
  }

  .ast-header-break-point .menu-link,
  #ast-mobile-header .menu-link,
  .ast-mobile-header-wrap .menu-link {
    color: #f0ece0 !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    padding: 14px 20px !important;
    display: block !important;
  }

  .ast-header-break-point .menu-link:hover,
  #ast-mobile-header .menu-link:hover,
  .ast-mobile-header-wrap .menu-link:hover {
    color: #c8a96e !important;
    background-color: rgba(200, 169, 110, 0.12) !important;
  }

  #ast-mobile-header .menu-item,
  .ast-builder-menu-mobile .menu-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  #ast-mobile-header .main-header-bar-navigation,
  .ast-mobile-header-wrap .main-header-bar-navigation {
    background-color: #1a1a2e !important;
  }
}

/* =====================================================
   BLOG - Table text visibility fix
   Ensures table cell text is always dark on light backgrounds
   ===================================================== */
.entry-content table td,
.entry-content table th {
  color: #1a1a1a !important;
}

/* Keep dark-background header rows white */
.entry-content table tr[style*="background:#2d6a4f"] td,
.entry-content table tr[style*="background:#2d6a4f"] th,
.entry-content table tr[style*="color:#fff"] td,
.entry-content table tr[style*="color:#fff"] th {
  color: #ffffff !important;
}

/* =====================================================
   BLOG - Heading readability improvement
   Stronger contrast, tighter line-height, clear spacing
   ===================================================== */
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5,
.single-post .entry-content h6 {
  color: #1a1a1a !important;
  line-height: 1.25em !important;
  margin-top: 1.4em;
  margin-bottom: 0.6em;
}

.single-post .entry-content h2 {
  font-size: clamp(1.4rem, 3.5vw, 2.2rem) !important;
  border-bottom: 2px solid var(--ast-global-color-0, #a97959);
  padding-bottom: 0.3em;
}

.single-post .entry-content h3 {
  font-size: clamp(1.2rem, 2.5vw, 1.7rem) !important;
}

.single-post .entry-content h4,
.single-post .entry-content h5 {
  font-size: clamp(1rem, 2vw, 1.3rem) !important;
}