/*
Theme Name: Kakapo Theme
Theme URI: https://kakapo.fashion
Author: Kakapo Fashion
Author URI: https://kakapo.fashion
Description: Kakapo Fashion Quiet Luxury FSE Blok Teması (Tailwind Responsive Mimari)
Version: 1.5.0
Requires at least: 6.6
Tested up to: 6.7
Requires PHP: 8.2
Text Domain: kakapo-theme
*/

/* --- 1. Temel Sıfırlamalar ve Kutu Modeli --- */
*, *::before, *::after {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    background-color: #FCF9F5 !important;
    color: #1C1C1A !important;
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
    overflow-x: clip !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Mobilde alt navigasyon barı içeriklerin üzerine binmesin diye */
@media (max-width: 1023px) {
    body {
        padding-bottom: 64px !important;
    }
}

/* Gutenberg varsayılan link çizgilerini ve renklerini sıfırla */
a {
    color: inherit;
    text-decoration: none;
}

/* Görsel ve SVG esnekliği */
img, svg, video {
    max-width: 100%;
    height: auto;
    display: block;
}

/* --- 2. 3:4 Editoryal Portre Oranı Güvencesi --- */
.aspect-\[3\/4\] {
    aspect-ratio: 3 / 4 !important;
}

/* --- 3. Yüzen Lüks Rozet Güvencesi (Masaüstünde Asla Yayılmaz) --- */
@media (min-width: 768px) {
    .md\:right-auto {
        right: auto !important;
    }
    .md\:max-w-fit {
        max-width: fit-content !important;
        width: auto !important;
    }
}

/* --- 4. Mobil Header ve Menü Güvencesi --- */
@media (max-width: 1023px) {
    .hidden.lg\:flex {
        display: none !important;
    }
}

@media (max-width: 1279px) {
    .hidden.xl\:flex {
        display: none !important;
    }
}

@media (min-width: 1024px) {
    .lg\:hidden {
        display: none !important;
    }
}

/* --- 5. WordPress Admin Bar Hizalaması (Yönetici Girişinde Logo Kesilmesin) --- */
body.admin-bar header.fixed {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar header.fixed {
        top: 46px !important;
    }
}