/* ==========================================================================
   Dekogranit — Ozel iyilestirmeler (tb-custom.css)
   Temel Bilisim Teknik Destek · 28.09.2026
   Tema uzerine EN SON yuklenen override katmani. Tema dosyalari degistirilmez;
   tum duzeltmeler burada toplanir (geri alinabilir).
   ========================================================================== */

:root{
  --tb-maroon:#623343;
  --tb-maroon-dark:#4d2735;
  --tb-accent:#d8b48c;
  --tb-ink:#2a2226;
}

/* ==========================================================================
   1) HEADER — KONTRAST / OKUNABILIRLIK
   Sorun: .main-header-two yari saydam (#62334391) + menu rengi #c1b8b3 soluk.
   ========================================================================== */
.main-header-two{
  background-color:var(--tb-maroon) !important;   /* solid maroon: her zaman okunur */
  box-shadow:0 2px 18px rgba(0,0,0,.12);
}
.main-menu-two .main-menu__list>li>a,
.stricky-header.main-menu-two .main-menu__list>li>a{
  color:#ffffff !important;
  opacity:1 !important;
  white-space:nowrap;                 /* 2 satira kirilmayi engelle */
}
.main-menu-two .main-menu__list>li>a:hover,
.main-menu-two .main-menu__list>li.current>a,
.main-menu-two .main-menu__list>li:hover>a,
.stricky-header.main-menu-two .main-menu__list>li>a:hover{
  color:var(--tb-accent) !important;
}
.main-menu-two__dil a{ color:#fff !important; }
.main-menu-two__call-sub-title{ color:#efe1da !important; }
.main-menu-two__call-number a{ color:#fff !important; }
.main-menu-two__call-icon span{ color:var(--tb-accent) !important; }
.main-menu-two__call-number,
.main-menu-two__call-number a{ white-space:nowrap !important; }
.main-menu-two__call-content{ min-width:130px; }

/* ==========================================================================
   2) MENU — SIGDIRMA (uzun basliklar tek satir, oge araligi daha dar)
   ========================================================================== */
.main-menu.main-menu-two .main-menu__list>li+li,
.stricky-header.main-menu-two .main-menu__list>li+li{
  margin-left:26px !important;        /* 44px -> 26px */
}
@media (max-width:1350px){
  .main-menu.main-menu-two .main-menu__list>li+li,
  .stricky-header.main-menu-two .main-menu__list>li+li{ margin-left:18px !important; }
  .main-menu-two .main-menu__list>li>a{ font-size:13px !important; }
}
@media (max-width:1199px){
  .main-menu-two .main-menu__list>li>a{ font-size:12.5px !important; }
}

/* ==========================================================================
   3) ACILIR MENU — HIZLI ANIMASYON + OKUNUR PANEL
   Sorun: gecis .5s (cok yavas).
   ========================================================================== */
.main-menu .main-menu__list>li>ul,
.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul{
  -webkit-transition:opacity .16s ease, visibility .16s ease, -webkit-transform .16s ease !important;
  transition:opacity .16s ease, visibility .16s ease, transform .16s ease !important;
  border-top:3px solid var(--tb-accent);
  box-shadow:0 12px 30px rgba(0,0,0,.16);
}
.main-menu .main-menu__list>li>ul>li>a,
.stricky-header .main-menu__list>li>ul>li>a{
  -webkit-transition:color .14s ease, background-color .14s ease !important;
  transition:color .14s ease, background-color .14s ease !important;
  padding-top:8px;padding-bottom:8px;
}

/* ==========================================================================
   4) MEGA MENU — cok ogeli acilirlar cok sutun (2 satira sigmayan listeler)
   PHP tarafinda ustid'e cocuk sayisi >= esik ise <li class="... mega"> eklenir.
   ========================================================================== */
.main-menu .main-menu__list>li.mega{ position:static; }
.main-menu .main-menu__list>li.mega>ul{
  left:50% !important; right:auto !important;
  width:min(820px,94vw); max-width:94vw;
  -webkit-transform:translateX(-50%) translateY(30px);
  transform:translateX(-50%) translateY(30px);
  -webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;
  -ms-flex-wrap:wrap;flex-wrap:wrap;
  padding:14px 10px;
}
.main-menu .main-menu__list>li.mega:hover>ul{
  -webkit-transform:translateX(-50%) translateY(0);
  transform:translateX(-50%) translateY(0);
}
.main-menu .main-menu__list>li.mega>ul>li{
  -webkit-box-flex:0;-ms-flex:0 0 33.333%;flex:0 0 33.333%;max-width:33.333%;
}
.main-menu .main-menu__list>li.mega>ul>li>a{ white-space:normal; line-height:1.35; }
@media (max-width:820px){
  .main-menu .main-menu__list>li.mega>ul>li{ -ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; }
}

/* ==========================================================================
   5) BREADCRUMB / IC SAYFA BASLIGI — header'a yapisik durmasin
   Sorun: .page-header{ margin-top:-35px } + header absolute.
   ========================================================================== */
.page-header{
  margin-top:0 !important;
  padding-top:190px !important;      /* solid header'in altinda net bosluk */
  padding-bottom:90px !important;
}
.page-header__inner .thm-breadcrumb{ margin-bottom:8px; }
.page-header__inner .thm-breadcrumb li,
.page-header__inner .thm-breadcrumb li a{ color:#f0e5df !important; }

/* ==========================================================================
   6) ICERIK <-> FOOTER — tasma / yapisiklik
   Sorun: .project-details alt boslugu yok, urun gorseli footer'a giriyor.
   ========================================================================== */
.project-details{ padding-top:56px !important; padding-bottom:96px !important; }
.project-details .container{ overflow:visible; }
.site-footer{ position:relative; z-index:2; }
/* tek kolon gorsel cok uzun kalmasin */
.project-details img.w-100{ max-height:640px; object-fit:cover; }

/* ==========================================================================
   7) TIPOGRAFI — tutarli, okunur
   ========================================================================== */
body{
  font-family:"Rubik", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color:var(--tb-ink);
  -webkit-font-smoothing:antialiased;
}
p{ line-height:1.75; }
.section-title__title{ letter-spacing:-.01em; }
h1,h2,h3,h4,h5{ letter-spacing:-.01em; }

/* ==========================================================================
   8) WHATSAPP / scroll-top ile cakismasin (footer.php sabit buton)
   ========================================================================== */
.scroll-to-top{ z-index:9998; }

/* ==========================================================================
   9) YENI HERO (anasayfa) — bozuk video yerine gorsel hero
   ========================================================================== */
.tb-hero{
  position:relative; min-height:640px; display:flex; align-items:center;
  background:#2a2226 center/cover no-repeat;
  overflow:hidden;
}
.tb-hero__overlay{
  position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(38,20,28,.82) 0%, rgba(38,20,28,.45) 55%, rgba(38,20,28,.15) 100%);
}
.tb-hero__inner{ position:relative; z-index:2; max-width:1200px; margin:0 auto; padding:0 20px; width:100%; }
.tb-hero__eyebrow{
  color:var(--tb-accent); font-weight:600; letter-spacing:.18em; text-transform:uppercase;
  font-size:14px; margin-bottom:14px;
}
.tb-hero__title{
  color:#fff; font-weight:900; font-size:clamp(30px,4.6vw,58px); line-height:1.08; margin:0 0 18px;
  max-width:760px; text-shadow:0 2px 20px rgba(0,0,0,.25);
}
.tb-hero__text{
  color:#f1e9e5; font-size:clamp(15px,1.4vw,19px); line-height:1.7; max-width:620px; margin:0 0 30px;
}
.tb-hero__cta{ display:flex; gap:14px; flex-wrap:wrap; }
.tb-hero__btn{
  display:inline-flex; align-items:center; gap:10px; padding:15px 30px; border-radius:6px;
  font-weight:600; font-size:15px; text-decoration:none; transition:transform .15s ease, background-color .15s ease;
}
.tb-hero__btn--primary{ background:var(--tb-accent); color:#3a2130; }
.tb-hero__btn--primary:hover{ background:#e7c9a8; transform:translateY(-2px); color:#3a2130; }
.tb-hero__btn--ghost{ background:rgba(255,255,255,.10); color:#fff; border:1px solid rgba(255,255,255,.45); }
.tb-hero__btn--ghost:hover{ background:rgba(255,255,255,.18); transform:translateY(-2px); color:#fff; }
@media (max-width:768px){
  .tb-hero{ min-height:460px; }
  .tb-hero__overlay{ background:linear-gradient(180deg, rgba(38,20,28,.65), rgba(38,20,28,.78)); }
}