/* site-ext.css — kurumsal güncelleme bileşenleri. site.css'ten SONRA yüklenir; mevcut renk değişkenlerini kullanır. */
.logo-img{display:block;height:44px;width:auto}
.logo-img-inv{height:40px}

/* split hero */
.ph-split{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.ph-visual{min-width:0}
.ph-visual .illus,.ph-visual .corridor,.ph-visual .routes{width:100%;height:auto;display:block;border-radius:14px}
.ph-photo{margin:0;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:var(--paper2);box-shadow:0 18px 40px -18px rgba(0,0,0,.45)}
.ph-photo img{width:100%;height:100%;object-fit:cover;display:block}
.in-photo{margin:0 0 28px;border-radius:12px;overflow:hidden;aspect-ratio:16/7;background:var(--paper2)}
.in-photo img{width:100%;height:100%;object-fit:cover;display:block}
.photo-full,.in-photo.full{margin:28px 0;border-radius:12px;overflow:hidden;aspect-ratio:auto;height:auto;background:transparent;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.photo-full img,.in-photo.full img{width:100%;height:auto;object-fit:contain;display:block;border-radius:12px}
.page-hero .facts{margin-top:28px}
@media (max-width:900px){.ph-split{grid-template-columns:1fr;gap:24px}.ph-visual{max-width:520px}}

/* illustrations */
.illus{display:block;width:100%;height:auto;background:var(--paper2);border-radius:14px}
.cover{margin:28px 0 8px}
.cover .illus{aspect-ratio:3/2;max-height:380px}

/* stats */
.stats{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.stats li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 18px;border-top:4px solid var(--signal)}
.stats b{display:block;font-family:var(--f-head);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--ink);line-height:1.1}
.stats span{color:var(--steel);font-size:.92rem}
@media (max-width:700px){.stats{grid-template-columns:repeat(2,1fr)}}

/* cards */
.card.sector,.card.svc{display:flex;flex-direction:column;gap:6px}
.card.sector p{color:var(--steel);font-size:.95rem;margin:0}
.post-c{padding:0;overflow:hidden}
.post-c .post-ill{margin:-1px -1px 0}
.post-c .post-ill .illus{border-radius:0;aspect-ratio:16/9;height:auto}
.post-c h3,.post-c p,.post-c .more{padding:0 18px}
.post-c p{color:var(--steel);font-size:.93rem}
.post-c .more{padding-bottom:18px;margin-top:auto}
.sec-more{margin:20px 0 0;font-weight:600}

/* showcase and facilities styles are provided by site.css */

/* certificates */
.cert-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0 0 28px}
.cert-card{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}
.cert-card h3{margin:0 0 2px;font-size:1rem}.cert-card p{margin:0;color:var(--steel);font-size:.9rem}
.cert-seal{flex:0 0 58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font:800 .85rem var(--f-head);border:3px solid var(--signal);text-align:center;line-height:1}
@media (max-width:640px){.cert-grid{grid-template-columns:1fr}}

/* brand cards */
.brand-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.brand-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}
.brand-card h3{margin:0 0 4px}.brand-card p{margin:0;color:var(--steel);font-size:.92rem}
@media (max-width:640px){.brand-grid{grid-template-columns:1fr}}

/* lists, misc */
.link-list,.small-list{padding-left:1.1em}.link-list li{margin:.3em 0}
.small-list{font-size:.92rem;color:var(--steel)}
.todo{background:#fff4d6;border:1px dashed #d4a017;padding:2px 6px;border-radius:4px;color:#7a5a00}
td.todo{display:table-cell}
.f-full{display:block}
.side-cta{border-top:4px solid var(--signal)}

/* footer 5 col */
.foot-grid5{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr 1.35fr;gap:32px;align-items:start}
.btn{color:#fff}.btn:hover{color:#fff}
.post-c .post-ill{background:var(--ink2);display:flex;justify-content:center}
.post-c .post-ill .illus{max-width:100%;aspect-ratio:3/2}
.post-c h3{padding-top:14px}

/* ==========================================================================
   HEADER & NAVIGATION (DESKTOP & MOBILE)
   ========================================================================== */
.site-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--line)}
.hdr{position:relative}

/* --- DESKTOP NAV (861px and above) --- */
@media (min-width:861px){
  .nav{display:flex;align-items:center;height:72px}
  .nav > ul{display:flex;gap:20px;list-style:none;margin:0;padding:0;height:100%;align-items:center}
  .nav > ul > li{position:relative;height:100%;display:flex;align-items:center}
  .nav > ul > li > a{display:inline-flex;align-items:center;gap:5px;height:100%;padding:0 4px}
  .drop-arrow{transition:transform .2s ease;opacity:.65}
  .nav > ul > li.has-drop:hover > a .drop-arrow,.nav > ul > li.has-drop.drop-open > a .drop-arrow{transform:rotate(180deg);opacity:1;color:var(--signal)}

  .drop-panel{position:absolute;top:100%;left:-20px;background:#fff;border-radius:12px;box-shadow:0 20px 48px -8px rgba(11,41,71,.22),0 0 0 1px rgba(11,41,71,.08);min-width:320px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease;transform:translateY(6px);z-index:1000;padding:14px}
  .drop-panel::before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px}
  .drop-panel.drop-wide{width:560px}
  .nav > ul > li:nth-last-child(-n+3) > .drop-panel{left:auto;right:-20px}
  .nav > ul > li.has-drop:hover > .drop-panel,.nav > ul > li.has-drop:focus-within > .drop-panel,.nav > ul > li.has-drop.drop-open > .drop-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}

  .drop-grid{display:grid;gap:6px}
  .drop-grid.g2{grid-template-columns:1fr 1fr}
  .drop-grid.g1{grid-template-columns:1fr}
  .drop-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;text-decoration:none;background:transparent;transition:background .15s ease,transform .15s ease}
  .drop-item:hover{background:#f0f5fa;transform:translateX(2px)}
  .drop-item strong{display:block;font:700 .92rem/1.25 var(--f-head);color:var(--ink);transition:color .15s ease}
  .drop-item:hover strong{color:var(--signal)}
  .drop-item span{display:block;font-size:.78rem;color:var(--steel);line-height:1.3;margin-top:2px}
  .drop-ic{flex:0 0 34px;height:34px;border-radius:8px;background:#f2f5f8;display:grid;place-items:center;color:var(--signal);transition:background .15s,color .15s}
  .drop-item:hover .drop-ic{background:var(--signal);color:#fff}
  .drop-ic .ic{width:18px;height:18px}
  .drop-flag{flex:0 0 32px;height:22px;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.15);display:flex}
  .drop-flag img{width:100%;height:100%;object-fit:cover}
  .drop-foot{margin-top:8px;padding:8px 12px 2px;border-top:1px solid var(--line);font-size:.84rem}
  .drop-foot a{color:var(--signal);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:color .15s ease}
  .drop-foot a:hover{color:var(--signal-d);text-decoration:underline}
  .nav-mobile-cta{display:none}
  .nav-toggle{display:none}
}

/* --- MOBILE NAV (860px and below) --- */
@media (max-width:860px){
  .drop-panel, .drop-arrow{display:none!important}
  .hdr{height:64px;display:flex;align-items:center;justify-content:space-between}
  .hdr-actions{display:flex;align-items:center;gap:10px}
  .hdr-cta{display:none!important}
  .lang{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:38px;
    padding:0 12px;
    border:1.5px solid var(--line);
    border-radius:8px;
    font-weight:700;
    font-size:.88rem;
    font-family:var(--f-head);
    color:var(--ink);
    text-decoration:none;
    background:#fff;
    transition:all .15s ease;
  }
  .lang:hover{border-color:var(--signal);color:var(--signal)}

  .nav-toggle{
    display:flex;
    background:#fff;
    border:1.5px solid var(--line);
    border-radius:8px;
    width:42px;
    height:38px;
    padding:0;
    cursor:pointer;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4.5px;
    transition:all .2s ease;
  }
  .nav-toggle:hover{border-color:var(--signal)}
  .nav-toggle .bar{
    display:block;
    width:20px;
    height:2.5px;
    background:var(--ink);
    border-radius:2px;
    transition:all .25s ease;
  }
  .nav-toggle[aria-expanded="true"]{background:var(--paper2);border-color:var(--ink)}
  .nav-toggle[aria-expanded="true"] .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-toggle[aria-expanded="true"] .bar:nth-child(2){opacity:0}
  .nav-toggle[aria-expanded="true"] .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .nav{
    display:none!important;
    position:fixed!important;
    top:64px!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    background:#ffffff!important;
    flex-direction:column!important;
    align-items:stretch!important;
    padding:16px 20px 40px!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    z-index:99999!important;
    border-top:1px solid var(--line);
  }
  .nav.open{
    display:flex!important;
  }
  .nav > ul{
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    gap:0!important;
    padding:0!important;
    margin:0!important;
    width:100%!important;
    list-style:none!important;
  }
  .nav > ul > li{
    height:auto!important;
    display:block!important;
    border-bottom:1px solid #edf2f7!important;
  }
  .nav > ul > li > a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    height:auto!important;
    padding:15px 6px!important;
    font-size:1.05rem!important;
    font-weight:700!important;
    font-family:var(--f-head)!important;
    color:var(--ink)!important;
    text-decoration:none!important;
  }
  .nav > ul > li > a:hover,
  .nav > ul > li > a[aria-current="page"]{
    color:var(--signal)!important;
  }
  .nav-mobile-cta{
    display:block!important;
    margin-top:24px!important;
    padding-top:0!important;
    border-top:none!important;
  }
  .nav-mobile-cta .btn{
    width:100%!important;
    padding:14px 20px!important;
    font-size:1rem!important;
    font-weight:700!important;
    text-align:center!important;
    display:block!important;
    border-radius:10px!important;
  }
}

/* ==========================================================================
   REFINED FOOTER & SOCIAL ICONS (5-COLUMN GRID & SUCA ENDORSEMENT)
   ========================================================================== */
.site-footer{background:#09223a;color:#c2d2df;padding:56px 0 28px;font-size:.92rem;border-top:1px solid #14375b}
.foot-grid5{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.3fr;gap:36px;align-items:start}
.foot-about{display:flex;flex-direction:column}
.foot-about .logo-inv{margin-bottom:14px;display:inline-block}
.foot-about .logo-img-inv{display:block;width:170px;height:auto}
.foot-desc{font-size:.86rem;color:#9cb1c4;line-height:1.55;margin:0 0 16px}
.foot-social{display:flex;gap:10px;align-items:center}
.foot-social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.12);transition:all .2s ease}
.foot-social a:hover{background:var(--signal);border-color:var(--signal);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(227,6,19,.35)}
.foot-suca{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.08)}
.foot-suca a{display:inline-flex;flex-direction:column;gap:6px;text-decoration:none;transition:opacity .2s,transform .2s}
.foot-suca a:hover{opacity:0.92;transform:translateY(-1px)}
.foot-suca-lbl{font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;color:#8fa7bb;font-weight:700}
.foot-suca img{display:block;width:200px;max-width:100%;height:auto}
.foot-col h2{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:#ff6952;font-weight:700;margin:0 0 14px}
.foot-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}
.foot-col li a{color:#cddbe5;text-decoration:none;font-size:.88rem;transition:color .15s;display:inline-block;line-height:1.35}
.foot-col li a:hover{color:#fff}
.foot-col .brands li{padding-bottom:6px}
.foot-col .brands a{text-decoration:none}
.foot-col .brands strong{display:block;color:#fff;font-size:.88rem;line-height:1.3}
.foot-col .brands span{display:block;color:#8fa7bb;font-size:.78rem;line-height:1.35;margin-top:2px}
.foot-legal{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:20px;font-size:.82rem;color:#8fa7bb;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between}
.foot-legal-left{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.foot-legal-links{display:flex;flex-wrap:wrap;gap:16px}
.foot-legal-links a{color:#8fa7bb;text-decoration:none;transition:color .15s}
.foot-legal-links a:hover{color:#fff}

@media (max-width:1020px){
  .foot-grid5{grid-template-columns:1fr 1fr;gap:32px 24px}
  .foot-about{grid-column:span 2}
}
@media (max-width:600px){
  .foot-grid5{grid-template-columns:1fr;gap:28px}
  .foot-about{grid-column:span 1}
  .foot-legal{flex-direction:column;align-items:flex-start;gap:12px}
}

/* ==========================================================================
   PAGE TRANSITION - PURE TRANSPARENT ANIMATION (NO BACKGROUND)
   ========================================================================== */
.page-trans{
  position:fixed;
  inset:0;
  z-index:999999;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  background:transparent!important;
  opacity:0;
  visibility:hidden;
  transition:opacity .22s ease,visibility .22s ease;
}
.page-trans.is-active{
  pointer-events:auto;
  opacity:1;
  visibility:visible;
}
.page-trans.is-leaving{
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transition:opacity .28s ease,visibility .28s ease;
}
.trans-logo-wrap{
  position:relative;
  width:min(340px,78vw);
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent!important;
  transform:scale(.85);
  transition:transform .25s cubic-bezier(.16,1,.3,1);
  filter:drop-shadow(0 14px 28px rgba(11,41,71,.25));
}
.page-trans.is-active .trans-logo-wrap{
  transform:scale(1);
}
.page-trans.is-leaving .trans-logo-wrap{
  transform:scale(1.05);
}
.trans-img{
  width:100%;
  height:auto;
  display:block;
  background:transparent!important;
  pointer-events:none;
}
@media (prefers-reduced-motion:reduce){
  .page-trans{display:none!important}
}

/* ==========================================================================
   STANDARDIZED BUTTON SYSTEM & WCAG CONTRAST ENHANCEMENTS
   ========================================================================== */
:root {
  --signal: #e02a0d !important;
  --signal-d: #b81f08 !important;
}

/* 1. Primary Button (.btn) */
.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: var(--signal) !important;
  color: #ffffff !important;
  font-family: var(--f-head) !important;
  font-weight: 700 !important;
  font-size: 0.98rem !important;
  line-height: 1 !important;
  padding: 13px 22px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  border: 2px solid var(--signal) !important;
  cursor: pointer !important;
  transition: all .15s ease !important;
  box-shadow: 0 2px 8px rgba(224, 42, 13, 0.22) !important;
}
.btn:hover {
  background: var(--signal-d) !important;
  border-color: var(--signal-d) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(224, 42, 13, 0.32) !important;
}
.btn-sm {
  padding: 9px 15px !important;
  font-size: 0.9rem !important;
}

/* 2. Ghost Button for Light Backgrounds (.btn-ghost) */
.btn-ghost {
  background: transparent !important;
  border: 2px solid #10406D !important;
  color: #10406D !important;
  box-shadow: none !important;
}
.btn-ghost:hover {
  background: #10406D !important;
  border-color: #10406D !important;
  color: #ffffff !important;
  transform: none !important;
}

/* 3. Ghost Button for Dark Backgrounds (.btn-ghost-inv) */
.btn-ghost-inv {
  background: transparent !important;
  border: 2px solid rgba(255, 255, 255, 0.45) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
.btn-ghost-inv:hover {
  border-color: #ffffff !important;
  background: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  transform: none !important;
}

/* 4. Side-box button text fix (prevent .side-box a specificity bug) */
.side-box a.btn,
.side-box .btn {
  color: #ffffff !important;
  background: var(--signal) !important;
  border-color: var(--signal) !important;
}
.side-box a.btn:hover,
.side-box .btn:hover {
  color: #ffffff !important;
  background: var(--signal-d) !important;
  border-color: var(--signal-d) !important;
}

/* 5. Scenario Badge (.scenario-badge) */
.scenario-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 7px;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--signal);
  background: #fef0ed;
  border: 1px solid #ffd5cc;
  border-radius: 4px;
  margin-right: 6px;
  vertical-align: baseline;
  line-height: 1.3;
}

/* 6. WhatsApp Button Icon (.wa-btn-ic) */
.wa-btn-ic {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  fill: currentColor;
  transition: transform 0.15s ease;
}
.btn:hover .wa-btn-ic,
.btn-ghost:hover .wa-btn-ic {
  transform: scale(1.12);
}

/* 7. Facility Map Buttons & General Map Buttons (.btn-map, .facility-map-btn) */
.btn-map,
.facility-map-btn,
a.facility-map-btn {
  align-self: flex-start !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-family: var(--f-head) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  padding: 10px 16px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  background: #10406D !important;
  color: #ffffff !important;
  border: 1.5px solid #10406D !important;
  cursor: pointer !important;
  transition: all .15s ease !important;
  box-shadow: 0 2px 6px rgba(16, 64, 109, 0.18) !important;
}
.btn-map:hover,
.facility-map-btn:hover,
a.facility-map-btn:hover {
  background: var(--signal) !important;
  border-color: var(--signal) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(224, 42, 13, 0.3) !important;
}
.map-btn-ic {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  fill: currentColor;
  transition: transform .15s ease;
}
.btn-map:hover .map-btn-ic,
.facility-map-btn:hover .map-btn-ic {
  transform: scale(1.15);
}