/* === Mobile Menu Color Override === */
.crt_mobile_menu .menu-box .menu-outer .navbar_nav li a,
.crt_mobile_menu .menu-box .menu-outer .navbar_nav li a span {
  color: #333 !important;
}
.crt_mobile_menu .menu-box .menu-outer .navbar_nav li a:hover,
.crt_mobile_menu .menu-box .menu-outer .navbar_nav li a:hover span {
  color: #1a5eb3 !important;
}
/* Ensure dropdown toggles are visible */
.crt_mobile_menu .dropdown-btn span {
  color: #333 !important;
}

/* === Header Layout Fixes === */
/* Move hamburger to top right on mobile/tablets */
@media (max-width: 991px) {
  .menu_column {
    position: static !important;
  }
  .navbar_togglers {
    position: absolute !important;
    top: 25px !important;
    right: 25px !important;
    z-index: 1001 !important;
  }
}

/* Ensure header is visible on inner pages */
.header.header_default.style_two {
    background: rgba(255, 255, 255, 0.1); /* Subtle background for contrast */
}

/* If sticky header background is missing */
.header.get_sticky_header.is_sticky {
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Align Logo and Toggler on Mobile */
@media (max-width: 991px) {
  /* Ensure header has height since children are absolute */
  .header.header_default.style_two {
    min-height: 110px; /* Reduced from 150px */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Position Logo absolutely to align with toggler */
  .header .header_logo_box {
      position: absolute !important;
      top: 15px !important;
      left: 20px !important;
      width: auto !important;
      z-index: 1002;
      margin: 0 !important;
      display: block !important;
      text-align: left !important;
      justify-content: flex-start !important;
  }
  
  /* Increase specificity to override inline styles in index.html */
  body .header .header_logo_box img {
      margin: 0 !important;
      height: 80px !important; /* Reduced from 120px */
      width: 80px !important; /* Reduced from 120px */
      object-fit: contain !important;
  }

  /* Adjust toggler position if needed (already top: 25px in this file) */
  .navbar_togglers {
      top: 40px !important; /* Center vertically with 80px logo */
      right: 20px !important;
  }

  /* Fix circle images being clipped on mobile */
  .image_boxes.style_two {
      min-height: auto !important;
      overflow: visible !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      gap: 20px !important;
  }

  .image_boxes.style_two .background_image {
      display: none !important;
  }

  .image_boxes.style_two .image {
      width: 100% !important;
      max-width: 280px !important;
      height: auto !important;
      aspect-ratio: 3/4 !important;
      overflow: hidden !important;
      border-radius: 10px !important;
      position: relative !important;
      float: none !important;
      right: auto !important;
      margin-top: 0 !important;
  }

  .image_boxes.style_two .image.one {
      float: none !important;
  }

  .image_boxes.style_two .image.two {
      position: relative !important;
      right: auto !important;
      margin-top: 0 !important;
  }

  .image_boxes.style_two .image img {
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
  }
}

/* ==========================================
   Unified Heading Bottom Margins
   Loaded last to override all theme-css rules
   ========================================== */
:root {
  --heading-margin-bottom: 15px;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: var(--heading-margin-bottom) !important;
}

.faq_section .block_faq .faq_item h1,
.faq_section .block_faq .faq_item h2,
.faq_section .block_faq .faq_item h3,
.faq_section .block_faq .faq_item h4,
.faq_section .block_faq .faq_item h5,
.faq_section .block_faq .faq_item h6 {
  margin: 0 0 var(--heading-margin-bottom) 0 !important;
}

/* Target pharma page section headings by ID */
#page-sec1-title,
#page-sec2-title,
#page-sec3-title,
#page-main-title {
  margin: 0 0 var(--heading-margin-bottom) 0 !important;
  padding-bottom: var(--heading-margin-bottom) !important;
}