/* Sol alt "Duyuru" düğmesi ve yarım-modal paneli — sayfa başına dön düğmesinin (#lumenScrollTop) üstünde. Site paleti: turuncu #ed6c00, lacivert #2639a6 */
.lumen-announce{--an-orange:#ed6c00;--an-navy:#2639a6;--an-ink:#242424;--an-muted:#6b6b6b;
	position:fixed;left:2.4rem;bottom:8.8rem;z-index:70;display:flex;flex-direction:column;align-items:flex-start;gap:14px;
	font-family:var(--font-body,'Roboto',system-ui,sans-serif);font-size:14px;line-height:1.4;color:var(--an-ink);-webkit-font-smoothing:antialiased;
	opacity:1;visibility:visible;translate:0 0;transition:opacity .3s cubic-bezier(0.39,0.58,0.57,1),visibility .3s,translate .3s cubic-bezier(0.39,0.58,0.57,1)}

/* "Yukarı çık düğmesiyle birlikte göster/gizle" açıkken: #lumenScrollTop ile aynı eşik/animasyon, panel açıkken kaydırma konumundan bağımsız her zaman görünür */
.lumen-announce--sync-scroll:not(.is-visible):not(.is-open){opacity:0;visibility:hidden;translate:0 1rem;pointer-events:none}
.lumen-announce *,.lumen-announce *::before,.lumen-announce *::after{box-sizing:border-box;word-break:normal;overflow-wrap:break-word;line-break:auto}
.lumen-announce svg{display:block;flex-shrink:0}
.lumen-announce [hidden]{display:none!important}
.lumen-announce a{text-decoration:none}

.lumen-announce__backdrop{position:fixed;inset:0;z-index:-1}
@media (min-width:640px){.lumen-announce__backdrop{display:none!important}}

/* Panel — "yarım modal": kompakt, köşeli bir kart, tam ekran değil */
.lumen-announce__panel{position:relative;width:300px;max-width:calc(100vw - 40px);transform-origin:bottom left;animation:lumenAnnounceIn .25s cubic-bezier(.2,.9,.3,1.2)}
@media (min-width:640px){.lumen-announce__panel{width:320px}}
@keyframes lumenAnnounceIn{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
.lumen-announce__card{position:relative;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 18px 40px -12px rgba(36,36,36,.35),0 0 0 1px rgba(36,36,36,.06)}
.lumen-announce__arrow{position:absolute;left:26px;bottom:-7px;width:16px;height:16px;transform:rotate(45deg);background:#fff;box-shadow:3px 3px 6px -2px rgba(36,36,36,.12)}

.lumen-announce__close{position:absolute;top:10px;right:10px;z-index:2;display:grid;place-items:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:rgba(255,255,255,.9);color:var(--an-ink);cursor:pointer;box-shadow:0 2px 6px rgba(36,36,36,.18);transition:background-color .15s}
.lumen-announce__close svg{width:14px;height:14px}
.lumen-announce__close:hover{background:#fff}

.lumen-announce__visual{height:200px;overflow:hidden;background:#f1f1f1}
.lumen-announce__visual img{width:100%;height:100%;object-fit:cover;display:block}

.lumen-announce__body{padding:16px 18px 18px}
.lumen-announce__eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--an-orange)}
.lumen-announce__eyebrow svg{width:13px;height:13px}
.lumen-announce__title{margin-top:6px;font-family:var(--font-display,'Grandstander',ui-rounded,sans-serif);font-size:18px;font-weight:700;line-height:1.25;color:var(--an-ink)}
.lumen-announce__text{margin-top:6px;font-size:13px;line-height:1.5;color:var(--an-muted)}
.lumen-announce__btn{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:10px 16px;border-radius:100vmax;background:var(--an-orange);color:#fff;font-size:13.5px;font-weight:700;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}
.lumen-announce__btn svg{width:15px;height:15px}
.lumen-announce__btn:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 6px 14px -6px rgba(237,108,0,.5)}
.lumen-announce__btn:focus-visible,.lumen-announce__close:focus-visible,.lumen-announce__toggle:focus-visible{outline:3px solid var(--an-navy);outline-offset:2px}

/* Aç/kapa düğmesi */
.lumen-announce__toggle-wrap{position:relative}
.lumen-announce__toggle{position:relative;display:grid;place-items:center;width:4.8rem;height:4.8rem;padding:0;border:3px solid #fff;border-radius:50%;cursor:pointer;color:#fff;background:var(--an-navy);
	box-shadow:0 12px 24px -8px rgba(38,57,166,.55);transition:transform .3s ease-out,background-color .3s,box-shadow .3s}
.lumen-announce__toggle:hover{transform:scale(1.06)}
.lumen-announce__toggle:active{transform:scale(.95)}
.lumen-announce__toggle svg{width:22px;height:22px}
.lumen-announce.is-open .lumen-announce__toggle{background:var(--an-orange)}

/* Kapatıldıktan sonra sürekli değil, arada bir (periyodik) yanıp sönme */
.lumen-announce.is-dismissed .lumen-announce__toggle{animation:lumenAnnouncePulse 6s ease-in-out infinite}
@keyframes lumenAnnouncePulse{
	0%,80%{box-shadow:0 12px 24px -8px rgba(38,57,166,.55)}
	88%{transform:scale(1.14);box-shadow:0 0 0 10px rgba(38,57,166,0)}
	94%{transform:scale(1);box-shadow:0 0 0 0 rgba(38,57,166,.45)}
	100%{box-shadow:0 12px 24px -8px rgba(38,57,166,.55)}
}
.lumen-announce.is-open .lumen-announce__toggle{animation:none}

@media screen and (max-width:1024px){
	.lumen-announce{left:7px;bottom:14.4rem}
	.lumen-announce__toggle{width:4rem;height:4rem}
	.lumen-announce__toggle svg{width:19px;height:19px}
}

@media (prefers-reduced-motion:reduce){.lumen-announce__panel,.lumen-announce__toggle{animation:none}.lumen-announce__toggle,.lumen-announce__btn{transition:none}}
@media print{.lumen-announce{display:none}}
/* Mobil menü veya öğrenci çalışması penceresi açıkken gizle */
html[data-state="navOpen"] .lumen-announce,html[data-state="modalOpen"] .lumen-announce{display:none}
