/* ============================================================
   RITZ YAPI — Lacivert & Altın Tema
   Tüm renk override'ları burada toplanmıştır.
   main.min.css'e dokunulmaz; bu dosya her sayfaya eklenir.
   ============================================================ */

/* ----------------------------------------------------------
   Değişkenler
   ---------------------------------------------------------- */
:root {
  --navy:     #1e1847;   /* Ana lacivert           */
  --navy-dk:  #16123a;   /* Koyu lacivert (footer) */
  --navy-md:  #252060;   /* Orta lacivert          */
  --gold:     #b68f41;   /* Altın                  */
  --gold-lt:  #ddc9a6;   /* Açık altın             */
  --gold-dk:  #a78332;   /* Koyu altın             */
  --white:    #ffffff;
  --off-wh:   #f7f5ef;   /* Kırık beyaz            */
}

/* ----------------------------------------------------------
   Genel Başlıklar — koyu zeminde beyaz
   ---------------------------------------------------------- */
.title-1,
.title-2,
.title-3 {
  color: #fff !important;
}

.title-sub {
  color: var(--gold) !important;
}
.title-sub--c8,
.title-sub--sm {
  color: var(--gold) !important;
}
.title-sub--ceb {
  color: var(--gold-lt) !important;
}

/* ----------------------------------------------------------
   Link Renkleri
   ---------------------------------------------------------- */
a:hover {
  color: var(--gold);
}

/* ----------------------------------------------------------
   HEADER — Nav link font boyutu (+1px)
   ---------------------------------------------------------- */
.header-1 .nav-menu > .menu-item > a {
  font-size: 14px !important;
}

/* ----------------------------------------------------------
   ANA SAYFA — Header slider üzerinde yüzer, menü şeffaf
   ---------------------------------------------------------- */
.page-home .header-1 {
  position: fixed !important;
  top: 0; left: 0; right: 0;
  z-index: 999;
}
/* Bar tamamen şeffaf */
.page-home .header-1 .header__bar {
  background: transparent !important;
}
/* Sadece logo alanına lacivert zemin */
.page-home .header-1 .header__bar .logo {
  background: var(--navy);
  padding: 14px 30px 14px 20px;
  position: relative;
  z-index: 1;
}
/* Scroll sonrası tam lacivert header */
.page-home .header__bar.header--fixed {
  background: var(--navy) !important;
}

/* ----------------------------------------------------------
   ANA SAYFA — Hakkımızda paragraf başlık boyutu
   ---------------------------------------------------------- */
.title-1--desc {
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
}

/* ----------------------------------------------------------
   SLIDER — Full screen, padding sıfır
   ---------------------------------------------------------- */
.rev_slider_wrapper {
  padding: 0 !important;
  margin: 0 !important;
}
.rev_slider_wrapper--p80 {
  padding: 0 !important;
}

/* ----------------------------------------------------------
   HEADER — Nav link hover & aktif rengi (altın)
   ---------------------------------------------------------- */
.header-1 .nav-menu > .menu-item > a:hover,
.header-1 .nav-menu > .menu-item.current-menu-item > a,
.header-1 .nav-menu > .menu-item.current-menu-parent > a,
.header-1 .nav-menu > .menu-item.active > a {
  color: var(--gold) !important;
}

/* Dropdown alt menü link renkleri */
.header-1 .sub-menu .menu-item > a:hover {
  color: var(--gold) !important;
}

/* Header scroll sonrası (header--fixed) da navy arka plan + beyaz link */
.header__bar.header--fixed {
  background: var(--navy) !important;
}
.header__bar.header--fixed .nav-menu > .menu-item > a {
  color: #fff !important;
}
.header__bar.header--fixed .nav-menu > .menu-item > a:hover {
  color: var(--gold) !important;
}

/* ----------------------------------------------------------
   Butonlar (au-btn) — hover altın, solid navy-md
   ---------------------------------------------------------- */
.au-btn:hover,
.swal-button:hover {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: var(--white) !important;
}
.au-btn--light-2:hover {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
}

/* ----------------------------------------------------------
   Uzmanlık Alanlarımız — Servis Kartları
   ---------------------------------------------------------- */
/* İkon boyutu — PNG ile aynı ölçü */
.media-service .media__img img {
  width: 100px !important;
  height: auto !important;
  object-fit: initial !important;
}

/* Büyük arka plan numarası — dark bg'de hafif beyaz */
.media-service .media__title .number {
  color: rgba(255, 255, 255, .05) !important;
}
.media-service .media__text {
  color: rgba(255, 255, 255, .68) !important;
}

/* ----------------------------------------------------------
   Hakkımızda — yanındaki paragraf fontu küçük
   ---------------------------------------------------------- */
.text--s18-40 {
  font-size: 13px !important;
  line-height: 1.85 !important;
}

/* ----------------------------------------------------------
   İstatistik Sayaçları (hakkımızda)
   ---------------------------------------------------------- */
.media-statistic-2:before {
  background: rgba(255, 255, 255, .05) !important;
}
.media-statistic-2 .media__number {
  color: #fff !important;
}
.media-statistic-2 .media__title {
  color: var(--gold) !important;
}
/* Genel sayaç (js-counterup) */
.js-counterup {
  color: #fff !important;
}

/* ----------------------------------------------------------
   Proje Kartı Overlay — navy tonlaması
   ---------------------------------------------------------- */
.bg-overlay {
  background: rgba(22, 18, 58, .70) !important;
}
.bg-overlay--p85 {
  background: rgba(22, 18, 58, .88) !important;
}

/* ----------------------------------------------------------
   Proje Kartı: başlık, hover rengi
   ---------------------------------------------------------- */
.media-project .media__body .title a:hover {
  color: var(--gold-lt) !important;
}
.media-project .media__body .address {
  color: var(--gold-lt) !important;
}

/* ----------------------------------------------------------
   Dekoratif Çizgiler (page-line)
   ---------------------------------------------------------- */
.page-line__inner .page-col {
  border-color: rgba(255, 255, 255, .10);
}

/* ----------------------------------------------------------
   Bölüm Başlık Ayırıcı (section-title)
   ---------------------------------------------------------- */
.section-title:after {
  background: var(--gold);
}

/* ----------------------------------------------------------
   Haberler / Blog — başlık rengi
   ---------------------------------------------------------- */
.blog .entry-title a,
.entry-title {
  color: #fff !important;
}
.blog .entry-title a:hover {
  color: var(--gold) !important;
}
.blog .tag:hover,
.blog .tag.is-active {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
}

/* ----------------------------------------------------------
   Proje Detay Sayfası — yan panel
   ---------------------------------------------------------- */
.entry-title {
  color: #fff !important;
}
.entry-meta .key {
  color: var(--gold);
}

/* ----------------------------------------------------------
   Select2
   ---------------------------------------------------------- */
.select2-results__option--highlighted {
  background: var(--navy) !important;
}

/* ----------------------------------------------------------
   Revolution Slider — oklar
   ---------------------------------------------------------- */
.au-rev-arrow-1:hover,
.au-rev-arrow-2:hover {
  background: var(--gold) !important;
}

/* ----------------------------------------------------------
   Slick Slider — navigasyon okları
   ---------------------------------------------------------- */
.slick-arrow:hover {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: var(--white) !important;
}

/* ----------------------------------------------------------
   Tag cloud
   ---------------------------------------------------------- */
.tagcloud a:hover {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: var(--white) !important;
}

/* ----------------------------------------------------------
   Scroll-to-Top
   ---------------------------------------------------------- */
#scrollTopBtn {
  background: var(--gold) !important;
}
#scrollTopBtn:hover {
  background: var(--gold-dk) !important;
}

/* ----------------------------------------------------------
   HEADER — Logo güncelleme (boyut)
   ---------------------------------------------------------- */
.header-1 .logo img {
  height: 96px;
  width: auto !important;
}
.header-mobile__bar .logo img {
  height: 74px;
  width: auto !important;
}

/* ----------------------------------------------------------
   FOOTER — Lacivert arka plan
   ---------------------------------------------------------- */
.footer-new {
  background: var(--navy-dk) !important;
}
.footer-new h5 {
  color: var(--gold-lt) !important;
}
.footer-new .footer-desc {
  color: rgba(255, 255, 255, .58) !important;
}
.footer-new .footer-links a {
  color: rgba(255, 255, 255, .58) !important;
}
.footer-new .footer-links a:hover {
  color: var(--gold) !important;
}
.footer-new .footer-contact {
  color: rgba(255, 255, 255, .58) !important;
}
.footer-new .footer-contact li i {
  color: var(--gold) !important;
}
.footer-new .footer-social a {
  background: rgba(255, 255, 255, .10) !important;
  color: rgba(255, 255, 255, .65) !important;
}
.footer-new .footer-social a:hover {
  background: var(--gold) !important;
  color: var(--navy-dk) !important;
}
.footer-new .footer-bottom {
  border-top-color: rgba(255, 255, 255, .10) !important;
}
.footer-new .footer-bottom p {
  color: rgba(255, 255, 255, .30) !important;
}
/* Footer logo boyutu */
.footer-new .footer-logo img {
  height: 90px;
  width: auto !important;
}

/* ----------------------------------------------------------
   Proje sayfaları — section-nav (sol gezinti paneli)
   ---------------------------------------------------------- */
.section-nav {
  background: rgba(22, 18, 58, .92) !important;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, .4) !important;
}
.section-nav a {
  color: rgba(255, 255, 255, .72) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  background: transparent !important;
}
.section-nav a:hover,
.section-nav a.active {
  background: var(--gold) !important;
  color: #fff !important;
  border-color: var(--gold) !important;
}

/* ----------------------------------------------------------
   Proje Detay — entry-share (paylaş / sosyal)
   ---------------------------------------------------------- */
.entry-share .key {
  color: rgba(255, 255, 255, .75) !important;
}
.entry-share .list-social__item a {
  color: rgba(255, 255, 255, .65) !important;
}
.entry-share .list-social__item a:hover {
  color: var(--gold) !important;
}

/* ----------------------------------------------------------
   Footer inline style override (footer-new renk düzeltme)
   ---------------------------------------------------------- */
.footer-new .footer-links a { color: rgba(255,255,255,.58) !important; }

/* ==========================================================
   DARK ZEMİN — Tüm body & section'lar lacivert temaya
   ========================================================== */

/* Body arka plan */
body {
  background: var(--navy-dk);
  color: rgba(255, 255, 255, .72);
}

/* Section zemin — slider dışında navy */
section,
.section {
  background: var(--navy);
}

/* bg-pattern-01 — resim yerine koyu navy */
.bg-pattern-01 {
  background: var(--navy-dk) !important;
}

/* Saf paragraf & genel metin */
p,
.media__text,
.text--s18-40,
.media-about .media__text {
  color: rgba(255, 255, 255, .72) !important;
}

/* page-heading (sayfa üstü büyük başlık) */
.page-heading h2,
.page-heading h1 {
  color: #fff !important;
}

/* ----------------------------------------------------------
   Hakkımızda sayfası — "10+ Yıl" badge
   ---------------------------------------------------------- */
.media__img .number {
  color: rgba(255, 255, 255, .55) !important;
}
.media__img .desc {
  color: rgba(255, 255, 255, .45) !important;
}

/* ----------------------------------------------------------
   Uzmanlık / Servis kartları — beyaz başlık
   ---------------------------------------------------------- */
.media-service .media__title .title a {
  color: #fff !important;
}
.media-service .media__title .title a:hover {
  color: var(--gold) !important;
}

/* ----------------------------------------------------------
   İletişim formu — dark bg uyumlu
   ---------------------------------------------------------- */
.au-input,
.au-textarea {
  background: rgba(255, 255, 255, .07) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  color: #fff !important;
}
.au-input::placeholder,
.au-textarea::placeholder {
  color: rgba(255, 255, 255, .42) !important;
}
.au-input:focus,
.au-textarea:focus {
  border-color: var(--gold) !important;
  background: rgba(255, 255, 255, .11) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Checkbox label metni */
.form-contact td,
.form-contact p,
.form-contact label {
  color: rgba(255, 255, 255, .62) !important;
}

/* ----------------------------------------------------------
   İletişim bilgi kutusu
   ---------------------------------------------------------- */
.contact-info__item h5,
.title--sm2 {
  color: var(--gold) !important;
}
.contact-info__item p,
.contact-info__item .value {
  color: rgba(255, 255, 255, .68) !important;
}

/* ----------------------------------------------------------
   text--c2 (kalın özel renk) → altın
   ---------------------------------------------------------- */
.text--c2 {
  color: var(--gold) !important;
}

/* ----------------------------------------------------------
   Proje detay — sidebar (entry-summary) zeminsiz, sade beyaz
   ---------------------------------------------------------- */
.entry-summary {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.entry-meta .value {
  color: rgba(255, 255, 255, .78) !important;
}
.entry-meta .key {
  color: var(--gold) !important;
}


/* ----------------------------------------------------------
   Haberler / Blog kartları
   ---------------------------------------------------------- */
.blog .media-blog,
.blog article {
  background: rgba(255, 255, 255, .03) !important;
}
.blog .tag {
  background: rgba(255, 255, 255, .08) !important;
  border-color: rgba(255, 255, 255, .15) !important;
  color: rgba(255, 255, 255, .65) !important;
}
.blog-detail-body p,
.entry-content p {
  color: rgba(255, 255, 255, .72) !important;
}

/* ----------------------------------------------------------
   Haber detay — entry-title, entry-date, blockquote, entry-footer
   ---------------------------------------------------------- */
/* entry-title daha spesifik kural */
.blog-detail-1 .entry-title,
h2.entry-title, h1.entry-title {
  color: #fff !important;
}

/* entry-date (tarih / kaynak etiketi) */
.entry-date {
  color: rgba(255, 255, 255, .50) !important;
}

/* blockquote — dark zemin uyumlu, sol hizalı */
blockquote {
  background: rgba(255, 255, 255, .06) !important;
  border-left: 3px solid var(--gold) !important;
  color: rgba(255, 255, 255, .85) !important;
  text-align: left !important;
}
blockquote p {
  color: rgba(255, 255, 255, .85) !important;
}
/* Quote ikonu sola taşı */
blockquote:before {
  left: 20px !important;
  top: 15px !important;
  transform: none !important;
  -webkit-transform: none !important;
  font-size: 60px !important;
  opacity: .25;
  color: var(--gold) !important;
}

/* entry-footer içindeki etiket başlıkları (title-6) */
.title-6,
.title-7 {
  color: rgba(255, 255, 255, .75) !important;
}

/* wp-tag-cloud (etiket linkleri) */
.wp-tag-cloud li a,
.tagcloud a {
  color: rgba(255, 255, 255, .65) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  background: rgba(255, 255, 255, .05) !important;
}
.wp-tag-cloud li a:hover,
.tagcloud a:hover {
  color: #fff !important;
  background: var(--gold) !important;
  border-color: var(--gold) !important;
}

/* ----------------------------------------------------------
   Page separator line (page-line) — dekoratif dikey çizgileri gizle
   ---------------------------------------------------------- */
.page-line {
  display: none !important;
}

/* ----------------------------------------------------------
   Projeler grid sayfası — kategori başlıkları
   ---------------------------------------------------------- */
.projects-section h3,
.section-heading h3 {
  color: #fff !important;
}

/* ----------------------------------------------------------
   Genel link renkleri
   ---------------------------------------------------------- */
a {
  color: rgba(255, 255, 255, .75);
}
a:hover {
  color: var(--gold) !important;
}

/* ----------------------------------------------------------
   Butonlar — dark zemin uyumu
   ---------------------------------------------------------- */
/* Outline buton → beyaz bordür & metin */
.au-btn {
  color: #fff !important;
  border-color: rgba(255, 255, 255, .38) !important;
}
/* Solid buton → altın (varsayılan), hover koyu altın */
.au-btn--solid,
.swal-button {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: #fff !important;
}
.au-btn--solid:hover,
.swal-button:hover {
  background: var(--gold-dk) !important;
  border-color: var(--gold-dk) !important;
}
/* Light-2 varyant → transparan, beyaz bordür */
.au-btn--light-2 {
  background: transparent !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, .38) !important;
}
.au-btn--light-2:hover {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: #fff !important;
}