/* =========================================
   core.css — Travel Transfer UI Core (v1)
   - theme-light (iOS soft)
   - theme-dark (legacy dark)
   ========================================= */

/* ====== Base tokens (shared) ====== */
:root{
  --brand:#6C78F0;
  --bubble:#535DDB;
  --ink:#8A93F9;

  --nav-h:64px;
  --edge: clamp(12px, 4vw, 36px);

  --r-md:14px;
  --r-lg:16px;
  --r-xl:18px;
  --r-2xl:22px;

  --ok:#25D366;
}

/* ====== THEME: LIGHT (iOS / soft) ====== */
.theme-light{
  --bg:#F5F7FB;
  --bg2:#EEF2FA;

  --text:#0B1220;
  --muted:#5B6475;

  --line: rgba(15, 23, 42, .10);
  --line2: rgba(15, 23, 42, .14);

  --card: rgba(255,255,255,.88);
  --card-solid:#FFFFFF;

  --shadow: 0 12px 30px rgba(15,23,42,.10);
  --shadow2: 0 10px 22px rgba(15,23,42,.08);

  --nav-bg: rgba(255,255,255,.72);
  --nav-link: rgba(11,18,32,.82);
  --nav-link-hover: rgba(11,18,32,1);

  --dropdown-bg: rgba(255,255,255,.92);
  --dropdown-item: rgba(11,18,32,.85);
  --dropdown-hover: rgba(83,93,219,.08);

  --overlay: rgba(0,0,0,.32);

  --footer-bg: rgba(255,255,255,.92);
  --footer-text: rgba(11,18,32,.80);
  --footer-dim: rgba(11,18,32,.60);
}

/* ====== THEME: DARK (your current) ====== */
.theme-dark{
  --bg:#0B0F26;
  --bg2:#0E1129;

  --text:#E8EBFF;
  --muted:#BFC6FF;

  --line: rgba(143,151,255,.12);
  --line2: rgba(143,151,255,.18);

  --card: linear-gradient(180deg, #11163A 0%, #0E122F 100%);
  --card-solid:#11163A;

  --shadow: 0 12px 28px rgba(12,15,35,.35);
  --shadow2: 0 10px 22px rgba(0,0,0,.30);

  --nav-bg:
    radial-gradient(1200px 600px at -10% -10%, rgba(83,93,219,.20), transparent 60%),
    linear-gradient(180deg, #0F1433 0%, #0B0F26 100%);

  --nav-link: #DFE3FF;
  --nav-link-hover: #FFFFFF;

  --dropdown-bg: #161b3f;
  --dropdown-item: #E8EBFF;
  --dropdown-hover: rgba(143,151,255,.12);

  --overlay: rgba(0,0,0,.35);

  --footer-bg:#161b3f;
  --footer-text:#DFE3FF;
  --footer-dim:#C8CEFF;
}

/* ====== Global reset-ish ====== */
html, body{
  background: var(--bg);
  color: var(--text);
  -webkit-text-size-adjust: 100%;
}

body.app{
  padding-top: var(--nav-h);
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text","SF Pro Display",
               "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

img{ max-width:100%; height:auto; display:block; }

/* links */
a{ color: inherit; text-decoration:none; }
a:hover{ text-decoration:underline; }
:where(a, button, .btn):focus-visible{
  outline:3px solid rgba(108,120,240,.35);
  outline-offset:2px;
}

/* ====== Layout containers ====== */
main{ width:100%; }

/* Default spacing: iOS ferahlık */
main .container-fluid{
  width:100%;
  max-width:100%;
  padding-left: var(--edge);
  padding-right: var(--edge);
}

/* Default gutter back */
main .row{ --bs-gutter-x: 1.25rem; }

/* Only when you want edge-to-edge sections */
.container-fluid.bleed{ padding-left:0 !important; padding-right:0 !important; }
.bleed .row{ --bs-gutter-x: 0; }

/* Helper wrap */
.wrap{ max-width:1200px; margin-inline:auto; padding-inline: var(--edge); }

/* Full bleed utility (rare) */
.full-bleed{
  margin-left:50%;
  transform: translateX(-50%);
  width:100vw;
}

/* ====== Navbar ====== */
.navbar{
  height: var(--nav-h);
  border-bottom: 1px solid var(--line);
  z-index:1060;
  padding-block: .375rem;
  background: var(--nav-bg);
}

/* Light: glass */
.theme-light .navbar{
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.navbar .nav-link,
.navbar .navbar-brand{ color: var(--nav-link) !important; }

.navbar .nav-link:hover{ color: var(--nav-link-hover) !important; }

/* Dropdown */
.navbar .dropdown-menu{
  background: var(--dropdown-bg);
  border: 1px solid var(--line2);
  box-shadow: var(--shadow);
  z-index:2000;
  border-radius: var(--r-lg);
  overflow:hidden;
}

.navbar .dropdown-item{ color: var(--dropdown-item); }
.navbar .dropdown-item:hover{
  background: var(--dropdown-hover);
  color: var(--dropdown-item);
}

/* Navbar logo */
.navbar-brand{ display:flex; align-items:center; gap:.5rem; min-width:0; }
.navbar-brand img{ display:block; height:24px; width:auto; }
@media (min-width: 992px){
  .navbar-brand img{ height:30px; }
}

/* ====== Side menu ====== */
.side-menu{
  position:fixed; top:0; left:0; width:260px; height:100%;
  z-index:1040;
  transform: translateX(-100%);
  transition: transform .25s;
  will-change: transform;
  border-right:1px solid var(--line2);
  box-shadow: var(--shadow);
  background: var(--card-solid);
  color: var(--text);
}

/* Dark side menu keeps “dark feel” */
.theme-dark .side-menu{
  background: linear-gradient(180deg, #12163A 0%, #0E122F 100%);
  color:#fff;
  border-right:1px solid rgba(143,151,255,.18);
  box-shadow: 0 12px 28px rgba(12,15,35,.35);
}

.side-menu.open{ transform: translateX(0); }

.side-menu .menu-header{
  padding:14px 16px;
  font-size:1.05rem;
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--line);
  background: rgba(83,93,219,.08);
}

.theme-dark .side-menu .menu-header{
  background: rgba(143,151,255,.12);
  border-bottom:1px solid rgba(143,151,255,.18);
}

.side-menu .close-btn{ font-size:1.5rem; cursor:pointer; line-height:1; }

.side-menu ul{ list-style:none; margin:0; padding:6px 0; }

.side-menu ul li a{
  display:block;
  padding:10px 16px;
  color: inherit;
  text-decoration:none;
  border-bottom:1px solid rgba(15,23,42,.08);
}

.theme-dark .side-menu ul li a{
  color:#e8ebff;
  border-bottom:1px solid rgba(143,151,255,.10);
}

.side-menu ul li a:hover{
  background: rgba(83,93,219,.08);
}

.theme-dark .side-menu ul li a:hover{
  background: rgba(143,151,255,.10);
  color:#fff;
}

/* Overlay */
.overlay{
  position:fixed; inset:0;
  background: var(--overlay);
  z-index:1035;
  opacity:0; visibility:hidden;
  transition:.2s;
}
.overlay.show{ opacity:1; visibility:visible; }

/* ====== Cards ====== */
main .card{
  border-radius: var(--r-lg);
  background: var(--card);
  border:1px solid var(--line2);
  color: var(--text);
  box-shadow: var(--shadow2);
}

/* Card edge utilities */
.card-edge-0{ border-radius:0 !important; margin:0 !important; }
.card-edge-0 > .card-body{ padding:0 !important; }

/* ====== Buttons ====== */
.btn-brand{
  background: linear-gradient(180deg, var(--bubble), var(--brand));
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  padding:12px 18px;
  font-weight:850;
  letter-spacing:.2px;
  box-shadow:0 10px 24px rgba(83,93,219,.22);
  transition: transform .12s ease, filter .12s ease;
  display:inline-flex; align-items:center; gap:.5rem;
}
.btn-brand:hover{ transform: translateY(-1px); filter: brightness(1.05); }

.btn-ghost{
  background: rgba(255,255,255,.55);
  color: var(--text) !important;
  border:1px solid var(--line2);
  border-radius: 999px;
  padding:11px 18px;
  font-weight:750;
  transition: background .12s ease, border-color .12s ease, transform .12s ease;
  display:inline-flex; align-items:center; gap:.5rem;
}
.theme-dark .btn-ghost{
  background: transparent;
  color:#e8ebff !important;
  border-color: rgba(143,151,255,.40);
}
.btn-ghost:hover{
  background: rgba(83,93,219,.08);
  transform: translateY(-1px);
}
.theme-dark .btn-ghost:hover{
  background: rgba(143,151,255,.08);
  border-color: rgba(143,151,255,.55);
}

/* Outline light: dark pages only */
.theme-dark .btn-outline-light{
  color:#fff;
  border-color: rgba(255,255,255,.7);
}
.theme-dark .btn-outline-light:hover{
  color:#0B0F26;
  background:#fff;
  border-color:#fff;
}

/* Butonlar arası */
.btn + .btn{ margin-left:.5rem; }

/* ====== Breadcrumb ====== */
nav[aria-label="breadcrumb"]{ margin-top:8px; }

nav[aria-label="breadcrumb"] .breadcrumb{
  background:transparent;
  padding:0;
  margin:0 auto;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:.25rem;
}

.theme-light .breadcrumb .breadcrumb-item,
.theme-light .breadcrumb .breadcrumb-item a{ color: rgba(11,18,32,.70); }

.theme-light .breadcrumb .breadcrumb-item a:hover{ color: rgba(11,18,32,1); }

.theme-light .breadcrumb .breadcrumb-item.active{ color: rgba(11,18,32,1); }

.theme-dark .breadcrumb .breadcrumb-item,
.theme-dark .breadcrumb .breadcrumb-item a{ color:#cbd1ff; }

.theme-dark .breadcrumb .breadcrumb-item a:hover{ color:#fff; }

.theme-dark .breadcrumb .breadcrumb-item.active{ color:#fff; }

.breadcrumb-item + .breadcrumb-item::before{
  content:"/";
  padding:0 .35rem;
  color: rgba(11,18,32,.45);
}
.theme-dark .breadcrumb-item + .breadcrumb-item::before{ color:#8A93F9; }

/* ====== WhatsApp CTA ====== */
.whatsapp-float{
  position:fixed;
  bottom:20px; right:20px;
  width:50px; height:50px;
  display:flex; align-items:center; justify-content:center;
  color: var(--ok);
  background: transparent;
  z-index:1200;
  transition: transform .2s, color .2s;
  text-decoration:none;
  border:none; outline:none;
}
.whatsapp-float i{ font-size:30px; }
.whatsapp-float:hover{ color:#128C7E; transform: translateY(-3px); }

/* ====== Footer ====== */
footer.footer{
  background: var(--footer-bg);
  color: var(--footer-text);
  border-top:1px solid var(--line);
  font-size:14px;
}

footer .footer-link{
  text-decoration:none;
  color: inherit;
  padding:8px 16px;
  border-radius: 999px;
  display:inline-block;
  transition: all .2s;
}
footer .footer-link:hover{
  background: rgba(83,93,219,.10);
  transform: translateY(-2px);
  text-decoration:none;
}

.footer-title{
  color: inherit;
  font-weight:900;
  letter-spacing:.2px;
  margin-bottom:.75rem;
}

.text-footer-dim{ color: var(--footer-dim); }
.text-footer-accent{ color: var(--ink); }

.btn-footer-icon{
  width:38px; height:38px;
  border-radius: 14px;
  background: rgba(83,93,219,.10);
  color: inherit;
  display:flex; align-items:center; justify-content:center;
  border:1px solid var(--line2);
  transition: transform .15s, background .2s, border-color .2s;
}
.btn-footer-icon:hover{
  transform: translateY(-2px);
  background: rgba(83,93,219,.16);
  border-color: rgba(83,93,219,.20);
}
.footer-divider{ border-color: var(--line2); opacity:1; }

.footer-chip{
  display:inline-block;
  padding:8px 14px;
  border-radius: 999px;
  color:#fff;
  text-decoration:none;
  font-weight:800;
  background: linear-gradient(180deg, #6C78F0, #535DDB);
  border:1px solid rgba(255,255,255,.12);
  box-shadow: 0 8px 22px rgba(0,0,0,.12);
  transition: transform .15s, filter .2s;
}
.footer-chip:hover{ transform: translateY(-1px); filter: brightness(1.07); text-decoration:none; }

/* ====== Text tweaks ====== */
.theme-dark .text-muted,
.theme-dark small.text-muted{ color:#BFC6FF !important; }

.theme-light .text-muted,
.theme-light small.text-muted{ color: rgba(11,18,32,.55) !important; }

/* ====== Responsive ====== */
@media (min-width: 992px){
  #menuToggle{ display:none !important; }
}

/* ====== Reduce motion ====== */
@media (prefers-reduced-motion: reduce){
  *{
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
  }
}