/*
 * Proje: Alaeddin Ai | Yapımcı: Osman Beşer
 * Firma: Teknoen Yapay Zeka ve Bilişim Teknolojileri A.Ş.
 * Sürüm: 1.2.0 | Sürüm notu: Ortak üst bilginin cam/ışık/Profil önceliği/avatar katmanı.
 * Sistem: Mevcut menü CSS'ini değiştirmez; yalnız yeni eklenen sınıflara stil verir.
 * Dosya: kapsam içi siteler için ortak-ust-bilgi.css; inline stil yok.
 */
.ala-global-top .ala-ust-odak{display:flex;gap:8px;align-items:center;min-width:0;margin-left:auto}
.ala-global-top .ala-ust-odak a{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 13px;border-radius:999px;border:1px solid rgba(101,145,224,.24);text-decoration:none!important;font-size:12px;font-weight:800;white-space:nowrap;color:#255398!important;background:rgba(247,250,255,.8);transition:transform .18s,box-shadow .18s,border-color .18s}
.ala-global-top .ala-ust-odak a:hover,.ala-global-top .ala-ust-odak a:focus-visible{transform:translateY(-1px);box-shadow:0 5px 18px rgba(58,91,182,.12);border-color:rgba(99,144,231,.55)}
.ala-global-top .ala-ust-odak .ala-ust-odak-profil{color:#fff!important;background:linear-gradient(110deg,#335cc9,#7564dd);border-color:#5165cd}
.ala-global-top .ala-ust-odak .ala-ust-odak-profil::after{content:"";position:absolute;inset:0;width:40%;transform:translateX(-230%) skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);transition:transform .65s;pointer-events:none}
.ala-global-top .ala-ust-odak .ala-ust-odak-profil:hover::after{transform:translateX(360%) skewX(-20deg)}
.ala-global-top .ala-global-account-menu>summary .ala-ust-avatar{display:block;width:34px;height:34px;object-fit:cover;flex:0 0 34px;border-radius:50%;border:2px solid #e2edff;background:#eff5ff;box-shadow:0 1px 7px rgba(47,91,172,.15)}
.ala-global-top .ala-global-account-menu>summary .ala-ust-avatar[hidden]{display:none!important}
.ala-global-top .ala-ust-hizli-islemler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 10px}
.ala-global-top .ala-ust-hizli-islemler a{min-width:0;display:flex;align-items:center;justify-content:center;min-height:36px;text-align:center;font-size:11px!important;font-weight:800!important;line-height:1.3;border-radius:11px;border:1px solid #cde1fb;background:#eef6ff;color:#245bbb!important;text-decoration:none!important;padding:7px!important}
.ala-global-top .ala-ust-hizli-islemler a:hover,.ala-global-top .ala-ust-hizli-islemler a:focus-visible{background:#e2efff;box-shadow:0 3px 14px rgba(51,100,181,.1)}
.ala-global-top .ala-ust-sosyal-giris{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;padding-top:9px;border-top:1px solid #dce9fa}
.ala-global-top .ala-ust-sosyal-giris a{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:8px!important;border:1px solid #d3e0f7!important;border-radius:11px!important;font-size:12px!important;font-weight:750!important;color:#23477e!important;background:#f8fbff!important;text-decoration:none!important}
.ala-global-top .ala-ust-sosyal-giris img{width:18px;height:18px;object-fit:contain}
.ala-global-top .ala-global-account-menu>summary{backdrop-filter:blur(9px)}
.ala-global-top .ala-global-account-popover{backdrop-filter:blur(10px)}
.ala-global-top .ala-ust-odak a:focus-visible,.ala-global-top .ala-ust-sosyal-giris a:focus-visible{outline:2px solid #2468d6;outline-offset:2px}
@media(max-width:1180px){.ala-global-top .ala-ust-odak{gap:5px}.ala-global-top .ala-ust-odak a{font-size:11px;padding:7px 10px}}
@media(max-width:800px){.ala-global-top .ala-ust-odak .ala-ust-odak-aijanda{display:none}}
@media(max-width:620px){.ala-global-top .ala-ust-odak .ala-ust-odak-profil{padding:7px 8px;font-size:10px;max-width:105px;text-align:center;white-space:normal;line-height:1.18}.ala-global-top .ala-global-account-menu>summary .ala-ust-avatar{width:30px;height:30px;flex-basis:30px}.ala-global-top .ala-ust-odak{margin-left:auto}.ala-global-top .ala-global-welcome{max-width:90px}}
@media(max-width:400px){.ala-global-top .ala-ust-odak .ala-ust-odak-profil{max-width:85px;font-size:9px}.ala-global-top .ala-global-welcome{max-width:55px}}
@media(prefers-reduced-motion:reduce){.ala-global-top .ala-ust-odak a,.ala-global-top .ala-ust-odak .ala-ust-odak-profil::after{transition:none!important;transform:none!important}}


/* Ortalanan ve klavye ile erişilebilen üyelik seçim penceresi. */
.ala-kimlik-penceresi{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(440px,calc(100vw - 26px));max-height:min(92dvh,800px);padding:0;border:1px solid #d2dffa;border-radius:22px;color:#1b3260;background:#fff;box-shadow:0 32px 110px rgba(16,47,112,.28);overflow-y:auto;z-index:2147483000}
.ala-kimlik-penceresi:not([open]){display:none}
.ala-kimlik-penceresi::backdrop{background:rgba(20,36,82,.43);backdrop-filter:blur(5px)}
.ala-kimlik-icerik{padding:clamp(19px,4vw,29px)}
.ala-kimlik-ust{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}
.ala-kimlik-marka{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;letter-spacing:.08em;color:#315bb5}
.ala-kimlik-yildiz{font-size:21px;color:#7259db}
.ala-kimlik-kapat{display:grid;place-items:center;width:36px;height:36px;border:1px solid #e0e9fa;border-radius:50%;background:#f6f9ff;color:#4d6086;font-size:25px;cursor:pointer}
.ala-kimlik-penceresi h2{margin:0;font-size:clamp(22px,5vw,27px);font-weight:850;letter-spacing:-.03em;color:#1a2e57}
.ala-kimlik-aciklama{font-size:13px;line-height:1.65;color:#6b7c9c;margin:9px 0 20px}
.ala-kimlik-sekmeler{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;background:#eff4ff;border:1px solid #e2e9fc;border-radius:14px;margin-bottom:20px}
.ala-kimlik-sekmeler button{padding:10px 12px;background:transparent;color:#5b7097;border:0;border-radius:10px;font:700 13px system-ui,sans-serif;cursor:pointer}
.ala-kimlik-sekmeler button[aria-selected="true"]{color:#214ca3;background:white;box-shadow:0 2px 8px rgba(49,79,147,.1)}
.ala-kimlik-panel{display:flex;flex-direction:column;gap:11px}.ala-kimlik-panel[hidden]{display:none!important}
.ala-kimlik-eposta,.ala-kimlik-saglayici{min-height:48px;display:flex;align-items:center;justify-content:center;gap:11px;box-sizing:border-box;padding:12px 15px;border:1px solid #dce5f4;border-radius:13px;background:#fff;color:#24406b!important;text-decoration:none!important;font-size:13px;font-weight:740;position:relative;transition:border-color .18s,box-shadow .18s}
.ala-kimlik-eposta{color:#fff!important;background:linear-gradient(115deg,#275ed1,#7262db);border-color:#456bd8}
.ala-kimlik-ok{font-size:24px;position:absolute;right:14px;line-height:1}
.ala-kimlik-saglayici:hover,.ala-kimlik-saglayici:focus-visible{border-color:#86a9e7;box-shadow:0 6px 17px rgba(41,87,172,.11)}
.ala-kimlik-saglayici img{width:20px;height:20px;object-fit:contain}
.ala-kimlik-pasif{color:#8491a9!important;background:#f7f8fc;border-style:dashed;cursor:default}
.ala-kimlik-pasif>span{position:absolute;right:10px;font-size:10px;color:#7d8ba8}
.ala-kimlik-ayrac{display:flex;align-items:center;gap:12px;color:#8291af;font-size:11px;margin:2px 0}
.ala-kimlik-ayrac::before,.ala-kimlik-ayrac::after{content:"";height:1px;flex:1;background:#e3eaf6}
.ala-kimlik-yardim{align-self:center;padding:5px;color:#3564b5;text-decoration:none;font-size:12px}
.ala-kimlik-dipnot{font-size:11px;line-height:1.65;color:#7383a1;margin:20px 0 0;text-align:center}
.ala-kimlik-kapat:focus-visible,.ala-kimlik-sekmeler button:focus-visible,.ala-kimlik-eposta:focus-visible{outline:3px solid #91b4ff;outline-offset:2px}
.ala-global-top:has(.ala-ust-odak){--ala-b10-vurgu:#2468D6}
.ala-global-top[data-ala-site="ceddin"] .ala-ust-odak .ala-ust-odak-profil{background:linear-gradient(120deg,#21872d,#43b54c)!important;border-color:#2eaa3b!important}
.ala-global-top[data-ala-site="ceddin"] .ala-ust-odak .ala-ust-odak-aijanda{border-color:#a8d9ae;color:#21832c!important}
@media(max-width:500px){.ala-kimlik-penceresi{width:calc(100vw - 22px)}.ala-kimlik-icerik{padding:19px}.ala-kimlik-pasif>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ala-kimlik-penceresi *{transition:none!important}}

.ala-global-top[data-ala-site] .ala-ust-odak .ala-ust-odak-profil{background:linear-gradient(115deg,color-mix(in srgb,var(--ala-b10-vurgu,#2468D6) 85%,#1b315d),var(--ala-b10-vurgu,#2468D6))!important;border-color:var(--ala-b10-vurgu,#2468D6)!important}
.ala-global-top[data-ala-site] .ala-ust-odak .ala-ust-odak-aijanda{border-color:color-mix(in srgb,var(--ala-b10-vurgu,#2468D6) 30%,#fff);color:color-mix(in srgb,var(--ala-b10-vurgu,#2468D6) 85%,#172e50)!important}

/* Hizmet kimliği: veri niteliğine göre renk seçimi. Ortak PHP stil özniteliği eklenmez. */
.ala-global-top[data-ala-site="home"],.ala-global-footer[data-ala-site="home"]{--ala-b10-vurgu:#2468D6;}
.ala-global-top[data-ala-site="profile"],.ala-global-footer[data-ala-site="profile"]{--ala-b10-vurgu:#2468D6;}
.ala-global-top[data-ala-site="aijanda"],.ala-global-footer[data-ala-site="aijanda"]{--ala-b10-vurgu:#2468D6;}
.ala-global-top[data-ala-site="ceddin"],.ala-global-footer[data-ala-site="ceddin"]{--ala-b10-vurgu:#2EAA3B;}
.ala-global-top[data-ala-site="cevrenin"],.ala-global-footer[data-ala-site="cevrenin"]{--ala-b10-vurgu:#E56A23;}
.ala-global-top[data-ala-site="cizelgen"],.ala-global-footer[data-ala-site="cizelgen"]{--ala-b10-vurgu:#2A92AA;}
.ala-global-top[data-ala-site="evrakin"],.ala-global-footer[data-ala-site="evrakin"]{--ala-b10-vurgu:#A65D2A;}
.ala-global-top[data-ala-site="hesabin"],.ala-global-footer[data-ala-site="hesabin"]{--ala-b10-vurgu:#647584;}
.ala-global-top[data-ala-site="kaderin"],.ala-global-footer[data-ala-site="kaderin"]{--ala-b10-vurgu:#7770C7;}
.ala-global-top[data-ala-site="rutinin"],.ala-global-footer[data-ala-site="rutinin"]{--ala-b10-vurgu:#793AC0;}
.ala-global-top[data-ala-site="seferin"],.ala-global-footer[data-ala-site="seferin"]{--ala-b10-vurgu:#198ED7;}
.ala-global-top[data-ala-site="sepetin"],.ala-global-footer[data-ala-site="sepetin"]{--ala-b10-vurgu:#DFAC1F;}
.ala-global-top[data-ala-site="sosyal"],.ala-global-footer[data-ala-site="sosyal"]{--ala-b10-vurgu:#DC3038;}
.ala-global-top[data-ala-site="vaktin"],.ala-global-footer[data-ala-site="vaktin"]{--ala-b10-vurgu:#758046;}
.ala-global-top[data-ala-site="bedenin"],.ala-global-footer[data-ala-site="bedenin"]{--ala-b10-vurgu:#AA2E6A;}
.ala-global-top[data-ala-site="pazaryeri"],.ala-global-footer[data-ala-site="pazaryeri"]{--ala-b10-vurgu:#D87A21;}
.ala-global-top[data-ala-site="ogrenci"],.ala-global-footer[data-ala-site="ogrenci"]{--ala-b10-vurgu:#7848D7;}
.ala-global-top[data-ala-site="student"],.ala-global-footer[data-ala-site="student"]{--ala-b10-vurgu:#7848D7;}


/*
 * Görünüm: Her uzman subdomaininde ortak üst bilgiyi kendi ana rengine uyarlar.
 * Yalnız .ala-global-top kapsamındadır; içerik / SOR temalarına müdahale etmez.
 * Renk, mevcut data-ala-site niteliğinden okunur. Inline stil eklenmez.
 */
.ala-global-top[data-ala-site]{
  --ala-uzman-metin:color-mix(in srgb,var(--ala-b10-vurgu,#2468D6) 55%,#14283e);
  --ala-uzman-yuzey:color-mix(in srgb,var(--ala-b10-vurgu,#2468D6) 9%,#fff);
  --ala-uzman-cizgi:color-mix(in srgb,var(--ala-b10-vurgu,#2468D6) 29%,#fff);
}
.ala-global-top[data-ala-site]:has(.ala-ust-odak){
  background:linear-gradient(110deg,color-mix(in srgb,var(--ala-b10-vurgu) 11%,#fff),#fff 54%,color-mix(in srgb,var(--ala-b10-vurgu) 8%,#fff))!important;
  border-bottom:1px solid var(--ala-uzman-cizgi)!important;
  box-shadow:0 5px 22px color-mix(in srgb,var(--ala-b10-vurgu) 9%,transparent)!important;
}
.ala-global-top[data-ala-site] .ala-global-shortcuts>a:hover,
.ala-global-top[data-ala-site] .ala-global-shortcuts>a:focus-visible,
.ala-global-top[data-ala-site] .ala-global-shortcuts>a[aria-current="page"]{
  color:var(--ala-uzman-metin)!important;
  background:var(--ala-uzman-yuzey)!important;
  border-color:var(--ala-uzman-cizgi)!important;
}
.ala-global-top[data-ala-site] .ala-ust-odak a:not(.ala-ust-odak-profil){
  color:var(--ala-uzman-metin)!important;
  background:var(--ala-uzman-yuzey)!important;
  border-color:var(--ala-uzman-cizgi)!important;
}
.ala-global-top[data-ala-site] .ala-ust-odak .ala-ust-odak-profil{
  color:#fff!important;
  background:linear-gradient(112deg,color-mix(in srgb,var(--ala-b10-vurgu) 68%,#14283e),var(--ala-b10-vurgu))!important;
  border-color:var(--ala-b10-vurgu)!important;
  box-shadow:0 5px 17px color-mix(in srgb,var(--ala-b10-vurgu) 20%,transparent)!important;
}
.ala-global-top[data-ala-site] .ala-global-account-menu>summary,
.ala-global-top[data-ala-site] .ala-global-services>summary{
  color:var(--ala-uzman-metin)!important;
  border-color:var(--ala-uzman-cizgi)!important;
  background:color-mix(in srgb,var(--ala-b10-vurgu) 3%,#fff)!important;
}
.ala-global-top[data-ala-site] .ala-global-account-menu[open]>summary,
.ala-global-top[data-ala-site] .ala-global-services[open]>summary,
.ala-global-top[data-ala-site] .ala-global-account-menu>summary:hover,
.ala-global-top[data-ala-site] .ala-global-services>summary:hover{
  background:var(--ala-uzman-yuzey)!important;
  border-color:var(--ala-b10-vurgu)!important;
}
.ala-global-top[data-ala-site] .ala-global-account-popover,
.ala-global-top[data-ala-site] .ala-global-services-popover{
  border-color:var(--ala-uzman-cizgi)!important;
}
.ala-global-top[data-ala-site] .ala-global-services-popover a:hover,
.ala-global-top[data-ala-site] .ala-global-services-popover a:focus-visible,
.ala-global-top[data-ala-site] .ala-global-services-popover a[aria-current="page"]{
  color:var(--ala-uzman-metin)!important;
  background:var(--ala-uzman-yuzey)!important;
}
.ala-global-top[data-ala-site] .ala-ust-hizli-islemler a{
  color:var(--ala-uzman-metin)!important;
  background:var(--ala-uzman-yuzey)!important;
  border-color:var(--ala-uzman-cizgi)!important;
}
.ala-global-top[data-ala-site] a:focus-visible,
.ala-global-top[data-ala-site] summary:focus-visible{
  outline-color:var(--ala-b10-vurgu)!important;
}
@media(prefers-reduced-motion:reduce){
  .ala-global-top[data-ala-site] .ala-ust-odak a{transition:none!important;transform:none!important}
}


/*
 * Proje: Alaeddin Ai | Yapımcı: Osman Beşer
 * Firma: Teknoen Yapay Zeka ve Bilişim Teknolojileri A.Ş.
 * Sürüm: 1.5.0 | Sürüm notları: Üst bilgi cam teknolojisi, AI yıldız geçişleri,
 * logo ışık animasyonu, doğrulanmış üyenin avatarı ve varsayılan avatarı.
 * Sistem: yalnız kapsam dahilindeki ortak Header, mevcut menü/oturum korunur.
 * Dosya açıklaması: ortak-ust-bilgi.css; harici kütüphane veya inline stil yok.
 */
.ala-global-top[data-ala-site]:has(.ala-ust-odak) {
  position:relative;
  isolation:isolate;
  background-image:linear-gradient(105deg,
    color-mix(in srgb,var(--ala-b10-vurgu,#2468D6) 6%,white),
    rgba(255,255,255,.91) 54%,
    color-mix(in srgb,var(--ala-b10-vurgu,#2468D6) 10%,white))!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.16);
  backdrop-filter:blur(14px) saturate(1.16);
}
.ala-global-top[data-ala-site]:has(.ala-ust-odak)::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background-image:
    radial-gradient(circle at 11% 38%,color-mix(in srgb,var(--ala-b10-vurgu) 42%,white) 0 1.4px,transparent 2.7px),
    radial-gradient(circle at 33% 67%,white 0 1.5px,transparent 2.7px),
    radial-gradient(circle at 61% 29%,color-mix(in srgb,var(--ala-b10-vurgu) 50%,white) 0 1.2px,transparent 2.7px),
    radial-gradient(circle at 85% 70%,white 0 1.4px,transparent 2.7px),
    linear-gradient(100deg,transparent 8%,color-mix(in srgb,var(--ala-b10-vurgu) 5%,transparent) 49%,transparent 74%);
  opacity:.4;
  animation:ala-ust-parcik 12s ease-in-out infinite alternate;
}
.ala-global-top[data-ala-site]:has(.ala-ust-odak)>.ala-global-inner {position:relative;z-index:1}
.ala-global-top[data-ala-site]:has(.ala-ust-odak) .ala-global-brand {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:8px;
}
.ala-global-top[data-ala-site]:has(.ala-ust-odak) .ala-global-brand img {animation:ala-ust-logo-renk 15s ease-in-out infinite}
.ala-global-top[data-ala-site]:has(.ala-ust-odak) .ala-global-brand::after {
  content:"";
  position:absolute;
  inset:-30% auto -30% -55%;
  width:28%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),rgba(255,255,255,.67),transparent);
  transform:translateX(-270%) skewX(-22deg);
  animation:ala-ust-logo-tarama 14s ease-in-out infinite;
  mix-blend-mode:screen;
  pointer-events:none;
}
.ala-global-top[data-ala-site]:has(.ala-ust-odak) .ala-global-account-menu>summary .ala-ust-avatar {
  border-color:color-mix(in srgb,var(--ala-b10-vurgu) 30%,white)!important;
  background-color:color-mix(in srgb,var(--ala-b10-vurgu) 9%,white)!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.78),0 0 12px color-mix(in srgb,var(--ala-b10-vurgu) 18%,transparent)!important;
}
/* [hidden] silinmez: misafir ziyaretçide varsayılan avatar gösterilmez. */
.ala-global-top[data-ala-site]:has(.ala-ust-odak) .ala-global-account-menu>summary .ala-ust-avatar[hidden]{display:none!important}
@keyframes ala-ust-parcik {
  0%,100%{opacity:.22;transform:translateY(3px)}
  50%{opacity:.62;transform:translateY(-2px)}
}
@keyframes ala-ust-logo-renk {
  0%,20%,63%,100%{filter:saturate(1) hue-rotate(0deg) brightness(1)}
  30%,37%{filter:saturate(1.25) hue-rotate(7deg) brightness(1.13)}
  73%,79%{filter:saturate(1.12) hue-rotate(-7deg) brightness(1.07)}
}
@keyframes ala-ust-logo-tarama {
  0%,25%,67%,100%{transform:translateX(-270%) skewX(-22deg);opacity:0}
  30%{opacity:.68}
  42%{transform:translateX(730%) skewX(-22deg);opacity:0}
}
@media(hover:none){
 .ala-global-top[data-ala-site]:has(.ala-ust-odak)::before,
 .ala-global-top[data-ala-site]:has(.ala-ust-odak) .ala-global-brand::after{animation:none}
}
@media(prefers-reduced-motion:reduce){
 .ala-global-top[data-ala-site]:has(.ala-ust-odak)::before,
 .ala-global-top[data-ala-site]:has(.ala-ust-odak) .ala-global-brand img,
 .ala-global-top[data-ala-site]:has(.ala-ust-odak) .ala-global-brand::after {
  animation:none!important;transform:none!important;filter:none!important;
 }
}

/* Alaeddin Ai — Ortak Header: görsel yüklenemediğinde üye baş harfi */
.ala-global-top[data-ala-site] .ala-global-account-menu>summary .ala-ust-avatar-harf{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;flex:0 0 34px;border-radius:50%;
  background:color-mix(in srgb,var(--ala-b10-vurgu,#2468D6) 15%,#fff);
  border:2px solid color-mix(in srgb,var(--ala-b10-vurgu,#2468D6) 40%,#fff);
  color:var(--ala-b10-vurgu,#2468D6);font-weight:800;font-size:16px;
}
.ala-global-top[data-ala-site] .ala-global-account-menu>summary .ala-ust-avatar-harf[hidden]{display:none!important}
@media(max-width:620px){.ala-global-top[data-ala-site] .ala-global-account-menu>summary .ala-ust-avatar-harf{width:30px;height:30px;flex-basis:30px}}
