/**
 * OWB Global CSS
 * Site-wide utilities and base overrides
 * 
 * @package OneWayBIT
 * @version 1.2.0
 * @updated January 8, 2026 - ChatGPT mobile fixes v2
 */

/* ================================
   CSS Custom Properties (Variables)
   ================================ */
:root {
  /* Brand Colors - Option B (Modern Clean) */
  --owb-green: #33ff99;
  --owb-green-dim: rgba(51, 255, 153, 0.15);
  --owb-chassis: #111418;
  --owb-dark: #0a0d12;
  --owb-silver: #8d939a;
  --owb-silver-dim: #6f757c;
  
  /* Typography */
  --owb-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

/* ================================
   Mobile Fixes (January 8, 2026)
   ChatGPT-recommended fixes v2
   ================================ */

@media (max-width: 768px) {
  /* ---- HERO BUTTONS: wide + centered ---- */
  #onewaybit-homepage-root .hero-buttons {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }

  #onewaybit-homepage-root .hero-buttons a,
  #onewaybit-homepage-root .hero-buttons .btn-primary,
  #onewaybit-homepage-root .hero-buttons .btn-secondary {
    width: min(94vw, 460px) !important;
    max-width: none !important;
    text-align: center !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
  }

  /* ---- STATE SELECTOR: let section padding control edges ---- */
  #onewaybit-homepage-root .state-selector-card {
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  /* Belt + suspenders: prevent input overflow */
  #onewaybit-homepage-root .state-selector-card input,
  #onewaybit-homepage-root .state-selector-card select,
  #onewaybit-homepage-root .state-selector-card textarea {
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  /* ---- TEAM GRID: minmax prevents overlap ---- */
  #onewaybit-homepage-root .team-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 12px !important;
    row-gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #onewaybit-homepage-root .team-grid > * {
    min-width: 0 !important;
  }

  /* ---- SOCIAL ICONS: center them ---- */
  #onewaybit-homepage-root .social-row {
    display: flex !important;
    justify-content: center !important;
    gap: 14px !important;
    align-items: center !important;
    padding: 0 16px !important;
  }

  #onewaybit-homepage-root .contact-social-row {
    display: flex !important;
    justify-content: center !important;
    gap: 12px !important;
    padding: 0 16px !important;
  }
}

/* ================================
   iOS Form Zoom Prevention
   Inputs must be 16px+ to prevent auto-zoom on iOS
   ================================ */

@media (max-width: 768px) {
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="url"],
  input[type="number"],
  input[type="search"],
  textarea,
  select {
    font-size: 16px !important;
  }
}

/* ================================
   Future: Add global utilities here
   ================================ */