/* Mobile Unified Styles - Based on m-new.html */
/* This CSS applies the m-new.html styling to all pages on mobile */

@media (max-width: 991px) {
  /* Reset */
  * {
    box-sizing: border-box;
  }
  
  body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    background: #0a0a0a !important;
    color: #ffffff !important;
    line-height: 1.6 !important;
  }
  
  /* Navbar - Override Webflow styles */
  .navbar_component,
  .navbar_component.w-nav {
    background: rgba(10, 10, 10, 0.98) !important;
    backdrop-filter: blur(10px) !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    min-height: auto !important;
    height: auto !important;
    padding: 0 !important;
  }
  
  .navbar_container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 1rem 1.5rem !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
  }
  
  .navbar_logo-link,
  .navbar_logo-link.w-nav-brand {
    padding: 0 !important;
  }
  
  .navbar_logo {
    height: 50px !important;
    width: auto !important;
    max-width: none !important;
  }
  
  /* Hide desktop menu */
  .navbar_menu,
  .navbar_link-menu,
  .navbar_menu.w-nav-menu {
    display: none !important;
  }
  
  /* Hide Contact button on mobile */
  .navbar_button-wrapper .button,
  .navbar_button-wrapper .nav-cta,
  .navbar_button-wrapper .w-button {
    display: none !important;
  }
  
  /* Hamburger Button */
  .navbar_menu-button,
  .navbar_menu-button.w-nav-button {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0.5rem !important;
    width: auto !important;
    height: auto !important;
  }
  
  .menu-icon2 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 25px !important;
    height: 20px !important;
  }
  
  .menu-icon2_line-top,
  .menu-icon2_line-middle,
  .menu-icon2_line-bottom {
    display: block !important;
    width: 25px !important;
    height: 3px !important;
    background: #FFD700 !important;
    background-color: #FFD700 !important;
    border-radius: 2px !important;
    transition: 0.3s !important;
  }
  
  .menu-icon2_line-middle-inner {
    display: none !important;
  }
  
  /* Main Content */
  .main-wrapper,
  .page-wrapper {
    padding-top: 80px !important;
  }
  
  .container,
  .w-container {
    max-width: 100% !important;
    padding: 0 1.5rem !important;
  }
  
  /* Hero Sections */
  .h1-wintir-header,
  .h1-wintir-header.is-subhero,
  [class*="header"] {
    padding: 2rem 0 !important;
    text-align: center !important;
  }
  
  /* Badge styling */
  .badge,
  .badge.is-primary {
    display: inline-block !important;
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    padding: 0.5rem 1rem !important;
    border-radius: 2rem !important;
    font-weight: 700 !important;
    font-size: 0.875rem !important;
    margin-bottom: 1.5rem !important;
  }
  
  /* Headings */
  h1,
  .heading-style-h1 {
    font-size: clamp(1.75rem, 5vw, 2.5rem) !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    margin-bottom: 1.5rem !important;
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
  }
  
  h2,
  .heading-style-h2 {
    font-size: clamp(1.5rem, 4vw, 2rem) !important;
    font-weight: 800 !important;
    margin-bottom: 1rem !important;
    color: #ffffff !important;
  }
  
  /* Paragraphs and text */
  p,
  .text-color-secondary {
    font-size: 1rem !important;
    color: #cccccc !important;
    line-height: 1.6 !important;
  }
  
  /* Buttons */
  .button,
  .w-button,
  .nav-cta {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    padding: 1rem 2rem !important;
    border-radius: 0.5rem !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    transition: transform 0.3s, box-shadow 0.3s !important;
    display: inline-block !important;
    border: none !important;
  }
  
  .button:hover,
  .w-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 30px rgba(255, 215, 0, 0.3) !important;
  }
  
  /* Cards and sections */
  .service-card,
  .card,
  [class*="card"] {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 1rem !important;
    padding: 1.5rem !important;
    color: #ffffff !important;
    transition: all 0.3s !important;
  }
  
  .service-card:hover,
  .card:hover,
  [class*="card"]:hover {
    background: rgba(255, 215, 0, 0.1) !important;
    border-color: #FFD700 !important;
  }
  
  /* Links */
  a {
    color: #FFD700 !important;
    text-decoration: none !important;
  }
  
  /* Footer */
  .footer,
  footer,
  [class*="footer"] {
    background: #000000 !important;
    padding: 2rem 1.5rem !important;
    text-align: center !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  }
  
  .footer-link,
  .footer-legal-link {
    color: #FFD700 !important;
    text-decoration: none !important;
    font-size: 0.875rem !important;
  }
  
  /* Hide navbar blur */
  .navbar_blur {
    display: none !important;
  }
  
  /* Sections background */
  section {
    background: #0a0a0a !important;
  }
  
  section:nth-child(even) {
    background: rgba(255, 255, 255, 0.02) !important;
  }
  
  /* Grid layouts */
  .w-layout-grid {
    display: grid !important;
    gap: 1.5rem !important;
    grid-template-columns: 1fr !important;
  }
  
  /* Images */
  img {
    max-width: 100% !important;
    height: auto !important;
  }
  
  /* FAQ styling */
  .faq-item,
  .accordion-item {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 0.75rem !important;
    margin-bottom: 1rem !important;
  }
  
  /* Stars/ratings */
  .stars,
  [class*="star"] {
    color: #FFD700 !important;
  }
  
  /* Dividers */
  .line-divider,
  hr {
    border-color: rgba(255, 255, 255, 0.1) !important;
  }
}