/* Aetherys — runtime overrides (Cloudflare inline-style bypass) */

/* Header logo sizing */
#header .ae-logo-link{display:flex!important;align-items:center!important;flex-shrink:0!important;line-height:1!important;}
#header .ae-logo-link img{height:26px!important;width:auto!important;max-width:none!important;flex-shrink:0!important;display:block!important;}
@media(max-width:768px){#header .ae-logo-link img{height:22px!important;}}

/* ── Auth pages: logo boyut düzeltmesi ── */
.auth-logo img,
.auth-logo-link img{
    display:block!important;
    margin:0 auto!important;
    height:32px!important;
    width:auto!important;
    max-width:140px!important;
    max-height:32px!important;
    object-fit:contain!important;
}
@media(max-width:600px){
    .auth-logo img,
    .auth-logo-link img{
        height:28px!important;
        max-height:28px!important;
        max-width:120px!important;
    }
    .auth-card{
        padding:28px 20px!important;
    }
}

/* ── Cart icon: NO white background on transparent header ── */
body.has-dark-hero .header:not(.ae-scrolled) .cart-icon{
    background:transparent!important;
    color:#fff!important;
    filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))!important;
}
body.has-dark-hero .header:not(.ae-scrolled) .cart-icon svg{
    stroke:#fff!important;
}

/* ── Mobil dark-hero: nav görünürlük garantisi ── */
@media(max-width:768px){
    body.has-dark-hero .header:not(.ae-scrolled){
        background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.05) 100%)!important;
    }
    body.has-dark-hero .header:not(.ae-scrolled) .btn-ghost{
        color:#fff!important;
        border:1.5px solid rgba(255,255,255,.75)!important;
        background:rgba(255,255,255,.10)!important;
    }
    body.has-dark-hero .header:not(.ae-scrolled) .btn-primary,
    body.has-dark-hero .header:not(.ae-scrolled) .btn-primary.btn-sm{
        background:#105970!important;
        color:#fff!important;
        box-shadow:0 2px 10px rgba(0,0,0,.4)!important;
    }
    body.has-dark-hero .header:not(.ae-scrolled) .cart-icon{
        color:#fff!important;
        filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))!important;
    }
    body.has-dark-hero .header:not(.ae-scrolled) .cart-icon svg{
        stroke:#fff!important;
    }
    body.has-dark-hero .header:not(.ae-scrolled) .logo-text,
    body.has-dark-hero .header:not(.ae-scrolled) .logo span{
        color:#fff!important;
    }
    body.has-dark-hero .header:not(.ae-scrolled) .logo img,
    body.has-dark-hero .header:not(.ae-scrolled) .ae-logo-img{
        filter:brightness(0) invert(1)!important;
    }
    body.has-dark-hero .header:not(.ae-scrolled) .mobile-toggle span{
        background:#fff!important;
    }
}

/* ── Logo white on transparent header: all screen sizes ── */
body.has-dark-hero .header:not(.ae-scrolled) .ae-logo-img,
body.has-dark-hero .header:not(.ae-scrolled) .logo img{
    filter:brightness(0) invert(1)!important;
}
body.has-dark-hero .header.ae-scrolled .ae-logo-img,
body.has-dark-hero .header.ae-scrolled .logo img{
    filter:none!important;
}

/* ── Slider: crossfade + Ken Burns transitions ── */
.hv2-slide{
    position:absolute!important;
    inset:0!important;
    opacity:0!important;
    transform:scale(1.06)!important;
    transition:opacity 1.2s cubic-bezier(0.4,0,0.2,1),transform 7s ease!important;
    will-change:opacity,transform!important;
    background-size:cover!important;
    background-position:center!important;
}
.hv2-slide--active{
    opacity:1!important;
    transform:scale(1)!important;
}
.hv2-slide--exit{
    opacity:0!important;
    transform:scale(1.03)!important;
    transition:opacity 0.9s ease,transform 1.5s ease!important;
}

/* ── Horizontal overflow fix ── (clip: scroll-container yapmaz → fixed header kaymaz) */
@media(max-width:900px){
    html{overflow-x:clip!important;max-width:100%!important;}
    body{overflow-x:clip!important;max-width:100%!important;}
}
body:has(.about-hero){overflow-x:clip!important;}
.about-hero,.about-story-section,.about-stats-bar,
.about-values-section,.about-partners-section,
.about-services-section,.about-cta-section{
    overflow-x:hidden!important;max-width:100vw!important;box-sizing:border-box!important;
}

/* ── Homepage hero: no teal band below image ── */
@media(max-width:768px){
    .hv2-hero{min-height:100svh!important;min-height:100vh!important;background:#0a3d52!important;}
    .hv2-slides,.hv2-slide--active{min-height:100%!important;height:100%!important;}
    .hv2-hero+*{margin-top:0!important;}
}

/* ═══════════════════════════════════════════════════════════════
   2026-05-08 LIVE OVERRIDES
   ═══════════════════════════════════════════════════════════════ */

/* Slider içeriğini ekran ortasına yakın çek (desktop) */
@media (min-width: 1024px) {
    .hv2-hero-inner {
        padding-left: clamp(140px, 16vw, 320px) !important;
        padding-right: clamp(40px, 5vw, 80px) !important;
    }
    .hv2-hero-content { max-width: 640px !important; }
}
@media (min-width: 1440px) {
    .hv2-hero-inner { padding-left: clamp(220px, 20vw, 420px) !important; }
}

/* NOT: Eski .footer-grid/.footer-brand footer kuralları kaldırıldı (2026-06-12) —
   footer artık .ae-footer-* class'larını kullanıyor; stiller footer.php içinde. */

/* Hakkımızda kurucular: mobilde büyük göster */
@media (max-width: 480px) {
    .founders-v4 {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
        max-width: 100% !important;
        padding: 0 16px !important;
    }
    .founders-v4 .founder-v4 { width: 100% !important; max-width: 320px !important; margin: 0 auto !important; }
    .founder-v4-img { width: 100% !important; max-width: 280px !important; height: auto !important; aspect-ratio: 1/1 !important; margin: 0 auto !important; }
    .founder-v4-name { font-size: 1.25rem !important; }
    .founder-v4-mail { font-size: 0.85rem !important; }
}
@media (min-width: 481px) and (max-width: 767px) {
    .founders-v4 { grid-template-columns: repeat(2, 1fr) !important; gap: 22px !important; }
    .founder-v4-img { width: 100% !important; max-width: 220px !important; height: auto !important; aspect-ratio: 1/1 !important; margin: 0 auto !important; }
    .founder-v4-name { font-size: 1.1rem !important; }
}

/* Etkinlik sayfası bilet kartı: radio + isim + fiyat hizalaması */
.ev-ticket-card {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 16px 18px !important;
    position: relative !important;
}
.ev-ticket-card .ev-ticket-radio {
    flex-shrink: 0 !important;
    width: 22px !important;
    height: 22px !important;
    margin-right: 4px !important;
}
.ev-ticket-card .ev-ticket-name {
    font-weight: 700 !important;
    font-size: 15px !important;
    margin-bottom: 4px !important;
    line-height: 1.3 !important;
}
.ev-ticket-card .ev-ticket-row-bottom {
    margin-top: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}
.ev-ticket-card .ev-ticket-price-free {
    color: #10b981 !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    display: inline-block !important;
}
.ev-ticket-card .ev-ticket-price-main {
    font-weight: 800 !important;
    font-size: 16px !important;
    color: var(--primary, #105970) !important;
    white-space: nowrap !important;
    display: inline-block !important;
}
.ev-ticket-card .ev-ticket-row-bottom > div:first-child {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}
.ev-ticket-card > div:not(.ev-ticket-radio):not(.ev-ticket-badge) {
    flex: 1 !important;
    min-width: 0 !important;
}

/* ═══════════════════════════════════════════════════════════
   KİŞİSEL DASHBOARD — Ana sayfa
   ═══════════════════════════════════════════════════════════ */
.ae-dashboard {
  background: linear-gradient(135deg, #05131b 0%, #0a2338 100%);
  padding: 2.5rem 0;
  border-bottom: 1px solid rgba(255,255,255,.07);
}

/* Üst satır: selamlama + istatistikler */
.ae-db-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-bottom: 2rem;
}
.ae-db-greeting { display:flex; align-items:center; gap:.85rem; }
.ae-db-wave { font-size:2rem; }
.ae-db-name { color:#fff; font-size:1.3rem; font-weight:800; margin:0; line-height:1.2; }
.ae-db-sub  { color:rgba(255,255,255,.55); font-size:.875rem; margin:0; margin-top:.2rem; }

.ae-db-stats {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;
}
.ae-db-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 14px;
  padding: .6rem 1rem;
  min-width: 72px;
  text-decoration: none;
  transition: background .2s;
}
.ae-db-stat:hover { background: rgba(255,255,255,.1); }
.ae-db-stat-icon { font-size:1.1rem; margin-bottom:.2rem; }
.ae-db-stat strong { color:#fff; font-size:1.25rem; font-weight:800; line-height:1; }
.ae-db-stat span   { color:rgba(255,255,255,.55); font-size:.7rem; margin-top:.15rem; text-align:center; }
.ae-db-stat--link strong { display:none; }

/* Section labels */
.ae-db-section-label {
  display: block;
  color: rgba(255,255,255,.5);
  font-size: .7rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: .75rem;
}
.ae-db-block { margin-top: 1.75rem; }
.ae-db-block-hd { display:flex; align-items:center; justify-content:space-between; margin-bottom:.75rem; }
.ae-db-link { color:#3bb8d8; font-size:.8rem; font-weight:700; text-decoration:none; }
.ae-db-link:hover { color:#fff; }

/* Devam et kartı */
.ae-db-continue { margin-bottom: 1.75rem; }
.ae-continue-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px;
  padding: 1rem 1.25rem;
  text-decoration: none;
  transition: background .2s, transform .2s;
}
.ae-continue-card:hover { background: rgba(255,255,255,.1); transform: translateY(-2px); }
.ae-continue-thumb { width:80px; height:60px; object-fit:cover; border-radius:10px; flex-shrink:0; }
.ae-continue-body { flex:1; }
.ae-continue-course { display:block; color:#3bb8d8; font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.8px; margin-bottom:.25rem; }
.ae-continue-lesson { color:#fff; font-size:1rem; font-weight:700; margin:0 0 .5rem; line-height:1.3; }
.ae-continue-prog { display:flex; align-items:center; gap:.75rem; }
.ae-continue-bar { flex:1; height:4px; background:rgba(255,255,255,.15); border-radius:2px; overflow:hidden; }
.ae-continue-fill { height:100%; background:linear-gradient(90deg,#105970,#3bb8d8); border-radius:2px; }
.ae-continue-prog span { color:rgba(255,255,255,.5); font-size:.75rem; white-space:nowrap; }
.ae-continue-btn {
  flex-shrink:0;
  background: linear-gradient(135deg,#105970,#1a7a96);
  color:#fff; font-size:.85rem; font-weight:700;
  padding:.55rem 1.1rem; border-radius:999px;
  white-space:nowrap;
}

/* Kayıtlı kurslar slider */
.ae-enrolled-slider {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  padding-bottom: .5rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.1) transparent;
}
.ae-enrolled-slider::-webkit-scrollbar { height:4px; }
.ae-enrolled-slider::-webkit-scrollbar-track { background:transparent; }
.ae-enrolled-slider::-webkit-scrollbar-thumb { background:rgba(255,255,255,.15); border-radius:2px; }

.ae-enrolled-card {
  flex-shrink:0; width:200px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px; overflow:hidden;
  text-decoration:none;
  transition: transform .2s, background .2s;
}
.ae-enrolled-card:hover { transform:translateY(-3px); background:rgba(255,255,255,.1); }
.ae-enrolled-img { position:relative; }
.ae-enrolled-img img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }
.ae-enrolled-pct {
  position:absolute; bottom:6px; right:6px;
  background:rgba(0,0,0,.7); color:#fff;
  font-size:.65rem; font-weight:800;
  padding:.2rem .4rem; border-radius:999px;
}
.ae-enrolled-body { padding:.75rem; }
.ae-enrolled-title { color:#fff; font-size:.85rem; font-weight:700; margin:0 0 .3rem; line-height:1.3;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ae-enrolled-meta  { color:rgba(255,255,255,.45); font-size:.7rem; display:block; margin-bottom:.4rem; }
.ae-enrolled-bar-wrap .ae-enrolled-bar { height:3px; background:rgba(255,255,255,.15); border-radius:2px; overflow:hidden; }
.ae-enrolled-bar-wrap .ae-enrolled-bar div { height:100%; background:linear-gradient(90deg,#105970,#3bb8d8); border-radius:2px; }

/* Etkinliklerim */
.ae-my-events { display:flex; flex-direction:column; gap:.6rem; }
.ae-my-event-card {
  display:flex; align-items:center; gap:1rem;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px; padding:.85rem 1.1rem;
  text-decoration:none;
  transition: background .2s;
}
.ae-my-event-card:hover { background:rgba(255,255,255,.1); }
.ae-my-event-date {
  flex-shrink:0; width:46px; text-align:center;
  background:linear-gradient(135deg,#105970,#1a7a96);
  border-radius:10px; padding:.4rem;
}
.ae-my-event-date strong { display:block; color:#fff; font-size:1.25rem; font-weight:900; line-height:1; }
.ae-my-event-date span   { display:block; color:rgba(255,255,255,.75); font-size:.6rem; font-weight:700; margin-top:.1rem; }
.ae-my-event-body { flex:1; }
.ae-my-event-body h4 { color:#fff; font-size:.9rem; font-weight:700; margin:0 0 .2rem; }
.ae-my-event-body span { color:rgba(255,255,255,.45); font-size:.75rem; }
.ae-my-event-arrow { color:rgba(255,255,255,.4); font-size:1rem; }

@media (max-width: 640px) {
  .ae-db-top { flex-direction:column; align-items:flex-start; }
  .ae-db-stats { width:100%; }
  .ae-continue-thumb { width:60px; height:45px; }
  .ae-continue-btn { display:none; }
}

/* ═══════════════════════════════════════════════════════════════
   POLISH LAYER v2 (2026-06-11) — high-end mikro-etkileşimler.
   Katmanlı gölge, ışık süpürmesi, premium easing. Abartısız.
   ═══════════════════════════════════════════════════════════════ */
:root {
  --ease-out-soft: cubic-bezier(.22,.8,.32,1);
  --ease-spring:   cubic-bezier(.34,1.3,.5,1);
  --shadow-rest:   0 1px 2px rgba(15,42,56,.05), 0 4px 12px -4px rgba(15,42,56,.06);
  --shadow-hover:  0 4px 10px -2px rgba(15,42,56,.10), 0 18px 32px -10px rgba(16,89,112,.20), 0 40px 70px -28px rgba(16,89,112,.30);
}

/* ── Seçim ve kaydırma ── */
::selection { background: rgba(16,89,112,.16); color: #0c3a4a; }
html { scroll-behavior: smooth; }
@media (hover:hover) {
  ::-webkit-scrollbar { width: 11px; }
  ::-webkit-scrollbar-track { background: transparent; }
  ::-webkit-scrollbar-thumb { background: rgba(16,89,112,.28); border-radius: 99px; border: 3px solid #fff; }
  ::-webkit-scrollbar-thumb:hover { background: rgba(16,89,112,.5); }
}

/* ── Kartlar: katmanlı kalkış + görselde sinematik zoom ── */
.ev2-card, .course-card, .product-card, .blog-card,
.hv2-event-card, .hv2-product-card, .hv2-blog-card, .hv2-inst-card, .hv2-service-card {
  box-shadow: var(--shadow-rest);
  transition: transform .42s var(--ease-out-soft), box-shadow .42s var(--ease-out-soft);
}
.ev2-card:hover, .course-card:hover, .product-card:hover, .blog-card:hover,
.hv2-event-card:hover, .hv2-product-card:hover, .hv2-blog-card:hover, .hv2-inst-card:hover, .hv2-service-card:hover {
  /* !important: ana sayfa slider'ındaki "cardEnter forwards" animasyonu transform'u
     tutuyordu → hover lift ezilmiyordu. !important ile her sayfada lift garanti. */
  transform: translateY(-10px) !important;
  box-shadow: var(--shadow-hover) !important;
}
.ev2-card-img, .product-card-image, .blog-card-image, .course-card-img,
.hv2-event-img, .hv2-product-img, .hv2-blog-img { overflow: hidden; }
.ev2-card-img img, .course-card-img img, .product-card-image img, .blog-card-image img,
.hv2-event-img img, .hv2-product-img img, .hv2-blog-img img {
  transition: transform .7s var(--ease-out-soft), filter .7s var(--ease-out-soft);
}
.ev2-card:hover .ev2-card-img img,
.course-card:hover .course-card-img img,
.product-card:hover .product-card-image img,
.blog-card:hover .blog-card-image img,
.hv2-event-card:hover .hv2-event-img img,
.hv2-product-card:hover .hv2-product-img img,
.hv2-blog-card:hover .hv2-blog-img img { transform: scale(1.08); filter: brightness(1.05) saturate(1.06); }

/* Görsel üstünde diyagonal ışık süpürmesi */
.ev2-card-img::after, .product-card-image::after, .blog-card-image::after,
.course-card-img::after, .hv2-event-img::after, .hv2-product-img::after, .hv2-blog-img::after {
  content: ''; position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,.22) 50%, transparent 65%);
  transform: translateX(-120%); opacity: 0;
}
.ev2-card:hover .ev2-card-img::after,
.product-card:hover .product-card-image::after,
.blog-card:hover .blog-card-image::after,
.course-card:hover .course-card-img::after,
.hv2-event-card:hover .hv2-event-img::after,
.hv2-product-card:hover .hv2-product-img::after,
.hv2-blog-card:hover .hv2-blog-img::after {
  opacity: 1; transform: translateX(130%);
  transition: transform .85s var(--ease-out-soft) .06s, opacity .15s ease;
}
.ev2-card-img, .product-card-image, .blog-card-image, .course-card-img,
.hv2-event-img, .hv2-product-img, .hv2-blog-img { position: relative; }

/* Hover'da başlık markaya döner, içerik nefes alır */
.ev2-card-title, .course-card h3, .product-card-body h3, .blog-card-body h3,
.hv2-event-card h3, .hv2-product-card h3, .hv2-blog-card h3 {
  transition: color .35s ease;
}
.ev2-card:hover .ev2-card-title,
.course-card:hover h3,
.product-card:hover .product-card-body h3,
.blog-card:hover .blog-card-body h3,
.hv2-event-card:hover h3,
.hv2-product-card:hover h3,
.hv2-blog-card:hover h3 { color: var(--primary, #105970); }

/* ── Butonlar: premium kalkış + iç parlama ── */
.btn {
  position: relative; overflow: hidden;
  transition: transform .3s var(--ease-spring), box-shadow .3s var(--ease-out-soft),
              background-color .25s ease, color .25s ease, border-color .25s ease;
}
.btn:hover { transform: translateY(-1.5px); }
.btn:active { transform: translateY(0) scale(.98); transition-duration: .08s; }
.btn-primary:hover { box-shadow: 0 6px 14px -6px rgba(16,89,112,.45), 0 14px 32px -12px rgba(16,89,112,.5); }
.btn-primary::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,.25) 50%, transparent 60%);
  transform: translateX(-130%);
}
.btn-primary:hover::after { transform: translateX(130%); transition: transform .8s var(--ease-out-soft); }

/* ── Header nav: zarif alt çizgi büyümesi ── */
.nav-menu > a { position: relative; }
.nav-menu > a:not(.active)::after {
  content: ''; position: absolute; left: 50%; bottom: -4px; width: 0; height: 2px;
  background: var(--accent, #E8B931); border-radius: 2px;
  transition: width .35s var(--ease-out-soft), left .35s var(--ease-out-soft);
}
.nav-menu > a:not(.active):hover::after { width: 100%; left: 0; }

/* ── Filtre chip'leri ── */
.ev2-chip {
  transition: background-color .28s ease, color .28s ease, border-color .28s ease,
              transform .28s var(--ease-spring), box-shadow .28s ease;
}
.ev2-chip:hover { transform: translateY(-1.5px); box-shadow: 0 6px 14px -8px rgba(15,42,56,.25); }

/* ── Favori kalp & ikon butonları ── */
.ae-fav-btn { transition: transform .3s var(--ease-spring) !important; }
.ae-fav-btn:hover { transform: scale(1.12); }

/* ── Footer linkleri: hafif kayma ── */
footer a { transition: color .25s ease, transform .25s var(--ease-out-soft); }
footer a:hover { transform: translateX(3px); }

/* ── Reveal eğrisini zenginleştir ── */
.ae-grid-reveal > * {
  transition: opacity .7s var(--ease-out-soft), transform .7s var(--ease-out-soft) !important;
}

/* ── Klavye odak halkası ── */
.btn:focus-visible, a:focus-visible, button:focus-visible {
  outline: 2px solid rgba(16,89,112,.55); outline-offset: 2px; border-radius: 6px;
}

/* ── Hareket azaltma ── */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .ev2-card, .course-card, .product-card, .blog-card,
  .hv2-event-card, .hv2-product-card, .hv2-blog-card, .hv2-inst-card, .hv2-service-card,
  .ev2-card-img img, .course-card-img img, .product-card-image img, .blog-card-image img,
  .hv2-event-img img, .hv2-product-img img, .hv2-blog-img img,
  .ev2-card-img::after, .course-card-img::after, .product-card-image::after, .blog-card-image::after,
  .hv2-event-img::after, .hv2-product-img::after, .hv2-blog-img::after,
  .btn, .btn-primary::after, .ev2-chip, .fav-btn, footer a, .nav-menu > a:not(.active)::after {
    transition: none !important; animation: none !important; transform: none !important;
  }
}

/* ── Anasayfa kart inceltme (2026-06-11): daha zarif oranlar ── */
.course-slider .course-card { min-width: 300px; max-width: 300px; border-width: 1px; }
.course-slider .cc-favwrap { width: 300px !important; }
.hv2-blog-body { padding: 18px 20px 20px !important; }
.hv2-blog-title { font-size: 16.5px !important; line-height: 1.4 !important; }
.hv2-blog-grid { gap: 22px !important; }
.course-card-body { padding: 18px 18px 20px; }
@media (max-width: 760px) {
  .course-slider .course-card { min-width: 260px; max-width: 260px; }
  .course-slider .cc-favwrap { width: 260px !important; }
}

/* ═══════════════════════════════════════════════════════════════
   İÇ SAYFA CİLASI (2026-06-11) — statik sayfalar, profil, formlar.
   ═══════════════════════════════════════════════════════════════ */

/* ── Form alanları: yumuşak odak halkası ── */
input[type="text"], input[type="email"], input[type="password"], input[type="tel"],
input[type="number"], input[type="search"], input[type="url"], textarea, select {
  transition: border-color .25s ease, box-shadow .25s ease, background-color .25s ease;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus,
input[type="tel"]:focus, input[type="number"]:focus, input[type="search"]:focus,
input[type="url"]:focus, textarea:focus, select:focus {
  border-color: var(--primary, #105970) !important;
  box-shadow: 0 0 0 4px rgba(16,89,112,.10) !important;
  outline: none;
}

/* ── SSS / kurumsal akordeon ── */
.corp-accordion-item {
  transition: box-shadow .35s var(--ease-out-soft), border-color .3s ease, transform .35s var(--ease-out-soft);
}
.corp-accordion-item:hover {
  border-color: rgba(16,89,112,.25);
  box-shadow: 0 8px 20px -12px rgba(15,42,56,.18);
}
.corp-accordion-q { transition: color .25s ease; }
.corp-accordion-item:hover .corp-accordion-q { color: var(--primary, #105970); }
.corp-accordion-item[open] {
  border-color: rgba(16,89,112,.3);
  box-shadow: 0 12px 28px -14px rgba(15,42,56,.2);
}
.corp-accordion-a { animation: accFadeIn .4s var(--ease-out-soft) both; }
@keyframes accFadeIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

/* ── İletişim sayfası ── */
.contact-info-card {
  transition: transform .4s var(--ease-out-soft), box-shadow .4s var(--ease-out-soft), border-color .3s ease;
}
.contact-info-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px -16px rgba(15,42,56,.2);
  border-color: rgba(16,89,112,.22);
}
.contact-social-link { transition: transform .3s var(--ease-spring), background-color .25s ease, color .25s ease; }
.contact-social-link:hover { transform: translateY(-2px) scale(1.06); }

/* ── Profil: hızlı menü + sidebar + aktivite ── */
.prf-quick-link {
  transition: transform .35s var(--ease-out-soft), box-shadow .35s var(--ease-out-soft),
              background-color .25s ease, border-color .25s ease;
}
.prf-quick-link:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 22px -12px rgba(15,42,56,.22);
}
.profile-nav a { transition: background-color .22s ease, color .22s ease, padding-left .25s var(--ease-out-soft); }
.profile-nav a:hover { padding-left: 22px; }
.prf-activity-item, .order-card, .wl-card, .ae-my-event-card {
  transition: transform .35s var(--ease-out-soft), box-shadow .35s var(--ease-out-soft), background-color .25s ease;
}
.order-card:hover, .wl-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px -14px rgba(15,42,56,.18);
}

/* ── Hakkımızda: ortak/kredi kartları ── */
.ab-cred-row { transition: transform .35s var(--ease-out-soft); }
.ab-cred-row:hover { transform: translateX(4px); }

/* ── Genel iç sayfa tablo satırı ── */
table tbody tr { transition: background-color .2s ease; }
table tbody tr:hover { background-color: rgba(16,89,112,.035); }

/* ── Breadcrumb / sayfa başı linkleri ── */
.corp-hero-badge { letter-spacing: .12em; }

@media (prefers-reduced-motion: reduce) {
  .corp-accordion-item, .corp-accordion-a, .contact-info-card, .contact-social-link,
  .prf-quick-link, .profile-nav a, .prf-activity-item, .order-card, .wl-card,
  .ae-my-event-card, .ab-cred-row { transition: none !important; animation: none !important; transform: none !important; }
}

/* ── Anasayfa blog kartları: site dilinde (etkinlik/ürün kartlarıyla birebir) ── */
.hv2-blog-grid {
  /* Kartlar bölüm genişliğini eşit doldursun (sabit 300px + sola yaslı yerine).
     Kaç kart olursa olsun satırı tam kaplar → sağda boş alan kalmaz. */
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  justify-content: stretch !important;
  gap: 22px !important;
}
.hv2-blog-card {
  border: 1px solid rgba(16,89,112,.10) !important;
  border-radius: 18px !important;
  box-shadow: 0 1px 3px rgba(15,30,40,.05), 0 14px 32px -20px rgba(16,89,112,.26) !important;
  overflow: hidden;
}
.hv2-blog-img { aspect-ratio: 16/10 !important; }
.hv2-blog-datepill { z-index: 3; }
.hv2-blog-body { padding: 14px 16px 16px !important; }
.hv2-blog-title { font-size: 15px !important; line-height: 1.4 !important; font-weight: 700 !important; }
.hv2-blog-excerpt { font-size: 12.5px !important; line-height: 1.55 !important; }
.hv2-blog-read {
  font-size: 12.5px !important; font-weight: 700 !important;
  color: var(--primary, #105970) !important;
  transition: letter-spacing .25s var(--ease-out-soft);
}
.hv2-blog-card:hover .hv2-blog-read { letter-spacing: .02em; }
.hv2-blog-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block; }
@media (max-width: 760px) {
  .hv2-blog-grid { grid-template-columns: 1fr !important; gap: 16px !important; justify-content: stretch !important; }
  .hv2-blog-img { aspect-ratio: 16/9 !important; }
  .hv2-blog-title { min-height: 0; }
}

/* ═══════════════════════════════════════════════════════════════
   KURS & ETKİNLİK DETAY CİLASI (2026-06-11)
   ═══════════════════════════════════════════════════════════════ */

/* Kurs hero: satın alma kartı hero'dan içeriğe sarkar (overlap düzeni) —
   pill'lerin altındaki dev boş lacivert alan ortadan kalkar */
@media (min-width: 1025px) {
  .course-hero, .course-hero > .container { overflow: visible !important; }
  .course-hero-grid { align-items: start; }
  .course-hero-grid > div:nth-child(2) { margin-bottom: -340px; position: relative; z-index: 6; }
  .course-sidebar-card { box-shadow: 0 18px 48px -18px rgba(10,40,55,.45); }
  .curriculum-section .container > aside { margin-top: 340px; }
}

/* Müfredat akordeonu */
.curriculum-group {
  transition: box-shadow .35s var(--ease-out-soft), border-color .3s ease;
}
.curriculum-group:hover {
  box-shadow: 0 8px 22px -14px rgba(15,42,56,.18);
}
.curriculum-group.open {
  box-shadow: 0 10px 26px -14px rgba(15,42,56,.16);
}
.curriculum-group-header {
  transition: background-color .25s ease, color .25s ease;
  cursor: pointer;
}
.curriculum-group-header:hover { background-color: rgba(16,89,112,.045); }
.curriculum-lessons > * { transition: background-color .2s ease; }
.curriculum-lessons > *:hover { background-color: rgba(16,89,112,.03); }

/* Etkinlik detay: bilet kartları */
.ev-ticket-card {
  transition: transform .3s var(--ease-out-soft), box-shadow .3s var(--ease-out-soft),
              border-color .25s ease, background-color .25s ease;
}
.ev-ticket-card:not(.sold-out):hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px -14px rgba(15,42,56,.22);
  border-color: rgba(16,89,112,.35);
}
.ev-ticket-card.selected {
  box-shadow: 0 8px 20px -12px rgba(16,89,112,.3);
}

/* Etkinlik detay: bölüm başlıklarına altın aksan çizgisi */
.ev-section-title {
  position: relative;
  padding-bottom: 10px;
}
.ev-section-title::after {
  content: '';
  position: absolute;
  left: 0; bottom: 0;
  width: 44px; height: 3px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--accent, #E8B931), rgba(232,185,49,.25));
}

/* Etkinlik: eğitmen kartı + hero pill'leri */
.ev-instructor-card { transition: transform .35s var(--ease-out-soft), box-shadow .35s var(--ease-out-soft); }
.ev-instructor-card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px -14px rgba(15,42,56,.18); }
.ev-pill { transition: background-color .25s ease, border-color .25s ease; }
a.ev-pill:hover { background-color: rgba(255,255,255,.28); }

/* Etkinlik: program akışı zaman çizelgesi */
.ev-timeline-item { transition: transform .3s var(--ease-out-soft); }
.ev-timeline-item:hover { transform: translateX(4px); }

@media (prefers-reduced-motion: reduce) {
  .curriculum-group, .curriculum-group-header, .curriculum-lessons > *,
  .ev-ticket-card, .ev-instructor-card, .ev-pill, .ev-timeline-item {
    transition: none !important; transform: none !important;
  }
}

/* ── Blog kartları: iç oranlar sabit — her kart aynı yükseklik/hiza ── */
.hv2-blog-card { display: flex !important; flex-direction: column !important; height: 100%; }
.hv2-blog-body { flex: 1; display: flex !important; flex-direction: column !important; }
.hv2-blog-title {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; min-height: calc(2 * 1.4em);
}
.hv2-blog-excerpt {
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  overflow: hidden; margin-bottom: 12px !important;
}
.hv2-blog-read { margin-top: auto !important; }
.hv2-blog-grid { align-items: stretch !important; }

/* ═══════════════════════════════════════════════════════════════
   ERİŞİLEBİLİRLİK (2026-06-11) — Lighthouse a11y düzeltmeleri
   ═══════════════════════════════════════════════════════════════ */

/* Slider noktaları: görsel boyut aynı, dokunma hedefi 24px+ (WCAG) */
.hv2-dot {
  position: relative;
}
.hv2-dot::after {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  width: 24px; height: 24px;
  transform: translate(-50%, -50%);
}

/* Açık zeminli bölüm eyebrow'ları: erişilebilir koyu altın (hero hariç) */
.hv2-section .hv2-eyebrow:not(.hv2-eyebrow--light) {
  color: #8a6d10;
}

/* ============================================================
   MOBİL BOŞLUK & GÖRSEL DÜZELTMELERİ (2026-06-12)
   - Bölümler arası aşırı dikey boşluk azaltıldı
   - Bölüm başlığı alt boşluğu sıkılaştırıldı
   - Ürün/etkinlik/blog görsel kabı: gri yerine beyaz zemin
     (şeffaf PNG ürünlerde "alt/etraf gri boşluk" giderildi)
   ============================================================ */
@media (max-width: 768px) {
  .hv2-section { padding: 30px 0 !important; }
  .hv2-section-header { margin-bottom: 24px !important; }
  .hv2-section-row { gap: 14px !important; }
  /* başlık ile alt içerik arası nefes payını da kıs */
  .hv2-section-header p { margin-top: 8px !important; }
}
/* Ürün/etkinlik/blog görsel kabı: nötr beyaz zemin — kesilmiş (transparan) PNG
   ürün fotoğraflarında gri boşluk yerine temiz beyaz görünür. */
.hv2-product-img, .hv2-event-img, .hv2-blog-img { background: #fff !important; }
.hv2-product-img img, .hv2-event-img img, .hv2-blog-img img {
  object-fit: cover !important;
}

/* ════════════════════════════════════════════════════════════════
   PREMIUM BİLET / QR EKRANI (2026-06-15) — kullanıcının gördüğü bilet
   ════════════════════════════════════════════════════════════════ */
.ticket-page-section{background:linear-gradient(180deg,#eef4f5 0%,#f6f9fa 100%)!important;padding:48px 0 72px!important;}
.ticket-card{max-width:440px!important;margin:0 auto!important;border-radius:22px!important;
  box-shadow:0 24px 60px -22px rgba(16,89,112,.34),0 4px 14px -8px rgba(15,30,40,.12)!important;
  position:relative!important;border:1px solid rgba(16,89,112,.06)!important;}
/* Header: derin teal + ince ışık dokusu + eyebrow */
.ticket-header{background:linear-gradient(150deg,#136b85 0%,#0c4356 100%)!important;padding:30px 30px 26px!important;position:relative!important;overflow:hidden!important;}
.ticket-header::before{content:"";position:absolute;top:-40%;right:-10%;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.14),transparent 70%);pointer-events:none;}
.ticket-header-logo{opacity:.95!important;letter-spacing:.01em;}
.ticket-header-title{font-size:21px!important;letter-spacing:-.01em;}
.ticket-header-title::before{content:"BİLET";display:block;font-family:var(--font-body,inherit);font-size:10.5px;font-weight:800;
  letter-spacing:.22em;opacity:.7;margin-bottom:8px;}
/* QR kart: temiz beyaz + köşe braketleri (high-end, taramayı yönlendirir) */
#qrWrap{border:none!important;background:#fff!important;box-shadow:inset 0 0 0 1px #eef2f4;}
.ticket-qr{position:relative;}
.ticket-qr .qr-frame{position:relative;display:inline-block;padding:13px;border-radius:18px;background:#fff;}
.ticket-qr .qr-frame::before,.ticket-qr .qr-frame::after{content:"";position:absolute;width:24px;height:24px;border:3px solid var(--primary,#105970);}
.ticket-qr .qr-frame::before{top:0;left:0;border-right:none;border-bottom:none;border-radius:10px 0 0 0;}
.ticket-qr .qr-frame::after{bottom:0;right:0;border-left:none;border-top:none;border-radius:0 0 10px 0;}
/* Durum rozeti — daha belirgin */
.ticket-status-badge{font-size:12.5px!important;padding:8px 15px!important;border-radius:999px!important;font-weight:700!important;}
/* Detaylar */
.ticket-details{gap:13px!important;padding-top:22px!important;}
.ticket-detail-label{font-size:12.5px!important;letter-spacing:.01em;}
.ticket-detail-value{font-size:13.5px!important;color:#0f1e28!important;}
/* Yan çentikler (klasik koparılır-bilet hissi) — perforasyon hizasında */
.ticket-perforation{height:2px!important;background:repeating-linear-gradient(to right,#cdd9dc 0,#cdd9dc 7px,transparent 7px,transparent 13px)!important;}
.ticket-perforation::before,.ticket-perforation::after{content:"";position:absolute;top:50%;width:26px;height:26px;border-radius:50%;
  background:#f6f9fa;transform:translateY(-50%);box-shadow:inset 0 0 0 1px rgba(16,89,112,.06);}
.ticket-perforation::before{left:-14px;}
.ticket-perforation::after{right:-14px;}
/* Footer */
.ticket-footer{background:#fafbfc!important;padding:16px 30px!important;}

/* ===== PROFİL SIDEBAR AVATAR (2026-06-19) — placeholder base stili eksikti, çıplak "a" harfi görünüyordu ===== */
.profile-user{display:flex;align-items:center;gap:14px;padding:18px 16px;}
.profile-avatar-placeholder{
  width:52px;height:52px;flex-shrink:0;border-radius:999px;
  background:linear-gradient(135deg,var(--primary,#105970) 0%,#0c4356 100%);
  color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:20px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;
  box-shadow:0 4px 12px rgba(16,89,112,.22);
}
.profile-user .profile-avatar{width:52px;height:52px;flex-shrink:0;margin:0;}
.profile-user .profile-name{font-size:16px;font-weight:700;color:#0f1e28;line-height:1.25;}
.profile-user .profile-email{font-size:12.5px;color:#64748b;word-break:break-all;}

/* ===== GÖRSEL YÜKLEME İSKELETİ (2026-06-19) =====
   Sorun: kart görselleri loading=lazy; yüklenene kadar boş beyaz çerçeve
   görünüyor, sonra resim "pat" diye geliyor → estetik bozuluyor.
   Çözüm: markalı shimmer iskelet + görsel yüklenince yumuşak fade. */
.course-card-img, .ev2-card-img, .product-card-image, .blog-card-image,
.hv2-blog-img, .hv2-event-img, .hv2-product-img {
  background: linear-gradient(100deg,#eef3f4 28%,#f7fafb 50%,#eef3f4 72%);
  background-size: 200% 100%;
  animation: aeSkeleton 1.5s ease-in-out infinite;
}
@keyframes aeSkeleton { 0%{background-position:180% 0} 100%{background-position:-180% 0} }
.course-card-img img, .ev2-card-img img, .product-card-image img, .blog-card-image img,
.hv2-blog-img img, .hv2-event-img img, .hv2-product-img img {
  /* NOT: önceden position:relative;z-index:1 vardı → tarih rozeti/badge'lerin
     üstünü kapatıyordu (z-index yoktu). Kaldırıldı; görsel zaten konteyner
     zemininin (skeleton) üstünde, badge'ler de tekrar görselin üstünde. */
  /* DİKKAT: opacity tek başına yazılırsa yukarıdaki transform/filter geçişini ezer
     → zoom "tık" diye olur. Üçünü birlikte tanımlıyoruz. */
  transition: transform .7s var(--ease-out-soft), filter .7s var(--ease-out-soft), opacity .45s ease;
}
.ae-img-pending { opacity: 0 !important; }
/* Görsel geldi: iskelet animasyonu dursun, sade zemin kalsın */
.img-ready { animation: none !important; background: #f1f5f6 !important; }

/* ============================================================
   KART HOVER — TÜM TÜRLER & TÜM SAYFALAR BİREBİR AYNI (2026-06-19)
   Çekirdek (lift -10px + gölge + görsel zoom 1.08 + ışık süpürmesi)
   yukarıdaki birleşik blokta. Burada: tüm kartlara AYNI altın hover
   kenarlığı + sayfaya/türe göre sapan efektleri nötrle ki kurs/etkinlik/
   ürün kartı her sayfada (slider ve grid) AYNI animasyona sahip olsun.
   ============================================================ */

/* Tüm kart türlerinde AYNI geçiş süresi + AYNI rest kenarlık (sayfa farkı kalmasın) */
.ev2-card, .course-card, .product-card, .blog-card,
.hv2-event-card, .hv2-product-card, .hv2-blog-card {
  transition: transform .42s var(--ease-out-soft), box-shadow .42s var(--ease-out-soft),
              border-color .42s var(--ease-out-soft) !important;
  border-color: rgba(16,89,112,.10) !important;
}
/* Tüm kart türlerinde AYNI altın hover kenarlığı */
.ev2-card:hover, .course-card:hover, .product-card:hover, .blog-card:hover,
.hv2-event-card:hover, .hv2-product-card:hover, .hv2-blog-card:hover {
  border-color: rgba(232,185,49,.55) !important;
}

/* Ürün kartındaki ekstra whole-card scale KALDIRILDI → diğerleriyle aynı kalkış */
.product-card:hover { transform: translateY(-10px) !important; }

/* Ana sayfa slider'ında "kardeş kartları soldurma" KALDIRILDI → grid ile aynı */
.course-slider:has(.course-card:hover) .course-card:not(:hover) { opacity: 1 !important; }

/* Slider kurs kartının geçiş süresi grid ile aynı olsun */
.course-slider .course-card {
  transition: transform .42s var(--ease-out-soft), box-shadow .42s var(--ease-out-soft),
              border-color .42s var(--ease-out-soft) !important;
}

/* Kurs CTA oku — küçük evrensel dokunuş (kart animasyonunu etkilemez) */
.course-card .course-card-cta svg { transition: transform .35s var(--ease-spring) !important; }
.course-card:hover .course-card-cta svg { transform: translateX(6px) !important; }

@media (prefers-reduced-motion: reduce){
  .course-card:hover .course-card-cta svg { transform: none !important; }
}

/* ===== HERO BAŞLIK DESCENDER KIRPMASI (2026-06-19) =====
   .hv2-hero-title -webkit-background-clip:text + dar line-height (1.08) →
   "Yoga" g'si, "Meditasyon" y'si alttan kırpılıyordu. line-height açıldı +
   küçük alt iç boşluk: gradient metin kutusu descender'ları kapsıyor. */
.hv2-hero-title { line-height: 1.16 !important; padding-bottom: .06em; }

/* ===== HOVER GÖLGE KESİLMESİ FIX (2026-06-19) =====
   Kart hover'da aşağı gölge yayıyor; ama section/container'larda
   overflow-x:hidden vardı → CSS kuralı gereği overflow-y "auto"ya dönüp
   clip/scroll kutusu oluşturuyor ve gölgeyi section sınırında KESİYORDU
   (kullanıcının gördüğü "gölge sonraki element tarafından kesiliyor").
   Çözüm: overflow-x:clip (yatay taşmayı yine engeller AMA overflow-y'yi
   bozmaz) + overflow-y:visible → dikey gölge serbest. Altın kenarlık KALIR. */
.container, .section, .section-sm, .section-lg, .hv2-section {
  overflow-x: clip !important;
  overflow-y: visible !important;
}

/* ===== KART GİRİŞ ANİMASYONU KAPATILDI (2026-06-19) =====
   Ana sayfada hem CSS "cardEnter" (opacity:0→1, forwards) hem JS "ae-grid-reveal"
   çift giriş animasyonu vardı → kart "refresh gibi sonradan beliriyordu", sadece
   badge görünüp etrafı geç geliyordu. Kartlar artık ANINDA görünür (sağlam his).
   Hover animasyonu (lift) korunur — bu sadece İLK görünürlük. */
.course-slider .course-card,
.course-card, .ev2-card, .product-card, .blog-card,
.hv2-event-card, .hv2-product-card, .hv2-blog-card, .hv2-inst-card, .hv2-service-card,
.ae-grid-reveal > * {
  opacity: 1 !important;
  animation: none !important;
}
/* Reveal'in translateY(40px) başlangıcını da sıfırla (kart parça parça gelmesin) */
.ae-grid-reveal > * { transform: none !important; }

/* ===== HEADER KAYMASI FIX (2026-06-19) =====
   html,body'de overflow-x:hidden vardı → CSS kuralı gereği overflow-y "auto"ya
   dönüp body'yi SCROLL-CONTAINER yapıyordu. Bu, position:fixed header'ı (özellikle
   mobilde adres çubuğu show/hide sırasında) kaydırıyordu. overflow-x:clip yatay
   taşmayı yine keser AMA scroll-container oluşturmaz → header sabit kalır. */
html, body {
  overflow-x: clip !important;
  overflow-y: visible !important;
}
@media (max-width: 900px) {
  html, body { overflow-x: clip !important; overflow-y: visible !important; max-width: 100% !important; }
}

/* ===== SCROLLBAR KAYMASI FIX (2026-06-19) =====
   Profil dropdown/menü açılınca sayfa scrollable olup teal scrollbar beliriyor,
   içerik 11px sola kayıyordu ("menü kayıyor" + "mavi çizgi"). scrollbar-gutter:stable
   scrollbar yerini her zaman rezerve eder → açılıp kapanınca kayma olmaz. */
html { scrollbar-gutter: stable; }

/* ============================================================
   MODERN MİKRO-ETKİLEŞİM KATMANI (2026-06-19)
   Layout/reveal'a dokunmadan site geneline çağdaş "his" katar:
   yumuşak geçişler, modern focus halkaları, basış geri bildirimi,
   details/accordion yumuşaklığı, link/satır hover incelikleri.
   Tümü reduced-motion duyarlı. ============================================================ */

/* Form alanları: modern teal focus halkası + yumuşak geçiş */
input:not([type=checkbox]):not([type=radio]):not([type=range]),
textarea, select, .ap-input, .form-input, .form-control {
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,
textarea:focus, select:focus, .ap-input:focus, .form-input:focus, .form-control:focus {
  outline: none;
  border-color: var(--primary, #105970);
  box-shadow: 0 0 0 3px rgba(16,89,112,.14);
}
/* Checkbox/radio: marka rengi */
input[type=checkbox], input[type=radio] { accent-color: var(--primary, #105970); }

/* Butonlarda basış geri bildirimi (micro press) */
button, .btn, .ap-btn, [role=button] { transition: transform .12s var(--ease-spring,cubic-bezier(.34,1.3,.5,1)), box-shadow .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease; }
button:active, .btn:active, .ap-btn:active { transform: translateY(1px) scale(.985); }

/* details/accordion: ok dönüşü + yumuşak açılış hissi */
details > summary { transition: color .2s ease; }
details[open] > summary { color: var(--primary, #105970); }
details > summary::-webkit-details-marker { color: var(--primary, #105970); }

/* İçerik linkleri: zarif alt çizgi büyümesi (nav/footer hariç) */
.prose a:not(.btn), .blog-body a:not(.btn), .corp-legal-wrap a:not(.btn) {
  background-image: linear-gradient(var(--primary,#105970), var(--primary,#105970));
  background-size: 0% 1.5px; background-position: 0 100%; background-repeat: no-repeat;
  transition: background-size .3s var(--ease-out-soft,ease); padding-bottom: 1px;
}
.prose a:not(.btn):hover, .blog-body a:not(.btn):hover, .corp-legal-wrap a:not(.btn):hover { background-size: 100% 1.5px; }

/* Tablo satırları (admin listeleri): hover vurgusu */
table tbody tr { transition: background-color .15s ease; }
table tbody tr:hover { background-color: rgba(16,89,112,.035); }

/* Avatar/yuvarlak görseller: hover'da hafif canlanma (genel) */
.ae-avatar, .avatar, .lb-av { transition: transform .25s var(--ease-spring,ease); }
.ae-avatar:hover, .avatar:hover, .lb-av:hover { transform: scale(1.05); }

@media (prefers-reduced-motion: reduce){
  input:focus, textarea:focus, select:focus, .ap-input:focus { box-shadow: 0 0 0 2px rgba(16,89,112,.2); }
  button:active, .btn:active, .ap-btn:active { transform: none; }
  .prose a, .blog-body a, .corp-legal-wrap a { transition: none; }
  table tbody tr, .ae-avatar, .avatar, .lb-av { transition: none; }
}

/* ===== SSS accordion + İletişim sosyal ikon cilası (2026-06-19) ===== */
/* SSS: varsayılan üçgen yerine dönen teal chevron + satır hover */
.corp-accordion-item{transition:background .2s ease,border-color .2s ease;border-radius:12px;}
.corp-accordion-item:hover{background:rgba(16,89,112,.03);}
.corp-accordion-q{position:relative;padding-right:34px;}
.corp-accordion-q::-webkit-details-marker{display:none;}
.corp-accordion-q::after{content:'';position:absolute;right:8px;top:50%;width:9px;height:9px;
  border-right:2px solid var(--primary,#105970);border-bottom:2px solid var(--primary,#105970);
  transform:translateY(-65%) rotate(45deg);transition:transform .25s var(--ease-out-soft,cubic-bezier(.22,.8,.32,1));}
.corp-accordion-item[open] .corp-accordion-q::after{transform:translateY(-35%) rotate(225deg);}

/* İletişim: sosyal ikonlara daire zemin + hover canlanma */
.contact-social-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;
  background:rgba(16,89,112,.07);border:1px solid rgba(16,89,112,.14);color:var(--primary,#105970);
  transition:transform .2s var(--ease-spring,cubic-bezier(.34,1.3,.5,1)),background-color .2s ease,border-color .2s ease;}
.contact-social-link:hover{background:rgba(16,89,112,.14);border-color:var(--primary,#105970);transform:translateY(-2px) scale(1.06);}

@media (prefers-reduced-motion: reduce){
  .corp-accordion-q::after{transition:none;}
  .contact-social-link{transition:none;}
  .contact-social-link:hover{transform:none;}
}