/*
Theme Name: Özkaynak Yapı Dekor
Theme URI: https://ozkaynakyapidekor.com/
Author: Antigravity
Author URI: https://ozkaynakyapidekor.com/
Description: Özkaynak Yapı Dekorasyon ve Mimarlık için Tailwind CSS, Manrope ve Font Awesome tabanlı modern kurumsal WordPress teması.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: ozkaynakyapi
*/

/* Temel ayarlar */
html {
    scroll-behavior: smooth;
}

/* ==========================================================================
   Header Dinamik Tema Renkleri (Hero Üzeri Beyaz / Hero Harici Siyah)
   ========================================================================== */

/* Ortak Geçişler */
#site-header {
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), 
                background-color 0.3s ease, 
                box-shadow 0.3s ease;
}

#site-header .logo-title,
#site-header .logo-subtitle,
#site-header #site-navigation a,
#site-header #header-contact-btn,
#site-header #mobile-menu-toggle {
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}

/* 1. Header Hero Üzerindeyken (Saydam Arka Plan & Beyaz Öğeler) */
#site-header.header-hero {
    background-color: transparent !important;
    box-shadow: none !important;
}

#site-header.header-hero .logo-title {
    color: #ffffff !important;
}

#site-header.header-hero .logo-subtitle {
    color: rgba(255, 255, 255, 0.7) !important;
}

#site-header.header-hero #site-navigation a {
    color: rgba(255, 255, 255, 0.85);
}

#site-header.header-hero #site-navigation a:hover {
    color: #ffffff;
}

#site-header.header-hero #header-contact-btn {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    backdrop-filter: blur(10px);
}

#site-header.header-hero #header-contact-btn:hover {
    background-color: #ffffff !important;
    color: #111111 !important;
    border-color: #ffffff !important;
}

#site-header.header-hero #mobile-menu-toggle {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

/* 2. Header Hero Dışındayken (Beyaz Arka Plan & Siyah Öğeler) */
#site-header.header-scrolled {
    background-color: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(16px);
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05) !important;
}

#site-header.header-scrolled .logo-title {
    color: #111111 !important;
}

#site-header.header-scrolled .logo-subtitle {
    color: #737373 !important;
}

#site-header.header-scrolled #site-navigation a {
    color: #262626 !important;
}

#site-header.header-scrolled #site-navigation a:hover {
    color: #000000 !important;
}

#site-header.header-scrolled #header-contact-btn {
    background-color: #111111 !important;
    color: #ffffff !important;
    border: 1px solid transparent !important;
}

#site-header.header-scrolled #header-contact-btn:hover {
    background-color: #262626 !important;
}

#site-header.header-scrolled #mobile-menu-toggle {
    background-color: #f5f5f5 !important;
    color: #111111 !important;
}