/* =========================
   UO: Sayfa Başlığı (H1/H2) Patch (OPTIMIZE)
   - Beyaz “pill” + UO kırmızı vurgu
   - Desktop tek satır, mobil sarma serbest
   - Yoğun sheen/parlama
   ========================= */

.ufuk-titlebar{ margin:12px 0 18px; }

.ufuk-titlebar .ufuk-titlebar-inner{
  --ufuk-accent:#004AAD;
  --ufuk-accent-soft:rgba(0,74,173,.10);
  --ufuk-border:rgba(0,74,173,.22);

  width:100%;
  margin:12px auto 0;
  text-align:center;

  padding:12px 18px;
  border-radius:16px;
  border:1px solid var(--ufuk-border);
  background:linear-gradient(180deg,var(--ufuk-accent-soft),#fff 72%);
  box-shadow:0 10px 26px rgba(2,6,23,.06);

  position:relative;
  overflow:hidden; /* sheen taşmasın */
}

.ufuk-titlebar .ufuk-title{
  margin:0;
  color:#0f172a;

  font-family:"Manrope","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.15;

  /* mobil/orta ekranlar */
  font-size:clamp(18px,2vw,28px);
}

/* Desktop: tek satır + biraz daha kompakt */
@media (min-width:992px){
  .ufuk-titlebar .ufuk-title{
    white-space:nowrap;
    line-height:1.1;
    font-size:clamp(18px,1.55vw,26px);
  }
}

@media (max-width:576px){
  .ufuk-titlebar .ufuk-titlebar-inner{ padding:12px 12px; }
}

/* altta ince kırmızı vurgu çizgisi */
.ufuk-titlebar .ufuk-titlebar-inner::after{
  content:"";
  display:block;
  width:min(220px,55%);
  height:3px;
  margin:10px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(0,74,173,.55),transparent);
}

/* =========================
   Sheen (Daha yoğun)
   ========================= */
.ufuk-titlebar .ufuk-titlebar-inner::before{
  content:"";
  position:absolute;
  top:-70%;
  left:-60%;
  width:55%;
  height:260%;
  transform:rotate(18deg);
  pointer-events:none;

  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,0) 18%,
    rgba(255,255,255,.90) 45%,
    rgba(255,255,255,0) 68%,
    rgba(0,74,173,.10) 78%,
    transparent 100%
  );

  opacity:.95;
  filter:blur(.2px);
  mix-blend-mode:screen;
  animation:ufukTitleSheen 4.2s ease-in-out infinite;
}

@keyframes ufukTitleSheen{
  0%,52% { transform:translateX(-170%) rotate(18deg); opacity:0; }
  58%    { opacity:.95; }
  74%    { transform:translateX(260%) rotate(18deg); opacity:.95; }
  100%   { transform:translateX(260%) rotate(18deg); opacity:0; }
}

@media (prefers-reduced-motion: reduce){
  .ufuk-titlebar .ufuk-titlebar-inner::before{ animation:none; opacity:.25; }
}

/* =========================
   UO Promo Popup
   ========================= */
.ufuk-promo{position:fixed; inset:0; z-index:2500; display:none;}
.ufuk-promo.is-open{display:block;}
.ufuk-promo__scrim{position:absolute; inset:0; background:rgba(8,12,20,.62); backdrop-filter:blur(2px);}
.ufuk-promo__dialog{
  position:relative;
  width:min(520px, 92vw);
  margin:min(6vh,48px) auto;
  border-radius:18px;
  overflow:hidden;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 60px rgba(0,0,0,.35);
}
.ufuk-promo__close{
  position:absolute;
  top:10px;
  right:10px;
  width:40px;
  height:40px;
  border:0;
  border-radius:12px;
  background:rgba(20,24,32,.08);
  color:#0b1220;
  display:grid;
  place-items:center;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
.ufuk-promo__close:hover{background:rgba(20,24,32,.14);}
.ufuk-promo__imageLink{display:block; text-decoration:none;}
.ufuk-promo__imageLink img{display:block; width:100%; height:auto;}
.ufuk-promo__actions{
  display:flex;
  gap:10px;
  padding:12px;
  background:linear-gradient(to bottom, rgba(255,255,255,.85), rgba(255,255,255,1));
}
.ufuk-promo__btn{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  border-radius:14px;
  padding:12px 10px;
  font-weight:700;
  text-decoration:none;
  border:1px solid rgba(11,18,32,.12);
}
.ufuk-promo__btn--call{background:#fff; color:#0b1220;}
.ufuk-promo__btn--call:hover{background:rgba(11,18,32,.04);}
.ufuk-promo__btn--wa{background:#25D366; color:#fff; border-color:rgba(0,0,0,.08);}
.ufuk-promo__btn--wa:hover{filter:brightness(.95);}
html.ufuk-promo-open,
body.ufuk-promo-open{overflow:hidden;}


/* =========================================================
   UO BLUE THEME OVERRIDES — Logo mavisi kurumsal tema
   Ana renk: #004AAD | Koyu: #003B7A | Açık: #EAF3FF
   Bu blok dosyanın sonunda bilerek tutulur; eski kırmızı/rose vurgu
   kullanan bileşenleri logo mavisine yaklaştırır.
   ========================================================= */
:root{
  --ufuk-primary:#004AAD;
  --ufuk-primary-dark:#003B7A;
  --ufuk-primary-soft:#EAF3FF;
  --ufuk-primary-soft-2:#F3F8FF;
  --ufuk-accent:#0EA5E9;
  --ufuk-gold:#F4C430;
  --ufuk-rose:#004AAD;
  --ufuk-rose-2:#0EA5E9;
  --ufuk-rose-dark:#003B7A;
}

body{
  background:radial-gradient(1200px 600px at 80% -220px,#ffffff 8%,#f4f8ff 42%,#eaf3ff 86%) fixed !important;
}

.ufuk-pill.is-active,
.ufuk-pill:focus-visible,
.ufuk-pill:hover,
.ufuk-toggle:hover,
.ufuk-toggle:focus-visible,
.ufuk-titlebar .ufuk-titlebar-inner,
.contact-map .contact-card,
.contact-map .map-card,
.page-card,
.svc-card,
.why-cards .card{
  border-color:rgba(0,74,173,.18) !important;
}

.ufuk-pill .ufuk-icon,
.ufuk-pill.is-active .ufuk-icon,
.ufuk-toggle .navbar-toggler-icon,
.contact-map .contact-item > i,
.contact-map .map-card .map-btn i,
.svc-chip,
.why-cards h2::after,
.ufuk-col h6::after{
  color:#004AAD !important;
}

.ufuk-pill::after,
.ufuk-pill.is-active::after,
.ufuk-titlebar .ufuk-titlebar-inner::after,
.contact-map .contact-card::before,
.contact-map .map-card::before,
.site-footer,
.ufuk-col h6::after{
  border-color:#004AAD !important;
}

.ufuk-titlebar .ufuk-titlebar-inner::after,
.why-cards h2::after,
.ufuk-col h6::after{
  background:linear-gradient(90deg,transparent,#004AAD,transparent) !important;
}

.contact-map .contact-btn--dir,
#qs-search .btn-ara{
  background:linear-gradient(135deg,#003B7A,#004AAD 58%,#0EA5E9) !important;
  color:#fff !important;
  box-shadow:0 14px 28px rgba(0,74,173,.22) !important;
}

.contact-map .map-card .map-btn i{
  color:#fff !important;
  background:linear-gradient(135deg,#003B7A,#004AAD 58%,#0EA5E9) !important;
  box-shadow:0 8px 18px rgba(0,74,173,.28), inset 0 1px 0 rgba(255,255,255,.32) !important;
}


/* =========================================================
   UO LOGO MAVİ TEMA — SOFT FINAL OVERRIDES
   Amaç: logodaki maviyle uyumlu, ama arka planı fazla maviye boğmayan görünüm.
   ========================================================= */
:root{
  --ufuk-primary:#004AAD;
  --ufuk-primary-dark:#003B7A;
  --ufuk-primary-bright:#0066D6;
  --ufuk-primary-soft:#F6FAFF;
  --ufuk-primary-soft-2:#FFFFFF;
  --ufuk-accent:#0EA5E9;

  --ufuk-rose:#004AAD;
  --ufuk-rose-2:#0066D6;
  --ufuk-rose-dark:#003B7A;
  --ufuk-surface:#F8FBFF;
}

body{
  background:
    radial-gradient(900px 430px at 78% -120px, rgba(0,74,173,.055), transparent 56%),
    linear-gradient(180deg,#ffffff 0%,#ffffff 34%,#f8fbff 100%) !important;
  background-attachment: fixed;
}

.ufuk-nav{
  background:rgba(255,255,255,.88) !important;
  border-bottom-color:rgba(0,74,173,.08) !important;
}

.ufuk-pill .ufuk-icon,
.ufuk-m-pill .ufuk-icon,
.ufuk-toggle .navbar-toggler-icon{
  color:var(--ufuk-primary) !important;
}

.ufuk-pill,
.ufuk-toggle{
  border-color:rgba(0,74,173,.11) !important;
}

.ufuk-pill.is-active{
  color:var(--ufuk-primary-dark) !important;
  border-color:rgba(0,74,173,.24) !important;
  background:rgba(255,255,255,.82) !important;
}

.ufuk-pill::after,
.ufuk-titlebar .ufuk-titlebar-inner::after{
  background:linear-gradient(90deg,transparent,rgba(0,74,173,.62),transparent) !important;
}

.ufuk-titlebar .ufuk-titlebar-inner{
  --ufuk-accent:#004AAD;
  --ufuk-accent-soft:rgba(0,74,173,.055);
  --ufuk-border:rgba(0,74,173,.20);
  background:linear-gradient(180deg,rgba(0,74,173,.052),#fff 78%) !important;
  border-color:rgba(0,74,173,.20) !important;
}

.contact-map--shell .contact-map__grid{
  background:
    radial-gradient(circle at 0 0, rgba(0,74,173,.030), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(248,251,255,.965)) !important;
  border-color:rgba(0,74,173,.10) !important;
  box-shadow:0 26px 64px rgba(15,23,42,.060) !important;
}

.contact-map .contact-card,
.contact-map .map-card{
  border-color:rgba(0,74,173,.115) !important;
}

.contact-map .contact-card::before,
.contact-map .map-card::before{
  background:linear-gradient(90deg,rgba(0,74,173,.50),rgba(0,74,173,0)) !important;
}

.contact-map .contact-card__eyebrow,
.contact-map .contact-item > i,
.contact-map .map-card .map-btn i{
  color:var(--ufuk-primary) !important;
}

.contact-map .contact-card__eyebrow{
  border-color:rgba(0,74,173,.20) !important;
}

.contact-map .contact-item > i{
  background:linear-gradient(180deg,rgba(0,74,173,.095),rgba(0,74,173,.040)) !important;
}

.contact-map .contact-btn--dir{
  background:linear-gradient(135deg,#004AAD,#0066D6) !important;
  box-shadow:0 12px 24px rgba(0,74,173,.18) !important;
}

.contact-map .map-card .map-btn i{
  color:#fff !important;
  background:linear-gradient(135deg,#004AAD,#0066D6) !important;
  box-shadow:0 8px 18px rgba(0,74,173,.22), inset 0 1px 0 rgba(255,255,255,.30) !important;
}

.site-footer{
  border-top-color:#0059C8 !important;
}

.ufuk-col h6::after,
.why-cards h2::after{
  background:linear-gradient(90deg,#004AAD,#0066D6) !important;
}

.ufuk-links li::before{
  color:#004AAD !important;
}

@media (max-width: 991.98px){
  body{background:#fff !important;}
}