/* Politikalarımız — sayfaya özel stiller.
   :root değişkenleri (renkler, font, radius) styles.css içinden gelir. */

.legal-body{min-height:100vh}

.legal-shell{
  position:relative;
  z-index:1;
  max-width:900px;
  margin:0 auto;
  padding:28px 20px 48px;
  display:flex;
  flex-direction:column;
  gap:20px;
}

.legal-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.legal-brand{
  display:flex;
  align-items:center;
  text-decoration:none;
  color:inherit;
}
.legal-brand .logo-frame{width:56px;height:56px;margin-right:14px}
.legal-brand .brand-line{font-size:21px}

.legal-back{
  height:38px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:12.5px;
  font-weight:700;
  color:#fff;
  text-decoration:none;
  border:1px solid #258ef0;
  border-radius:999px;
  background:linear-gradient(135deg,#167fe8,#1459cc);
  box-shadow:0 8px 20px rgba(17,95,211,.22),inset 0 1px rgba(255,255,255,.16);
  transition:transform .15s ease,box-shadow .15s ease;
}
.legal-back .icon{width:14px;height:14px}
.legal-back:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(17,95,211,.34),inset 0 1px rgba(255,255,255,.2)}

.legal-card{
  position:relative;
  border:1px solid rgba(64,151,214,.35);
  border-radius:var(--radius-lg);
  background:linear-gradient(145deg,#0d2236,#071522);
  box-shadow:0 28px 80px rgba(0,0,0,.45),0 0 30px rgba(21,126,218,.08);
  padding:32px 32px 36px;
}

.legal-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 13px;
  margin-bottom:14px;
  border:1px solid rgba(56,223,131,.35);
  border-radius:999px;
  background:rgba(56,223,131,.08);
  color:var(--green);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.legal-eyebrow .icon{width:12px;height:12px}

.legal-title{
  margin:0 0 8px;
  font-size:28px;
  font-weight:700;
  letter-spacing:.01em;
  color:var(--text);
}
.legal-intro{
  margin:0 0 22px;
  font-size:14.5px;
  line-height:1.6;
  color:var(--text-2);
  text-align:justify;
}

.legal-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding-bottom:22px;
  margin-bottom:26px;
  border-bottom:1px solid var(--border-soft);
}
.legal-tab{
  height:40px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  border:1px solid var(--border);
  border-radius:999px;
  background:#0b2033;
  color:var(--text-2);
  font-family:inherit;
  font-size:13px;
  font-weight:600;
  letter-spacing:.01em;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.legal-tab .icon{width:14px;height:14px;margin-right:7px}
.legal-tab:hover{
  border-color:transparent;
  background:linear-gradient(#0b2033,#0b2033) padding-box,
             linear-gradient(120deg,#33c4ff,#38df83) border-box;
  color:var(--text);
  box-shadow:0 6px 18px rgba(21,126,218,.2);
  transform:translateY(-1px);
}
.legal-tab.active{
  color:#fff;
  border-color:#258ef0;
  background:linear-gradient(135deg,#167fe8,#1459cc);
  box-shadow:0 8px 20px rgba(17,95,211,.25),inset 0 1px rgba(255,255,255,.16);
}

.legal-panel{display:none}
.legal-panel.active{display:block;animation:legal-fade .18s ease}
@keyframes legal-fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

.legal-panel p{
  margin:0 0 16px;
  font-size:14.5px;
  line-height:1.75;
  color:var(--text-2);
  text-align:justify;
}
.legal-panel h3{
  margin:0 0 9px;
  font-size:15.5px;
  font-weight:700;
  color:var(--text);
  letter-spacing:.01em;
}
.legal-panel ul{
  margin:0 0 14px;
  padding-left:22px;
  display:flex;
  flex-direction:column;
  gap:7px;
}
.legal-panel li{
  font-size:14.5px;
  line-height:1.6;
  color:var(--text-2);
}
.legal-panel-heading{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}
.legal-panel-heading-icon{
  flex:none;
  width:34px;height:34px;
  display:flex;align-items:center;justify-content:center;
  border-radius:10px;
  background:linear-gradient(135deg,#167fe8,#1459cc);
  color:#fff;
  box-shadow:0 6px 16px rgba(17,95,211,.32),inset 0 1px rgba(255,255,255,.16);
}
.legal-panel-heading-icon .icon{width:17px;height:17px}
.legal-panel-title{
  margin:0;
  font-size:20px;
  font-weight:800;
  letter-spacing:.005em;
  color:var(--text);
}
.legal-meta{
  font-size:12px !important;
  color:var(--muted) !important;
  font-style:italic;
  margin-bottom:18px !important;
}
.legal-link{color:var(--blue-2);text-decoration:underline;text-underline-offset:2px}
.legal-link:hover{color:#fff}

.legal-highlight{color:var(--blue-2);font-weight:700}

/* Bölüm grubu ayracı (örn. "Kişisel Veri İşleme Amaçları") */
.legal-group-label{
  margin:30px 0 14px;
  padding-bottom:9px;
  border-bottom:1px solid var(--border-soft);
  font-size:11px;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:var(--muted);
}
.legal-group-label:first-of-type{margin-top:8px}

/* Numaralı / ikonlu içerik kutucukları */
.legal-block{
  display:flex;
  gap:15px;
  padding:19px 21px;
  margin-bottom:12px;
  border:1px solid var(--border-soft);
  border-radius:var(--radius-md);
  background:linear-gradient(160deg,rgba(16,43,69,.55),rgba(7,21,34,.5));
  transition:border-color .15s ease,transform .15s ease;
}
.legal-block:hover{border-color:rgba(64,151,214,.45);transform:translateY(-1px)}
.legal-block > .legal-badge,
.legal-block > .legal-block-icon{flex:none}
.legal-badge{
  width:32px;height:32px;
  display:flex;align-items:center;justify-content:center;
  border-radius:10px;
  background:linear-gradient(135deg,#167fe8,#1459cc);
  color:#fff;
  font-size:13.5px;font-weight:700;
  box-shadow:0 4px 12px rgba(17,95,211,.3);
}
.legal-block-icon{
  width:32px;height:32px;
  display:flex;align-items:center;justify-content:center;
  border-radius:10px;
  background:rgba(56,223,131,.12);
  border:1px solid rgba(56,223,131,.3);
  color:var(--green);
  transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;
}
.legal-block:hover .legal-block-icon{
  background:linear-gradient(135deg,#4eea9b,#1fae5e);
  border-color:transparent;
  color:#fff;
  box-shadow:0 0 8px rgba(56,223,131,.28);
}
.legal-block:hover .legal-badge{
  box-shadow:0 0 16px rgba(51,196,255,.5),inset 0 1px rgba(255,255,255,.2);
  transition:box-shadow .25s ease;
}
.legal-block-body{flex:1;min-width:0}
.legal-block-body p:last-child,
.legal-block-body ul:last-child{margin-bottom:0}

/* Risk / uyarı kutusu */
.legal-alert{
  display:flex;
  gap:15px;
  padding:20px 22px;
  margin-bottom:12px;
  border:1px solid rgba(255,183,74,.4);
  border-radius:var(--radius-md);
  background:rgba(255,183,74,.07);
}
.legal-alert-icon{
  flex:none;
  width:34px;height:34px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:rgba(255,183,74,.18);
  color:var(--warning);
  transition:background .25s ease,color .25s ease,box-shadow .25s ease;
}
.legal-alert:hover .legal-alert-icon{
  background:linear-gradient(135deg,#ffc961,#ff9f2e);
  color:#fff;
  box-shadow:0 0 8px rgba(255,183,74,.3);
}
.legal-alert-body{flex:1;min-width:0}
.legal-alert-body h3{color:var(--warning)}
.legal-alert-body p{color:#e9dcc4}
.legal-alert-body p:last-child{margin-bottom:0}

/* Alt iletişim kartı */
.legal-cta{
  margin-top:22px;
  padding:22px;
  text-align:center;
  border:1px dashed var(--border-soft);
  border-radius:var(--radius-md);
  background:rgba(23,139,255,.05);
}
.legal-cta p{margin:0 0 10px !important;color:var(--text-2);font-size:14.5px;text-align:center}
.legal-cta a{
  display:inline-flex;align-items:center;gap:7px;
  color:var(--blue-2);font-weight:700;font-size:14.5px;
  text-decoration:none;
}
.legal-cta a .icon{width:14px;height:14px}
.legal-cta a:hover{color:#fff}

.legal-footer{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  font-size:12px;
  color:var(--muted);
  padding-top:6px;
}
.legal-footer-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:11.5px;
}
.legal-footer-links a{
  color:var(--muted);
  text-decoration:none;
  transition:color .15s ease;
}
.legal-footer-links a:hover{color:var(--text-2)}
.legal-footer-dot{
  display:inline-block;
  width:6px;
  height:6px;
  font-size:0;
  border-radius:50%;
  background:linear-gradient(135deg,#3d8fd6,#6fd0ff);
  box-shadow:0 0 8px rgba(51,196,255,.65),0 0 3px rgba(111,208,255,.5);
  vertical-align:middle;
}

@media (max-width:640px){
  .legal-card{padding:22px 18px 26px}
  .legal-title{font-size:23px}
  .legal-tabs{gap:6px}
  .legal-tab{height:36px;padding:0 14px;font-size:12px}
  .legal-block,.legal-alert{padding:16px 17px;gap:12px}
}