/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 26 juin 2026, 09:58:15
    Author     : Mathias keita <openwebarts.com>
*/

/*═══════════════════════════════════════════
    RESPONSIVE
═══════════════════════════════════════════*/


/* ── auth-row-2 responsive alias ── */
.auth-row-2-resp { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; }

/* ═══════════════════════════════════════════════════════
   RESPONSIVE V3 — Breakpoints complets
   1024px : tablette / menu burger
   768px  : mobile large
   480px  : mobile petit
   ═══════════════════════════════════════════════════════ */

/* ── 1024px ─────────────────────────────────────── */
@media (max-width: 1024px) {
  /* NAV */
  .nav-menu { display: none; }
  .nav-auth { display: none; }
  .nav-user { display: none; }
  .hamburger { display: flex; }

  /* TOPBAR */
  .tb-left a:last-child { display: none; }
  .tb-soc { display: none; }

  /* PAGE LAYOUT */
  .page-layout { grid-template-columns: 1fr; gap: 2rem; }
  .sidebar { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
  .sc-partners { grid-column: 1 / -1; }

  /* STATS */
  .stats-row { grid-template-columns: repeat(2,1fr); }
  .stat { border-right: none; border-bottom: 1px solid rgba(255,255,255,.06); }
  .stat:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.06); }
  .stat:nth-last-child(-n+2) { border-bottom: none; }

  /* TÉMOIGNAGES */
  .testi-grid { grid-template-columns: 1fr 1fr; }

  /* COMPARATIF */
  .compare-grid { grid-template-columns: 1fr; }

  /* ACCUEIL — grilles inline */
  .hero-about-grid { grid-template-columns: 1fr !important; gap: 2.5rem !important; }
  .hero-mini-stats { grid-template-columns: repeat(2,1fr) !important; }
  .services-home-grid { grid-template-columns: repeat(2,1fr) !important; }
  .contact-grid { grid-template-columns: 1fr; gap: 2.5rem; }

  /* AUTH */
  .auth-wrap { grid-template-columns: 1fr !important; max-width: 480px !important; }
  .auth-side { display: none !important; }
  .auth-form-panel { padding: 2.4rem 1.8rem !important; }

  /* FOOTER */
  .foot-grid { grid-template-columns: 1fr 1fr; gap: 2rem; }

  /* DROPDOWN USER */
  .nav-user-menu { right: 0; min-width: 220px; }
}

/* ── 768px ─────────────────────────────────────── */
@media (max-width: 768px) {
  /* SECTIONS */
  .sec { padding: 3rem 0; }
  .wrap { padding: 0 1.2rem; }
  .tb-inner, .nav-inner { padding: 0 1.2rem; }

  /* SIDEBAR */
  .sidebar { grid-template-columns: 1fr; }

  /* TÉMOIGNAGES */
  .testi-grid { grid-template-columns: 1fr; }

  /* FORMULAIRES */
  .fgrid { grid-template-columns: 1fr; }
  .as-row { flex-direction: column; align-items: flex-start; }
  .form-dark { padding: 1.6rem 1.2rem; }

  /* NOUVEAUX COMPOSANTS */
  .radio-btn-group { gap: .4rem; }
  .radio-btn label { padding: .42rem .8rem; font-size: .78rem; }
  .switch-item { gap: .7rem; }
  .switch-title { font-size: .82rem; }
  .switch-sub { font-size: .69rem; }
  .file-drop { padding: 1rem .8rem; }
  .file-ico { font-size: 1.3rem; }
  .file-text { font-size: .78rem; }
  .check-label { font-size: .82rem; }

  /* GRILLES SERVICES */
  .services-home-grid { grid-template-columns: 1fr !important; }
  .hero-about-grid { grid-template-columns: 1fr !important; gap: 2rem !important; }

  /* DESTINATIONS */
  .dest-grid { grid-template-columns: repeat(auto-fill, minmax(82px,1fr)); gap: .55rem; }

  /* CTA */
  .cta-btns { flex-direction: column; align-items: center; }
  .cta-btns .btn { width: 100%; max-width: 260px; justify-content: center; }

  /* FOOTER */
  .foot-grid { grid-template-columns: 1fr; gap: 1.8rem; }
  .nl-row { flex-direction: column; }
  .foot-bottom { flex-direction: column; text-align: center; }
  .foot-bl { justify-content: center; flex-wrap: wrap; }

  /* HERO */
  .hero-title-clamp { font-size: clamp(1.65rem, 6vw, 2.1rem) !important; }

  /* AUTH */
  .auth-wrap { max-width: 100% !important; padding: 0 1.2rem !important; border-radius: 0 !important; box-shadow: none !important; }
  .auth-side { display: none !important; }
  .auth-form-panel { padding: 2rem 1.4rem !important; }
  .auth-row-2 { grid-template-columns: 1fr !important; }
  .auth-row-2-resp { grid-template-columns: 1fr !important; }
  .auth-section { padding: 2rem 0 3rem !important; align-items: flex-start !important; }

  /* DROPDOWN USER mobile drawer */
  .mob-user-block { padding: .9rem 1.3rem; gap: .6rem; }
}

/* ── 480px ─────────────────────────────────────── */
@media (max-width: 480px) {
  /* LAYOUT */
  .wrap { padding: 0 1rem; }
  .tb-inner, .nav-inner { padding: 0 1rem; }

  /* DESTINATIONS */
  .dest-grid { grid-template-columns: repeat(4,1fr); gap: .45rem; }
  .dest-flag { font-size: 1.35rem; }
  .dest-name { font-size: .62rem; }
  .dest-card { padding: .7rem .4rem .65rem; }

  /* STATS */
  .stats-row { grid-template-columns: 1fr 1fr; }
  .stat-n { font-size: 1.65rem; }
  .stat-l { font-size: .72rem; }

  /* LOGOS PARTENAIRES */
  .p-logos { grid-template-columns: repeat(4,1fr); gap: .35rem; }

  /* HÉROS mini stats */
  .hero-mini-stats { grid-template-columns: 1fr 1fr !important; gap: .7rem !important; }

  /* TÉMOIGNAGES */
  .tq { font-size: 2.8rem; }

  /* FORMULAIRES */
  .form-dark { padding: 1.3rem 1rem; border-radius: var(--r); }
  .form-badge { font-size: .6rem; }
  .fg input, .fg select, .fg textarea { font-size: .82rem; padding: .62rem .8rem; }
  .as-row { gap: .65rem; }
  .as-q { font-size: .78rem; padding: .55rem .85rem; }
  .as-q strong { font-size: .88rem; }
  .btn-submit { font-size: .86rem; padding: .8rem; }

  /* RADIO / CHECKBOX */
  .radio-btn-group { gap: .35rem; }
  .radio-btn label { padding: .38rem .7rem; font-size: .75rem; }
  .radio-label { font-size: .8rem; }
  .check-label { font-size: .79rem; }

  /* FILE */
  .file-drop { padding: .85rem .7rem; }
  .file-ico { font-size: 1.1rem; margin-bottom: .4rem; }
  .file-text { font-size: .74rem; }
  .file-meta { font-size: .65rem; }
  .file-preview { padding: .55rem .75rem; gap: .55rem; }
  .file-preview-name { font-size: .76rem; }

  /* SWITCH */
  .switch-track { width: 36px; height: 20px; }
  .switch-track::after { width: 13px; height: 13px; }
  .switch input:checked + .switch-track::after { left: 17px; }
  .switch-sm .switch-track { width: 28px; height: 16px; }
  .switch-sm .switch-track::after { width: 10px; height: 10px; }
  .switch-sm input:checked + .switch-track::after { left: 13px; }
  .switch-title { font-size: .79rem; }
  .switch-sub { font-size: .67rem; }

  /* AUTH */
  .auth-form-head h1 { font-size: 1.15rem !important; }
  .auth-submit { font-size: .84rem !important; padding: .75rem !important; }
  .auth-mini-stat { gap: 1rem; }

  /* DROPDOWN USER */
  .nav-user-menu { min-width: calc(100vw - 2rem); right: -0.5rem; }
  .nav-user-name { display: none; }

  /* FOOTER */
  .foot-soc a { width: 26px; height: 26px; }
  .nl-row button { padding: .6rem .85rem; font-size: .76rem; }

  /* CTA */
  .cta-band { padding: 3rem 0; }
  .cta-inner h2 { font-size: 1.4rem; }
  .cta-inner p { font-size: .84rem; }
  .cta-btns .btn { max-width: 100%; }
}