@import url('fonts.css');
/* ER Kurumsal shell. Content utilities are generated separately, never at runtime. */
/* ER Kurumsal renk sistemi: tek merkez. Bütün sayfa/bileşen dosyaları renkleri bu değişkenlerden alır (yeni palet: ana lacivert, ana mavi, vurgu mavisi). */
:root {
  --er-navy: #0F273C;
  --er-navy-deep: #0B2236;
  --er-navy-title: #0D3554;
  --er-navy-mid: #163A55;
  --er-blue: #0B79C9;
  --er-blue-hover: #0D3554;
  --er-cyan: #00A7E8;
  --er-blue-soft: #DCECF6;
  --er-page: #FEFEFE;
  --er-bg-soft: #F2F3F4;
  --er-bg: #EEF4F8;
  --er-bg-tint: #EEF4F8;
  --er-ink: #172833;
  --er-text: #50616B;
  --er-muted: #697B87;
  --er-line: #D8E3EA;
  --er-line-soft: #E5EEF2;
  --er-accent-line: #0B8DD6;
  --er-shadow: 0 8px 24px rgba(11, 34, 54, .06);
  --er-focus: var(--er-blue);
  --er-header-bg: #FFFFFF;
  --er-header-line: var(--er-line-soft);
}
/* keyboard focus ring: ana mavi açık zeminde (4,5:1), koyu yüzeylerde vurgu mavisi (5,6:1) */
#erkurumsal-site .erkurumsal-topbar,
#erkurumsal-site .er-footer,
#erkurumsal-site .er-hero,
#erkurumsal-site .er-cta,
#erkurumsal-site .er-cta-band,
#erkurumsal-site .er-home-hero,
#erkurumsal-site .erkurumsal-callout-dark,
#erkurumsal-site .er-home-service.is-featured,
#erkurumsal-site .er-home-promo-card--dark {
  --er-focus: var(--er-cyan);
}
#erkurumsal-site { margin:0; background-color:var(--er-page); color:#172833; font-family:'Plus Jakarta Sans','Noto Sans Arabic',Arial,sans-serif; line-height:1.5; }
/* Sıfırlama kuralları (*, a, ul, img ...) #erkurumsal-site ile başlar: özgüllükleri 1,0,0 - 1,0,1'dir ve tek sınıflı kuralları ezer.
   Bu yüzden news.css, contact.css ve erpage.css seçicileri de #erkurumsal-site ile başlar. Özgüllüğü :where() ile 0'a indirmek denendi;
   üst bilgi, alt bilgi ve ERPage'teki bugüne kadar bastırılmış kurallar 134 sayfanın tamamında görünür hale geliyor (181 farklı değişiklik),
   bu yüzden ayrı bir görevde, kural kural ayıklanarak yapılacak. Kanıt: erkurumsal-work/audit-20260921-dedektif/ */
#erkurumsal-site *,#erkurumsal-site *::before,#erkurumsal-site *::after { box-sizing:border-box; border-width:0; border-style:solid; border-color:#E5EEF2; }
:where(#erkurumsal-site h1,#erkurumsal-site h2,#erkurumsal-site h3,#erkurumsal-site h4,#erkurumsal-site p) { margin:0; }
:where(#erkurumsal-site h1,#erkurumsal-site h2,#erkurumsal-site h3,#erkurumsal-site h4) { font-size:inherit; font-weight:inherit; }
#erkurumsal-site a { color:inherit; text-decoration:none; }
#erkurumsal-site button,#erkurumsal-site input,#erkurumsal-site select,#erkurumsal-site textarea { font:inherit; }
#erkurumsal-site button { cursor:pointer; }
#erkurumsal-site ul,#erkurumsal-site ol { margin:0; padding:0; list-style:none; }
#erkurumsal-site img,#erkurumsal-site svg { display:block; max-width:100%; }
#erkurumsal-site img { height:auto; }
#erkurumsal-site [hidden] { display:none!important; }
#erkurumsal-site :focus-visible { outline:3px solid var(--er-focus); outline-offset:4px; }
#erkurumsal-site .erkurumsal-header :focus-visible { outline-color:var(--er-focus); }
.erkurumsal-container { width:100%; max-width:1280px; margin-inline:auto; padding-inline:32px; }
.erkurumsal-header { position:sticky!important; top:0; z-index:100; }
.erkurumsal-header-row { display:flex; align-items:center; justify-content:space-between; min-height:76px; }
.erkurumsal-brand { display:flex; align-items:center; gap:0; flex-shrink:0; }
.erkurumsal-logo { width:260px; max-height:58px; object-fit:contain; object-position:left center; }
.erkurumsal-brand-copy { display:none; }
.erkurumsal-navigation { margin-inline-start:8px; font-size:13.5px; font-weight:600; }
.erkurumsal-navigation .nav { display:flex; flex-wrap:wrap; align-items:center; margin:0; padding:0; }
.erkurumsal-navigation li { position:relative; display:flex; align-items:center; }
.erkurumsal-navigation li>a,.erkurumsal-navigation li>.nav-header,.erkurumsal-navigation li>.separator { display:inline-flex; align-items:center; line-height:1.4; text-shadow:none!important; }
@media (min-width:768px), (hover:hover) { .erkurumsal-navigation a:hover,.erkurumsal-navigation .nav-header:hover { color:#0B79C9!important; background:#EEF4F8; } }

.erkurumsal-navigation .nav-child { padding:8px!important; z-index:150; text-shadow:none!important; text-transform:none; }
.erkurumsal-nav-ready .erkurumsal-navigation .nav-child { display:none; position:absolute; inset-inline-start:0; top:100%; }
.erkurumsal-nav-ready .erkurumsal-navigation .nav-child .nav-child { inset-inline-start:100%; top:0; }

.erkurumsal-navigation .nav-child li { width:100%; display:block; }
.erkurumsal-navigation .nav-child li>a { display:flex; width:100%; }
.erkurumsal-navigation .nav-child li>a:hover,.erkurumsal-navigation .nav-child .current>a { background:#EEF4F8!important; color:#0B79C9!important; padding-inline-start:18px; font-weight:600; }
.erkurumsal-submenu-toggle { display:inline-flex; align-items:center; justify-content:center; height:28px; padding:0; margin-inline-start:-2px; background:transparent; border:none; }
.erkurumsal-submenu-toggle:hover,.erkurumsal-submenu-toggle[aria-expanded="true"] { color:#0B79C9; }
.erkurumsal-submenu-toggle[aria-expanded="true"] svg { transform:rotate(180deg); }
.erkurumsal-header-actions { display:flex; align-items:center; gap:12px; margin-inline-start:auto; flex-shrink:0; }
.erkurumsal-header-cta { display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; text-shadow:none!important; text-decoration:none!important; }
.erkurumsal-header-cta:hover { background:#0D3554!important; transform:translateY(-1px); box-shadow:0 6px 18px rgba(11, 34, 54, .42); }
.erkurumsal-languages ul { display:flex; flex-wrap:wrap; font-size:12px; }

.erkurumsal-languages .lang-active { color:#0B79C9; }
.erkurumsal-languages select { color:#0D3554; max-width:120px; }
.erkurumsal-menu-toggle { display:none; padding:8px 14px; gap:8px; align-items:center; }
.erkurumsal-menu-toggle:hover { background:#F2F3F4; border-color:#D8E3EA!important; }
.erkurumsal-topbar { background:#0B2236; color:white; padding-block:8px; font-size:12px; }
.erkurumsal-main-grid { min-width:0; }
.erkurumsal-has-sidebar { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,280px); gap:32px; }
.erkurumsal-component { min-width:0; }
.erkurumsal-component:not(.erkurumsal-component-home):not(.erkurumsal-component-news-hero) { padding-block:48px; }
.erkurumsal-component:not(.erkurumsal-component-home):not(.erkurumsal-component-news):not(.erkurumsal-component-contact) h1,.erkurumsal-error h1 { font-size:clamp(26px,4vw,42px)!important; font-weight:800!important; margin-bottom:24px!important; }
.erkurumsal-component:not(.erkurumsal-component-home):not(.erkurumsal-component-news):not(.erkurumsal-component-contact) h2 { font-size:26px!important; font-weight:700!important; margin-block:24px 12px!important; }
.erkurumsal-component:not(.erkurumsal-component-home):not(.erkurumsal-component-news):not(.erkurumsal-component-contact) h3 { font-size:20px!important; font-weight:700!important; margin-block:20px 10px!important; }
.erkurumsal-component:not(.erkurumsal-component-home):not(.erkurumsal-component-news):not(.erkurumsal-component-contact) p { margin-block:12px!important; }
.erkurumsal-component:not(.erkurumsal-component-home):not(.erkurumsal-component-news):not(.erkurumsal-component-contact) ul { padding-inline-start:24px!important; list-style:disc!important; }
.erkurumsal-component:not(.erkurumsal-component-news):not(.erkurumsal-component-contact) a:not([class]) { text-decoration:underline!important; }
.erkurumsal-component:not(.erkurumsal-component-news):not(.erkurumsal-component-contact) input:not([type=checkbox]):not([type=radio]),.erkurumsal-component:not(.erkurumsal-component-news):not(.erkurumsal-component-contact) textarea,.erkurumsal-component:not(.erkurumsal-component-news):not(.erkurumsal-component-contact) select { border:1px solid #D8E3EA!important; padding:10px; max-width:100%; background:white; color:#172833; }
.erkurumsal-component:not(.erkurumsal-component-news):not(.erkurumsal-component-contact) table { border-collapse:collapse; max-width:100%; }
.erkurumsal-component:not(.erkurumsal-component-news):not(.erkurumsal-component-contact) td,.erkurumsal-component:not(.erkurumsal-component-news):not(.erkurumsal-component-contact) th { padding:8px; border:1px solid #E5EEF2!important; }
.erkurumsal-component .btn,.erkurumsal-button { display:inline-block; padding:10px 20px; border-radius:6px; background:var(--er-blue); color:white!important; }
.erkurumsal-breadcrumbs { padding-block:16px; font-size:13px; }
.erkurumsal-breadcrumbs ol,.erkurumsal-breadcrumbs ul { display:flex; flex-wrap:wrap; gap:8px; }
.erkurumsal-module-title { font-size:20px!important; font-weight:800!important; margin-bottom:16px!important; }
.erkurumsal-back-top { position:fixed; inset-inline-end:24px; bottom:24px; z-index:40; display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:8px; background:#0F273C; color:#fff!important; box-shadow:0 10px 15px #0002; }
.erkurumsal-error { padding-block:80px; }
.erkurumsal-error p { margin-block:20px!important; }
.erkurumsal-component-only { padding-block:24px; }
[dir=rtl] #erkurumsal-site { font-family:'Noto Sans Arabic','Plus Jakarta Sans',sans-serif; }
/* Physical utility counterparts in imported content, mirrored for RTL. */
[dir=rtl] #erkurumsal-site .erkurumsal-text-left { text-align:right; }
[dir=rtl] #erkurumsal-site .erkurumsal-mr-2 { margin-right:0; margin-left:.5rem; }
[dir=rtl] #erkurumsal-site .erkurumsal-mr-1 { margin-right:0; margin-left:.25rem; }
[dir=rtl] #erkurumsal-site .erkurumsal-pl-8 { padding-left:0; padding-right:2rem; }
[dir=rtl] #erkurumsal-site .erkurumsal-border-l { border-left-width:0; border-right-width:1px; }
[dir=rtl] #erkurumsal-site .-erkurumsal-right-3 { right:auto; left:-.75rem; }
[dir=rtl] #erkurumsal-site .-erkurumsal-right-8 { right:auto; left:-2rem; }
[dir=rtl] #erkurumsal-site .erkurumsal-space-x-8>:not([hidden])~:not([hidden]) { --tw-space-x-reverse:1; }

/* ---- Desktop Header Layout (992px and up) ----
   Ensures logo, all 8 navigation items, and CTA button remain on ONE single line without wrapping.
   "İletişim" will never drop to a second row/alt sekme on any laptop or desktop screen. */
@media (min-width:992px) {
  .erkurumsal-header-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: clamp(6px, 1vw, 18px);
    min-height: 72px;
  }
  .erkurumsal-brand {
    flex-shrink: 0 !important;
  }
  .erkurumsal-logo {
    width: clamp(165px, 14vw, 230px) !important;
    max-height: 52px !important;
    object-fit: contain !important;
  }
  .erkurumsal-menu-toggle {
    display: none !important;
  }
  .erkurumsal-navigation {
    display: flex !important;
    flex: 1 1 auto;
    min-width: 0;
    justify-content: flex-end;
    margin-inline-start: 4px;
    font-size: 13px;
  }
  .erkurumsal-navigation .nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    margin: 0;
    padding: 0;
    gap: clamp(1px, 0.45vw, 6px);
  }
  .erkurumsal-navigation li {
    position: relative;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
  }
  .erkurumsal-navigation li > a,
  .erkurumsal-navigation li > .nav-header {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    padding: 8px clamp(5px, 0.6vw, 9px) !important;
    font-size: clamp(12px, 0.85vw, 13.5px) !important;
    letter-spacing: -0.01em;
  }
  .erkurumsal-header-actions {
    display: flex !important;
    flex-shrink: 0 !important;
    margin-inline-start: clamp(4px, 0.8vw, 14px);
  }
  .erkurumsal-header-cta {
    white-space: nowrap !important;
    padding: 7px clamp(10px, 0.9vw, 16px) !important;
    font-size: clamp(11.5px, 0.8vw, 13px) !important;
  }
  .erkurumsal-nav-extra {
    display: none !important;
  }
  .erkurumsal-nav-ready .erkurumsal-navigation li:hover > .nav-child,
  .erkurumsal-navigation li.parent:hover > .nav-child,
  .erkurumsal-navigation li.deeper:hover > .nav-child {
    display: block !important;
  }
}

/* ---- Tablet & Mobile Header Navigation (max-width: 991px) ---- */
@media (max-width:991px) {
  .erkurumsal-header-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    min-height: 64px;
    padding-block: 8px;
  }
  .erkurumsal-brand {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }
  .erkurumsal-logo {
    width: clamp(155px, 45vw, 210px) !important;
    max-height: 46px !important;
  }
  .erkurumsal-menu-toggle {
    display: inline-flex !important;
    margin-inline-start: auto;
  }
  .erkurumsal-header-actions {
    display: none !important;
  }
  .erkurumsal-header-utility {
    display: none !important;
  }
  .erkurumsal-nav-ready .erkurumsal-navigation {
    display: none;
  }
  .erkurumsal-nav-ready .erkurumsal-navigation.erkurumsal-menu-open {
    display: block !important;
    position: absolute;
    inset-inline: 0;
    top: 100%;
    z-index: 999;
    max-height: calc(100vh - 64px);
    max-height: calc(100dvh - 64px);
    overflow-y: auto;
    background: #FFFFFF;
    border-top: 1px solid #E2E8F0;
    box-shadow: 0 20px 40px rgba(11,34,54,0.18);
    padding: 12px 20px 32px;
    -webkit-overflow-scrolling: touch;
  }
  .erkurumsal-navigation .nav {
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
    gap: 0;
  }
  .erkurumsal-navigation li {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    border-bottom: 1px solid #EEF4F8;
    padding: 0 !important;
  }
  .erkurumsal-navigation li > a,
  .erkurumsal-navigation li > .nav-header {
    font-size: 15px !important;
    padding: 13px 4px !important;
    flex: 1 !important;
    color: #0B2236 !important;
  }
  .erkurumsal-navigation .nav-child {
    position: static !important;
    width: 100% !important;
    background: #F8FAFC !important;
    border: none !important;
    box-shadow: none !important;
    padding: 4px 0 8px 16px !important;
  }
  .erkurumsal-navigation .nav-child li {
    border-bottom: 1px solid #EDF2F7;
  }
  .erkurumsal-navigation .nav-child li > a {
    font-size: 13.5px !important;
    padding: 10px 8px !important;
    color: #334155 !important;
  }
  .erkurumsal-nav-extra {
    display: flex !important;
  }
}
@media (max-width:767px) {
 .erkurumsal-container { padding-inline:16px; }

 .erkurumsal-header-actions { margin-inline-start:auto; }

 .erkurumsal-has-sidebar { grid-template-columns:1fr; }
 .erkurumsal-back-top { inset-inline-end:12px; bottom:12px; }
}
@media (prefers-reduced-motion:reduce) {
 #erkurumsal-site *,#erkurumsal-site *::before,#erkurumsal-site *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
@media print { .erkurumsal-header,.erkurumsal-back-top,.er-footer { display:none; } }

.erkurumsal-language-dropdown { position:relative; }
.erkurumsal-language-dropdown summary { cursor:pointer; padding:8px; }
.erkurumsal-language-dropdown ul { position:absolute; inset-inline-end:0; padding:12px!important; background:#0F273C; min-width:120px; }

#erkurumsal-site a[href^="tel:"],#erkurumsal-site a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate;}

/* Keep the shared footer below even an intentionally empty Joomla article. */
#erkurumsal-site{min-height:100vh;display:flex;flex-direction:column;}
#erkurumsal-main{flex:1;scroll-margin-top:120px;}
#erkurumsal-main:focus{outline:0;}

/* ER İçerik Araçları (plugins/editors-xtd/ericerikaraclari; işaretleme: helpers/tools.php). Tek merkezi sunum katmanı: kart, hizmet kartı, buton, iki kolon ve çağrı alanı
   makale gövdesi olan her yerde (haber detayı, kurumsal makale sayfaları) ve editör önizlemesinde (editor.css bu dosyayı içe aktarır) aynı görünür.
   Seçiciler :is(#erkurumsal-site,body) ile başlar: sitede sıfırlama kurallarını (1,0,0) geçer, editörde gövdeye uygulanır. Renkler ve ölçüler ER Kurumsal paletindendir;
   buton ortak .er-btn ölçüsünü (erpage.css) kullanır. Kuralların hiçbiri önem bayrağı gerektirmez. */
.erkurumsal-content-block { margin-block:24px; }
:is(#erkurumsal-site,body) .erkurumsal-content-card { padding:24px; border:1px solid #D8E3EA; border-radius:8px; background:#FFFFFF; color:#50616B; }
:is(#erkurumsal-site,body) .erkurumsal-content-card h3 { margin:0 0 8px; color:#0D3554; font-size:20px; font-weight:600; line-height:1.35; }
:is(#erkurumsal-site,body) .erkurumsal-content-card h3 a { color:inherit; text-decoration:none; }
:is(#erkurumsal-site,body) .erkurumsal-content-card h3 a:hover { color:#0B79C9; }
:is(#erkurumsal-site,body) .erkurumsal-content-card p { margin:0 0 16px; font-size:15px; line-height:1.65; }
:is(#erkurumsal-site,body) .erkurumsal-content-card > :last-child { margin-bottom:0; }
:is(#erkurumsal-site,body) .erkurumsal-block-image { display:block; width:100%; height:auto; margin:0 0 20px; border-radius:6px; }
:is(#erkurumsal-site,body) .erkurumsal-tool-icon { display:flex; align-items:center; justify-content:center; width:48px; height:48px; margin:0 0 16px; border-radius:10px; background:#EEF4F8; color:#0B79C9; }
.erkurumsal-tool-icon:before { font-family:'Font Awesome 6 Free'; font-weight:900; font-size:20px; }
.erkurumsal-icon-label { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
:is(#erkurumsal-site,body) .erkurumsal-columns { display:grid; grid-template-columns:minmax(0,1fr); align-items:stretch; gap:24px; }
.erkurumsal-column { min-width:0; overflow-wrap:anywhere; }
:is(#erkurumsal-site,body) .erkurumsal-column { padding:24px; border:1px solid #D8E3EA; border-radius:8px; background:#FFFFFF; color:#50616B; }
:is(#erkurumsal-site,body) .erkurumsal-column > :first-child { margin-top:0; }
:is(#erkurumsal-site,body) .erkurumsal-column > :last-child { margin-bottom:0; }
:is(#erkurumsal-site,body) .erkurumsal-column p { margin:0 0 14px; font-size:16px; line-height:1.7; }
:is(#erkurumsal-site,body) .erkurumsal-column ul { margin:0 0 14px; padding-inline-start:24px; list-style:disc; }
:is(#erkurumsal-site,body) .erkurumsal-column ol { margin:0 0 14px; padding-inline-start:24px; list-style:decimal; }
:is(#erkurumsal-site,body) .erkurumsal-column li { margin-block:4px; }
:is(#erkurumsal-site,body) .erkurumsal-column h2 { margin:0 0 12px; color:#0D3554; font-size:24px; font-weight:600; line-height:1.3; }
:is(#erkurumsal-site,body) .erkurumsal-column h3 { margin:0 0 10px; color:#0D3554; font-size:20px; font-weight:600; line-height:1.35; }
:is(#erkurumsal-site,body) .erkurumsal-column h4 { margin:0 0 8px; color:#0D3554; font-size:17px; font-weight:600; line-height:1.4; }
:is(#erkurumsal-site,body) .erkurumsal-column hr { margin:20px 0; border-block-start:1px solid #D8E3EA; }
:is(#erkurumsal-site,body) .erkurumsal-column img { max-width:100%; height:auto; border-radius:6px; }
:is(#erkurumsal-site,body) .erkurumsal-callout { padding:32px; border:1px solid #D8E3EA; border-radius:8px; background:#EEF4F8; color:#50616B; }
:is(#erkurumsal-site,body) .erkurumsal-callout p { margin:0; font-size:16px; line-height:1.65; }
:is(#erkurumsal-site,body) .erkurumsal-callout > p:first-child { margin-bottom:8px; color:#0B79C9; font-size:13px; font-weight:600; letter-spacing:.06em; line-height:1.4; text-transform:uppercase; }
:is(#erkurumsal-site,body) .erkurumsal-callout > p:empty { display:none; }
:is(#erkurumsal-site,body) .erkurumsal-callout h2 { margin:0 0 12px; color:#0D3554; font-size:clamp(22px,2vw,28px); font-weight:600; line-height:1.25; }
:is(#erkurumsal-site,body) .erkurumsal-callout-dark { border-color:#0F273C; background:#0F273C; color:#DCECF6; }
:is(#erkurumsal-site,body) .erkurumsal-callout-dark > p:first-child { color:#DCECF6; }
:is(#erkurumsal-site,body) .erkurumsal-callout-dark h2 { color:#FFFFFF; }
.erkurumsal-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; }
.erkurumsal-actions:empty { display:none; }
:is(#erkurumsal-site,body) .erkurumsal-content-block .erkurumsal-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:12px 20px; border:1px solid var(--er-blue); border-radius:10px; background:var(--er-blue); font-size:15px; font-weight:600; line-height:1.2; text-align:center; text-decoration:none; transition:background-color .2s,border-color .2s; }
:is(#erkurumsal-site,body) .erkurumsal-content-block .erkurumsal-button:hover,
:is(#erkurumsal-site,body) .erkurumsal-content-block .erkurumsal-button:focus-visible { border-color:var(--er-blue-hover); background:var(--er-blue-hover); }
:is(#erkurumsal-site,body) .erkurumsal-content-block .erkurumsal-button:focus-visible { outline:3px solid var(--er-focus); outline-offset:2px; }
:is(#erkurumsal-site,body) .erkurumsal-callout-dark .erkurumsal-button { border-color:rgba(255,255,255,.36); background:rgba(255,255,255,.12); }
:is(#erkurumsal-site,body) .erkurumsal-callout-dark .erkurumsal-button:hover,
:is(#erkurumsal-site,body) .erkurumsal-callout-dark .erkurumsal-button:focus-visible { border-color:var(--er-cyan); background:var(--er-blue); }
@media(min-width:768px) {
:is(#erkurumsal-site,body) .erkurumsal-columns-50-50 { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
:is(#erkurumsal-site,body) .erkurumsal-columns-40-60 { grid-template-columns:minmax(0,2fr) minmax(0,3fr); }
:is(#erkurumsal-site,body) .erkurumsal-columns-60-40 { grid-template-columns:minmax(0,3fr) minmax(0,2fr); }
:is(#erkurumsal-site,body) .erkurumsal-columns-33-67 { grid-template-columns:minmax(0,33fr) minmax(0,67fr); }
:is(#erkurumsal-site,body) .erkurumsal-columns-67-33 { grid-template-columns:minmax(0,67fr) minmax(0,33fr); }
}

/* Core mod_languages output: compact links next to the shared quote button. */
.erkurumsal-header-actions { min-width:0; flex-shrink:0; }
.erkurumsal-languages { min-width:0; }
.erkurumsal-languages:empty { display:none; }
.erkurumsal-languages ul { list-style:none; margin:0; padding:0; align-items:center; }
.erkurumsal-languages .lang-block { flex-direction:column; align-items:flex-start; }
.erkurumsal-languages li { margin:0; padding:0; }
.erkurumsal-languages li a { display:inline-flex; align-items:center; justify-content:center; min-height:32px; font-size:11px; white-space:nowrap; }
#erkurumsal-site .erkurumsal-languages .lang-active a { color:var(--er-blue); text-underline-offset:4px; }
#erkurumsal-site .erkurumsal-languages a:hover { color:var(--er-blue); background:var(--er-bg-tint); }
.erkurumsal-languages a:focus-visible,.erkurumsal-language-dropdown summary:focus-visible { outline:2px solid var(--er-focus); outline-offset:2px; }
.erkurumsal-language-dropdown ul { z-index:5; border-radius:6px; }
@media(max-width:767px) {
 .erkurumsal-header-actions { flex-wrap:wrap; gap:8px; }
 .erkurumsal-languages { max-width:100%; }
}

@media(min-width:1280px) {
 .erkurumsal-header:has(.erkurumsal-language-module) .erkurumsal-header-row { gap:12px; }
}

/* RTL writing without mirroring the page, navigation, grids or hero panels. */
html[data-text-direction="rtl"] #erkurumsal-site { font-family:'Noto Sans Arabic','Plus Jakarta Sans',sans-serif; }
html[data-text-direction="rtl"] #erkurumsal-site :where(h1,h2,h3,h4,h5,h6,p,blockquote,figcaption,textarea) { direction:rtl; unicode-bidi:plaintext; }
html[data-text-direction="rtl"] #erkurumsal-site :where(a,li,label,input,button) { unicode-bidi:plaintext; }
html[data-text-direction="rtl"] #erkurumsal-site input:not([type="email"]):not([type="url"]):not([type="tel"]):not([type="number"]) { direction:rtl; }
html[data-text-direction="rtl"] #erkurumsal-site :where(input[type="email"],input[type="url"],input[type="tel"],input[type="number"]) { direction:ltr; }

/* ── Utility Bar: the first row of the white header, with the brand accent line (navy → blue → accent blue) along its top edge ── */
#erkurumsal-site .erkurumsal-header-utility {
  display:flex; justify-content:space-between; align-items:center;
  max-width:none; padding:5px 32px;
  background: linear-gradient(90deg, var(--er-navy-title), var(--er-blue) 55%, var(--er-cyan)) top / 100% 3px no-repeat, var(--er-header-bg);
  color:var(--er-text); font-size:11.5px;
  border-bottom: 1px solid var(--er-header-line);
  letter-spacing:.2px;
}
.erkurumsal-header-utility:has(.erkurumsal-languages:empty) { display:none; }
#erkurumsal-site .erkurumsal-language-dock {
  display:flex; align-items:center; gap:6px; padding:0; border:none!important; background:transparent;
}
#erkurumsal-site .erkurumsal-language-dock .lang-inline {
 gap:3px; list-style:none; margin:0; padding:0;
}
#erkurumsal-site .erkurumsal-language-dock li { margin:0; padding:0; }
#erkurumsal-site .erkurumsal-language-dock li a {
 gap:5px; padding:3px 8px;
  border-radius:5px; font-weight:500;
  transition:color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, outline-color .2s ease, outline-offset .2s ease, outline-width .2s ease;
}
#erkurumsal-site .erkurumsal-language-dock li a:hover { background:var(--er-bg-tint); color:var(--er-blue); }
#erkurumsal-site .erkurumsal-language-dock .lang-active a {
  background:var(--er-bg-tint);
  box-shadow:0 0 0 1px var(--er-blue-soft), 0 1px 2px rgba(11,34,54,.06); text-decoration:none;
}
#erkurumsal-site .erkurumsal-language-dock img {
  width:18px; height:13px; object-fit:cover; border-radius:2px;
  box-shadow:0 1px 3px rgba(11,34,54,.2);
}
.erkurumsal-utility-contact {
  display:inline-flex; align-items:center; gap:5px; font-weight:600; color:var(--er-blue) !important;
  text-decoration:none; padding:3px 10px; border-radius:5px; transition:color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, outline-color .2s ease, outline-offset .2s ease, outline-width .2s ease;
}
.erkurumsal-utility-contact:hover {
  color:var(--er-navy-title) !important; background:var(--er-blue-soft);
}

/* Header structure: sizes and spacing. The surface and the colours are set by the header block below. */
#erkurumsal-site .erkurumsal-header {
 top:0;
 text-shadow:none!important;
}
#erkurumsal-site .erkurumsal-header-row {
 max-width:none; min-height:76px;
}
#erkurumsal-site .erkurumsal-header .erkurumsal-brand { gap:0; }
#erkurumsal-site .erkurumsal-header .erkurumsal-logo {
 width:260px; max-height:58px; transition:transform .2s ease;
}
#erkurumsal-site .erkurumsal-header .erkurumsal-logo:hover { transform:scale(1.01); }
#erkurumsal-site .erkurumsal-header-actions { margin-inline-start:auto; }

/* Navigation items & interactive states */
#erkurumsal-site .erkurumsal-navigation { margin-inline-start:8px; }
#erkurumsal-site .erkurumsal-navigation .nav { gap:4px; }
#erkurumsal-site .erkurumsal-navigation li>a,
#erkurumsal-site .erkurumsal-navigation li>.nav-header,
#erkurumsal-site .erkurumsal-navigation li>.separator {
 font-size:13.5px; text-shadow:none!important; text-transform:none;
}
@media (min-width:768px), (hover:hover) {
#erkurumsal-site .erkurumsal-navigation a:hover,
#erkurumsal-site .erkurumsal-navigation .nav-header:hover {
 color:#0B79C9!important; background:#EEF4F8;
}
}
#erkurumsal-site .erkurumsal-navigation .current>a,
#erkurumsal-site .erkurumsal-navigation .active>a {
 font-weight:700;
}
#erkurumsal-site .erkurumsal-submenu-toggle {
 width:20px; min-width:20px; padding:0; margin-inline-start:-2px; background:transparent; border:none;
}
#erkurumsal-site .erkurumsal-submenu-toggle svg { flex-shrink:0; transition:transform .25s cubic-bezier(.4,0,.2,1); }
#erkurumsal-site .erkurumsal-submenu-toggle:hover,
#erkurumsal-site .erkurumsal-submenu-toggle[aria-expanded="true"] { color:#0B79C9; background:transparent; }

/* Dropdown panels: structure. The surface is set by the dropdown block below. */
#erkurumsal-site .erkurumsal-navigation .nav-child {
 min-width:250px; padding:8px!important;
 text-shadow:none!important; text-transform:none; backdrop-filter:none; -webkit-backdrop-filter:none;
}
#erkurumsal-site .erkurumsal-navigation .nav-child li { border-radius:8px; }
#erkurumsal-site .erkurumsal-navigation .nav-child li>a {
 justify-content:space-between;
 padding:10px 14px; font-size:13px; font-weight:500; line-height:1.5; text-shadow:none!important; text-transform:none;
}
#erkurumsal-site .erkurumsal-navigation .nav-child li:has(>.erkurumsal-submenu-toggle)>a { width:calc(100% - 28px); }
#erkurumsal-site .erkurumsal-navigation .nav-child li>a:hover,
#erkurumsal-site .erkurumsal-navigation .nav-child .current>a {
 color:#0B79C9!important; padding-inline-start:18px; font-weight:600;
}
@media(min-width:768px) {
#erkurumsal-site .erkurumsal-navigation .nav-child li>a:hover,
#erkurumsal-site .erkurumsal-navigation .nav-child .current>a {
 background:#EEF4F8!important;
}
}
#erkurumsal-site .erkurumsal-navigation .nav-child li>a:focus-visible { outline-offset:-2px; }

@media(min-width:1280px) {
 #erkurumsal-site .erkurumsal-navigation>.nav>li:last-child>.nav-child,
 #erkurumsal-site .erkurumsal-navigation>.nav>li:nth-last-child(2)>.nav-child { left:auto; right:0; }
 #erkurumsal-site .erkurumsal-navigation .nav-child .nav-child { margin-left:0; top:0; inset-inline-start:100%; }
 #erkurumsal-site .erkurumsal-navigation .nav-child .erkurumsal-submenu-toggle svg { transform:rotate(-90deg); }
}

@media(max-width:1279px) {
 #erkurumsal-site .erkurumsal-header-row { padding-inline:20px; }
 #erkurumsal-site .erkurumsal-header-utility { padding-inline:20px; }
 #erkurumsal-site .erkurumsal-navigation .nav-child {
  min-width:0; max-width:100%; margin:6px 0 10px 10px;
  box-shadow:none!important; border:1px solid #E5EEF2!important;
  border-left:3px solid #0B79C9!important;
 }
 #erkurumsal-site .erkurumsal-submenu-toggle { width:36px; height:36px; }
 #erkurumsal-site .erkurumsal-navigation .nav-child li:has(>.erkurumsal-submenu-toggle)>a { width:calc(100% - 42px); }
}

@media(max-width:767px) {
 #erkurumsal-site .erkurumsal-header-row { padding-inline:16px; }
 #erkurumsal-site .erkurumsal-header-utility { padding-inline:16px; }
 #erkurumsal-site .erkurumsal-header .erkurumsal-logo { width:180px; height:42px; }
}

@media(prefers-reduced-motion:reduce) {
 #erkurumsal-site .erkurumsal-submenu-toggle,
 #erkurumsal-site .erkurumsal-submenu-toggle svg,
 #erkurumsal-site .erkurumsal-navigation .nav-child li>a { transition:none; }
}

/* RTL Support */
@media(min-width:1280px) {
 [dir="rtl"] #erkurumsal-site .erkurumsal-navigation>.nav>li:last-child>.nav-child,
 [dir="rtl"] #erkurumsal-site .erkurumsal-navigation>.nav>li:nth-last-child(2)>.nav-child { right:auto; left:0; }
 [dir="rtl"] #erkurumsal-site .erkurumsal-navigation .nav-child .erkurumsal-submenu-toggle svg { transform:rotate(90deg); }
}
@media(max-width:1279px) {
 [dir="rtl"] #erkurumsal-site .erkurumsal-navigation .nav-child {
  margin:6px 10px 10px 0; border-left:1px solid #E5EEF2!important; border-right:3px solid #0B79C9!important;
 }
}

/* =========================================================
   HEADER — light theme (white surface) + micro-animations
   Only header/nav selectors are touched here.
   ========================================================= */

/* --- Header shell: plain white surface with a hairline divider under the tinted utility bar; navy text, blue accents --- */
#erkurumsal-site .erkurumsal-header {
  background: var(--er-header-bg);
  border-bottom: 1px solid var(--er-header-line);
  box-shadow: 0 1px 2px rgba(11,34,54,.04);
}

/* --- Header over the hero (antigrav/index.html: the header is drawn on top of the hero) ---
   The top bar and the header stay in the flow with the same height; the content column below is pulled up by exactly their height and the hero
   grows by the same amount at its top (--erk-hero-pad), so the hero content keeps its position while the hero image continues behind the header.
   The heights are constant per breakpoint (measured: 120px desktop, 126px tablet, 65px phone; the phone has no top bar).
   Only for full-width heroes (home, ERPage wide host, news); not applied when a system message sits above the hero (the message must stay visible) or when the page has no full-width hero. */
#erkurumsal-site { --erk-overlay:120px; --erk-hero-pad:0px; }
@media (min-width:768px) and (max-width:1279px) { #erkurumsal-site { --erk-overlay:126px; } }
@media (max-width:767px) { #erkurumsal-site { --erk-overlay:65px; } }
#erkurumsal-site .erkurumsal-header-utility { position:relative; z-index:100; }
#erkurumsal-site main:has(:is(.er-home-hero, .erpage-host-wide .er-hero, .erkurumsal-component-news-hero .er-hero)):not(:has(#system-message-container > *)) {
  margin-top:calc(-1 * var(--erk-overlay));
  --erk-hero-pad:var(--erk-overlay);
}
/* scroll: the header lifts off the page with a soft shadow over the first 160px of scroll; CSS only (scroll-driven animation). Browsers without it keep the hairline shadow. */
@keyframes erk-header-lift { from { box-shadow:0 1px 2px rgba(11,34,54,.04); } to { box-shadow:0 10px 30px rgba(11,34,54,.10); } }
@supports (animation-timeline: scroll()) {
#erkurumsal-site .erkurumsal-header { animation:erk-header-lift linear both; animation-timeline:scroll(root); animation-range:0 160px; }
}

/* ── Nav top-level: li = single pill container ── */
#erkurumsal-site .erkurumsal-navigation > .nav > li {
  border-radius: 9px;
  /* overflow:visible — dropdown panellerin görünmesi için kesinlikle hidden olmamalı */
  transition: background .22s ease, box-shadow .22s ease;
}
#erkurumsal-site .erkurumsal-navigation > .nav > li:hover {
  background: var(--er-bg-tint);
}
#erkurumsal-site .erkurumsal-navigation > .nav > li.current,
#erkurumsal-site .erkurumsal-navigation > .nav > li.active {
  background: var(--er-bg-tint);
  box-shadow: 0 0 0 1px var(--er-blue-soft) inset;
}

/* Navigation link base — no individual background, li handles it */
#erkurumsal-site .erkurumsal-navigation li > a,
#erkurumsal-site .erkurumsal-navigation li > .nav-header,
#erkurumsal-site .erkurumsal-navigation li > .separator {
  color: var(--erk-nav-color, var(--er-navy-title)) !important;
  letter-spacing: .3px;
  padding: 9px 12px;
  border-radius: 0;
  background: transparent !important;
  position: relative;
  transition: color .22s ease !important;
}

/* Glowing bottom-line accent */
#erkurumsal-site .erkurumsal-navigation > .nav > li > a::after,
#erkurumsal-site .erkurumsal-navigation > .nav > li > .nav-header::after {
  content: '';
  position: absolute;
  bottom: 4px; left: 50%;
  transform: translateX(-50%) scaleX(0);
  width: 55%; height: 2px;
  border-radius: 99px;
  background: var(--er-blue);
  opacity: 0;
  transition: transform .25s cubic-bezier(.4,0,.2,1), opacity .25s ease;
}
#erkurumsal-site .erkurumsal-navigation > .nav > li:hover > a::after,
#erkurumsal-site .erkurumsal-navigation > .nav > li:hover > .nav-header::after,
#erkurumsal-site .erkurumsal-navigation > .nav > li.current > a::after,
#erkurumsal-site .erkurumsal-navigation > .nav > li.active > a::after {
  transform: translateX(-50%) scaleX(1);
  opacity: 1;
}

/* Hover / active link color only (background on li). On touch-only phones a tap leaves :hover behind, which made an opened row look like the active page. */
@media (min-width: 768px), (hover: hover) {
#erkurumsal-site .erkurumsal-navigation a:hover,
#erkurumsal-site .erkurumsal-navigation .nav-header:hover {
  color: var(--er-blue) !important;
  background: transparent !important;
  transform: none;
}
}
#erkurumsal-site .erkurumsal-navigation .current > a,
#erkurumsal-site .erkurumsal-navigation .active > a {
  color: var(--er-blue) !important;
  background: transparent !important;
}

/* Toggle arrow — no own box, inherits li */
#erkurumsal-site .erkurumsal-submenu-toggle {
  color: var(--er-muted);
  background: transparent !important;
  border-radius: 0;
  transition: color .2s ease;
}
#erkurumsal-site .erkurumsal-submenu-toggle:hover,
#erkurumsal-site .erkurumsal-submenu-toggle[aria-expanded="true"] {
  color: var(--er-blue);
  background: transparent !important;
}

/* --- Dropdown panels (white card) --- */
#erkurumsal-site .erkurumsal-navigation .nav-child {
  background: #FFFFFF !important;
  border: 1px solid var(--er-line-soft) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 40px rgba(11,34,54,.12), 0 2px 6px rgba(11,34,54,.06) !important;
  animation: erkDropIn .22s cubic-bezier(.22,1,.36,1) both;
}
@keyframes erkDropIn {
  from { opacity:0; transform:translateY(-8px) scale(.97); }
  to   { opacity:1; transform:translateY(0)   scale(1); }
}

/* Dropdown item links */
#erkurumsal-site .erkurumsal-navigation .nav-child li > a {
  color: var(--er-ink) !important;
  border-radius: 10px;
}
#erkurumsal-site .erkurumsal-navigation .nav-child li > a:hover,
#erkurumsal-site .erkurumsal-navigation .nav-child .current > a {
  color: var(--erk-sub-active, var(--er-blue)) !important;
  padding-inline-start: 18px;
  font-weight: 600;
}
/* the filled highlight belongs to the dropdown panel (tablet and desktop); the phone menu marks the current page without a fill */
@media (min-width: 768px) {
#erkurumsal-site .erkurumsal-navigation .nav-child li > a:hover,
#erkurumsal-site .erkurumsal-navigation .nav-child .current > a {
  background: var(--er-bg-tint) !important;
}
}

/* Divider between dropdown items (subtle) */
#erkurumsal-site .erkurumsal-navigation .nav-child li + li > a {
  border-top: 1px solid var(--er-line-soft);
}

/* Desktop: JS ile submenu açma + hover ile de açılsın */
@media(min-width:1280px) {
  #erkurumsal-site.erkurumsal-nav-ready .erkurumsal-navigation li:hover > .nav-child { display: block; }
}

/* Mobile: remove floating card look, keep left accent border */
@media(max-width:1279px) {
  #erkurumsal-site .erkurumsal-navigation .nav-child {
    animation: none !important;
    border-left: 3px solid var(--er-blue) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }
}

/* ── CTA «TEKLİF ALIN» — tasarım referansı (kullanıcı örneği): ana mavi dolgulu hap buton, beyaz yazı + sağda ok ikonu (Font Awesome arrow-right); hover: başlık laciverti, ok sağa kayar ── */
#erkurumsal-site .erkurumsal-header-cta {
  position: relative;
  overflow: hidden;
  gap: 10px;
  padding: 10px 20px 10px 24px;
  color: #FFFFFF;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: .8px;
  text-transform: uppercase;
  border-radius: 999px;
  border: 1px solid var(--er-blue) !important;
  background: var(--er-blue) !important;
  box-shadow: 0 8px 20px rgba(11,121,201,.26) !important;
  transition: color .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .18s ease !important;
  animation: none !important;
}
#erkurumsal-site .erkurumsal-header-cta:hover {
  color: #FFFFFF;
  background: var(--er-blue-hover) !important;
  border-color: var(--er-blue-hover) !important;
  box-shadow: 0 8px 20px rgba(13,53,84,.24) !important;
  animation: none !important;
}
#erkurumsal-site .erkurumsal-header-cta::after {
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 1.05em;
  line-height: 1;
  transition: transform .22s ease;
}
#erkurumsal-site .erkurumsal-header-cta:hover::after { transform: translateX(3px); }

/* Menu toggle button on mobile — light theme */
#erkurumsal-site .erkurumsal-menu-toggle {
  background: var(--er-bg-tint) !important;
  color: var(--er-navy-title) !important;
  border: 1px solid var(--er-line) !important;
  border-radius: 9px !important;
}
#erkurumsal-site .erkurumsal-menu-toggle:hover {
  background: var(--er-blue-soft) !important;
  border-color: var(--er-blue-soft) !important;
}
/* ---- Phone navigation (max-width 767px only; tablet and desktop keep the rules above) ----
   The menu is one panel that overlays the page: the header keeps its height, so the banner never moves. Language links, contact and quote live in the
   panel (markup in includes/header.php, hidden outside this media query). A submenu opens in place as an indented group of its parent row. */
.erkurumsal-nav-extra { display:none; }
.erkurumsal-lang-code { display:none; }
@media (max-width:991px) {
 html.erkurumsal-menu-locked { overflow:hidden; }
 #erkurumsal-site .erkurumsal-header-utility,
 #erkurumsal-site .erkurumsal-header-actions { display:none; }
 /* touch: the browser's default tap highlight (a translucent blue rectangle over the tapped element) is switched off in the menu panel; the open/current mark is text colour + underline only */
 #erkurumsal-site .erkurumsal-navigation,
 #erkurumsal-site .erkurumsal-menu-toggle { -webkit-tap-highlight-color:transparent; }
 #erkurumsal-site .erkurumsal-header-row { flex-wrap:nowrap; min-height:64px; padding-block:10px; }
 #erkurumsal-site .erkurumsal-header:has(.erkurumsal-menu-open) { max-height:none; overflow:visible; }
 #erkurumsal-site.erkurumsal-nav-ready .erkurumsal-navigation.erkurumsal-menu-open {
  position:absolute; inset-inline:0; top:100%; z-index:120;
  max-height:calc(100vh - 64px); max-height:calc(100dvh - 64px);
  margin:0; padding:4px 20px 24px; overflow-y:auto; overscroll-behavior:contain;
  border-top:1px solid var(--er-line-soft); background:#FFFFFF;
  box-shadow:0 24px 40px rgba(11,34,54,.14);
 }
 #erkurumsal-site .erkurumsal-nav-extra { display:flex; }
 #erkurumsal-site .erkurumsal-nav-languages { padding:14px 0; border-bottom:1px solid var(--er-line-soft); }
 #erkurumsal-site .erkurumsal-nav-languages .mod-languages { width:100%; }
 #erkurumsal-site .erkurumsal-nav-languages ul { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
 #erkurumsal-site .erkurumsal-nav-languages li a { gap:8px; min-height:40px; padding:6px 14px; border:1px solid var(--er-line); border-radius:8px; font-size:13px; font-weight:700; }
 #erkurumsal-site .erkurumsal-nav-languages li a img { width:18px; height:13px; object-fit:cover; border-radius:2px; }
 #erkurumsal-site .erkurumsal-nav-languages .lang-active a { border-color:var(--er-blue); }
 #erkurumsal-site .erkurumsal-nav-languages .erkurumsal-lang-code { display:inline; }
 #erkurumsal-site .erkurumsal-navigation .nav { padding:4px 0; }
 #erkurumsal-site .erkurumsal-navigation li { border-bottom:1px solid var(--er-line-soft); border-radius:0; padding:0; }
 #erkurumsal-site .erkurumsal-nav-languages li { border:0; }
 #erkurumsal-site .erkurumsal-navigation > .nav > li { border-radius:0; }
 #erkurumsal-site .erkurumsal-navigation > .nav > li:hover,
 #erkurumsal-site .erkurumsal-navigation > .nav > li.current,
 #erkurumsal-site .erkurumsal-navigation > .nav > li.active { background:transparent; box-shadow:none; }
 #erkurumsal-site .erkurumsal-navigation > .nav > li:not(.active):not(.erkurumsal-submenu-open) > a::after,
 #erkurumsal-site .erkurumsal-navigation > .nav > li:not(.active):not(.erkurumsal-submenu-open) > .nav-header::after { display:none; }
 /* the desktop indicator (accent text + short 2px underline) marks two separate states with the same look: the current page (Joomla's .active / .current, ancestors included)
    and a parent whose submenu is open (.erkurumsal-submenu-open, set by template.js only). The two classes stay independent. */
 #erkurumsal-site .erkurumsal-navigation > .nav > li.active > .nav-header,
 #erkurumsal-site .erkurumsal-navigation > .nav > li.erkurumsal-submenu-open > .nav-header { --erk-nav-color:var(--er-blue); }
 #erkurumsal-site .erkurumsal-navigation > .nav > li.active > a::after,
 #erkurumsal-site .erkurumsal-navigation > .nav > li.active > .nav-header::after,
 #erkurumsal-site .erkurumsal-navigation > .nav > li.erkurumsal-submenu-open > .nav-header::after { bottom:8px; left:2px; width:3em; transform:none; opacity:1; }
 #erkurumsal-site .erkurumsal-navigation > .nav > li > a,
 #erkurumsal-site .erkurumsal-navigation > .nav > li > .nav-header { min-height:52px; padding:14px 2px; font-size:16px; font-weight:600; letter-spacing:0; cursor:pointer; }
 #erkurumsal-site .erkurumsal-submenu-toggle { width:44px; height:44px; min-width:44px; margin:0; }
 #erkurumsal-site .erkurumsal-navigation .erkurumsal-submenu-open > .nav-child { display:contents; }
 #erkurumsal-site .erkurumsal-navigation .nav-child li { flex:0 0 calc(100% - 6px); width:calc(100% - 6px); margin-inline-start:6px; padding:0; border:0; border-inline-start:2px solid var(--er-line); border-radius:0; }
 #erkurumsal-site .erkurumsal-navigation .nav-child li + li > a { border-top:0; }
 #erkurumsal-site .erkurumsal-navigation .nav-child li:last-child { margin-block-end:12px; }
 #erkurumsal-site .erkurumsal-navigation .nav-child li.current { --erk-sub-active:var(--er-blue); border-inline-start-color:var(--er-blue); }
 #erkurumsal-site .erkurumsal-navigation .nav-child li > a { min-height:46px; padding:12px 16px; border-radius:0 8px 8px 0; font-size:15px; }
 #erkurumsal-site .erkurumsal-navigation .nav-child li > a:hover,
 #erkurumsal-site .erkurumsal-navigation .nav-child .current > a { padding-inline-start:16px; }
 #erkurumsal-site .erkurumsal-nav-actions { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding-top:20px; }
 #erkurumsal-site .erkurumsal-nav-actions > :only-child { grid-column:1 / -1; }
 #erkurumsal-site .erkurumsal-nav-contact,
 #erkurumsal-site .erkurumsal-nav-quote { display:flex; align-items:center; justify-content:center; min-height:48px; padding:10px 14px; border:1px solid var(--er-blue); border-radius:10px; background:transparent; color:var(--er-blue); font-size:14px; font-weight:700; text-align:center; transition:color .2s, background-color .2s, border-color .2s; }
 #erkurumsal-site .erkurumsal-nav-quote { background:var(--er-blue); color:#FFFFFF; }
 #erkurumsal-site .erkurumsal-nav-contact:hover { background:var(--er-blue); color:#FFFFFF; }
 #erkurumsal-site .erkurumsal-nav-quote:hover { border-color:var(--er-blue-hover); background:var(--er-blue-hover); }
}
/* Text direction only: containers, grid tracks, flex order and icons remain LTR. */
html[data-text-direction="rtl"] #erkurumsal-site :where(h1,h2,h3,h4,h5,h6,p,blockquote,figcaption,label,textarea) { direction:rtl;unicode-bidi:plaintext;text-align:right; }
html[data-text-direction="rtl"] #erkurumsal-site :where(a,button,li,strong,span,option) { unicode-bidi:plaintext; }
html[data-text-direction="rtl"] #erkurumsal-site input:not([type="email"]):not([type="tel"]):not([type="url"]):not([type="number"]) { direction:rtl;text-align:right; }
html[data-text-direction="rtl"] #erkurumsal-site :where(input[type="email"],input[type="tel"],input[type="url"],input[type="number"]) { direction:ltr; }
html[data-text-direction="rtl"] #erkurumsal-site .erkurumsal-navigation .nav-child a { text-align:right; }

/* ERFooter (position er-footer): four columns drawn by the single mod_erfooter instance of each language.
   Calm, small type on the dark footer surface (main navy, copyright band deeper navy); palette from the ER Kurumsal colour tokens; icons are Font Awesome (icons.css). */
.er-footer { overflow-x:clip; background:var(--er-navy); color:var(--er-blue-soft); font-size:14px; line-height:1.6; padding-block-start:56px; }
.er-footer-grid { display:grid; grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr)); gap:40px 56px; align-items:start; }
.er-footer-col { min-width:0; }
.er-footer-title { margin:0 0 18px; font-size:15px; font-weight:600; line-height:1.3; color:#FFFFFF; }
.er-footer-company p { max-width:44ch; margin:0 0 10px; }
.er-footer-company .er-footer-lead { color:#FFFFFF; font-weight:600; }
.er-footer-links li + li { margin-top:10px; }
.er-footer a { text-decoration:none; transition:color .15s; }
.er-footer a:hover,.er-footer a:focus-visible { color:var(--er-cyan); }
.er-footer-contact li { display:flex; align-items:flex-start; gap:12px; }
.er-footer-contact li + li { margin-top:12px; }
.er-footer-ico { display:inline-flex; flex:0 0 32px; align-items:center; justify-content:center; height:32px; border-radius:8px; background:rgba(255,255,255,.08); color:var(--er-cyan); }
.er-footer-ctext { display:flex; flex-direction:column; min-width:0; padding-block-start:5px; overflow-wrap:anywhere; }
.er-footer-label { margin-bottom:2px; font-size:12px; line-height:1.3; color:var(--er-blue-soft); opacity:.8; }
.er-footer-connect { display:flex; flex-direction:column; gap:20px; }
.er-footer-social { display:flex; flex-wrap:wrap; gap:10px; }
.er-footer-social a { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:10px; background:rgba(255,255,255,.06); font-size:15px; transition:background-color .15s,border-color .15s,color .15s; }
.er-footer-social a:hover,.er-footer-social a:focus-visible { border-color:var(--er-cyan); background:var(--er-blue); color:#FFFFFF; }
.er-footer-bottom { position:relative; isolation:isolate; margin-block-start:48px; padding-block:20px; font-size:13px; }
.er-footer-bottom::before { content:""; position:absolute; z-index:-1; inset-block:0; inset-inline-start:50%; width:100vw; margin-inline-start:-50vw; background:var(--er-navy-deep); }
.er-footer-bottom p { margin:0; }
html[data-text-direction="rtl"] .er-footer-col { direction:rtl; }
/* the RTL base rule above (plaintext isolation on a/li) would make list rows ignore the column direction; the footer columns set their own direction */
html[data-text-direction="rtl"] #erkurumsal-site .er-footer-col :where(li,a,span) { unicode-bidi:normal; }
@media (max-width:1024px) {
 .er-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 40px; }
 .er-footer-bottom { padding-block-end:76px; }
}
@media (max-width:600px) {
 .er-footer { padding-block-start:40px; }
 .er-footer-grid { grid-template-columns:minmax(0,1fr); gap:32px; }
 .er-footer-bottom { margin-block-start:36px; }
}