/* ============================================================
   custom_css.css
   /public_html/assets/css/custom_css.css

   Tüm inline <style> blokları buraya taşındı.
   header.php ve footer.php'deki ilgili <style> tagları
   kaldırılıp bu dosya <link> olarak çağrılmalıdır.
   ============================================================ */


/* ──────────────────────────────────────────────────────────
   1. FLOAT BUTTONS (WhatsApp + Callback)
   footer.php'deki inline <style> bloğundan taşındı
   ────────────────────────────────────────────────────────── */

@keyframes wa-pulse {
    0%   { box-shadow: 0 0 0 0   rgba(37,211,102,.70),
                       0 0 0 0   rgba(37,211,102,.40); transform: scale(1); }
    40%  { box-shadow: 0 0 0 10px rgba(37,211,102,.20),
                       0 0 0 20px rgba(37,211,102,.06); transform: scale(1.08); }
    70%  { box-shadow: 0 0 0 16px rgba(37,211,102,.06),
                       0 0 0 28px rgba(37,211,102,.02); transform: scale(1.04); }
    100% { box-shadow: 0 0 0 22px rgba(37,211,102,0),
                       0 0 0 34px rgba(37,211,102,0);   transform: scale(1); }
}
.whatsapp-float {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 80px;
    right: 22px;
    width: 50px;
    height: 50px;
    font-size: 1.45rem;
    background: #25D366;
    color: #fff !important;
    border-radius: 50%;
    box-shadow: 0 4px 16px rgba(37,211,102,.50);
    z-index: 999;
    text-decoration: none !important;
    animation: wa-pulse 2.2s ease-in-out infinite;
}
.whatsapp-float:hover {
    animation: none;
    transform: scale(1.15);
    box-shadow: 0 6px 22px rgba(37,211,102,.70);
    transition: transform .2s, box-shadow .2s;
}

@keyframes cb-pulse {
    0%   { box-shadow: 0 0 0 0   rgba(232,66,10,.70),
                       0 0 0 0   rgba(232,66,10,.40); transform: scale(1); }
    40%  { box-shadow: 0 0 0 10px rgba(232,66,10,.20),
                       0 0 0 20px rgba(232,66,10,.06); transform: scale(1.08); }
    70%  { box-shadow: 0 0 0 16px rgba(232,66,10,.06),
                       0 0 0 28px rgba(232,66,10,.02); transform: scale(1.04); }
    100% { box-shadow: 0 0 0 22px rgba(232,66,10,0),
                       0 0 0 34px rgba(232,66,10,0);   transform: scale(1); }
}
.callback-float {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 136px;
    right: 22px;
    width: 50px;
    height: 50px;
    font-size: 1.25rem;
    background: var(--clr-primary, #E8420A);
    color: #fff !important;
    border-radius: 50%;
    box-shadow: 0 4px 16px rgba(232,66,10,.50);
    z-index: 999;
    text-decoration: none !important;
    animation: cb-pulse 2.2s ease-in-out infinite;
    animation-delay: 1.1s;
}
.callback-float:hover {
    animation: none;
    transform: scale(1.15);
    box-shadow: 0 6px 22px rgba(232,66,10,.70);
    transition: transform .2s, box-shadow .2s;
}


/* ──────────────────────────────────────────────────────────
   2. MEGA MENU
   footer.php'nin altındaki inline <style> bloğundan taşındı
   ────────────────────────────────────────────────────────── */

.has-mega { position: relative !important; }
.has-mega > .mega-menu {
    position: absolute; top: 100%; left: 50%;
    transform: translateX(-50%) translateY(4px);
    width: min(96vw, 820px); background: #fff;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 12px 48px rgba(0,0,0,.14), 0 2px 8px rgba(0,0,0,.06);
    border: 1px solid rgba(0,0,0,.07);
    border-top: 3px solid var(--clr-primary, #E8420A);
    opacity: 0; visibility: hidden; pointer-events: none; z-index: 1100;
    transition: opacity .18s ease, transform .18s ease, visibility 0s .18s;
}
.has-mega > .mega-menu::before {
    content: ''; position: absolute; bottom: 100%;
    left: 0; right: 0; height: 20px; background: transparent;
}
.has-mega:hover > .mega-menu,
.has-mega:focus-within > .mega-menu {
    opacity: 1; visibility: visible;
    transform: translateX(-50%) translateY(0);
    pointer-events: auto;
    transition: opacity .18s ease, transform .18s ease, visibility 0s 0s;
}
.mega-menu__inner { display:flex; gap:0; padding:0; min-height:200px; }
.mega-menu__col { padding:22px 20px; flex:1; min-width:0; }
.mega-menu__col--wide { flex:2; border-right:1px solid #f0f0f0; }
.mega-menu__col--posts { flex:1.2; background:#fafafa; border-radius:0 12px 12px 0; }
.mega-menu__heading { font-size:.7rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#999; margin-bottom:14px; display:flex; align-items:center; gap:6px; }
.mega-menu__badge { background:var(--clr-primary); color:#fff; font-size:.65rem; border-radius:999px; padding:1px 7px; font-weight:700; }
.mega-menu__grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(160px,1fr)); gap:4px; margin-bottom:14px; }
.mega-menu__cat-item { display:flex; align-items:center; gap:8px; padding:8px 10px; border-radius:7px; font-size:.84rem; color:var(--clr-dark,#111); text-decoration:none; transition:background .15s,color .15s; white-space:nowrap; overflow:hidden; }
.mega-menu__cat-item:hover { background:rgba(232,66,10,.07); color:var(--clr-primary); }
.mega-menu__cat-item i { font-size:.9rem; width:16px; text-align:center; color:var(--clr-primary); flex-shrink:0; }
.mega-menu__cat-item em { margin-left:auto; font-style:normal; font-size:.7rem; color:#bbb; }
.mega-menu__link { display:flex; align-items:center; gap:10px; padding:9px 8px; border-radius:7px; font-size:.88rem; color:var(--clr-dark,#111); text-decoration:none; transition:background .15s,color .15s; }
.mega-menu__link:hover { background:rgba(232,66,10,.07); color:var(--clr-primary); }
.mega-menu__link i { width:18px; text-align:center; color:var(--clr-primary); font-size:.9rem; }
.mega-menu__count { margin-left:auto; background:#f0f0f0; border-radius:999px; padding:1px 8px; font-size:.7rem; color:#888; }
.mega-menu__all-link { display:inline-flex; align-items:center; gap:6px; margin-top:8px; font-size:.8rem; font-weight:700; color:var(--clr-primary); text-decoration:none; padding:6px 10px; border-radius:6px; border:1px solid rgba(232,66,10,.25); transition:background .15s; }
.mega-menu__all-link:hover { background:rgba(232,66,10,.07); }
.mega-menu__post { display:flex; align-items:center; gap:10px; padding:8px 6px; border-radius:7px; text-decoration:none; color:var(--clr-dark,#111); font-size:.82rem; margin-bottom:4px; transition:background .15s; line-height:1.3; }
.mega-menu__post:hover { background:rgba(232,66,10,.07); }
.mega-menu__post img,
.mega-menu__post-img-placeholder { width:42px; height:36px; border-radius:5px; object-fit:cover; flex-shrink:0; background:#e5e7eb; display:flex; align-items:center; justify-content:center; color:#bbb; font-size:.9rem; }
.dropdown__item--post { display:flex; align-items:flex-start; gap:8px; padding:9px 14px; white-space:normal; line-height:1.35; font-size:.85rem; }
.dropdown__item-icon { color:var(--clr-primary); font-size:.8rem; margin-top:2px; flex-shrink:0; }
.footer__bottom-links { display:flex; gap:16px; flex-wrap:wrap; }
.footer__bottom-links a { color:rgba(255,255,255,.45); font-size:.78rem; text-decoration:none; transition:color .2s; }
.footer__bottom-links a:hover { color:rgba(255,255,255,.85); }

@media (max-width: 900px) {
    .footer__bottom-inner { flex-direction:column; gap:8px; text-align:center; }
    .footer__bottom-links { justify-content:center; }
}
@media (max-width: 1024px) {
    .has-mega { position:static !important; }
    .has-mega > .mega-menu { position:static !important; transform:none !important; width:100%; max-width:100%; box-shadow:none; border:none; border-left:3px solid rgba(232,66,10,.4); border-radius:0; opacity:1; visibility:visible; pointer-events:auto; display:none; background:rgba(0,0,0,.2); transition:none; }
    .has-mega > .mega-menu::before { display:none; }
    .has-mega.open > .mega-menu { display:block; }
    .mega-menu__inner { flex-direction:column; }
    .mega-menu__col { padding:8px 16px; border:none !important; background:none !important; }
    .mega-menu__col--wide { border-right:none !important; }
    .mega-menu__col--posts { display:none !important; }
    .mega-menu__grid { grid-template-columns:1fr !important; }
}


/* ──────────────────────────────────────────────────────────
   3. COOKIE CONSENT BAR
   footer.php'deki inline <style> bloğundan taşındı
   (layout_cookie_bar = 1 olduğunda aktif)
   ────────────────────────────────────────────────────────── */

#cookieConsent {
    display:none; position:fixed; bottom:0; left:0; right:0;
    background:#0f172a; color:rgba(255,255,255,.88);
    z-index:9999; box-shadow:0 -4px 32px rgba(0,0,0,.35);
    border-top:3px solid var(--clr-primary);
    animation:ccSlideUp .35s cubic-bezier(.16,1,.3,1);
}
@keyframes ccSlideUp  { from{transform:translateY(100%);opacity:0} to{transform:translateY(0);opacity:1} }
@keyframes ccSlideDown{ from{transform:translateY(0);opacity:1} to{transform:translateY(100%);opacity:0} }
#cookieConsent .cc-inner { max-width:1280px; margin:0 auto; padding:20px 32px; display:flex; align-items:center; gap:32px; }
#cookieConsent .cc-text { flex:1; min-width:0; }
#cookieConsent .cc-title { font-size:.93rem; font-weight:700; margin-bottom:6px; display:flex; align-items:center; gap:8px; }
#cookieConsent .cc-desc { font-size:.77rem; line-height:1.65; color:rgba(255,255,255,.6); }
#cookieConsent .cc-desc a { color:var(--clr-primary); text-decoration:underline; text-underline-offset:2px; }
#cookieConsent .cc-actions { display:flex; flex-direction:column; gap:7px; flex-shrink:0; min-width:190px; }
#cookieConsent .cc-btn { border:none; border-radius:7px; padding:9px 16px; font-size:.77rem; font-weight:700; cursor:pointer; transition:opacity .15s,transform .1s; white-space:nowrap; text-align:center; }
#cookieConsent .cc-btn:hover { opacity:.85; transform:translateY(-1px); }
#cookieConsent .cc-btn--accept  { background:var(--clr-primary); color:#fff; }
#cookieConsent .cc-btn--reject  { background:rgba(255,255,255,.1); color:rgba(255,255,255,.82); }
#cookieConsent .cc-btn--settings{ background:transparent; color:rgba(255,255,255,.45); border:1px solid rgba(255,255,255,.15); font-weight:500; }
#cookieConsent .cc-close { position:absolute; top:10px; right:14px; background:none; border:none; color:rgba(255,255,255,.3); font-size:1rem; cursor:pointer; padding:4px; line-height:1; transition:color .15s; }
#cookieConsent .cc-close:hover { color:rgba(255,255,255,.65); }
@media(max-width:680px) {
    #cookieConsent .cc-inner   { flex-direction:column; gap:14px; padding:16px 14px 18px; }
    #cookieConsent .cc-actions { flex-direction:row; flex-wrap:wrap; min-width:0; width:100%; }
    #cookieConsent .cc-btn     { flex:1; min-width:110px; }
}