/* ===== KEFIR AURA CUSTOM CSS ===== */

/* ── TOPBAR - İletişim bilgileri görünür ── */
.topbar {
    display: block !important;
}

/* ── NAV - Logo solda, büyük, öne çıkar ── */
.header {
    top: 34px !important;
}
@media (max-width: 768px) {
    .header { top: 0 !important; }
}

.header .container {
    flex-direction: row !important;
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
}

/* Logo büyük ve parlak */
.logo-img {
    height: 100px !important;
    filter: brightness(0) invert(1)
            drop-shadow(0 0 10px rgba(255,255,255,1.0))
            drop-shadow(0 0 24px rgba(255,255,255,0.9))
            drop-shadow(0 0 50px rgba(123,45,192,1.0)) !important;
}

.logo-wrap:hover .logo-img {
    transform: scale(1.06) !important;
}

/* ── PAGE HEADER ── */
/* Topbar(34px) + header(~110px) = ~144px */
.page-header {
    padding-top: calc(1rem + 150px) !important;
    padding-bottom: 60px !important;
}

.page-header h1 {
    font-size: 1.8rem !important;
    margin-bottom: 0.4rem !important;
    margin-top: 0 !important;
    color: #ffffff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,0.5) !important;
    position: relative !important;
    z-index: 10 !important;
}

.page-header p {
    font-size: 0.95rem !important;
    margin: 0 !important;
    color: rgba(255,255,255,0.88) !important;
    position: relative !important;
    z-index: 10 !important;
}

.page-header .container {
    position: relative !important;
    z-index: 10 !important;
}

/* ── BLOB VE KABARCIKları GIZLE ── */
.page-header::before,
.page-header::after {
    display: none !important;
}
.page-header-bubbles {
    display: none !important;
}

/* ── WAVE GÖRÜNÜR ── */
.page-header-wave {
    display: block !important;
}

/* ── SECTION BOŞLUĞU AZALT ── */
.page-header + .section,
.page-header + .section.about-section {
    padding-top: 2rem !important;
}

/* ── MOBİL ── */
@media (max-width: 768px) {
    .logo-img { height: 64px !important; }
    .page-header {
        padding-top: calc(0.75rem + 80px) !important;
        padding-bottom: 50px !important;
    }
    .page-header h1 { font-size: 1.5rem !important; }
}

/* ── FOOTER KOMPAKT + LOGO BÜYÜK ── */
.footer {
    padding: 2rem 0 0 !important;
}
.footer-inner {
    gap: 2rem !important;
    padding-bottom: 1.5rem !important;
}

/* Footer logo - büyük, parlak, prestijli */
.footer-logo-img {
    height: 100px !important;
    width: auto !important;
    margin-bottom: 1rem !important;
    filter: brightness(0) invert(1)
            drop-shadow(0 0 12px rgba(255,255,255,0.9))
            drop-shadow(0 0 30px rgba(255,255,255,0.6))
            drop-shadow(0 0 60px rgba(123,45,192,0.8)) !important;
    opacity: 1 !important;
    transition: all 0.3s ease !important;
}
.footer-logo-img:hover {
    transform: scale(1.05) !important;
    filter: brightness(0) invert(1)
            drop-shadow(0 0 16px rgba(255,255,255,1.0))
            drop-shadow(0 0 40px rgba(255,255,255,0.8))
            drop-shadow(0 0 80px rgba(123,45,192,1.0)) !important;
}

.footer-desc {
    font-size: 0.85rem !important;
    line-height: 1.5 !important;
    margin-bottom: 0.75rem !important;
}
.footer-col h4 {
    margin-bottom: 0.6rem !important;
}
.footer-links-list,
.footer-contact-list {
    gap: 0.3rem !important;
}
.footer-bottom-bar {
    padding: 0.75rem 0 !important;
}
@media (max-width: 768px) {
    .footer-inner { gap: 1.5rem !important; }
    .footer-logo-img { height: 80px !important; }
}

/* ── LOGO TOPBAR'IN ÜSTÜNDE ── */
.logo-wrap {
    position: relative !important;
    z-index: 1002 !important;
}

/* ── WAVE GEÇİŞİ TÜM SAYFALARDA ── */
/* Sertifikalar'daki gibi wave divider tüm page-header'larda */
.page-header-wave {
    display: block !important;
    position: absolute !important;
    bottom: -1px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 3 !important;
    line-height: 0 !important;
}