/*
 * layout.css — Global layout structure
 * Indopaket Frontend
 *
 * Tujuan:
 *   - Satu sumber kebenaran untuk header / body / footer flow
 *   - Menggantikan per-page margin-top / padding-top hacks secara bertahap
 *   - Mobile-first, siap Tailwind (preflight off, class utility bisa hidup berdampingan)
 *
 * JANGAN edit public/css/layout.min.css secara manual.
 * Minify: tambahkan ke npm run minify:css
 *
 * Urutan load (di layouts.blade.php):
 *   1. Bootstrap 3 (existing)
 *   2. style.css / style.min.css (existing)
 *   3. layout.css  ← file ini, override terakhir
 *   4. Tailwind (nanti, setelah Bootstrap dihapus)
 */

/* ============================================================
   CSS VARIABLES
   ============================================================ */
:root {
    --header-height: 72px;        /* Desktop fixed header */
    --header-height-mobile: 60px; /* Mobile fixed nav (wrapper-top-mobile) */
}

/* ============================================================
   1. STICKY FOOTER — flex column agar footer selalu di bawah
      (body juga di-set flex di layouts.blade.php inline style)
   ============================================================ */
footer {
    flex-shrink: 0;
}

/* ============================================================
   2. CONTAINER STANDAR — max-w-7xl pattern (1280px)
      Gunakan class ini di navbar-inner, footer-inner, dan konten halaman baru.
      Referensi: perkantas-page → max-w-7xl mx-auto px-4 sm:px-6 lg:px-8
   ============================================================ */
.ipp-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 640px) {
    .ipp-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .ipp-container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

/* ============================================================
   3. MODAL & FLOATING — selalu di atas semua konten
   ============================================================ */
.gift-floating,
[id$="-modal"],
.modal {
    position: fixed;
    z-index: 1050;
}