/* Feribot Biletleme - Ortak CSS (Laravel) */
:root{
  --primary:#19479e;
  --primary-2:#173e8a;
  --accent:#f5c718;
  --dark:#111e3c;

  --bg:#f6f8fc;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#64748b;
  --line:#e6edf7;

  --shadow: 0 18px 50px rgba(15, 23, 42, .08);
}
body{
  font-family:"Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  overflow-x:hidden;
}
.card{background:var(--card); border:1px solid var(--line); border-radius:18px; box-shadow: var(--shadow);}
.chip{border:1px solid rgba(17,30,60,.08); background:#fff; border-radius:999px;}
.soft{background:rgba(25,71,158,.06); border:1px solid rgba(25,71,158,.12);}
.btnPrimary{background:var(--primary); color:#fff;}
.btnPrimary:hover{background:var(--primary-2);}
.btnGhost{background:#fff; border:1px solid var(--line);}
.btnGhost:hover{background:#f8fafc;}
.focusRing:focus{outline:none; box-shadow:0 0 0 4px rgba(25,71,158,.18); border-color:rgba(25,71,158,.5);}
#mobile-menu{transform:translateX(100%);transition:transform .4s ease-in-out;}
#mobile-menu.active{transform:translateX(0);}
.hide-scroll::-webkit-scrollbar{display:none;}
.hide-scroll{-ms-overflow-style:none;scrollbar-width:none;}
.radio-card input{display:none;}
.radio-card .card{border:1px solid rgba(17,30,60,.08);}
.radio-card input:checked + .card{border-color:rgba(25,71,158,.45); box-shadow:0 14px 34px -18px rgba(25,71,158,.55);}

/* ===== index.html (inline styles) ===== */
:root{
      --primary:#19479e;
      --accent:#f5c718;
      --dark:#111e3c;

      /* Genel radius standardı (butonlar hariç) */
      --r10: 10px;
      --r14: 14px;
      --r18: 18px;
      --r20: 20px;
      --r24: 24px;
    }
    body{font-family:'Plus Jakarta Sans',sans-serif;background:#f8fafc;color:var(--dark);overflow-x:hidden;}

    /* Arama Motoru */
    .search-engine{box-shadow:0 40px 80px -20px rgba(17,30,60,.12);border:1px solid rgba(17,30,60,.05);}

    /* Mobil Menü Animasyonu */
    #mobile-menu{transform:translateX(100%);transition:transform .4s ease-in-out;}
    #mobile-menu.active{transform:translateX(0);}

    /* Özel Scrollbar */
    .hide-scroll::-webkit-scrollbar{display:none;}
    .hide-scroll{-ms-overflow-style:none;scrollbar-width:none;}

    /* === Radius normalize (butonlar hariç) === */
    /* Kartlar / büyük bloklar: 10px'e çekiyoruz */
    .r-card{border-radius:var(--r10)!important;}
    .r-media{border-radius:var(--r10)!important;}
    .r-chip{border-radius:999px!important;} /* küçük rozetler kapsül kalsın */

    /* Butonlar: mevcut tasarım korunuyor (dokunmuyoruz) */

    /* Modal */
    .modal-shell{border-radius:var(--r10)!important;}
    .modal-box{border-radius:var(--r10)!important;}

    /* Görsel üstü yazı okunaklılığı */
    .img-fade{
      background:linear-gradient(to top, rgba(0,0,0,.78), rgba(0,0,0,.25), rgba(0,0,0,0));
    }

/* ===== feribot-bileti-ara.html (inline styles) ===== */
:root{
      --primary:#19479e;
      --accent:#f5c718;
      --dark:#111e3c;
    }
    body{font-family:'Plus Jakarta Sans',sans-serif;background-color:#f8fafc;color:var(--dark);overflow-x:hidden;}
    .search-engine{box-shadow:0 40px 80px -20px rgba(17,30,60,.12);border:1px solid rgba(17,30,60,.05);}
    #mobile-menu{transform:translateX(100%);transition:transform .4s ease-in-out;}
    #mobile-menu.active{transform:translateX(0);}
    .hide-scroll::-webkit-scrollbar{display:none;}
    .hide-scroll{-ms-overflow-style:none;scrollbar-width:none;}

    .soft-card{box-shadow:0 24px 60px -22px rgba(17,30,60,.18);border:1px solid rgba(17,30,60,.06);}
    .chip{border:1px solid rgba(17,30,60,.08)}
    .radio-card input{display:none}
    .radio-card .card{border:1px solid rgba(17,30,60,.08)}
    .radio-card input:checked + .card{border-color:rgba(25,71,158,.45); box-shadow:0 14px 34px -18px rgba(25,71,158,.55)}
    .sticky-summary{position:sticky; top:96px;}

/* ===== yolcu-bilgileri.html (inline styles) ===== */
:root{
      --primary:#19479e;      /* Kurumsal Mavi */
      --primary-2:#173e8a;
      --bg:#f6f8fc;           /* Sayfa arka plan */
      --card:#ffffff;         /* Kart */
      --text:#0f172a;         /* Ana metin */
      --muted:#64748b;        /* İkincil metin */
      --line:#e6edf7;         /* Çizgi */
      --success:#16a34a;
      --warning:#f59e0b;
      --danger:#ef4444;
      --shadow: 0 18px 50px rgba(15, 23, 42, .08);
    }
    body{font-family:"Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:var(--bg); color:var(--text);}
    .card{background:var(--card); border:1px solid var(--line); border-radius:18px; box-shadow: var(--shadow);}
    .chip{border:1px solid var(--line); background:#fff; border-radius:999px;}
    .soft{background:rgba(25,71,158,.06); border:1px solid rgba(25,71,158,.12);}
    .btnPrimary{background:var(--primary); color:#fff;}
    .btnPrimary:hover{background:var(--primary-2);}
    .btnGhost{background:#fff; border:1px solid var(--line);}
    .btnGhost:hover{background:#f8fafc;}
    .focusRing:focus{outline:none; box-shadow:0 0 0 4px rgba(25,71,158,.18); border-color:rgba(25,71,158,.5);}
    .stickySummary{position: sticky; top: 18px;}
    @media (max-width: 1024px){
      .stickySummary{position: static;}
    }

/* ===== odeme.html (inline styles) ===== */
:root{
      --primary:#19479e;
      --primary-2:#173e8a;
      --bg:#f6f8fc;
      --card:#ffffff;
      --text:#0f172a;
      --muted:#64748b;
      --line:#e6edf7;
      --success:#16a34a;
      --warning:#f59e0b;
      --danger:#ef4444;
      --shadow: 0 18px 50px rgba(15, 23, 42, .08);
    }
    body{font-family:"Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:var(--bg); color:var(--text);}
    .card{background:var(--card); border:1px solid var(--line); border-radius:18px; box-shadow: var(--shadow);}
    .chip{border:1px solid var(--line); background:#fff; border-radius:999px;}
    .soft{background:rgba(25,71,158,.06); border:1px solid rgba(25,71,158,.12);}
    .btnPrimary{background:var(--primary); color:#fff;}
    .btnPrimary:hover{background:var(--primary-2);}
    .btnGhost{background:#fff; border:1px solid var(--line);}
    .btnGhost:hover{background:#f8fafc;}
    .focusRing:focus{outline:none; box-shadow:0 0 0 4px rgba(25,71,158,.18); border-color:rgba(25,71,158,.5);}
    .stickySummary{position: sticky; top: 18px;}
    @media (max-width: 1024px){ .stickySummary{position: static;} }

    .tabBtn{
      border:1px solid var(--line);
      background:#fff;
      border-radius:16px;
      padding:12px 14px;
      font-weight:800;
      font-size:14px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      transition:.15s ease;
    }
    .tabBtn:hover{background:#f8fafc;}
    .tabBtn[data-active="true"]{
      background:rgba(25,71,158,.08);
      border-color:rgba(25,71,158,.25);
    }
    .bankTile{
      border:1px solid var(--line);
      background:#fff;
      border-radius:16px;
      padding:12px 12px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      cursor:pointer;
      transition:.15s ease;
    }
    .bankTile:hover{background:#f8fafc;}
    .bankTile[data-active="true"]{
      border-color:rgba(25,71,158,.35);
      box-shadow:0 10px 22px rgba(25,71,158,.10);
    }
    .badge{
      border-radius:999px;
      padding:4px 10px;
      font-size:12px;
      font-weight:800;
      border:1px solid var(--line);
      color:#0f172a;
      background:#fff;
      white-space:nowrap;
    }
    .muted{color:var(--muted);}

/* ===== onay.html (inline styles) ===== */
:root{
      --primary:#19479e;
      --primary-2:#173e8a;
      --bg:#f6f8fc;
      --card:#ffffff;
      --text:#0f172a;
      --muted:#64748b;
      --line:#e6edf7;
      --success:#16a34a;
      --warning:#f59e0b;
      --danger:#ef4444;
      --shadow: 0 18px 50px rgba(15, 23, 42, .08);
    }
    body{font-family:"Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:var(--bg); color:var(--text);}
    .card{background:var(--card); border:1px solid var(--line); border-radius:18px; box-shadow: var(--shadow);}
    .chip{border:1px solid var(--line); background:#fff; border-radius:999px;}
    .btnPrimary{background:var(--primary); color:#fff;}
    .btnPrimary:hover{background:var(--primary-2);}
    .btnGhost{background:#fff; border:1px solid var(--line);}
    .btnGhost:hover{background:#f8fafc;}
    .stickySummary{position: sticky; top: 18px;}
    @media (max-width: 1024px){ .stickySummary{position: static;} }
    .successBox{background:rgba(22,163,74,.08); border:1px solid rgba(22,163,74,.18);}
    .muted{color:var(--muted);}
    .mono{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}