/* WordPress'e özel düzeltmeler (onaylı CSS dosyalarına dokunmadan) */
/* Renkler: vegaturk-home-theme.css'in "blue → #1d1d1b" dönüşümüne göre */
/* WPBakery satır/sütun boşluklarını sıfırla: bölümlerimiz zaten tam genişlik,
   −15px satır marjı sayfada yatay kaydırma çubuğu açıyordu */
.wpb-content-wrapper > .vc_row {
    margin-left: 0;
    margin-right: 0;
}
.wpb-content-wrapper > .vc_row > .wpb_column > .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

/* İletişim formu (Contact Form 7): kutulara Tailwind sınıfı verilemediği için
   onaylı sınıfların (text-[16px], p-[20px], rounded-[16px]...) CSS karşılığı */
#contact-form .wpcf7-form-control-wrap {
    display: block;
}
#contact-form .vt-input {
    width: 100%;
    height: 60px;
    padding: 20px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    color: #1d1d1b;
    border: 1px solid rgba(29, 29, 27, .15);
    border-radius: 16px;
    transition: border-color .35s;
}
#contact-form .vt-input::placeholder {
    color: #1d1d1b;
    font-weight: 400;
    opacity: 1;
}
#contact-form .item:hover .vt-input {
    border-color: rgb(117 191 0);
}
#contact-form .vt-textarea {
    height: 165px;
    resize: none;
}

/* Onay kutusu (onaylı tasarım: 21px kare, işaretlenince ortada lacivert kare) */
#contact-form .vt-kabul-alani .wpcf7-list-item {
    margin: 0;
}
#contact-form .vt-kabul-alani label {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
}
#contact-form .vt-kabul-alani input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    flex-shrink: 0;
    margin: 0;
    width: 21px;
    height: 21px;
    border: 1px solid rgba(29, 29, 27, .16);
    border-radius: 3px;
    background: linear-gradient(#1d1d1b, #1d1d1b) center / 0 0 no-repeat;
    transition: background-size .35s;
    cursor: pointer;
}
#contact-form .vt-kabul-alani input[type="checkbox"]:checked {
    background-size: 40% 40%;
}

/* CF7 hata ve sonuç mesajları */
#contact-form .wpcf7-not-valid-tip {
    font-size: 13px;
    margin-top: 6px;
}
#contact-form .wpcf7-response-output {
    margin: 20px 0 0;
    padding: 12px 16px;
    border-radius: 12px;
    font-size: 14px;
}

/* CF7, onay kutusu işaretlenmeden Gönder'i kilitler: kilitliyken soluk görünsün */
#contact-form .wpcf7-submit:disabled {
    opacity: .5;
    cursor: not-allowed;
}


/* WPBakery'nin katmana aldığımız "i.icon" kuralı, temanın ayrıca belirtmediği
   değerlerde (genişlik, satır yüksekliği, dikey hiza) hâlâ geçerliydi: ikonlar 16px
   genişliğe sıkışıyordu. :where() özgüllüğü 0 olduğu için Tailwind sınıfları
   (h-[26px], leading-normal…) yine kazanır; sadece WPBakery'nin değerleri iptal olur. */
:where(i.icon) {
    width: auto;
    height: auto;
    line-height: inherit;
    vertical-align: baseline;
    margin-left: 0;
}


/* Genel sayfa şablonu (page.php): panelde "Başlık 2" ile açılan bölüm başlıkları,
   onaylı tasarımdaki bölüm başlığı (h3, 27px) gibi görünsün; altındaki "Başlık 3"ler
   bir kademe küçük olsun. Kurumsal Politikalar'ın kendi h3'leri etkilenmez. */
.vegaturk-page-theme .vt-article-section h2 {
    margin: 0 0 18px;
    color: var(--vt-ink);
    font-size: 27px;
    line-height: 1.25;
    letter-spacing: normal;
    font-weight: 700;
}
.vegaturk-page-theme .vt-article-section h2 ~ h3 {
    margin: 28px 0 8px;
    font-size: 20px;
}
/* "Bu sayfada" menüsü çıkmayan (tek bölümlü) sayfalarda metin tek sütun.
   İki sınıf birden (.vt-page-body.vt-page-body--tek): vegaturk-page-theme.css bizden sonra
   yüklendiği için eşit güçteki kuralı onun kuralı ezerdi. */
.vegaturk-page-theme .vt-page-body.vt-page-body--tek {
    grid-template-columns: minmax(0, 1fr);
}


/* Hakkımızda – Kalite Politikamız: başlığın altındaki kısa metin (Doğukan Bey, 30.09).
   Başlıkla aynı sol boşluk (50px); tablet ve mobilde başlık gibi ortalı. */
.cards-section .kalite-metin {
    margin: 28px 0 0 50px;
    max-width: 520px;
    color: rgba(255, 255, 255, .8);
    font-size: 18px;
    line-height: 1.65;
}
@media (max-width: 1024px) {
    .cards-section .kalite-metin { max-width: none; text-align: center; }
}
@media (max-width: 768px) {
    .cards-section .kalite-metin { margin-left: 0; font-size: 16px; }
}
/* Metin eklenince koyu kutu uzamasın (onaylı boy: görselin boyu). Masaüstünde metin
   varken metnin üst boşluğu ve başlık–kartlar arası boşluk (85px) daralır; sağ sütun
   görselin boyunu geçmez. Tablet/mobilde bölüm alt alta dizildiği için dokunulmaz. */
@media (min-width: 1025px) {
    .cards-section .kalite-metin { margin-top: 20px; }
    .cards-section .title-field:has(.kalite-metin) + .carousel-field { margin-top: 35px; }
}


/* Haber listesi (index.php) ve 404 — onaylı tasarımda blog yok; metin sayfası
   temasının (vegaturk-page-theme.css) renk/çizgi değişkenleriyle kart ızgarası. */
.vegaturk-page-theme .vt-haber-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 48px 36px;
}
.vegaturk-page-theme .vt-haber-kart {
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: var(--vt-ink);
}
.vegaturk-page-theme .vt-haber-kart__gorsel {
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    border-radius: 14px;
    margin-bottom: 8px;
    background: #f2f2f2;
}
.vegaturk-page-theme .vt-haber-kart__gorsel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}
.vegaturk-page-theme .vt-haber-kart:hover .vt-haber-kart__gorsel img { transform: scale(1.05); }
.vegaturk-page-theme .vt-haber-kart__tarih { color: var(--vt-orange); font-size: 14px; font-weight: 600; }
.vegaturk-page-theme .vt-haber-kart__baslik { font-size: 22px; line-height: 1.3; font-weight: 700; transition: color .3s ease; }
.vegaturk-page-theme .vt-haber-kart:hover .vt-haber-kart__baslik { color: var(--vt-orange); }
.vegaturk-page-theme .vt-haber-kart__ozet { color: var(--vt-muted); font-size: 16px; line-height: 1.7; }
.vegaturk-page-theme .vt-haber-bos { color: var(--vt-muted); font-size: 18px; }
/* Sayfa numaraları */
.vegaturk-page-theme .vt-haber-liste .nav-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 60px; padding-top: 30px; border-top: 1px solid var(--vt-line); }
.vegaturk-page-theme .vt-haber-liste .page-numbers { padding: 8px 14px; border-radius: 8px; color: var(--vt-ink); font-weight: 600; }
.vegaturk-page-theme .vt-haber-liste .page-numbers.current,
.vegaturk-page-theme .vt-haber-liste a.page-numbers:hover { background: var(--vt-orange); color: #fff; }
/* 404: "Ana sayfaya dön" — Kurumsal Politikalar'daki "İletişime geçin" bağlantısıyla aynı görünüm */
.vegaturk-page-theme .vt-geri-don { display: inline-flex; align-items: center; gap: 12px; padding: 13px 0; border-bottom: 2px solid var(--vt-orange); color: var(--vt-ink); font-weight: 700; transition: color .3s ease, gap .3s ease; }
.vegaturk-page-theme .vt-geri-don:hover { color: var(--vt-orange); gap: 18px; }
@media (max-width: 1024px) {
    .vegaturk-page-theme .vt-haber-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 624px) {
    .vegaturk-page-theme .vt-haber-grid { grid-template-columns: minmax(0, 1fr); }
}
/* Ana sayfa "Neden Vega Türk": panelden seçilen özel ikon görseli (SVG ikonlarla aynı ölçü) */
.frame-story-stat-icon img { width: 28px; height: 28px; object-fit: contain; }

/* Mobilde küçük dokunma hedefleri: görünüm aynı kalır, dokunma alanı görünmez bir katmanla büyür
   (hero okları 28px, Çalışma Yaklaşımı okları 30px, footer bağlantıları 21px yüksekliğindeydi). */
@media (max-width: 639px) {
    .hero-section .hero-prev,
    .hero-section .hero-next,
    .job-section .job-prev,
    .job-section .job-next { position: relative; }
    .hero-section .hero-prev::after,
    .hero-section .hero-next::after,
    .job-section .job-prev::after,
    .job-section .job-next::after { content: ""; position: absolute; inset: -8px; }
    .vegaturk-footer-links li a { display: inline-block; padding: 7px 0; margin: -7px 0; }
}

/* Footer sosyal medya ikonları: sabit ölçü. Onaylı tasarımda 5 ikon kutuyu eşit paylaşıyordu (ikon başına ~50 px);
   adresi boş olanlar gizlenince kalan ikonlar kutuyu doldurup büyüyordu. */
.footer-field .social-media .social-item { flex: 0 0 50px; width: 50px; height: 50px; }

/* Footer bağlantıları (Sektörler / Hakkımızda / Kurumsal sütunları): üzerine gelince hareket.
   Onaylı HTML'de yalnız renk değişiyordu; "Bu sayfada" menüsündeki gibi yazı sağa kayar, önünde turuncu çizgi belirir. */
@media (hover: hover) {
    .vegaturk-footer-links li a { position: relative; display: inline-block; transition: color .35s ease, padding-left .35s cubic-bezier(.2,.8,.2,1); }
    .vegaturk-footer-links li a::before { content: ""; position: absolute; left: 0; top: 50%; width: 12px; height: 2px; margin-top: -1px; background: #f7a600; transform: scaleX(0); transform-origin: left; transition: transform .35s cubic-bezier(.2,.8,.2,1); }
    .vegaturk-footer-links li a:hover,
    .vegaturk-footer-links li a:focus-visible { padding-left: 22px; }
    .vegaturk-footer-links li a:hover::before,
    .vegaturk-footer-links li a:focus-visible::before { transform: scaleX(1); }
}

/* Header "Talep Al" düğmesi (2026-10-12): menü kutusunun sonunda, "Sizi Arayalım" penceresini açar.
   Yüksekliği menü öğeleriyle aynı (15 px iç boşluk + 28 px satır). Mobilde menü listesinin sonunda. */
.header-field .vt-talep,
.vt-talep-mobil .vt-talep { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 15px 26px; border-radius: 8px; background: #f7a600; color: #fff; font-size: 18px; font-weight: 500; line-height: 28px; white-space: nowrap; overflow: hidden; isolation: isolate; }
.header-field .vt-talep::before,
.vt-talep-mobil .vt-talep::before { content: ""; position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px; border-radius: 50%; background: #1d1d1b; transform: scale(0); transition: transform .35s ease; z-index: -1; }
.header-field .vt-talep:hover::before,
.header-field .vt-talep:focus-visible::before { transform: scale(6); }
.vt-talep-mobil { padding: 0 30px; margin-top: 20px; }
.vt-talep-mobil .vt-talep { font-size: 16px; line-height: 20px; padding: 14px 26px; }

/* Ana sayfa Haberler: "Tüm Haberler" düğmesi (2026-10-12). Onaylı tasarımda düğme dikey başlığın yanında dikey
   duruyordu ve neredeyse saydam çerçevesiyle görünmüyordu. Masaüstünde (769 px+) okların soluna yatay, dolu düğme
   olarak taşındı; okların yeri değişmez. Mobilde onaylı (yatay) düğme kalır. */
.blog-section .vt-tum-haberler { display: none; }
@media (min-width: 769px) {
    .blog-section .blog-title-wrapper > a.button { display: none; }
    .blog-section .carousel-navigation { position: relative; }
    .blog-section .vt-tum-haberler { position: absolute; top: 50%; right: calc(100% + 120px); transform: translateY(-50%); display: inline-flex; align-items: center; gap: 15px; padding: 18px 30px; border-radius: 8px; background: #f7a600; color: #fff; font-size: 16px; font-weight: 500; line-height: 19px; white-space: nowrap; overflow: hidden; isolation: isolate; }
    .blog-section .vt-tum-haberler::before { content: ""; position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px; border-radius: 50%; background: #1d1d1b; transform: scale(0); transition: transform .35s ease; z-index: -1; }
    .blog-section .vt-tum-haberler:hover::before,
    .blog-section .vt-tum-haberler:focus-visible::before { transform: scale(7); }
    .blog-section .vt-tum-haberler .icon { font-size: 10px; height: 10px; display: flex; align-items: center; transition: transform .35s ease; }
    .blog-section .vt-tum-haberler:hover .icon { transform: translateX(4px); }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .blog-section .vt-tum-haberler { right: calc(100% + 40px); }
}

/* WhatsApp düğmesi (eklenti: WordPress Support Using WhatsApp, 2026-10-12). Tailwind sıfırlaması svg'yi blok
   yaptığından ikon yazının üstüne düşüyordu; eklentinin beklediği gibi satır içinde tutulur. */
.wws-popup__open-btn svg { display: inline-block; vertical-align: middle; }
/* Pencere (Fancybox) açıkken WhatsApp düğmesi gizli: mobilde pencerenin "Gönder" düğmesinin üstüne biniyordu (2026-10-20). */
html.with-fancybox .wws-popup-container { display: none !important; }

/* İngilizce menü (2026-10-12): "Data Protection" TR'deki "KVKK"dan uzun, esnek kutuda iki satıra kırılıyordu.
   1281–1920 px ölçüldü: tek satırda taşma/çakışma yok. Yalnız EN; TR header'ı değişmez. */
:lang(en) header .menu-wrapper > ul.menu > li > a { white-space: nowrap; }

/* Yazı tipi (2026-10-20): Euclid Circular A ticari lisanslı olduğu için yerine Figtree (SIL OFL 1.1, ücretsiz,
   ticari kullanım serbest; lisans assets/font/figtree/OFL.txt). Onaylı style.css'teki "Euclid Circular A" adı
   aynı kalır; aşağıdaki kurallar ondan sonra yüklendiği için aynı ağırlık/biçimde onun yerine geçer.
   Dosyalar Figtree'den üretildi (araclar/uret.py): ağırlıklar harf gövdesine göre eşlendi
   (300→350, 400→440, 500→590, 600→730, 700→790), harf aralığı ve dikey ölçüler Euclid'e eşitlendi;
   satırlar aynı yerden kırılır. Euclid dosyaları sunucudan kaldırıldı. */
@font-face { font-display: swap; font-family: "Euclid Circular A"; font-style: normal; font-weight: 300; src: url(../font/figtree/figtree-vt-300.woff2?v=3) format("woff2"); }
@font-face { font-display: swap; font-family: "Euclid Circular A"; font-style: normal; font-weight: 400; src: url(../font/figtree/figtree-vt-400.woff2?v=3) format("woff2"); }
@font-face { font-display: swap; font-family: "Euclid Circular A"; font-style: normal; font-weight: 500; src: url(../font/figtree/figtree-vt-500.woff2?v=3) format("woff2"); }
@font-face { font-display: swap; font-family: "Euclid Circular A"; font-style: normal; font-weight: 600; src: url(../font/figtree/figtree-vt-600.woff2?v=3) format("woff2"); }
@font-face { font-display: swap; font-family: "Euclid Circular A"; font-style: normal; font-weight: 700; src: url(../font/figtree/figtree-vt-700.woff2?v=3) format("woff2"); }
@font-face { font-display: swap; font-family: "Euclid Circular A"; font-style: italic; font-weight: 300; src: url(../font/figtree/figtree-vt-300-italic.woff2?v=3) format("woff2"); }
@font-face { font-display: swap; font-family: "Euclid Circular A"; font-style: italic; font-weight: 400; src: url(../font/figtree/figtree-vt-400-italic.woff2?v=3) format("woff2"); }
@font-face { font-display: swap; font-family: "Euclid Circular A"; font-style: italic; font-weight: 500; src: url(../font/figtree/figtree-vt-500-italic.woff2?v=3) format("woff2"); }
@font-face { font-display: swap; font-family: "Euclid Circular A"; font-style: italic; font-weight: 600; src: url(../font/figtree/figtree-vt-600-italic.woff2?v=3) format("woff2"); }
@font-face { font-display: swap; font-family: "Euclid Circular A"; font-style: italic; font-weight: 700; src: url(../font/figtree/figtree-vt-700-italic.woff2?v=3) format("woff2"); }

/* Büyük harfli başlıklar (2026-10-20, Doğu Bey): Figtree'nin büyük harfleri Euclid'inkinden geniş; başlıklar seyrek
   duruyordu → -0.02em. Yalnız büyük harfle yazılan başlıklar; zaten harf aralığı verilmiş olanlar (ana sayfa hero
   başlığı, .frame-story-title) ve küçük harfli .title başlıkları kapsam dışı. */
:is(h1, h2).title.text-blue,
:is(h1, h2).title.uppercase,
h3.title.text-blue,
h3.title.text-white:not(.font-bold),
[class*="editor-h2:uppercase"] h2,
[class~="editor-h2:text-blue"] h2 { letter-spacing: -0.02em; } /* Vizyon / Misyon kartları */


/* Mobil menü açılır ok (2026-10-27): dolu kutu + üçgen yerine ince çizgili ok, yuvarlak çerçeve.
   Açılınca ok 180° döner, çerçeve turuncuyla dolar, ok beyaza geçer. Okun kendisi CSS ile çizilir; ikon fontu gizli. */
.mobile-menu-field li.page > .bg-primary-600 {
    top: 7px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50%;
    background-color: transparent !important;
    box-shadow: inset 0 0 0 1.5px rgba(29, 29, 27, .14);
    transition: background-color .35s ease, box-shadow .35s ease, transform .5s cubic-bezier(.65, 0, .35, 1);
}
.mobile-menu-field li.page > .bg-primary-600 > i { display: none !important; }
.mobile-menu-field li.page > .bg-primary-600::before {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #1D1D1B;
    border-bottom: 2px solid #1D1D1B;
    border-radius: 0 0 1.5px 0;
    transform: translateY(-2px) rotate(45deg);
    transition: border-color .35s ease;
}
.mobile-menu-field li.page.is-active > .bg-primary-600 {
    background-color: #F7A600 !important;
    box-shadow: inset 0 0 0 1.5px #F7A600, 0 6px 14px -6px rgba(247, 166, 0, .75);
    transform: rotate(180deg);
}
.mobile-menu-field li.page.is-active > .bg-primary-600::before { border-color: #fff; }
@media (prefers-reduced-motion: reduce) {
    .mobile-menu-field li.page > .bg-primary-600 { transition: none; }
}

/* Mobil menü düğmesi (2026-10-27): beyaz kare + iki ayrı düğme yerine tek yuvarlak ikon.
   Açılınca üç çizgi X'e dönüşür, çember turuncuyla dolar. Kapat düğmesi görünmez ama tıklanır kalır (script.js ona bağlı). */
.mobile-menu-wrapper .open-mobile-menu-trigger {
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, .06) !important;
    box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .18) !important;
    opacity: 1 !important;
    transition: background-color .4s ease, box-shadow .4s ease !important;
}
.mobile-menu-wrapper .open-mobile-menu-trigger .line {
    left: 50% !important;
    top: 50% !important;
    width: 20px !important;
    height: 2px !important;
    margin: -1px 0 0 -10px;
    border-radius: 2px;
    background-color: #fff !important;
    transform: none !important;
    transform-origin: center;
    /* Kapanırken: önce X düzleşir, sonra çizgiler ayrılır */
    transition: transform .25s cubic-bezier(.65, 0, .35, 1), top .25s cubic-bezier(.65, 0, .35, 1) .2s, width .35s ease .15s, margin .35s ease .15s, opacity .2s ease .2s, background-color .35s ease !important;
}
.mobile-menu-wrapper .open-mobile-menu-trigger .line:nth-child(1) { top: calc(50% - 6px) !important; }
.mobile-menu-wrapper .open-mobile-menu-trigger .line:nth-child(2) { width: 12px !important; margin-left: -2px; background-color: #F7A600 !important; }
.mobile-menu-wrapper .open-mobile-menu-trigger .line:nth-child(3) { top: calc(50% + 6px) !important; }
@media (hover: hover) {
    .mobile-menu-wrapper .open-mobile-menu-trigger:not(.in-active):hover .line:nth-child(2) { width: 20px !important; margin-left: -10px; }
}
/* Açık: önce çizgiler ortada birleşir, sonra hafif esneyerek X olur */
.mobile-menu-wrapper .open-mobile-menu-trigger.in-active {
    background-color: #F7A600 !important;
    box-shadow: inset 0 0 0 1.5px #F7A600, 0 8px 18px -8px rgba(247, 166, 0, .8) !important;
}
.mobile-menu-wrapper .open-mobile-menu-trigger.in-active .line {
    transition: top .22s cubic-bezier(.65, 0, .35, 1), transform .4s cubic-bezier(.34, 1.56, .64, 1) .2s, width .2s ease, margin .2s ease, opacity .15s ease, background-color .35s ease !important;
}
.mobile-menu-wrapper .open-mobile-menu-trigger.in-active .line:nth-child(1) { top: 50% !important; transform: rotate(45deg) !important; }
.mobile-menu-wrapper .open-mobile-menu-trigger.in-active .line:nth-child(2) { width: 0 !important; margin-left: 0; opacity: 0; }
.mobile-menu-wrapper .open-mobile-menu-trigger.in-active .line:nth-child(3) { top: 50% !important; transform: rotate(-45deg) !important; }
.mobile-menu-wrapper .close-mobile-menu-trigger { background: transparent !important; box-shadow: none !important; }
/* script.js kapatınca kapat düğmesinin pointer-events-none sınıfını 1 sn sonra siliyor; görünmez düğme hamburgeri örtüp
   menünün ikinci kez açılmasını engelliyordu. Yalnız menü açıkken tıklanır. */
.mobile-menu-wrapper .close-mobile-menu-trigger:not(.is-active) { pointer-events: none !important; }
.mobile-menu-wrapper .close-mobile-menu-trigger .line { opacity: 0 !important; }
/* Tablette kaydırınca header beyaza döner: çizgiler koyu */
@media (min-width: 625px) {
    .header-field.is-fixed .open-mobile-menu-trigger:not(.in-active) { background-color: transparent !important; box-shadow: inset 0 0 0 1.5px rgba(29, 29, 27, .16) !important; }
    .header-field.is-fixed .open-mobile-menu-trigger:not(.in-active) .line:nth-child(odd) { background-color: #1D1D1B !important; }
}

/* Mobil menü alt listeleri: açılıp kapanırken yükseklik kayarak değişir, satırlar sırayla belirir.
   Açık başlığa yeniden dokununca kapanır (footer.php'deki küçük betik). */
.mobile-menu-field li.page.is-active { pointer-events: auto !important; }
.mobile-menu-field li.page > .mega-menu {
    display: grid !important;
    grid-template-rows: 0fr;
    height: auto !important;
    padding: 0 !important;
    border-color: transparent !important;
    transition: grid-template-rows .5s cubic-bezier(.65, 0, .35, 1), padding .5s cubic-bezier(.65, 0, .35, 1), border-color .4s ease;
}
.mobile-menu-field li.page > .mega-menu > ul { min-height: 0; overflow: hidden; }
.mobile-menu-field li.page.is-active > .mega-menu {
    grid-template-rows: 1fr;
    padding: 8px 0 !important;
    border-color: rgba(0, 0, 0, .1) !important;
}
.mobile-menu-field li.page > .mega-menu .sub-menu-item {
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity .2s ease, transform .2s ease;
}
.mobile-menu-field li.page.is-active > .mega-menu .sub-menu-item {
    opacity: 1;
    transform: none;
    transition: opacity .4s ease, transform .5s cubic-bezier(.22, 1, .36, 1);
}
.mobile-menu-field li.page.is-active > .mega-menu .sub-menu-item:nth-child(1) { transition-delay: .12s; }
.mobile-menu-field li.page.is-active > .mega-menu .sub-menu-item:nth-child(2) { transition-delay: .16s; }
.mobile-menu-field li.page.is-active > .mega-menu .sub-menu-item:nth-child(3) { transition-delay: .2s; }
.mobile-menu-field li.page.is-active > .mega-menu .sub-menu-item:nth-child(4) { transition-delay: .24s; }
.mobile-menu-field li.page.is-active > .mega-menu .sub-menu-item:nth-child(5) { transition-delay: .28s; }
.mobile-menu-field li.page.is-active > .mega-menu .sub-menu-item:nth-child(6) { transition-delay: .32s; }
.mobile-menu-field li.page.is-active > .mega-menu .sub-menu-item:nth-child(n+7) { transition-delay: .36s; }
@media (prefers-reduced-motion: reduce) {
    .mobile-menu-wrapper .open-mobile-menu-trigger,
    .mobile-menu-wrapper .open-mobile-menu-trigger .line,
    .mobile-menu-field li.page > .mega-menu,
    .mobile-menu-field li.page > .mega-menu .sub-menu-item { transition: none !important; }
}

/* Mobil menü ve ana sayfa sektör kartları (27 Eki, tema 1.1.14) */
/* Mobil menü: açılan ana başlık kalın */
.mobile-menu-field li.page > a.page { transition: color .3s ease; }
.mobile-menu-field li.page.is-active > a.page { font-weight: 600; }
/* Mobil menü: Talep Al + dil seçimi aynı satırda */
.mobile-menu-field li.vt-mobil-alt { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 30px; margin-top: 24px; }
.mobile-menu-field li.vt-mobil-alt .vt-talep { margin: 0; }
.vt-mobil-alt .vt-dil { display: flex; gap: 8px; }
.vt-mobil-alt .vt-dil a { display: inline-flex; align-items: center; gap: 7px; height: 48px; padding: 0 18px; border-radius: 999px; box-shadow: inset 0 0 0 1.5px rgba(29,29,27,.14); color: #1D1D1B; font-size: 15px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; transition: background-color .3s ease, color .3s ease, box-shadow .3s ease; }
.vt-mobil-alt .vt-dil a svg { width: 17px; height: 17px; flex: none; color: #F7A600; transition: color .3s ease; }
.vt-mobil-alt .vt-dil a:active, .vt-mobil-alt .vt-dil a:focus-visible { background: #1D1D1B; color: #fff; box-shadow: none; }
@media (hover: hover) { .vt-mobil-alt .vt-dil a:hover { background: #1D1D1B; color: #fff; box-shadow: none; } }
/* Ana sayfa sektör kartları — telefonda daha uzun görsel, sade düğme */
@media (max-width: 639px) {
  #sectors .card-item .content { height: 215px; padding: 18px 20px !important; }
  #sectors .card-item .content .title { font-size: 21px; line-height: 26px; }
  #sectors .card-item .expo-and-button { margin-top: 12px; gap: 0; }
  #sectors .card-item .button { width: auto; align-self: flex-start; max-width: none; height: 38px !important; padding: 0 16px !important; gap: 8px; border-radius: 8px; }
  #sectors .card-item .button .text { font-size: 14px; line-height: 18px; }
  #sectors .card-item .button .icon { font-size: 8px; height: 8px; }
  #sectors .sector-controller { margin-top: 14px; }
}

/* Ana sayfa telefon/tablet düzeltmeleri (27 Eki, tema 1.1.15) */
@media (max-width: 768px) {
  /* Hakkımızda görseli: 16:9 kutuya "contain" ile sığdırılınca kare görsel kutunun ortasında kalıyordu → görsel kendi oranında, kutuyu doldurur */
  #about-section .image-field { aspect-ratio: auto !important; height: auto !important; }
  #about-section .image-field img { height: auto !important; display: block; }
  #working-approach .job-prev, #working-approach .job-next { width: 44px !important; height: 44px !important; display: grid; place-items: center; }
}
@media (max-width: 480px) {
  /* Çalışma yaklaşımı: metin ~150 px, kutu 300 px → altta boşluk kalıyordu */
  #working-approach .job-content-carousel { max-height: 190px !important; }
}
@media (max-width: 374px) {
  #working-approach .job-content-carousel { max-height: 225px !important; }
}

/* Hero: telefonda slaytlar metne göre farklı yükseklikte kalıyordu; kısa slaytta oklar görselin altına (beyaz alana) düşüyordu → hepsi en uzun slayt kadar */
@media (max-width: 768px) {
  .hero-section .hero-carousel > .swiper-wrapper { align-items: stretch; }
  .hero-section .hero-carousel .swiper-slide { height: auto !important; }
}

/* Mavi temizliği (27 Eki, tema 1.1.17; sektör kartı katmanı header.php satır içi stilde) — kaynak: ~/vturk-yerel/mavi-denetim/RAPOR.md.
   Onaylı CSS'e dokunulmadı; mavi/mavi-gri tonlar aynı açıklıkta nötr ya da turuncu karşılığıyla ezildi. */
/* R1 kaydırma çubuğu */
body, .table-wrapper { --scrollbar-thumb: #F7A600; --scrollbar-track: rgba(247,166,0,.1); }
/* R3 liste işareti, ayraç, tablo başlığı */
.text-editor ::marker, .text-editor::marker { color: #F7A600; }
.table-wrapper table thead th { background-color: #1D1D1B; }
/* R4 mega menü madde başlıkları (#98A2B7 → aynı açıklıkta nötr; hover/aktif turuncu kuralları !important, aynen kalır) */
body .title.text-\[\#98A2B7\] { color: #A2A29F; }
body .title.before\:bg-\[\#98A2B7\]::before { background-color: #A2A29F; }
body.vegaturk-home-theme .vegaturk-sector-menu .pages-field > .item .title::before { background: #A2A29F; }
/* R5 pencere metni, düğme, yer tutucu, metin editörü grileri (Tailwind mavi-gri → nötr) */
:root { --fancybox-content-color: #3B3B39; --f-button-color: #3B3B39; --swiper-theme-color: #F7A600; }
.f-carousel__thumbs { --f-thumb-outline-color: #F7A600; }
input::placeholder, textarea::placeholder { color: #A2A29F; }
.text-editor {
  --tw-prose-body: #3B3B39; --tw-prose-headings: #1D1D1B; --tw-prose-lead: #52524F; --tw-prose-links: #1D1D1B;
  --tw-prose-bold: #1D1D1B; --tw-prose-counters: #6F6F6C; --tw-prose-bullets: #D4D4D1; --tw-prose-hr: #E6E6E3;
  --tw-prose-quotes: #1D1D1B; --tw-prose-quote-borders: #E6E6E3; --tw-prose-captions: #6F6F6C; --tw-prose-kbd: #1D1D1B;
  --tw-prose-kbd-shadows: 29 29 27; --tw-prose-code: #1D1D1B; --tw-prose-pre-code: #E6E6E3; --tw-prose-pre-bg: #262624;
  --tw-prose-th-borders: #D4D4D1; --tw-prose-td-borders: #E6E6E3;
}
/* R6 "Neden Vega Türk" istatistik ikonları */
.frame-story-stat-icon { color: #2E2E2C; }
/* R7 Hakkımızda kalite bölümü ışık halesi (açık mavi → aynı açıklıkta sıcak krem) */
.overlay[class*="rgba(228,_236,_255"] { background: radial-gradient(50% 50% at 50% 50%, rgba(255, 241, 214, .5) 0%, rgba(255, 255, 255, 0) 100%); }
/* Metin seçimi ve tarayıcı otomatik doldurma (tarayıcı varsayılanı açık mavi) */
::selection { background: #F7A600; color: #1D1D1B; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset; -webkit-text-fill-color: #1D1D1B; }