/*================================================

* Template Name: QR Menu
* Version: 1.0
* Author: DevSec
* Developed By: DevSec
* Author URL: https://devlopsoft.com/iletisim

-- NOT: Burası siteye özel ek stil dosyasıdır.
-- Genel proje stilleri style.php içindedir; TT custom klasörüne dokunmaz.
-- Sadece bu siteye özel renk, logo, font vb. değişiklikler buraya yazılır.
================================================*/


/* Küçük telefon — dokunma hedefleri ve taşma #mobilpublicfixx */
@media (max-width: 380px) {
  .navbar .logo { margin-left: 56px !important; }
  .site-one-cikan-stack .button-container { max-width: 96vw; }
  .site-one-cikan-stack .btnx b { font-size: 18px; }
}
/* --- gece-tema splash (merkez TT: ankaragecedonercisi oturumu) --- */
   AÇILIŞ (SPLASH) — yalnızca anasayfa ilk yüklemede (custom/gece-tema.js kurar)
   ============================================================================ */
#agd-splash {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: radial-gradient(ellipse at 50% 30%, var(--agd-night-3) 0%, var(--agd-night-2) 55%, var(--agd-night-1) 100%);
  animation: agdSplashIn .4s ease both;
}
#agd-splash.agd-leaving {
  animation: agdSplashOut .45s ease both;
  pointer-events: none;
}
@keyframes agdSplashIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes agdSplashOut { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(1.04); } }

.agd-splash-sky { position: absolute; inset: 0; overflow: hidden; }

.agd-splash-moon {
  position: absolute;
  top: 8%;
  right: 12%;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #fffdf3, var(--agd-gold) 60%, transparent 75%);
  box-shadow: 0 0 40px 12px rgba(255, 215, 122, .35);
  opacity: 0;
  animation: agdMoonRise 1.6s ease .15s both;
}
@keyframes agdMoonRise {
  0% { opacity: 0; transform: translateY(-24px) scale(.7); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

/* düşen / kayan yıldızlar #yildizkaymasi */
.agd-splash-star {
  position: absolute;
  top: -8%;
  left: var(--x, 50%);
  width: var(--s, 2px);
  height: var(--s, 2px);
  border-radius: 50%;
  background: var(--agd-star);
  box-shadow: 0 0 6px 1px rgba(254, 248, 228, .8);
  opacity: 0;
  animation: agdStarFall var(--dur, 1.7s) ease-in var(--delay, 0s) both;
}
@keyframes agdStarFall {
  0% { opacity: 0; transform: translate(0, 0); }
  12% { opacity: 1; }
  85% { opacity: .85; }
  100% { opacity: 0; transform: translate(var(--dx, 0px), 115vh); }
}

/* kenardan kayan yıldızlar (sağ/sol) #kenardanyildiz */
.agd-splash-side {
  position: absolute;
  top: var(--y, 50%);
  width: var(--s, 2px);
  height: var(--s, 2px);
  border-radius: 50%;
  background: var(--agd-gold);
  box-shadow: 0 0 8px 2px rgba(255, 215, 122, .7);
  opacity: 0;
  animation: agdStarSide var(--dur, 1.1s) ease-out var(--delay, 0s) both;
}
.agd-splash-side.agd-side-l { left: -6%; --sign: 1; }
.agd-splash-side.agd-side-r { right: -6%; --sign: -1; }
@keyframes agdStarSide {
  0% { opacity: 0; transform: translateX(calc(var(--sign, 1) * -60px)); }
  25% { opacity: 1; }
  100% { opacity: 0; transform: translateX(calc(var(--sign, 1) * 60vw)); }
}

.agd-splash-content {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 0 24px;
}
.agd-splash-emoji {
  display: inline-flex;
  color: var(--agd-gold);
  filter: drop-shadow(0 0 8px rgba(255, 215, 122, .55));
  opacity: 0;
  animation: agdFadeUp .7s ease .25s both;
}

/* ---- Marka logosu hero girişi: düşüp yerine oturan + parlayan animasyon #logoacilis ---- */
.agd-splash-logo-wrap {
  opacity: 0;
  animation: agdLogoDrop 1.1s cubic-bezier(.22, 1.6, .36, 1) .1s both;
}
.agd-splash-logo {
  display: block;
  width: min(74vw, 300px);
  height: auto;
  margin: 0 auto;
  border-radius: 18px;
  filter: drop-shadow(0 6px 26px rgba(0, 0, 0, .45)) drop-shadow(0 0 0 rgba(255, 215, 122, 0));
  animation: agdLogoGlow 2.2s ease-in-out 1.15s infinite;
}
@keyframes agdLogoDrop {
  0% { opacity: 0; transform: translateY(-90px) scale(.6) rotate(-6deg); }
  55% { opacity: 1; transform: translateY(10px) scale(1.08) rotate(1.5deg); }
  75% { transform: translateY(-4px) scale(.98) rotate(-.5deg); }
  100% { opacity: 1; transform: translateY(0) scale(1) rotate(0deg); }
}
@keyframes agdLogoGlow {
  0%, 100% { filter: drop-shadow(0 6px 26px rgba(0, 0, 0, .45)) drop-shadow(0 0 14px rgba(255, 215, 122, .35)); }
  50% { filter: drop-shadow(0 6px 34px rgba(0, 0, 0, .55)) drop-shadow(0 0 36px rgba(255, 215, 122, .75)); }
}
.agd-splash-title {
  margin: 10px 0 4px;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(20px, 6.2vw, 34px);
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--agd-star);
  opacity: 0;
  background: linear-gradient(90deg, var(--agd-star) 0%, var(--agd-gold) 45%, var(--agd-ember) 65%, var(--agd-star) 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: agdFadeUp .7s ease .38s both, agdShimmer 2.4s linear .9s infinite;
}
.agd-splash-sub {
  margin: 14px 0 0;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(11px, 3.4vw, 14px);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(254, 248, 228, .72);
  opacity: 0;
  animation: agdFadeUp .7s ease 1.05s both;
}
@keyframes agdFadeUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes agdShimmer { to { background-position: -200% center; } }

.agd-splash-loader { margin-top: 22px; display: flex; gap: 7px; justify-content: center; opacity: 0; animation: agdFadeUp .5s ease 1.3s both; }
.agd-splash-loader span {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--agd-gold);
  animation: agdDot 1s ease-in-out infinite;
}
.agd-splash-loader span:nth-child(2) { animation-delay: .15s; }
.agd-splash-loader span:nth-child(3) { animation-delay: .3s; }
@keyframes agdDot { 0%, 100% { opacity: .25; transform: scale(.8); } 50% { opacity: 1; transform: scale(1.15); } }


