/* ==========================================================================
   Özkan Özel Gayrimenkul — marka paleti override (besiktassatilikvilla)
   navy #00357a (birincil/aksan) · altın #C8A24B (aksan) · WhatsApp yeşili #25D366
   En son yüklenir; temanın var(--thm-base) tabanlı kırmızı/turuncu aksanını
   navy'ye çeker. --thm-base tüm buton/link/başlık aksanlarında kullanılır.
   ========================================================================== */
:root{
  --thm-base:#00357a;
  --thm-base-rgb:0,53,122;
  --thm-primary:#002456;
  --thm-primary-rgb:0,36,86;

  /* marka yardımcı değişkenleri (özel bölümlerde kullanılır) */
  --ozo-navy:#00357a;
  --ozo-navy-dark:#002456;
  --ozo-gold:#C8A24B;
  --ozo-neutral:#D9D9D9;
  --ozo-wa:#25D366;
}

/* Altın vurgu yardımcı sınıfları (yeni içerik bölümleri için) */
.ozo-gold{color:var(--ozo-gold)!important}
.ozo-bg-navy{background-color:var(--ozo-navy)!important;color:#fff}
.ozo-bg-gold{background-color:var(--ozo-gold)!important}

/* ==========================================================================
   Header üst bandı: kurumsal lacivert (eski #32344b yerine)
   ========================================================================== */
.header-top-style3{background-color:#00357a!important}

/* ==========================================================================
   Logo Transition Animation (CSS-only, sonsuz döngü + blur crossfade)
   besiktasticari kalıbı. 1. kare: beyaz yazı logosu, 2. kare: amblem.
   Lacivert header üzerinde çalışsın diye wordmark BEYAZ versiyondur.
   ========================================================================== */
.logo-anim{
  position:relative;
  display:inline-block!important;
  vertical-align:middle;
  height:62px;            /* header logo boyutunu sabitle */
  line-height:0;
}
.logo-anim .logo-img{
  height:100%;
  width:auto;
  max-width:none;
  will-change:opacity, filter, transform;
}
.logo-anim .logo-img.logo-first{
  display:block;
  animation:logoLoopFirst 7s ease-in-out infinite;
}
.logo-anim .logo-img.logo-second{
  position:absolute;
  top:0; bottom:0; left:0;
  margin:auto 0;          /* dikey ortala */
  height:118%;            /* amblem hafif büyük ama header'ı taşırmasın */
  width:auto;
  opacity:0;
  transform-origin:left center;
  animation:logoLoopSecond 7s ease-in-out infinite;
}
/* yazı logosu: başta ve sonda görünür -> sonsuz döngü */
@keyframes logoLoopFirst{
  0%,  42%{opacity:1; filter:blur(0);    transform:scale(1)}
  50%, 92%{opacity:0; filter:blur(12px); transform:scale(1.06)}
  100%    {opacity:1; filter:blur(0);    transform:scale(1)}
}
/* amblem: ortada blur'lu gelir, sonra tekrar çıkar -> döngü */
@keyframes logoLoopSecond{
  0%,  42%{opacity:0; filter:blur(12px); transform:scale(1.06)}
  50%, 92%{opacity:1; filter:blur(0);    transform:scale(1)}
  100%    {opacity:0; filter:blur(12px); transform:scale(1.06)}
}
@media (max-width:991px){ .logo-anim{height:46px} }
@media (prefers-reduced-motion:reduce){
  .logo-anim .logo-img.logo-first{animation:none;opacity:1;filter:none;transform:none}
  .logo-anim .logo-img.logo-second{animation:none;opacity:0}
}

/* Mobil menü paneli siyah zeminli -> beyaz wordmark; boyutu sınırla */
.mobile-menu .nav-logo img{max-width:190px;height:auto}

/* ==========================================================================
   İletişim formu anti-spam: honeypot alanı ekranda ve okuyucularda gizli
   ========================================================================== */
.ozo-hp{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.ozo-recaptcha-note{margin-top:14px;font-size:12.5px;color:#8a93a6;line-height:1.6}
.ozo-recaptcha-note a{color:#00357a;text-decoration:underline}

/* ==========================================================================
   Anasayfa: "KİRALARIZ/SATARIZ + değer kutuları" — orijinal tasarım:
   iki panel de hero'nun altına -70px ile HİZALI biner (kullanıcı onayı).
   ========================================================================== */
.features-style1-content,
.essentials-content-box{margin-top:-25px!important}
/* Duyuru kuşağı: slider-box dışına alındı; slider alt kenarına BİNSİN (yarısı altta) */
.main-slider-style3{overflow:visible!important}
.main-slider-style3__bottom-content{bottom:-28px!important;transform:none!important;z-index:6!important}

/* Sol "Takip edin" dikey şeridi kurumsal navy (eski #32344b / near-black yerine) */
.main-slider-style3__outer-content{background-color:#00357a!important}
.main-slider-style3__outer-content:before{background-color:#002456!important}

/* Logo kuşağı ile slider/breadcrumb arasındaki beyaz boşluğu azalt (tema margin-top:100px) */
.main-slider-style3,
.breadcrumb-style3-area{margin-top:0!important}

/* Header'daki Blog / Popüler Yerler butonlarının ok ikonu metinle aynı renk olsun
   (tema navy yapıyordu, navy zeminde görünmüyordu) -> currentColor: normalde beyaz, hover'da koyu */
.header-top-style3-right__btn a i:before{color:currentColor!important}
/* Header-top butonları: hover'da zemin navy oluyor (btn-one override) -> metin+ok BEYAZ kalsın (okunur) */
.header-top-style3-right__btn a:hover,
.header-top-style3-right__btn a:hover .txt,
.header-top-style3-right__btn a:hover .txt i:before{color:#ffffff!important}

/* ==========================================================================
   Butonlar: SİYAH yerine kurumsal NAVY; metin + ikon BEYAZ (kullanıcı isteği)
   style3/style4 tema siyahıydı; btn-one hover slide'ı da siyahtı -> navy.
   ========================================================================== */
.btn-one--style3,
.btn-one--style4{background-color:#00357a!important;color:#fff!important}
.btn-one--style4 i:before{color:#fff!important}
.btn-one--style4:hover,
.btn-one--style3:hover{color:#fff!important}
/* btn-one hover kayan zemin: siyah -> koyu navy */
.btn-one:before,.btn-one:after{background-color:#002456!important}

/* ==========================================================================
   Sticky header (scroll'da beliren üst şerit): yarı saydamdı (0.98) -> altındaki
   içerik geçip "bozuk" görünüyordu. Tam opak beyaz + hafif gölge + üstte kalsın.
   ========================================================================== */
.sticky-header{background:#ffffff!important;box-shadow:0 6px 24px rgba(0,20,60,.12)!important;z-index:999!important}
/* Sticky menü: 7 öğe tek satıra sığsın -> öğe aralığı + font küçült */
.sticky-header .main-menu .navigation>li{margin-right:16px!important}
.sticky-header .main-menu .navigation>li>a{font-size:15px!important}
@media (min-width:992px) and (max-width:1300px){
  .sticky-header .main-menu .navigation>li{margin-right:11px!important}
  .sticky-header .main-menu .navigation>li>a{font-size:14px!important}
}

/* ==========================================================================
   Hero CTA butonları: marka renkleri. Birincil=navy+beyaz, ikincil=altın+navy.
   Metin ve ok ikonu zeminle uyumlu.
   ========================================================================== */
.btn-one.ozo-hero-navy{background-color:#00357a!important;color:#fff!important}
.btn-one.ozo-hero-navy .txt,.btn-one.ozo-hero-navy .icon-right-arrow-1:before{color:#fff!important}
.btn-one.ozo-hero-gray{background-color:#D9D9D9!important;color:#002456!important}
.btn-one.ozo-hero-gray .txt,.btn-one.ozo-hero-gray .icon-right-arrow-1:before{color:#002456!important}
.btn-one.ozo-hero-navy:before,.btn-one.ozo-hero-navy:after{background-color:#002456!important}
.btn-one.ozo-hero-gray:before,.btn-one.ozo-hero-gray:after{background-color:#b9bec7!important}

/* ==========================================================================
   Hero slider yüksekliği: tema 206/260px padding -> daha uzun (masaüstü).
   Görsel background cover olduğu için kalite düşmez, daha fazlası görünür.
   ========================================================================== */
@media (min-width:992px){
  .main-slider-style3 .slide{padding-top:285px!important;padding-bottom:335px!important}
}

/* Tam-genişlik (full-bleed) bölümlerin yatay kaydırma yapmaması için güvence */
.boxed_wrapper{overflow-x:hidden}

/* ==========================================================================
   Hizmet marketplace kartları: tema grisi (#f1f1f1) -> BEYAZ + yumuşak gölge
   (demo "Most Popular Categories" görünümü). Açık zeminde kartlar öne çıksın.
   ========================================================================== */
.single-categories-box{background:#ffffff!important;border:1px solid #eef1f7!important;box-shadow:0 12px 30px rgba(0,30,80,.06)!important}
.single-categories-box:hover{box-shadow:0 20px 44px rgba(0,30,80,.13)!important;border-color:#00357a!important;transform:translateY(-3px)}
.single-categories-box .text h3 a{color:#12244a}
.single-categories-box .text p{color:#7a8699}

/* Alt sayfa beyaz şerit düzeltmesi: makale alt boşluğu footer griyle birleşsin */
.ozo-article{padding-bottom:0!important}

/* BEYAZ-SERIT-BODY: alt sayfa bölüm boşlukları beyaz yerine açık gri (iletisim vb. genel) */
body{background:#eef1f6!important}

/* SIDEBAR-SOCIAL-FIX: sidebar sosyal ikonları temiz navy buton */
.thm-social-link1 .social-box{display:flex;gap:10px;flex-wrap:wrap;padding:0;margin:6px 0 0;list-style:none}
.thm-social-link1 .social-box li{margin:0;padding:0;background:none!important}
.thm-social-link1 .social-box li a{width:42px;height:42px;border-radius:10px;background:#00357a!important;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;transition:.2s;font-size:17px}
.thm-social-link1 .social-box li a:hover{background:#C8A24B!important;color:#002456!important;transform:translateY(-2px)}
.thm-social-link1 .social-box li a i{color:inherit!important}

/* ALT-SAYFA-KUSAK-FIX: içerik bölümleri body ile aynı ton, açık kuşak görünmesin */
.main-contact-form-style2-area, .main-contact-form-style2-area .occ{background:#eef1f6!important}
.breadcrumb-style3-area{margin:0!important}
.ozo-about{background:#eef1f6!important}