/* Minimal global enhancements (safe to add on top of existing inline styles) */
:root{ --focus: var(--accent, #0ea5e9); }


/* Focus visibility */
a:focus-visible, button:focus-visible, [role="button"]:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{
outline: 3px solid var(--focus);
outline-offset: 2px;
}


/* Active link highlight for top nav */
.nav-link.is-active{
border-bottom: 2px solid var(--focus);
}


/* Muted text helper */
.text-muted{ color:#64748b; }


/* Slider polish */
.bulletin-slider .track{
scrollbar-width: none; /* Firefox */
}
.bulletin-slider .track::-webkit-scrollbar{ /* WebKit */
height: 0; width: 0; display: none;
}
.bulletin-slider .slide-btn{
transition: transform .15s ease;
}
.bulletin-slider .slide-btn:active{ transform: scale(.96); }
.bulletin-slider .slide-btn[disabled]{ opacity: .4; cursor: not-allowed; }


/* Small utility for visually hidden labels */
.sr-only{ position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }


@media (prefers-reduced-motion: reduce){
*{ scroll-behavior: auto !important; transition: none !important; }}


/* ===== Hizmet kartları — BCG hissi (rev3: smooth full-glass, compact size) ===== */
:root{ --brand:#0f172a; --accent:#0ea5e9; }
:root{ --cta: var(--brand); } /* CTA artık lacivert */

.bcg-shelf{ margin:24px 0 8px }
.bcg-head h2{ font-size:clamp(20px,3.6vw,30px); margin:0 0 4px }
.bcg-head p{ color:#64748b; margin:0 0 10px }

.bcg-viewport{ position:relative; overflow:hidden } /* taşmayı kes */
.bcg-track{
  display:flex; gap:12px; padding:0 2px 12px;
  overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.bcg-track::-webkit-scrollbar{ display:none }

/* Boyutlar — daha küçük, 3'lü desktop */
.bcg-card{
  position:relative; flex:0 0 86vw; height:260px;
  border-radius:14px; overflow:hidden; scroll-snap-align:start;
  background:#0b1220; isolation:isolate;
}
@media (min-width:640px){  .bcg-card{ flex-basis:calc(50% - 8px);   height:300px; } }
@media (min-width:1024px){ .bcg-card{ flex-basis:calc(33.333% - 10px); height:320px; } }

/* arkaplan */
.bcg-media,.bcg-media img{ position:absolute; inset:0; width:100%; height:100% }
.bcg-media img{ object-fit:cover; transform:scale(1.02) }
.bcg-media::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(2,6,23,.08), rgba(2,6,23,.55) 60%, rgba(2,6,23,.7));
  mix-blend-mode:multiply; pointer-events:none;
}

/* üstte kategori pill */
.bcg-pill{
  position:absolute; top:10px; left:10px; z-index:2;
  padding:5px 9px; border-radius:999px;
  color:#fff; font-size:11px; letter-spacing:.3px; text-transform:uppercase;
  border:1px solid rgba(255,255,255,.5);
  background:rgba(0,0,0,.35); backdrop-filter:saturate(120%) blur(2px);
}

/* link + CAM PANEL */
.bcg-link{
  position:absolute; inset:0; display:block; text-decoration:none; color:inherit;
  z-index:4; cursor:pointer;   /* link üstte kalsın */
}
.bcg-nav{ z-index:7; }         /* oklar linkin üstünde kalsın ama sadece kenarlarda */

/* Collapsed (idle): sadece başlık görünür */
.bcg-glass{
  position:absolute; left:10px; right:10px; bottom:10px;
  border-radius:16px; padding:10px 12px;
  background:linear-gradient(180deg, rgba(241,245,249,.78), rgba(226,232,240,.78));
  box-shadow:0 8px 20px rgba(2,6,23,.2), 0 1px 0 rgba(255,255,255,.25) inset;
  max-height:70px; overflow:hidden;
  transition:
    top 1.2s cubic-bezier(.22,1,.36,1),
    bottom 1.2s cubic-bezier(.22,1,.36,1),
    max-height 1.2s cubic-bezier(.22,1,.36,1),
    padding .75s cubic-bezier(.22,1,.36,1),
    box-shadow .75s ease, backdrop-filter .75s ease, background .75s ease;
}
.bcg-kicker{ font-size:11px; font-weight:700; letter-spacing:.04em; color:#0f172a; opacity:.85 }
.bcg-title{
  margin:4px 0 0; font-size:clamp(15px,2vw,18px); line-height:1.25; font-weight:800; color:#0f172a;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
/* hover’a kadar teaser görünmez; opacity ile animasyon */
.bcg-teaser{
  margin:8px 0 0; color:#334155; line-height:1.35;
  opacity:0; max-height:0; overflow:hidden;
  transition: opacity .35s ease .10s, max-height .45s ease .10s;
}
.bcg-more{
  position:absolute; right:14px; bottom:14px;   /* sağ alt */
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 14px; border-radius:12px; font-weight:700;
  background:var(--cta); color:#fff; box-shadow:0 8px 22px rgba(15,23,42,.32);
  transform:translateY(6px); opacity:0; pointer-events:none;
  transition: opacity .40s ease .25s, transform .40s ease .25s, filter .2s ease;
}
.bcg-more:hover{ filter:brightness(.95); }

/* Expanded (hover): cam panel tüm kartı kaplasın + smooth açılış */
.bcg-card:hover .bcg-glass,
.bcg-card:focus-within .bcg-glass{
  top:10px; bottom:10px; max-height:1000px; padding:14px 16px 16px;
  backdrop-filter: blur(8px) saturate(140%);
  /* expanded da daha şeffaf */
  background:linear-gradient(180deg, rgba(241,245,249,.86), rgba(226,232,240,.86));
  box-shadow:0 14px 34px rgba(2,6,23,.28);
}
.bcg-card:hover .bcg-teaser,
.bcg-card:focus-within .bcg-teaser{ opacity:1; max-height:600px }
.bcg-card:hover .bcg-more,
.bcg-card:focus-within .bcg-more{ opacity:1; transform:translateY(0); pointer-events:auto }

/* nav okları — container içinde kalsın */
.bcg-nav{
  position:absolute; top:42%; translate:0 -50%;
  width:34px; height:34px; border-radius:999px; border:1px solid #e5e7eb;
  background:#fff; color:#0f172a; box-shadow:0 6px 16px rgba(2,6,23,.14);
  display:grid; place-items:center; cursor:pointer;
}
.bcg-prev{ left:6px } .bcg-next{ right:6px } /* -2 yerine 6px */
@media (max-width:640px){ .bcg-nav{ display:none } }

/* alt sağ “tümü” butonu */
.bcg-all{ display:flex; justify-content:flex-end; margin-top:6px }
.bcg-all-link{
  display:inline-flex; gap:8px; align-items:center; padding:8px 12px;
  border-radius:12px; border:1px solid #e5e7eb; text-decoration:none;
  color:#0f172a; background:#fff;
}

/* ===== Full-bleed yardımcıları ===== */
:root{ --container-max: 1200px; } /* yoksa eklenir */

.breakout{
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
}
.breakout-bg{
  position: relative;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
  overflow: hidden;
}

/* Sadece görsel hero */
.contact-hero-img{ margin: 0 0 12px; }
.contact-hero-img img{
  display:block; width:100%;
  height:clamp(200px, 36vw, 460px); /* yükseklik kontrolü */
  object-fit:cover;
}

/* Full-bleed yardımcı sınıf (yoksa ekle) */
.breakout{
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  width:100vw;
}

/* Kariyer – ikonlu özellikler */
.cf-grid{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px;
}
.cf-feature{
  padding:14px; text-align:center;
  display:grid; gap:8px; place-items:center;
}
.cf-feature i{
  font-size:36px; line-height:1; color:#0f172a; opacity:.9;
}
.cf-feature h3{
  margin:2px 0 0; font-size:15px; font-weight:800; color:#0f172a;
}
.cf-feature p{
  margin:0; font-size:13px; color:#64748b;
}
@media (max-width: 980px){ .cf-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 576px){ .cf-grid{ grid-template-columns:1fr; } }