/* ===================================================================
   Karadağ Nikah Şekerleri — Açık & Zarif Tema (mavi + altın)
   F1 temasının üzerine yüklenen marka skini. En son yüklenir.
   =================================================================== */
:root{
  --ink:#2f3542; --navy:#0f3d6e; --navy-d:#0a2c50; --blue:#1c6fb4; --azure:#3aa0e0;
  --gold:#bf962f; --gold-d:#a97f22; --gold-soft:#e6c667;
  --cream:#fbf8f2; --card:#ffffff; --line:#ece5d8; --muted:#5c6270;
}

/* Sayfa zemini — açık/krem */
html, body, #page{ background:var(--cream) !important; }
body{ background-image:none !important; color:var(--ink); }

/* Başlıklar & metin */
.main-container{ color:var(--ink); }
.main-container h1,.main-container h2,.main-container h3,.main-container h4{ color:var(--navy) !important; }
.with-breaker span{ color:var(--gold) !important; font-style:italic; }
.with-breaker:before{ background:linear-gradient(90deg,var(--gold-soft),var(--gold)) !important; height:2px; }

/* Linkler & butonlar */
.main-container a{ color:var(--blue); }
.main-container a:hover{ color:var(--gold-d); }
.main-container .btn, .widget a.btn.btn-default{
  background:var(--navy) !important; color:#fff !important;
  border:1px solid var(--navy) !important; border-radius:3px; letter-spacing:1px; transition:.25s ease;
}
.main-container .btn:hover, .widget a.btn.btn-default:hover{
  background:var(--gold) !important; border-color:var(--gold) !important; color:#fff !important; opacity:1 !important;
}
.main-container .btn i{ color:inherit; }

/* HERO — beyaz yazı için lacivert scrim */
#shade{ background:linear-gradient(to bottom, rgba(9,28,51,.74) 0%, rgba(9,28,51,.46) 42%, rgba(9,28,51,.18) 72%, rgba(9,28,51,0) 100%) !important; }
#header, #header a{ color:#fff; }
#top-navigation ul li, #top-navigation ul li a{ color:#fff; }
#ticker h4{ color:var(--gold-soft) !important; letter-spacing:2px; text-transform:uppercase; }
#ticker-text ul li{ color:#fff !important; text-shadow:0 2px 20px rgba(0,0,0,.5); }
#navigation ul li a{ color:#fff; }
#navigation ul li.current-menu-item a, #navigation ul li a:hover, #navigation ul li a:hover:after{ color:var(--gold-soft) !important; }
#navigation ul li a:after{ background:var(--gold-soft) !important; }
.navigation-slider-container a, #scroll-bottom a{ color:#fff; }
#scroll-top{ color:#fff !important; background:var(--navy) !important; border:0 !important; border-radius:8px !important; padding:4px 13px !important; box-shadow:0 6px 16px rgba(15,61,110,.35) !important; }
#scroll-top:hover{ background:var(--gold) !important; color:#fff !important; }

/* Sabit (kaydırınca) menü — beyaz zemin */
#navigation.navigation-fixed{ background:#fff !important; box-shadow:0 2px 16px rgba(15,61,110,.10); }
#navigation.navigation-fixed ul li a{ color:var(--navy) !important; }
#navigation.navigation-fixed ul li.current-menu-item a, #navigation.navigation-fixed ul li a:hover{ color:var(--gold-d) !important; }
#navigation.navigation-fixed a#logo-navigation{
  background-image:url("../upload/logo.png") !important; background-size:contain !important;
  background-repeat:no-repeat !important; background-position:center !important;
  height:46px !important; top:5px !important; width:160px !important;
}

/* Logo (hero menüsü) */
a#logo-navigation span{ display:none !important; }

/* Özellik kutuları */
.skills{ border-collapse:separate; border-spacing:14px; }
.skill{ border:1px solid var(--line) !important; background:var(--card) !important; border-radius:10px; transition:.3s ease; }
.skill h4{ color:var(--navy) !important; }
.skill h4 i.fa{ color:var(--gold) !important; margin-right:10px; }
.skill p{ color:var(--muted) !important; }
.skill:hover{ box-shadow:0 12px 34px rgba(15,61,110,.09); transform:translateY(-3px); }
.skill:hover h4, .skill:hover p{ color:var(--navy) !important; }

/* Galeri kartları — kare (ürün foto'ları kare) */
#portfolio-container figure{ aspect-ratio:1/1 !important; background:#efe9df !important; border:1px solid var(--line); border-radius:10px; }
@media (max-width:575px){ #portfolio-container figure{ aspect-ratio:1/1 !important; } }
#portfolio-container figure figcaption h4{ color:#fff !important; }
#portfolio-container figure.video-item{ background:#0a2c50 !important; }

/* CTA bandı */
.custom-section-container{ background:linear-gradient(120deg,var(--navy) 0%, var(--blue) 100%) !important; border-radius:12px; color:#fff; }
.custom-section-container .container:before{ color:#fff; opacity:.16; }
.custom-section-text{ border-right:1px solid rgba(255,255,255,.35) !important; }
.custom-section-text h2{ color:#fff !important; }
.custom-section-text p{ color:#fff !important; opacity:.85; }
.main-container .custom-section-buttons a.btn{ background:transparent !important; border:1px solid #fff !important; color:#fff !important; }
.main-container .custom-section-buttons a.btn:hover{ background:#fff !important; color:var(--navy) !important; }

/* İletişim kutuları — marka renkli, beyaz yazı */
.contact-box{ color:#fff !important; border-radius:12px; overflow:hidden; }
.contact-box h2, .contact-box p{ color:#fff !important; }
.contact-box.contact-box-email{ background:linear-gradient(135deg,var(--navy),var(--navy-d)) !important; }
.contact-box.contact-box-skype{ background:linear-gradient(135deg,var(--blue),var(--navy)) !important; }
.contact-box.contact-box-twitter{ background:linear-gradient(135deg,var(--gold),var(--gold-d)) !important; }
.contact-boxes{ border-spacing:14px; border-collapse:separate; }
.contact-box a.btn.btn-default{ background:rgba(255,255,255,.16) !important; border:1px solid rgba(255,255,255,.75) !important; color:#fff !important; }
.contact-box a.btn.btn-default:hover{ background:#fff !important; color:var(--navy) !important; }

/* FOOTER — açık ve zarif */
#footer{ background:#f4efe4 !important; background-image:none !important; color:var(--ink) !important; border-top:3px solid var(--gold); }
#footer:before{ display:none !important; }
#footer a{ color:var(--blue) !important; }
#footer a:hover{ color:var(--gold-d) !important; opacity:1 !important; }
#footer h4{ color:var(--navy) !important; }
#footer p, #footer li, #footer .contact-informations li{ color:var(--muted) !important; }
#footer .contact-informations li:before{ color:var(--gold) !important; }
#footer #footer-logo{ max-width:190px; height:auto; }
#footer .widget a.btn.btn-default{ background:var(--navy) !important; color:#fff !important; border-color:var(--navy) !important; margin-top:6px; }
#footer .widget a.btn.btn-default:hover{ background:var(--gold) !important; border-color:var(--gold) !important; }
#copyright{ background:transparent !important; border-top:1px solid var(--line); color:#8a8f99 !important; padding:16px 0 !important; }
#copyright a{ color:var(--gold-d) !important; }

/* Hakkımızda dropcap */
.main-container .dropcap{ color:var(--gold) !important; }

/* ============ RESPONSIVE / MOBIL DUZELTMELERI (Karadag) ============ */
img{ max-width:100%; height:auto; }
@media (max-width: 991px){
  #portfolio-container{ grid-template-columns:repeat(2,1fr) !important; gap:10px; }
  #ticker-text ul li{ font-size:3em; }
}
@media (max-width: 767px){
  #ticker{ top:32%; padding:0 10px; width:100%; }
  #ticker h1.with-breaker, #ticker h4{ font-size:1em !important; letter-spacing:1px; }
  #ticker-text ul li{ font-size:1.9em !important; padding:0 8px; letter-spacing:0; line-height:1.15; }
  #header.big{ min-height:80vh; }
  body.ic-sayfa #header.big{ min-height:44vh; height:44vh; }
  .skills, .skills tbody, .skills tr{ display:block !important; width:100% !important; }
  .skills{ border-spacing:0 !important; }
  .skill{ display:block !important; width:100% !important; margin:0 0 14px !important; box-sizing:border-box; }
  .contact-boxes{ display:block !important; }
  .contact-box{ display:block !important; width:100% !important; margin:0 0 14px !important; box-sizing:border-box; }
  .custom-section-text, .custom-section-buttons{ width:100% !important; float:none !important; }
  .custom-section-text{ border-right:0 !important; padding-right:0 !important; text-align:center; margin-bottom:18px; }
  .custom-section-buttons{ text-align:center; }
  #footer{ padding-top:40px; text-align:center; }
  #footer .widget{ margin-bottom:26px; float:none; }
  #footer #footer-logo{ margin:0 auto 10px; display:block; }
  #footer .contact-informations{ padding:0; list-style:none; }
  #copyright{ text-align:center; padding:14px 10px !important; }
  #portfolio-container{ grid-template-columns:repeat(2,1fr) !important; gap:8px; padding:0 8px; }
  .main-container h2{ font-size:1.5em; }
  .main-container .btn{ padding:12px 20px; }
}
@media (max-width: 430px){
  #ticker-text ul li{ font-size:1.5em !important; }
  #portfolio-container{ grid-template-columns:1fr !important; }
}

/* ===== MOBIL-NAV-BLOCK: logo varyanti + JS'siz mobil menu ===== */
a#logo-navigation{ background-image:url("../upload/logo-white.png") !important; }
#navigation.navigation-fixed a#logo-navigation{ background-image:url("../upload/logo.png") !important; }

@media (max-width: 992px){
  #header.big{ min-height:70vh !important; }
  #ticker{ top:40% !important; }
  #ticker h1.with-breaker{ font-size:.95em !important; }
  #ticker-text ul li{ font-size:1em !important; line-height:1.25 !important; padding:0 8px !important; }
}
@media (max-width: 430px){
  #ticker-text ul li{ font-size:0.85em !important; }
  #navigation ul li a{ font-size:12px !important; }
}

/* ===== DESKTOP-FIXED-NAV: scroll ile gelen sabit menu kompakt + koyu logo ===== */
@media (min-width: 993px){
  #navigation.navigation-fixed{ height:60px !important; }
  #navigation.navigation-fixed a#logo-navigation{
    background-image:url("../upload/logo.png") !important; height:44px !important; top:8px !important;
    background-size:contain !important; background-position:center !important; background-repeat:no-repeat !important;
  }
  #navigation.navigation-fixed ul li a{ color:var(--navy) !important; }
  #navigation.navigation-fixed ul li.current-menu-item a, #navigation.navigation-fixed ul li a:hover{ color:var(--gold-d) !important; }
  #navigation.navigation-fixed ul li a:after{ background:var(--gold) !important; }
}