/* =========================
   ADOZ — LIGHT THEME (Red)
   ========================= */
:root{
  --ink:#0f172a;           /* ana metin */
  --muted:#667085;         /* ikincil metin */
  --bg:#ffffff;            /* sayfa zemini */
  --panel:#ffffff;         /* kart/hero panel zemini */
  --border:#e7eaf0;        /* ince çizgi */
  --accent:#e0260e;        /* Adoz kırmızısı */
  --accent-20:#e0260e33;   /* %20 opaklık */
  --shadow:0 18px 40px rgba(2, 6, 23, .08);
}

html,#content, body.br-body{ background:var(--bg); color:var(--ink); }
img{ max-width:100%; height:auto; }
section{ background: none; }
#subheader{ display: none; }
#mainmenu a{ color:#b31818 !important; }


/* -------------------------
   HERO (aydınlık kırmızı)
------------------------- */
.br-hero{
  margin-top:50px;
  position:relative;
  background:
   radial-gradient(1200px 680px at 8% 4%,
      color-mix(in oklab, var(---accent) 38%, white) 0%,
      color-mix(in oklab, var(----accent) 22%, white) 38%,
      color-mix(in oklab, var(----accent) 8%,  white) 60%,
      transparent 76%),
    linear-gradient(180deg, #fff 0%, #fff 100%);
}
.br-hero h1{ color:#111827; }
.br-hero p{ color:var(--muted); }

.br-hero-bottom-glow{
  position:absolute; left:0; right:0; bottom:-1px; height:1px;
  box-shadow: 0 -18px 60px 24px var(--accent-20);
}

.br-hero-icon{
  font-size:64px; color:#fff; background:var(--accent);
  display:inline-block; padding:14px 18px;
  border:1px solid var(--accent);
  border-radius:16px; opacity:1;
  box-shadow: 0 12px 28px rgba(224,38,14,.25);
}

/* -------------------------
   GRID CARDS (ışık pano)
------------------------- */
.br-card{
  background: linear-gradient(180deg, #fff, #fff);
  border:1px solid var(--border);
  border-radius:18px;
  padding:22px;
  box-shadow: var(--shadow);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
  height:100%;
}
.br-card:hover{
  transform: translateY(-6px);
  border-color: color-mix(in oklab, var(--accent), #ffffff 60%);
  box-shadow: 0 22px 50px rgba(224,38,14,.12);
}
.br-card-icon{
  width:48px; height:48px; border-radius:14px;
  display:grid; place-items:center; margin-bottom:10px;
  color:var(--accent); font-size:22px;
  border:1px solid color-mix(in oklab, var(--accent), #ffffff 40%);
  background: color-mix(in oklab, var(--accent), #ffffff 92%);
}

.br-card h2{ color:#101828; }

/* -------------------------
   CTA & FOOTER (light)
------------------------- */
.br-cta{
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  background: radial-gradient(1200px 680px at 8% 4%,
      color-mix(in oklab, var(--accent) 38%, white) 0%,
      color-mix(in oklab, var(--accent) 22%, white) 38%,
      color-mix(in oklab, var(--accent) 8%,  white) 60%,
      transparent 76%),
    linear-gradient(180deg, #fff 0%, #fff 100%);
}
.br-cta h2{ color:#111827; }
.br-footer{
  border-top:1px solid var(--border);
  background:#fafafa;
  color:var(--muted);
}

/* -------------------------
   BUTTONS (kırmızı tonlar)
------------------------- */
.br-btn{
  --py:.7rem; --px:1rem;
  padding:var(--py) var(--px);
  border-radius:14px;
  border:1px solid transparent;
  font-weight:700;
  letter-spacing:.2px;
}
.br-btn--primary{
  background:var(--accent); color:#fff; border-color:var(--accent);
  box-shadow: 0 10px 26px rgba(224,38,14,.18);
}
.br-btn--primary:hover{
  filter:none;
  color:#fff; background-color: color-mix(in oklab, var(--accent), #000 20%);
  border-color: color-mix(in oklab, var(--accent), #000 18%);
}
.br-btn--ghost{
  background:#fff; color:var(--accent);
  border:1px solid color-mix(in oklab, var(--accent), #ffffff 60%);
}
.br-btn--ghost:hover{
  background: color-mix(in oklab, var(--accent), #ffffff 92%);
  border-color: var(--accent);
  color: var(--accent);
}

/* -------------------------
   ANIMATIONS (aynı)
------------------------- */
.br-fade-up, .br-float{ opacity:0; transform: translateY(16px); will-change: transform, opacity; }
@keyframes adz-fade-up{ from{opacity:0; transform: translateY(16px)} to{opacity:1; transform:none} }
@keyframes adz-float{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
.is-in.br-fade-up{ animation: adz-fade-up .6s ease both; }
.is-in.br-fade-up.br-fade-up-delay-1{ animation-delay:.15s; }
.is-in.br-fade-up.br-fade-up-delay-2{ animation-delay:.3s; }
.is-in.br-float{ opacity:1; transform:none; animation: adz-float 6s ease-in-out infinite; }

/* -------------------------
   RESPONSIVE
------------------------- */
@media (max-width: 991.98px){
  .display-5{ font-size:2rem; }
}