/* Kalendar2 - Duyuru cubugu (ana sayfa + tanitim). Ayarlar: Yonetim Paneli > Web Paneli > Duyuru Bolumu */
.kl2-dy,.kl2-dy *,.kl2-dy *::before,.kl2-dy *::after{box-sizing:border-box}
.kl2-dy{
  --bg1:#4a0a14;--bg2:#14030a;--glow:255,60,70;--acc:#ff4a63;--acc-hi:#fff1f3;--line:#ff6b81;--stripe:255,70,90;
  --tx:#ffe27a;--tx-hi:#fffbe0;--tx-glow:255,200,40;--tl:#ffd23a;--lt:#fff1b8;
  --btn1:#fff0b0;--btn2:#ffc83a;--btn3:#f08a10;--btn-b:#fff6cf;--btn-glow:255,200,58;--btn-tx:#2a1500;
  position:fixed;left:0;right:0;bottom:0;z-index:850;height:68px;margin:0;padding:0;overflow:hidden;
  font-family:'Exo 2','Segoe UI',Arial,sans-serif;text-align:left;
  background:radial-gradient(55% 160% at 50% 130%,rgba(var(--glow),.5),rgba(var(--glow),0) 70%),radial-gradient(30% 120% at 0% 100%,rgba(53,240,138,.14),transparent 70%),linear-gradient(180deg,var(--bg1),var(--bg2));
  border-top:1px solid var(--line);
  box-shadow:0 -10px 44px rgba(var(--glow),.45),0 -2px 24px rgba(var(--glow),.35);
  animation:kl2dyIn .9s cubic-bezier(.2,.8,.2,1) both .3s}

/* ---- ZEMIN TEMALARI ---- */
.kl2-dy-t-mavi{--bg1:#0c2d7a;--bg2:#050f2e;--glow:61,134,230;--acc:#5aa2ff;--acc-hi:#ffffff;--line:#7fb8ff;--stripe:90,162,255}
.kl2-dy-t-altin{--bg1:#4a3208;--bg2:#140d02;--glow:255,184,50;--acc:#ffc83a;--acc-hi:#fff6cf;--line:#ffd27a;--stripe:255,200,80}
.kl2-dy-t-yesil{--bg1:#0a3a22;--bg2:#03140b;--glow:40,220,120;--acc:#35f08a;--acc-hi:#eafff3;--line:#7dffb4;--stripe:53,240,138}
.kl2-dy-t-mor{--bg1:#2e0f5c;--bg2:#0d0420;--glow:160,90,255;--acc:#b57bff;--acc-hi:#f4ecff;--line:#cfa6ff;--stripe:170,110,255}
/* ---- YAZI RENKLERI ---- */
.kl2-dy-y-beyaz{--tx:#f2f6ff;--tx-hi:#ffffff;--tx-glow:200,220,255;--tl:#dfe9ff;--lt:#ffffff}
.kl2-dy-y-mavi{--tx:#9fd0ff;--tx-hi:#ffffff;--tx-glow:90,170,255;--tl:#7fb8ff;--lt:#d6e9ff}
.kl2-dy-y-pembe{--tx:#ffc9d0;--tx-hi:#ffffff;--tx-glow:255,90,110;--tl:#ff8fa0;--lt:#ffe2e6}
.kl2-dy-y-yesil{--tx:#a6ffcf;--tx-hi:#f0fff7;--tx-glow:60,240,140;--tl:#5dffa8;--lt:#d9ffe9}

/* ---- ARKA PLAN KATMANLARI ---- */
.kl2-dy::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:3;background:linear-gradient(90deg,transparent,var(--acc) 20%,var(--acc-hi) 50%,var(--acc) 80%,transparent);background-size:40% 100%;background-repeat:no-repeat;filter:drop-shadow(0 0 7px rgba(var(--glow),.95));animation:kl2dyRun 3.2s linear infinite}
.kl2-dy::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.14) 50%,transparent 60%) no-repeat;background-size:260% 100%;animation:kl2dySheen 5s ease-in-out infinite}
.kl2-dy-sp{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.kl2-dy-sp::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(var(--stripe),.12) 25%,transparent 25% 50%,rgba(var(--stripe),.12) 50% 75%,transparent 75%);background-size:44px 44px;animation:kl2dyStripe 2.2s linear infinite;-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}
.kl2-dy-sp::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#fff 0 1.2px,transparent 2px),radial-gradient(circle,var(--tx) 0 1px,transparent 2px),radial-gradient(circle,var(--acc) 0 1px,transparent 2px);background-size:170px 68px,230px 68px,310px 68px;background-position:20px 14px,90px 40px,150px 24px;animation:kl2dyStars 6s linear infinite,kl2dyTwinkle 1.7s ease-in-out infinite alternate}

/* ---- KENAR EFEKTLERI ---- */
.kl2-dy-e{position:absolute;top:0;bottom:0;left:0;width:min(16vw,230px);z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(var(--glow),.6),rgba(var(--glow),.16) 55%,rgba(var(--glow),0));border-left:4px solid var(--acc);box-shadow:inset 10px 0 22px rgba(var(--glow),.6),-2px 0 18px rgba(var(--glow),.8);animation:kl2dyEdge 1.7s ease-in-out infinite}
.kl2-dy-e::before{content:"\203A\203A\203A\203A";position:absolute;left:12px;top:50%;margin-top:-17px;font:800 30px/1 'Exo 2',sans-serif;letter-spacing:.05em;background:linear-gradient(90deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.22) 35%,#fff 50%,rgba(255,255,255,.22) 65%,rgba(255,255,255,.22) 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:kl2dyChevL 1.5s linear infinite}
.kl2-dy-e::after{content:"";position:absolute;left:-4px;top:-30%;width:4px;height:34%;background:linear-gradient(180deg,transparent,#fff,transparent);box-shadow:0 0 12px 3px rgba(255,255,255,.9),0 0 22px 6px rgba(var(--glow),.9);animation:kl2dySpark 1.4s linear infinite}
.kl2-dy-e.r{left:auto;right:0;background:linear-gradient(270deg,rgba(var(--glow),.6),rgba(var(--glow),.16) 55%,rgba(var(--glow),0));border-left:0;border-right:4px solid var(--acc);box-shadow:inset -10px 0 22px rgba(var(--glow),.6),2px 0 18px rgba(var(--glow),.8)}
.kl2-dy-e.r::before{content:"\2039\2039\2039\2039";left:auto;right:12px;background-position:100% 0;animation-name:kl2dyChevR}
.kl2-dy-e.r::after{left:auto;right:-4px;animation-delay:-.7s}

/* ---- ICERIK ---- */
.kl2-dy-in{position:relative;z-index:2;height:100%;max-width:1280px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.kl2-dy-l{display:flex;align-items:center;gap:12px;padding:8px 18px 8px 16px;border:1px solid rgba(53,240,138,.65);border-radius:40px;background:linear-gradient(180deg,rgba(14,84,52,.55),rgba(5,32,22,.6));box-shadow:inset 0 0 16px rgba(53,240,138,.28),0 0 18px rgba(53,240,138,.3);font-weight:800;font-size:13px;letter-spacing:.18em;white-space:nowrap;animation:kl2dyPulseL 2.2s ease-in-out infinite;animation-delay:-1.1s}
.kl2-dy-l>span{position:relative;z-index:2;color:var(--lt);text-shadow:0 0 10px rgba(var(--tx-glow),.55)}
.kl2-dy-l>span b{display:inline-block;margin-left:.4em;color:#7dffb4;text-shadow:0 0 12px rgba(80,255,150,.9),0 0 24px rgba(80,255,150,.5);animation:kl2dyFlick 2.6s linear infinite}
.kl2-dy-dot{position:relative;flex:none;display:block;width:10px;height:10px;margin-right:4px;border-radius:50%;background:#35f08a;box-shadow:0 0 10px #35f08a}
.kl2-dy-dot::before,.kl2-dy-dot::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:2px solid #35f08a;animation:kl2dyPing 2s ease-out infinite}
.kl2-dy-dot::after{animation-delay:1s}
.kl2-dy-c{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-width:0}
.kl2-dy-c::before,.kl2-dy-c::after{content:"";flex:none;width:clamp(20px,6vw,90px);height:2px;margin:0 16px;background:linear-gradient(90deg,transparent,var(--tl));box-shadow:0 0 10px rgba(var(--tx-glow),.85)}
.kl2-dy-c::after{background:linear-gradient(270deg,transparent,var(--tl))}
.kl2-dy-c b{display:inline-block;font-weight:800;font-size:26px;letter-spacing:.18em;text-align:center;white-space:nowrap;color:var(--tx);transform-origin:50% 60%;filter:drop-shadow(0 0 8px rgba(var(--tx-glow),.6));animation:kl2dyPulse 2.2s ease-in-out infinite}
.kl2-dy-c b i{display:inline-block;font-style:normal;color:var(--tx);animation:kl2dyLetter 3.4s ease-in-out infinite;animation-delay:calc(var(--n) * .075s)}
.kl2-dy-c b i.sp{width:.38em}
.kl2-dy-b{position:relative;flex:none;display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 26px 0 24px;font-weight:800;font-size:14px;letter-spacing:.16em;color:var(--btn-tx);text-decoration:none;overflow:hidden;background:linear-gradient(180deg,var(--btn1) 0%,var(--btn2) 48%,var(--btn3) 100%);border:1px solid var(--btn-b);border-radius:4px;text-shadow:0 1px 0 rgba(255,255,255,.35);animation:kl2dyGold 1.6s ease-in-out infinite,kl2dyJump 3.2s ease-in-out infinite;transition:filter .2s}
.kl2-dy-b::before{content:"";position:absolute;top:-20%;bottom:-20%;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.95),transparent);transform:skewX(-20deg);animation:kl2dyShine 2.4s ease-in-out infinite}
.kl2-dy-b::after{content:"";width:9px;height:9px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(-45deg);animation:kl2dyArrow 1s ease-in-out infinite}
.kl2-dy-b:hover{filter:brightness(1.12) saturate(1.1);animation-play-state:paused}
.kl2-dy-nosol .kl2-dy-l{display:none}
.kl2-dy-nobtn .kl2-dy-b{display:none}

/* ---- BUTON RENKLERI (yonetim panelinden secilir) ---- */
.kl2-dy-bc-kirmizi{--btn1:#ff9aa8;--btn2:#e0243e;--btn3:#8f0f22;--btn-b:#ffd0d6;--btn-glow:255,60,80;--btn-tx:#ffffff}
.kl2-dy-bc-mavi{--btn1:#a8d4ff;--btn2:#3d86e6;--btn3:#1a4fb0;--btn-b:#d6eaff;--btn-glow:90,162,255;--btn-tx:#ffffff}
.kl2-dy-bc-yesil{--btn1:#b9ffd8;--btn2:#2fd47c;--btn3:#0f7a42;--btn-b:#e0fff0;--btn-glow:53,240,138;--btn-tx:#04210f}
.kl2-dy-bc-mor{--btn1:#dcc2ff;--btn2:#9a5cf0;--btn3:#561fa8;--btn-b:#efe3ff;--btn-glow:170,110,255;--btn-tx:#ffffff}
.kl2-dy-bc-beyaz{--btn1:#ffffff;--btn2:#e6edf7;--btn3:#b9c6da;--btn-b:#ffffff;--btn-glow:220,235,255;--btn-tx:#101a2e}
/* yazi rengi elle secilirse (otomatik = rengin kendi yazi rengi) */
.kl2-dy-bt-koyu{--btn-tx:#2a1500}
.kl2-dy-bt-beyaz{--btn-tx:#ffffff}
.kl2-dy-bt-sari{--btn-tx:#ffe27a}
.kl2-dy-bt-mavi{--btn-tx:#9fd0ff}
.kl2-dy-bt-siyah{--btn-tx:#000000}
/* Sitenin genel 'a{color:...!important}' kurali buton yazisini mavi boyuyordu */
.kl2-dy a.kl2-dy-b,.kl2-dy a.kl2-dy-b:link,.kl2-dy a.kl2-dy-b:visited,.kl2-dy a.kl2-dy-b:hover,.kl2-dy a.kl2-dy-b:active,.kl2-dy a.kl2-dy-b:focus{color:var(--btn-tx)!important;-webkit-text-fill-color:var(--btn-tx)!important;text-decoration:none!important}
/* ---- ANIMASYONLAR ---- */
@keyframes kl2dyIn{from{transform:translateY(100%);opacity:0}to{transform:none;opacity:1}}
@keyframes kl2dyRun{from{background-position:-60% 0}to{background-position:160% 0}}
@keyframes kl2dySheen{0%,100%{background-position:130% 0}50%{background-position:-30% 0}}
@keyframes kl2dyStripe{to{background-position:44px 0}}
@keyframes kl2dyStars{to{background-position:-150px 14px,-140px 40px,-160px 24px}}
@keyframes kl2dyTwinkle{from{opacity:.35}to{opacity:1}}
@keyframes kl2dyEdge{0%,100%{filter:brightness(.85)}50%{filter:brightness(1.4)}}
@keyframes kl2dyChevL{from{background-position:130% 0}to{background-position:-30% 0}}
@keyframes kl2dyChevR{from{background-position:-30% 0}to{background-position:130% 0}}
@keyframes kl2dySpark{from{top:-34%}to{top:100%}}
@keyframes kl2dyPing{from{transform:scale(1);opacity:.9}to{transform:scale(2.1);opacity:0}}
@keyframes kl2dyFlick{0%,18%,22%,62%,66%,100%{opacity:1;text-shadow:0 0 12px rgba(80,255,150,.9),0 0 24px rgba(80,255,150,.5);transform:scale(1)}20%,64%{opacity:.35;text-shadow:none}40%{transform:scale(1.12);text-shadow:0 0 16px #7dffb4,0 0 34px rgba(80,255,150,.8)}}
@keyframes kl2dyPulse{0%,100%{transform:scale(.94);filter:drop-shadow(0 0 6px rgba(var(--tx-glow),.5))}45%{transform:scale(1.12);filter:drop-shadow(0 0 18px rgba(var(--tx-glow),.95)) drop-shadow(0 0 34px rgba(var(--tx-glow),.65))}60%{transform:scale(1.05)}}
@keyframes kl2dyPulseL{0%,100%{transform:scale(.97)}50%{transform:scale(1.07);box-shadow:inset 0 0 20px rgba(53,240,138,.45),0 0 28px rgba(53,240,138,.6)}}
@keyframes kl2dyLetter{0%,55%,100%{color:var(--tx);transform:translateY(0);text-shadow:0 0 0 rgba(var(--tx-glow),0)}14%{color:var(--tx-hi);transform:translateY(-4px) scale(1.12);text-shadow:0 0 14px var(--tl),0 0 28px rgba(var(--tx-glow),.9)}28%{color:var(--tl);transform:translateY(0);text-shadow:0 0 10px rgba(var(--tx-glow),.8)}}
@keyframes kl2dyGold{0%,100%{box-shadow:0 0 6px rgba(var(--btn-glow),.55),0 0 0 0 rgba(var(--btn-glow),.55)}50%{box-shadow:0 0 22px rgba(var(--btn-glow),.95),0 0 0 9px rgba(var(--btn-glow),0)}}
@keyframes kl2dyJump{0%,82%,100%{transform:none}88%{transform:translateY(-5px) scale(1.06)}94%{transform:translateY(0) scale(.98)}}
@keyframes kl2dyShine{0%{left:-40%}60%,100%{left:140%}}
@keyframes kl2dyArrow{0%,100%{transform:translateX(0) rotate(-45deg)}50%{transform:translateX(4px) rotate(-45deg)}}

/* ---- EFEKTLER KAPALI ---- */
.kl2-dy-nofx,.kl2-dy-nofx *,.kl2-dy-nofx::before,.kl2-dy-nofx::after,.kl2-dy-nofx *::before,.kl2-dy-nofx *::after{animation:none!important}
.kl2-dy-nofx .kl2-dy-sp,.kl2-dy-nofx .kl2-dy-e{display:none}

/* ---- TABLET / TELEFON ---- */
@media (max-width:900px){
  .kl2-dy-b{display:none}
  .kl2-dy-c b{font-size:19px;letter-spacing:.1em}
  .kl2-dy-l{font-size:12px;letter-spacing:.12em}
  .kl2-dy-e{width:70px}.kl2-dy-e::before{display:none}
}
@media (max-width:640px){
  .kl2-dy{height:46px}
  .kl2-dy-sp::after{background-size:120px 46px,170px 46px,230px 46px}
  .kl2-dy-in{padding:0 12px;justify-content:center}
  .kl2-dy-l,.kl2-dy-c{position:absolute;left:12px;right:12px;top:0;bottom:0;justify-content:center;opacity:0;animation:kl2dySwap 8s ease-in-out infinite;border:0;background:none;box-shadow:none;padding:0}
  .kl2-dy-c{animation-delay:-4s}
  .kl2-dy-c b{font-size:15px;letter-spacing:.06em}
  .kl2-dy-c::before,.kl2-dy-c::after{display:none}
  .kl2-dy-l{font-size:13px}
  .kl2-dy-nosol .kl2-dy-c{animation:none;opacity:1}
  .kl2-dy-nofx .kl2-dy-l,.kl2-dy-nofx .kl2-dy-c{opacity:1}
  .kl2-dy-nofx .kl2-dy-l{display:none}
}
@keyframes kl2dySwap{0%{opacity:0;transform:translateY(8px)}8%,42%{opacity:1;transform:none}50%,100%{opacity:0;transform:translateY(-8px)}}

/* ---- YUKARI CIK BUTONU (sag alt) ---- */
.kl2-up{position:fixed;right:22px;bottom:calc(var(--kl2-bar-h,0px) + 22px);z-index:840;width:58px;height:58px;margin:0;padding:0;border:0;border-radius:50%;cursor:pointer;background:none;outline:none;-webkit-tap-highlight-color:transparent;opacity:0;visibility:hidden;transform:translateY(16px) scale(.8);transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1),visibility .3s,bottom .3s}
.kl2-up.on{opacity:1;visibility:visible;transform:none}
.kl2-up-bg{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 30%,#1a4aa8 0%,#0a1f55 55%,#050f2e 100%);box-shadow:0 6px 20px rgba(0,0,0,.55),0 0 22px rgba(61,134,230,.55),inset 0 0 12px rgba(127,184,255,.35);border:1px solid rgba(127,184,255,.7);animation:kl2upGlow 2.4s ease-in-out infinite}
.kl2-up svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}
.kl2-up svg circle{fill:none;stroke-width:3;stroke-linecap:round}
.kl2-up .kl2-up-tr{stroke:rgba(127,184,255,.18)}
.kl2-up .kl2-up-pr{stroke:#ffd23a;stroke-dasharray:157.1;stroke-dashoffset:157.1;filter:drop-shadow(0 0 4px rgba(255,200,58,.9))}
.kl2-up-ar{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-4px 0 0 -7px;border-left:3px solid #fff;border-top:3px solid #fff;transform:rotate(45deg);border-radius:2px;filter:drop-shadow(0 0 5px rgba(160,210,255,.9));animation:kl2upBob 1.4s ease-in-out infinite}
.kl2-up-tx{position:absolute;left:0;right:0;bottom:9px;text-align:center;font:800 8px/1 'Exo 2',Arial,sans-serif;letter-spacing:.14em;color:#bcd8ff;text-indent:.14em}
.kl2-up:hover{transform:translateY(-4px) scale(1.06)}
.kl2-up:hover .kl2-up-bg{border-color:#ffe29a;background:radial-gradient(circle at 50% 30%,#f2a93b 0%,#8a4b08 55%,#2a1500 100%);box-shadow:0 6px 22px rgba(0,0,0,.6),0 0 28px rgba(255,200,58,.85),inset 0 0 12px rgba(255,240,180,.5)}
.kl2-up:focus-visible .kl2-up-bg{box-shadow:0 0 0 3px #ffd23a,0 0 22px rgba(255,200,58,.8)}
@keyframes kl2upGlow{0%,100%{box-shadow:0 6px 20px rgba(0,0,0,.55),0 0 14px rgba(61,134,230,.4),inset 0 0 12px rgba(127,184,255,.3)}50%{box-shadow:0 6px 20px rgba(0,0,0,.55),0 0 30px rgba(90,170,255,.9),inset 0 0 14px rgba(160,210,255,.5)}}
@keyframes kl2upBob{0%,100%{margin-top:-4px}50%{margin-top:-9px}}
@media (max-width:640px){.kl2-up{right:14px;width:50px;height:50px;bottom:calc(var(--kl2-bar-h,0px) + 16px)}.kl2-up-tx{display:none}.kl2-up-ar{margin-top:-2px}}
/* ---- YONETIM PANELI ONIZLEME KUTUSU ---- */
.kl2-dy-pv{position:relative;height:72px;overflow:hidden;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#05070d}
.kl2-dy-pv .kl2-dy{position:absolute;animation:none}