/* =========================
   TurkTrafik - site.css (CLEAN)
   - Global reset + header/nav + buttons + footer
   - About ve Products sayfa CSS'leri ayrı dosyalara taşındı
   ========================= */

/* ---------- RESET / FIX ---------- */
*{box-sizing:border-box;}
html,body{width:100%;margin:0;padding:0;overflow-x:hidden;}
.tt-page{overflow-x:hidden;}
img,video{max-width:100%;height:auto;display:block;}

/* ---------- THEME ---------- */
:root{
  --tt-bg:#ffffff;
  --tt-text:#0f172a;
  --tt-muted:rgba(15,23,42,.65);
  --tt-border:rgba(15,23,42,.10);
  --tt-blue:#2563eb;
}

/* ---------- BASE ---------- */
body{
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;
  background:var(--tt-bg);
  color:var(--tt-text);
}

/* ---------- CONTAINER ---------- */
.tt-container{max-width:1180px;margin:0 auto;padding:0 18px;}


/* =========================
   HEADER / NAV
   ========================= */
.tt-header{
  position:sticky;top:0;z-index:999;
  background:white;
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(15,23,42,.08);
}
.tt-header-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;height:74px;}

/* Brand */
.tt-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--tt-text);}
.tt-brand-badge {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    overflow: hidden; /* köşeler düzgün */
    background: #fff; /* svg şeffafsa */
}
    
.tt-logo-a{ color:#0f172a; }          /* lacivert */
.tt-logo-svg{ width:40px;height:40px; display:block; }

.tt-brand-text{display:flex;flex-direction:column;line-height:1.05;}
.tt-brand-name{color:black;font-weight:950;font-size:1.1rem;letter-spacing:-.02em;}
.tt-brand-tag{margin-top:3px;font-size:.86rem;color:black;font-weight:650;}

/* Nav links */
.tt-nav{display:flex;align-items:center;gap:8px;}
.tt-navlink{
  text-decoration:none;color:black;font-weight:900;
  padding:10px 12px;border-radius:14px;transition:.18s ease;
}
    .tt-navlink:hover {
        background: rgb(0 0 0 / 11%);
        color: black;
    }
    .tt-navlink.is-active {
        background: rgb(0 0 0 / 11%);
        color: black;
        box-shadow: 0 0 0 1px rgba(37,99,235,.18) inset;
    }

/* WhatsApp CTA (Modern) */
.tt-navlink-cta{
  position:relative;display:inline-flex;align-items:center;gap:10px;
  padding:10px 16px;border-radius:999px;
  background:linear-gradient(135deg,#25D366,#128C7E);
  color:black !important;font-weight:800;letter-spacing:.2px;text-decoration:none !important;
  border:0px solid rgba(255,255,255,.18);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
  will-change:transform;overflow:hidden;
}
.tt-navlink-cta::before{
  content:"";position:absolute;inset:-2px;
  background:radial-gradient(500px 80px at 20% 10%,rgba(255,255,255,.35),transparent 60%);
  opacity:.9;pointer-events:none;
}
.tt-navlink-cta::after{
  content:"";position:absolute;top:-30%;left:-40%;
  width:40%;height:160%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
  transform:rotate(20deg);
  opacity:0;transition:left .5s ease,opacity .3s ease;
  pointer-events:none;
}
.tt-navlink-cta:hover{
  transform:translateY(-2px);filter:brightness(1.03);
}
.tt-navlink-cta:hover::after{left:120%;opacity:.9;}
.tt-navlink-cta:active{transform:translateY(0);}
.tt-navlink-cta:focus-visible{
  outline:none;
  box-shadow:0 0 0 4px rgba(37,211,102,.22),0 16px 40px rgba(18,140,126,.28),0 6px 18px rgba(2,6,23,.14);
}

/* Burger */
.tt-burger{
  display:none;width:46px;height:46px;border-radius:16px;
  border:1px solid rgba(15,23,42,.12);
  background:#fff;cursor:pointer;
  align-items:center;justify-content:center;gap:5px;flex-direction:column;
}
.tt-burger span{display:block;width:18px;height:2px;background:#0f172a;border-radius:2px;}

/* Mobile nav */
@media (max-width:820px){
  .tt-burger{display:flex;}
  .tt-brand-tag{display:none;}
  .tt-nav{
    position:fixed;left:14px;right:14px;top:78px;display:none;
    flex-direction:column;gap:8px;padding:12px;border-radius:18px;
    background:rgba(255,255,255,.97);
    border:1px solid rgba(15,23,42,.10);
    box-shadow:0 26px 70px rgba(15,23,42,.12);
    z-index:999;
  }
  body.nav-open .tt-nav{display:flex;}
  .tt-navlink{width:100%;text-align:center;color:#0f172a;}
  .tt-navlink.is-active{color:#0f172a;}
}
@media (max-width:640px){
  .tt-header-inner{height:64px;}
  .tt-container{padding:0 14px;}
}

/* =========================
   MAIN
   ========================= */
.tt-main{padding:22px 0 38px;}

/* =========================
   BUTTONS
   ========================= */
.btn-tt{
  display:inline-flex;align-items:center;justify-content:center;
  height:46px;padding:0 16px;border-radius:14px;
  text-decoration:none;font-weight:900;border:1px solid transparent;
  cursor:pointer;
  transition:transform .12s ease,box-shadow .12s ease,background .12s ease,filter .12s ease;
}
.btn-tt:active{transform:translateY(1px);}
.btn-tt-warning{
  background:#ffffff;color:#111827;
  border-color:rgba(0,0,0,.08);
}
    .btn-tt-warning:hover {
        border-color: rgba(37, 99, 235, .20);
        filter: brightness(1.02);
    }
.btn-tt-outline{
  background:#fff;color:var(--tt-text);
  border:1px solid var(--tt-border);
}
.btn-tt-outline:hover{border-color:rgba(37,99,235,.20);}

/* Helpers */
.mb-3{margin-bottom:12px;}
.mb-4{margin-bottom:16px;}
.mb-5{margin-bottom:22px;}

/* =========================
   FOOTER (Premium)
   ========================= */
.tt-footer{
  margin-top:34px;
  background:white;
  color:rgba(255,255,255,.86);
  border-top:1px solid rgba(255,255,255,.08);
}
.tt-foot{
  padding:28px 0 18px;
  display:grid;
  grid-template-columns:8.2fr 1fr;
  gap:16px;
}
.tt-foot-left,.tt-foot-right{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  padding:16px;
  box-shadow:0 18px 50px rgba(0,0,0,.25);
}
.tt-foot-title{color:black;font-weight:950;letter-spacing:-.02em;font-size:1.1rem;margin-bottom:6px;}
.tt-foot-sub{color:black;line-height:6.5;font-weight:650;margin-bottom:12px;}
.tt-foot-meta{display:flex;flex-wrap:wrap;gap:8px;color:black;font-size:.92rem;}
.tt-foot-meta a{color:black;text-decoration:none;font-weight:800;}
.tt-foot-meta a:hover{color:black;text-decoration:underline;}
.tt-foot-link {
    color: black;
    text-decoration: none;
    font-weight: 850;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .02);
    border: 1px solid rgba(255, 255, 255, .06);
    transition: .18s ease;
    justify-content: space-around;
}.tt-foot-link{
  color:black;
  text-decoration:none;font-weight:850;
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 12px;border-radius:14px;
  background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.06);
  transition:.18s ease;
}
    .tt-foot-link:hover {
        background: rgb(0 0 0 / 11%);
        border-color: rgba(255,255,255,.12);
        transform: translateY(-1px);
    }
.tt-foot-link[href*="wa.me"]{
  background:linear-gradient(135deg,rgba(34,197,94,.20),rgba(22,163,74,.10));
  border-color:rgba(34,197,94,.25);
  color:black;
}
.tt-foot-link[href*="wa.me"]:hover{box-shadow:0 18px 44px rgba(34,197,94,.18);}

.tt-foot-bottom{
  padding:14px 0;
  padding:14px 0;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  color:rgba(255,255,255,.70);font-size:.92rem;
}
.tt-foot-mini{color:rgba(255,255,255,.55);font-weight:650;}

@media (max-width:820px){
  .tt-foot{grid-template-columns:1fr;}
  .tt-foot-bottom{flex-direction:column;align-items:flex-start;}
}