/* =====================================================
   Elementor Native Accordion Widget (e-n-accordion)
   Fixes FAQ section distortion on all pages
   ===================================================== */

/* Reset browser default <details> styling */
details.e-n-accordion-item {
  display: block;
  box-sizing: border-box;
  border-bottom: 1px solid #e0e0e0;
  margin: 0;
  padding: 0;
  background: transparent;
}

details.e-n-accordion-item:first-child {
  border-top: 1px solid #e0e0e0;
}

/* Remove the default browser disclosure triangle */
details.e-n-accordion-item > summary {
  list-style: none;
  cursor: pointer;
}
details.e-n-accordion-item > summary::-webkit-details-marker {
  display: none;
}
details.e-n-accordion-item > summary::marker {
  display: none;
}

/* Summary / title row */
.e-n-accordion-item-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  gap: 10px;
  cursor: pointer;
  user-select: none;
  background: transparent;
  outline: none;
}

.e-n-accordion-item-title::-webkit-details-marker { display: none; }
.e-n-accordion-item-title::marker { display: none; }

.e-n-accordion-item-title-header {
  flex: 1;
  display: flex;
  align-items: center;
}

.e-n-accordion-item-title-text {
  font-size: 1rem;
  font-weight: 500;
  color: #12365D;
  line-height: 1.4;
}

/* Icon (+ / -) */
.e-n-accordion-item-title-icon {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: #12365D;
}

.e-n-accordion-item-title-icon svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

/* Show minus when open, plus when closed */
details.e-n-accordion-item .e-opened { display: none; }
details.e-n-accordion-item .e-closed { display: flex; }
details.e-n-accordion-item[open] .e-opened { display: flex; }
details.e-n-accordion-item[open] .e-closed { display: none; }

/* Panel content (shown when open) */
details.e-n-accordion-item[open] > [role="region"] {
  display: block;
}

details.e-n-accordion-item > [role="region"] {
  padding: 0 20px 18px 20px;
  color: #555;
  font-size: 0.95rem;
  line-height: 1.6;
}

/* The inner container */
.elementor-widget-n-accordion .e-n-accordion {
  display: block;
  width: 100%;
}

/* Fix for the nested container inside accordion answer */
details.e-n-accordion-item > div[role="region"] .e-con-inner,
details.e-n-accordion-item > div[role="region"] .elementor-widget-text-editor {
  padding: 0;
  color: #555;
  font-size: 0.95rem;
  line-height: 1.6;
}

/* Hover effect on summary */
.e-n-accordion-item-title:hover .e-n-accordion-item-title-text {
  color: #C9A84C;
}

/* Accordion wrapper container */
.e-n-accordion {
  display: block;
}

/* =====================================================
   HEADER FIX: Transparent → Navy scroll behavior  
   Ensure the fixed header element sits above the hero
   ===================================================== */

/* Fixed sticky header */
.elementor-element-11502f15 {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
  background-color: transparent !important;
}

/* All other header containers: hide them */
.elementor-element-155574a,
.elementor-element-header-1,
.elementor-element-header-2 {
  display: none !important;
}

/* Nav items white text on transparent header */
.elementor-element-11502f15 .elementskit-navbar-nav > li > a {
  color: #ffffff !important;
}

/* Active nav item in gold */
.elementor-element-11502f15 .elementskit-navbar-nav > li.current-menu-item > a,
.elementor-element-11502f15 .elementskit-navbar-nav > li > a.active {
  color: #C9A84C !important;
}

/* Logo text white on transparent bg */
.elementor-element-11502f15 .elementskit-brand-logo-text,
.elementor-element-11502f15 .elementor-widget-elementskit-nav-menu .site-title {
  color: #ffffff !important;
}

/* Nav text visible in all states */
.elementor-element-11502f15 .elementskit-navbar-nav a {
  color: #ffffff !important;
}

/* Hero section should start at top-0 (behind the transparent header) */
main .elementor-element-76bd2d25,
main > div:first-child {
  padding-top: 0 !important;
  margin-top: 0 !important;
}