/* ==========================================
   NuGold Site Master CSS
   Modular CSS System - Imports all components
   ========================================== */

/* Base styles - Load first */
@import url('base/reset.css');
@import url('base/variables.css');
@import url('base/layout.css');
@import url('base/animations.css');

/* Component styles - Load in order of page flow */
@import url('site-header.css');
@import url('site-hero.css');
@import url('site-advantages.css');
@import url('site-takecontrol.css');
@import url('site-defend.css');
@import url('site-grow.css');
@import url('site-realmoney.css');
@import url('site-cta.css');
@import url('site-footer.css');

/* Interactive elements */
@import url('buttons.css');
@import url('site-modals.css');
@import url('site-faq.css');

/* ==========================================
   Additional Global Styles
   ========================================== */

/* Removed decorative line - was causing visual clutter */

/* Global responsive visibility utilities */
.hidden {
  display: none !important;
}

.visible {
  display: block !important;
}

/* Large screens only */
@media (min-width: 993px) {
  .mobile-only {
    display: none !important;
  }
  
  .desktop-only {
    display: block !important;
  }
}

/* Desktop layout: Maintain alternating left-right pattern */
@media (min-width: 769px) {
  
  /* Alternating sections: Image left, Text right - PUT THIS FIRST! */
  section .mobile-alternating.flex-section,
  .mobile-alternating.flex-section {
    display: flex !important;
    align-items: center;
    gap: 2rem;
    flex-direction: row-reverse !important;
  }
  
  /* Default sections: Text left, Image right - LESS SPECIFIC */
  .flex-section {
    display: flex !important;
    align-items: center;
    gap: 2rem;
    flex-direction: row !important;
  }
  
  .flex-content {
    flex: 1;
  }
  
  .flex-image {
    flex: 1;
  }
}

/* Mobile screens: Consistent top-down layout */
@media (max-width: 768px) {
  .desktop-only {
    display: none !important;
  }
  
  .mobile-only {
    display: block !important;
  }
  
  /* ALL mobile sections: Text first, Image second */
  .flex-section,
  .mobile-alternating .flex-section {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.5rem;
  }
  
  /* Consistent mobile order */
  .flex-content,
  .flex-text {
    order: 1 !important;
  }
  
  .flex-image {
    order: 2 !important;
  }
  
  /* Override any mobile-first classes */
  .mobile-first {
    order: 2 !important;
  }
}

/* Print styles */
@media print {
  .no-print {
    display: none !important;
  }
  
  .print-only {
    display: block !important;
  }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  .section-title-line {
    background: currentColor;
  }
}