/* =====================================================================
   İZMİR İSG — "AYDINLIK & CESUR"  (light · altın-amber + kömür siyahı)
   Logodan: baret altını #F2A11E + siyah · beyaz zemin
   ===================================================================== */
:root{
  --bg:#FCFBF6; --bg2:#F5F0E4; --panel:#FFFFFF; --line:#ECE4D2; --soft:#F8F4EA;
  --brand:#F0A020; --brand2:#D98410; --steel:#8a857c; --ink:#3c3a34; --ink2:#4b463e; --muted:#736e64;
  --ring:rgba(240,160,32,.4); --shadow:0 22px 50px -28px rgba(70,52,18,.3);
}
html{overflow-x:hidden;scroll-behavior:smooth}
*{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink2);-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--brand);color:#1a1205}
::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:var(--bg2)}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--brand),var(--brand2));border-radius:99px;border:3px solid var(--bg2)}

/* ---- Preloader ---- */
#preloader{position:fixed;inset:0;z-index:100050;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.2rem;transition:opacity .6s ease,visibility .6s;animation:plFail 0s linear 6s forwards}
#preloader.done{opacity:0;visibility:hidden}
#preloader .pl-logo{height:60px;width:auto;animation:plP 1.6s ease-in-out infinite}
#preloader .pl-sp{width:42px;height:42px;border-radius:50%;border:3px solid rgba(0,0,0,.08);border-top-color:var(--brand);animation:plS .8s linear infinite}
@keyframes plS{to{transform:rotate(360deg)}}@keyframes plP{0%,100%{opacity:1}50%{opacity:.45}}@keyframes plFail{to{opacity:0;visibility:hidden}}

/* ---- Scroll progress ---- */
#enhBar{position:fixed;top:0;left:0;height:3px;width:0;z-index:100000;background:linear-gradient(90deg,var(--brand),var(--brand2));transition:width .12s}

/* ---- Hazard-stripe motif (İzmir'e özgü: baret/güvenlik şeridi) ---- */
.hazard{height:8px;width:100%;background:repeating-linear-gradient(135deg,var(--steel) 0 18px,var(--brand) 18px 36px)}

/* ---- Navbar (beyaz · gölge) ---- */
#nav{position:fixed;top:0;left:0;width:100%;z-index:9999;transition:.35s}
#nav .bar{transition:.35s;border-bottom:1px solid transparent}
#nav.scrolled .bar{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom-color:var(--line);box-shadow:0 10px 30px -22px rgba(28,22,8,.5)}
.nav-link{position:relative;color:var(--ink2);opacity:.82;font-weight:600;transition:.25s}
.nav-link:hover,.nav-link.active{opacity:1;color:var(--brand2)}
.nav-link::after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:linear-gradient(90deg,var(--brand),var(--brand2));transition:.3s}
.nav-link:hover::after,.nav-link.active::after{width:100%}

/* ---- Amber soft glow (light blob) ---- */
.blob{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}
.blob.b1{width:460px;height:460px;background:radial-gradient(circle,rgba(242,161,30,.45),transparent 70%)}
.blob.b2{width:420px;height:420px;background:radial-gradient(circle,rgba(224,124,11,.28),transparent 70%)}
.blob.b3{width:360px;height:360px;background:radial-gradient(circle,rgba(242,161,30,.22),transparent 70%)}
/* dotted grid bg accent */
.dotgrid{background-image:radial-gradient(rgba(28,24,12,.07) 1.4px,transparent 1.4px);background-size:22px 22px}

/* ---- Tipografi ---- */
.text-grad{background:linear-gradient(110deg,var(--brand2),var(--brand));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.kicker{display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;font-size:.72rem;color:var(--brand2)}
.kicker::before{content:"";width:26px;height:2px;background:var(--brand)}
.hi{position:relative;display:inline-block;z-index:0}
.hi::after{content:"";position:absolute;left:-2px;right:-2px;bottom:.08em;height:.32em;background:var(--brand);opacity:.9;z-index:-1;border-radius:2px}

/* ---- Glass/panel (light) ---- */
.glass{background:rgba(255,255,255,.7);backdrop-filter:blur(10px);border:1px solid var(--line)}

/* ---- Reveal ---- */
@keyframes rev{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
[data-reveal]{animation:rev .8s cubic-bezier(.2,.8,.2,1) both}

/* ---- Kart ---- */
.card{background:var(--panel);border:1px solid var(--line);border-radius:1.1rem;transition:transform .4s,border-color .4s,box-shadow .4s;position:relative;overflow:hidden}
.card::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand2));transform:scaleX(0);transform-origin:left;transition:transform .4s}
.card:hover{transform:translateY(-8px);border-color:var(--ring);box-shadow:var(--shadow)}
.card:hover::before{transform:scaleX(1)}
.card .ic{width:3.5rem;height:3.5rem;display:grid;place-items:center;border-radius:.9rem;background:linear-gradient(140deg,#FFF3DC,#FCE3B4);color:var(--brand2);font-size:1.3rem;transition:.4s;border:1px solid #F2DDAE}
.card:hover .ic{transform:rotate(-6deg) scale(1.08);background:linear-gradient(140deg,var(--brand),var(--brand2));color:#fff}

/* ---- Buton ---- */
.btn-y{background:linear-gradient(120deg,var(--brand),var(--brand2));color:#1a1205;font-weight:800;border-radius:.8rem;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 24px -12px var(--ring)}
.btn-y:hover{transform:translateY(-2px);box-shadow:0 18px 40px -12px var(--ring)}
.btn-y::before{content:"";position:absolute;top:0;left:-130%;width:55%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-20deg);transition:left .6s}
.btn-y:hover::before{left:150%}
.btn-ghost{border:2px solid var(--ink);color:var(--ink);border-radius:.8rem;font-weight:800;transition:.3s;background:transparent}
.btn-ghost:hover{background:var(--ink);color:#fff}

/* ---- Marquee ---- */
.marquee{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee .t{display:flex;gap:3.5rem;width:max-content;animation:mq 28s linear infinite}
.marquee:hover .t{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}

/* ---- FAB ---- */
.fab{position:fixed;right:18px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;z-index:9000;color:#fff;box-shadow:0 14px 30px -10px rgba(0,0,0,.4);transition:transform .3s,opacity .3s}
.fab:hover{transform:translateY(-3px) scale(1.07)}
.fab.wa{bottom:88px;background:#25D366;font-size:1.55rem}
.fab.wa::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(37,211,102,.5);animation:wap 2.2s infinite}
@keyframes wap{70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.fab.top{bottom:26px;background:var(--ink);font-size:1.05rem;opacity:0;pointer-events:none}
.fab.top.show{opacity:1;pointer-events:auto}

/* ---- FAQ ---- */
details.q{background:var(--panel);border:1px solid var(--line);border-radius:.9rem;overflow:hidden;transition:box-shadow .3s}
details.q[open]{box-shadow:var(--shadow)}
details.q summary{cursor:pointer;list-style:none;padding:1.1rem 1.25rem;font-weight:800;color:var(--ink);display:flex;justify-content:space-between;gap:1rem;align-items:center}
details.q summary::-webkit-details-marker{display:none}
details.q .a{padding:0 1.25rem 1.25rem;color:var(--muted);font-size:.95rem;line-height:1.7}
details.q[open] .chev{transform:rotate(180deg)}.chev{transition:.3s;color:var(--brand2)}

/* ---- Footer ikon dairesi (açık zemin) ---- */
.fico{display:grid;place-items:center;background:#fff;border:1px solid var(--line);transition:.3s;box-shadow:0 4px 12px -8px rgba(70,52,18,.4)}
.fico:hover{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important;transform:translateY(-2px)}

@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}[data-reveal]{opacity:1!important;transform:none!important}}

/* ---- İç sayfa: orijinal AÇIK tasarım korunur; koyu hero/bölümler + beyaz yazı bozulmaz ---- */
.inner-dark{background:var(--bg)!important;padding-top:80px}
/* Tailwind .collapse{visibility:collapse} Bootstrap accordion içeriğini gizliyordu → görünür yap */
.inner-dark .accordion-collapse,.inner-dark .accordion-body,.inner-dark .collapse.show,.inner-dark .collapsing{visibility:visible!important}
/* gövde başlıkları siyah yerine koyu gri (koyu zemindeki text-white'a DOKUNMA) */
.inner-dark .text-brand-dark,.inner-dark .text-gray-900,.inner-dark .text-gray-800{color:var(--ink)!important}
/* eski sarı (#FFAC00) → yeni altın marka */
.inner-dark .text-brand-yellow,.inner-dark .text-warning{color:var(--brand2)!important}
.inner-dark .bg-brand-yellow{background:var(--brand)!important;color:#241a08!important}
.inner-dark .gradient-text{background-image:linear-gradient(to right,var(--brand),var(--brand2))!important}
/* form alanları */
.inner-dark input,.inner-dark select,.inner-dark textarea,.inner-dark .form-control,.inner-dark .form-select{background:#fff!important;color:var(--ink)!important;border-color:var(--line)!important}
/* === İç sayfa koyu bölümleri: GÖRSELLİ/overlay hero → KOYU+beyaz; DÜZ bant/sidebar → AÇIK+koyu === */
.inner-dark .bg-brand-dark:has([style*="url("]),.inner-dark [style*="263238"]:has([style*="url("]){color:#fff!important}
.inner-dark .bg-brand-dark:has([style*="url("]) h1,.inner-dark .bg-brand-dark:has([style*="url("]) p,.inner-dark [style*="263238"]:has([style*="url("]) h1,.inner-dark [style*="263238"]:has([style*="url("]) h2,.inner-dark [style*="263238"]:has([style*="url("]) p,.inner-dark [style*="263238"]:has([style*="url("]) .active{color:#fff!important}
.inner-dark .bg-brand-dark:has([style*="url("]) .text-warning,.inner-dark [style*="263238"]:has([style*="url("]) .text-warning,.inner-dark [style*="263238"]:has([style*="url("]) a{color:var(--brand2)!important}
.inner-dark .bg-brand-dark:not(:has([style*="url("])),.inner-dark [style*="263238"]:not(:has([style*="url("])),.inner-dark .bg-gray-900,.inner-dark .bg-gray-800,.inner-dark .bg-slate-900,.inner-dark .bg-slate-800,.inner-dark .bg-dark{background:var(--bg2)!important;border-color:var(--line)!important}
.inner-dark .bg-brand-dark:not(:has([style*="url("])) *,.inner-dark [style*="263238"]:not(:has([style*="url("])) *,.inner-dark .bg-gray-900 *,.inner-dark .bg-gray-800 *,.inner-dark .bg-slate-900 *,.inner-dark .bg-slate-800 *,.inner-dark .bg-dark *{color:var(--ink2)!important}
.inner-dark .bg-brand-dark:not(:has([style*="url("])) h1,.inner-dark .bg-brand-dark:not(:has([style*="url("])) h2,.inner-dark .bg-brand-dark:not(:has([style*="url("])) h3,.inner-dark [style*="263238"]:not(:has([style*="url("])) h1,.inner-dark .bg-gray-900 h1,.inner-dark .bg-gray-900 h2,.inner-dark .bg-gray-900 h3{color:var(--ink)!important}
.inner-dark [class*="text-orange"]{color:var(--brand)!important}
.inner-dark .bg-brand-dark h1,.inner-dark .bg-brand-dark h2,.inner-dark .bg-brand-dark h3,.inner-dark .bg-brand-dark h4,.inner-dark .bg-brand-dark h5,.inner-dark .bg-brand-dark strong{color:var(--ink)!important}
.inner-dark .bg-brand-dark .text-brand-yellow,.inner-dark .bg-brand-dark .text-warning,.inner-dark .bg-brand-dark [class*="text-brand"]{color:var(--brand2)!important}