/* ===== RESPONSIVE DESIGN ===== */

/* Extra large screens */
@media (min-width: 1400px) {
    .iyeg-main-header,
    .iyeg-utility-bar { 
        padding: 0 8%; 
    }
    
  }

  
  @media (max-width: 1200px) {
    :root {
      --iyeg-space-xl: 4rem;
      --iyeg-space-lg: 3rem;
    }

    .iyeg-footer-main { grid-template-columns: 1fr 1fr; gap: 2.5rem; }    
  }
  
  @media (max-width: 1024px) {
    .iyeg-nav-links { display: none; }
    .iyeg-menu-trigger { display: block; }
    .iyeg-newsletter { grid-template-columns: 1fr; }
    
    /* Allow phone numbers to wrap on very small screens */
    .iyeg-hq-item:last-of-type .iyeg-hq-content { white-space: normal; }
    
  
  }
  
  @media (max-width: 768px) {
    :root {
      --iyeg-font-size-hero: clamp(2.5rem, 8vw, 4rem);
      --iyeg-font-size-xl: 1.75rem;
      --iyeg-font-size-lg: 1.25rem;
      --iyeg-font-size-md: 1.125rem;
      --iyeg-header-height: 7rem;
    }

    .iyeg-utility-bar {
      display: flex;
      justify-content: space-between;
      padding: 0.5rem;
    }
  
    .iyeg-side-menu .iyeg-menu-link {
      font-size: var(--iyeg-font-size-sm) !important;
      padding: 0.375rem 0;
    }

    .iyeg-utility-info .iyeg-utility-info__phone { display: none; }
    .iyeg-main-header { padding: 0 1rem; }

.mobile-break {
        display: block; /* This forces the line break */
        content: "";    /* Extra safety for some browsers */
        margin-top: 0;  /* Ensures no extra gap is added */
    }
    
    .iyeg-footer-main { grid-template-columns: 1fr; gap: 2rem; }
    .iyeg-strip-container { flex-direction: column; text-align: center; gap: 1rem; }
    .iyeg-legal-links { order: 3; }
    .iyeg-footer-social { order: 2; }
    .iyeg-hq-container { align-items: flex-start; }
  }
  
  @media (max-width: 480px) {
    :root {
      --iyeg-font-size-hero: clamp(2rem, 6vw, 3rem);
      --iyeg-font-size-xl: 1.5rem;
      --iyeg-header-height: 5.5rem;
    }
  
    .iyeg-main-header { height: 4rem; }
    .iyeg-logo img { 
        height: 1.5rem !important; 
    }
    
    .iyeg-side-menu__logo img {
        height: 1.5rem;
    }


    .iyeg-carousel__btn--prev { 
        left: var(--iyeg-carousel-offset-sm); 
        
    }
    .iyeg-carousel__btn--next { 
        right: var(--iyeg-carousel-offset-sm); 
        
    }
    
    .iyeg-section-title{
        font-size: 1.3rem;
    }
    
    .iyeg-nav-btn { width: 2.5rem; height: 2.5rem; font-size: 1rem; }
    
  /*  .iyeg-btn--primary {*/
  /*  display: block !important;    */
  /*  width: 100% !important;      */
  /*  max-width: 100% !important;  */
  /*  text-align: center !important; */
  /*  padding: 0.625rem 1.25rem !important; */
  /*  box-sizing: border-box;      */
  /*  font-size: 0.875rem;*/
  /*}*/

  /* If you have other button variants (secondary, outline), add them here too */
  /*.iyeg-btn {*/
  /*  display: block;*/
  /*  width: 100%;*/
  /*  text-align: center;*/
  /*}*/
  
    .mobile-break-sm {
        display: block; /* This forces the line break */
        content: "";    /* Extra safety for some browsers */
        margin-top: 0;  /* Ensures no extra gap is added */
    }
  
    /* .iyeg-side-menu .iyeg-btn--primary {
      margin-top: 1rem;
      width: 100%;
      text-align: center;
    } */


  }
  
  @media (max-width: 360px) {
    .iyeg-utility-info { display: none; }
    .iyeg-side-menu { max-width: 280px; padding: 4rem 1.5rem; }
    /* .iyeg-hero__title { font-size: 2.5rem; } */
    .iyeg-footer-title { font-size: var(--iyeg-font-size-sm); }
    .iyeg-hq-label,
    .iyeg-hq-content,
    .iyeg-footer-links li { font-size: var(--iyeg-font-size-xs); }
  }
  
  /* Print Styles */
  @media print {
    .iyeg-header-stack,
    .iyeg-footer-social,
    .iyeg-menu-trigger,
    .iyeg-side-menu {
      display: none !important;
    }
  
    body { color: #000; background: #fff; }
    .iyeg-btn { border: 1px solid #000; }
  }
  
  /* Touch device optimization */
  @media (hover: none) and (pointer: coarse) {
    .iyeg-side-menu a:active::after { width: 100%; }
  }