/* ============================================================
   GOLD TEMA — Anasayfa (krem/altin luks gorunum)
   main.css'ten SONRA yuklenir, yesil hero'yu krem/altina cevirir.
   ============================================================ */

:root{
   --gold:#ba9765;
   --gold-2:#8a7044;
   --gold-soft:#e9d2a4;
   --krem:#fbf6ec;
   --krem-2:#f3e8d4;
   --metin:#5a4a30;
   --krem-sayfa:#efe4cf; /* REVIZE: eski beyaz sayfa/zemin -> krem */
   --krem-kart:#f8f1e2;  /* REVIZE: eski beyaz kartlar -> acik krem (sayfadan ayrissin) */
}

/* --- Hero arka plani: acik krem -> DAHA KOYU KREM (revize) --- */
.sliderWrap{
   background-color: #ecdcbb !important;
   background-image:
      radial-gradient(58% 68% at 90% 44%, rgba(206,164,90,.92) 0%, rgba(206,164,90,0) 58%),
      linear-gradient(115deg, #f3e6cb 0%, #ecdcbb 52%, #ddc99e 100%) !important;
}

/* --- REVIZE: beyaz zeminler -> krem --- */
body{ background: var(--krem-sayfa) !important; }
footer section.alt{ background: var(--krem-sayfa) !important; }
/* Beyaz icerik kartlari/listeleri -> acik krem */
.katOverview .katKart,
.katIcerikGrid .kig-kart,
.blogListe.genelListe li a,
.soruCevap.genelListe li,
.genelListe.media.belge li a{ background: var(--krem-kart) !important; }

/* --- REVIZE: Ic sayfa baslik bandi (Hakkimda vb.) belirgin GOLD -> icerik kremiyle NET koyu/acik ayrim (kavisli kenar okunsun) --- */
.sliderWrap.katWrap{
   background-color:#e6cf9f !important;
   background-image: linear-gradient(120deg, #efdcb0 0%, #e4cd97 55%, #d8bf86 100%) !important;
}
.sliderWrap.katWrap .katResim .kapsa h1,
.sliderWrap.katWrap .katResim .kapsa strong{ color:#6f5626 !important; }

/* Foto arkasindaki mavi/teal yaylari (sl-ciz.png) kaldir */
.slider ul li .kapsa .resmi:after{ display:none !important; }

/* Hero alti: oval beyaz kavisi kaldir, DUZ cizgi olarak bitsin (anasayfa; hizmetler hero'su etkilenmez) */
.sliderWrap:not(.katWrap):after{ display:none !important; }
@media (min-width: 1171px){
   .sliderWrap:not(.katWrap){ height:100vh !important; }
}

/* Hakkimda bolumu: eski oval kavise gore -110px ile yukari cekiliyordu; oval kalkinca
   gold hero ile cakisiyordu. Beyaz alanda, hero'nun altinda duzgun boslukla otursun. */
.kurumsal{ margin-top: 50px !important; }

/* --- Hizmet & kategori kart gorselleri: TUM kirilimlarda 3:2 + cover (mobil/web ayni, uniform) --- */
.katOverview .katKartResim,
.katIcerikGrid .kig-resim{
   height: auto !important;
   aspect-ratio: 3 / 2 !important;
   background-size: cover !important;
   background-repeat: no-repeat !important;
   background-position: center !important;
}

/* --- Hero metni --- */
.slider ul li .kapsa .yazisi{ max-width: 52%; }
.slider ul li .kapsa .yazisi strong{ color:#3c3526; }
.slider ul li .kapsa .yazisi .hero-alt{
   max-width: 440px;
   margin: 20px 0 4px;
   font-size: 20px;
   line-height: 1.65;
   font-weight: 400;
   color: var(--metin);
}

/* --- Foto: altin daire + hale --- */
.slider ul li .kapsa .resmi{ z-index: 5; }
.slider ul li .kapsa .resmi:before{
   content:"";
   position:absolute;
   left:50%; top:46%;
   transform: translate(-50%,-50%);
   width: 116%;
   aspect-ratio: 1/1;
   border-radius: 50%;
   background: radial-gradient(circle at 50% 38%, rgba(247,230,180,.55) 0%, rgba(214,176,104,.20) 55%, rgba(214,176,104,0) 70%);
   box-shadow: inset 0 0 0 7px #d8b878, inset 0 0 0 9px rgba(255,255,255,.45), 0 26px 55px -18px rgba(170,120,40,.45);
   z-index:-2;
}

/* --- Uzmanlik rozeti (altin yuvarlak) --- */
.uzmanlikRozet{
   position:absolute;
   right:-6px; bottom:48px;
   width:132px; height:132px;
   border-radius:50%;
   background: radial-gradient(circle at 50% 28%, #e3c481 0%, #c2a063 55%, #ab8b52 100%);
   color:#fff;
   display:flex; flex-direction:column; align-items:center; justify-content:center;
   text-align:center; line-height:1.2;
   box-shadow: 0 14px 34px -10px rgba(150,110,40,.55), inset 0 0 0 4px rgba(255,255,255,.18);
   z-index:60;
}
.uzmanlikRozet .kron{ font-size:18px; margin-bottom:2px; opacity:.95; }
.uzmanlikRozet strong{ font-size:14px; font-weight:600; letter-spacing:1px; }
.uzmanlikRozet em{ font-size:19px; font-weight:700; font-style:normal; letter-spacing:1.5px; margin:1px 0; }
.uzmanlikRozet span{ font-size:11.5px; font-weight:500; letter-spacing:1.2px; }

/* --- Header: yesil/teal menubg gorselini kaldir (gold hero arkadan gorunur) --- */
header{ background: none !important; }
/* Iletisim arkasindaki dekoratif blob (iletbg.png) kaldir */
header .iletisim:after{ display: none !important; }

/* --- REVIZE: Anasayfa logosunu aydinlatma/golge ile one cikar --- */
body[data-role="anasayfa"] header .logo img{
   filter: drop-shadow(0 0 15px rgba(255,247,220,.95))
           drop-shadow(0 5px 10px rgba(120,88,28,.4)) !important;
}

/* --- Footer: yesil orman gorseli (altbg.jpg) -> zengin/parlak altin (duz/mat degil) --- */
footer section.ust{
   background-color: #e0cca2 !important;
   background-image:
      radial-gradient(100% 160% at 14% -20%, rgba(255,252,246,.85) 0%, rgba(255,252,246,0) 55%),
      linear-gradient(150deg, #f5ebd8 0%, #e6d0a8 50%, #d2b889 100%) !important;
}

/* --- REVIZE: Sosyal medya ikonlari 1.5x --- */
/* ikonlar buyuyunce absolute .sosyal (bottom:-30) mail'e yapisiyordu; asagi itip bosluk birak */
header .iletisim .sosyal{ bottom:-46px !important; }
header .iletisim .sosyal a{ font-size:30px !important; line-height:30px !important; }           /* 20 -> 30 */
footer section .sosyal a{ width:75px !important; height:75px !important; font-size:28px !important; line-height:33px !important; } /* 50/19 -> 75/28 */
.bizeUlasin .sagK .sosyalBar a i{ font-size:42px !important; }                                    /* 28 -> 42 */

/* --- REVIZE: Hero ozellikleri footer'a tasindi (gold zeminde krem daireli rozetler) --- */
footer section.ust .footerOz{
   width:100%; box-sizing:border-box;
   display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start;
   gap:24px 48px; padding:4px 0 32px; margin-bottom:40px;
   border-bottom:1px solid rgba(90,60,20,.20);
}
footer section.ust .footerOz .ozItem{
   display:flex; flex-direction:column; align-items:center; text-align:center; width:150px;
}
footer section.ust .footerOz .ozIcon{
   width:68px; height:68px; border-radius:50%;
   background:rgba(255,252,244,.9);
   display:flex; align-items:center; justify-content:center;
   box-shadow:0 8px 20px -9px rgba(120,90,30,.55), inset 0 0 0 1px rgba(255,255,255,.65);
   margin-bottom:14px;
}
footer section.ust .footerOz .ozIcon svg{ width:34px; height:34px; display:block; filter:drop-shadow(0 1px 2px rgba(150,110,30,.35)); }
footer section.ust .footerOz h4{
   font-size:14px; line-height:1.35; letter-spacing:.5px;
   text-transform:uppercase; font-weight:600; color:#4a3d20; margin:0;
}
@media (max-width:768px){
   footer section.ust .footerOz{ gap:22px 20px; margin-bottom:28px; }
   footer section.ust .footerOz .ozItem{ width:44%; }
   footer section.ust .footerOz .ozIcon{ width:60px; height:60px; }
   footer section.ust .footerOz .ozIcon svg{ width:30px; height:30px; }
   footer section.ust .footerOz h4{ font-size:12.5px; }
}

/* --- Ozellik ikonlari: HERO icinde, "Daha Fazla Bilgi" butonunun ALTINDA --- */
.slider ul li .kapsa .yazisi .heroOz{
   display:flex; flex-wrap:wrap; gap:20px 26px;
   margin-top:34px; max-width:580px;
}
.slider ul li .kapsa .yazisi .heroOz .ozItem{
   display:flex; flex-direction:column; align-items:center; text-align:center; width:120px;
}
.slider ul li .kapsa .yazisi .heroOz .ozIcon{
   display:flex; align-items:center; justify-content:center;
   background:none; border:0; box-shadow:none;
   margin-bottom:12px;
}
.slider ul li .kapsa .yazisi .heroOz .ozIcon svg{ width:52px; height:52px; display:block; filter: drop-shadow(0 2px 3px rgba(160,115,30,.4)); }
.slider ul li .kapsa .yazisi .heroOz h4{
   font-size:13.5px; line-height:1.35; letter-spacing:.6px;
   text-transform:uppercase; font-weight:600; color: var(--metin); margin:0;
}

/* --- Responsive --- */
@media (max-width: 992px){
   .slider ul li .kapsa .yazisi{ max-width: 100%; }
   .uzmanlikRozet{ width:108px; height:108px; right:0; bottom:30px; }
   .uzmanlikRozet em{ font-size:17px; }
}
@media (max-width: 768px){
   .slider ul li .kapsa .yazisi .heroOz{ gap:16px 18px; margin-top:26px; max-width:100%; }
   .slider ul li .kapsa .yazisi .heroOz .ozItem{ width:46%; }
   .slider ul li .kapsa .yazisi .hero-alt{ font-size:18px; max-width:100%; }
}
@media (max-width: 480px){
   .slider ul li .kapsa .yazisi .heroOz .ozIcon svg{ width:44px; height:44px; }
   .slider ul li .kapsa .yazisi .heroOz h4{ font-size:13px; }
}

/* ===== MOBIL/TABLET HERO (<=1170px): DIKEY ISTIFLE (foto ustte, icerik altta) =====
   Slider JS'i .sliderWrap'e winH (tam ekran) yuksekligi veriyordu; burada eziyoruz. */
@media (max-width: 1170px){
   .sliderWrap:not(.katWrap){ height:auto !important; min-height:0 !important; }
   .slider{ position:static !important; height:auto !important; }
   .slider > ul{ position:static !important; height:auto !important; }
   .slider > ul > li{ position:static !important; height:auto !important; display:block !important; }
   .slider ul li:not(:first-child){ display:none !important; } /* mobilde tek slide */

   .slider ul li .kapsa{
      position:static !important; top:auto !important; left:auto !important;
      width:100% !important; height:auto !important;
      display:flex !important; flex-direction:column !important; align-items:center !important;
      padding:34px 22px 54px !important;
   }
   /* foto ustte */
   .slider ul li .kapsa .resmi{
      position:static !important; right:auto !important; order:-1;
      width:280px !important; max-width:74% !important; height:auto !important; margin:0 auto 30px !important;
   }
   .slider ul li .kapsa .resmi img{
      width:100% !important; height:auto !important; max-height:none !important;
      border-radius:14px !important; box-shadow:none !important;
   }
   .slider ul li .kapsa .resmi:before{ display:none !important; }
   /* metin altta, koyu (gold zemin uzerinde okunur) */
   .slider ul li .kapsa .yazisi{
      position:static !important; width:100% !important; align-items:center !important; text-align:center !important; margin:0 !important;
   }
   .slider ul li .kapsa .yazisi strong{
      color:#3c3526 !important; text-shadow:none !important; font-size:42px !important; line-height:1.08 !important;
      align-items:center !important; justify-content:center !important;
   }
   .slider ul li .kapsa .yazisi .hero-alt{
      color:#5a4a30 !important; text-shadow:none !important; text-align:center !important; max-width:92% !important; margin:16px auto 0 !important;
   }
   .slider ul li .kapsa .yazisi a{ display:inline-block !important; margin-top:24px !important; }
   /* ikonlar gorunsun: altta 2x2, ortali */
   .slider ul li .kapsa .yazisi .heroOz{ display:flex !important; justify-content:center !important; gap:20px 24px !important; margin:32px auto 0 !important; max-width:360px !important; }
   .slider ul li .kapsa .yazisi .heroOz .ozItem{ width:42% !important; max-width:150px !important; }
}
