/* ===== 29 EKİM CUMHURİYET BAYRAMI ===== */
/* Kaldırmak için: bu dosyayı, cumhuriyet.js'yi ve sayfalardaki iki satırlık eklemeyi silmeniz yeterli. */

/* --- Sağ üstte dalgalanan bayrak --- */
.cum-flag{
  position:fixed; top:84px; right:14px; z-index:1100;
  cursor:pointer; line-height:0;
  filter: drop-shadow(0 6px 10px rgba(0,0,0,.28));
  -webkit-tap-highlight-color: transparent;
}
.cum-flag canvas{ display:block; width:var(--cum-fw,132px); height:var(--cum-fh,92px); }
.cum-flag:focus-visible{ outline:2px solid var(--gold,#bf9a35); outline-offset:4px; border-radius:4px; }

/* --- En altta kayan yazı --- */
.cum-marquee{
  position:fixed; left:0; right:0; bottom:0; z-index:1250; height:38px;
  background:linear-gradient(180deg,#e30a17,#b8070f); color:#fff;
  border-top:2px solid #e9c46a; overflow:hidden; display:flex; align-items:center;
  box-shadow:0 -4px 18px rgba(0,0,0,.22);
  font-family:'Manrope',system-ui,sans-serif; font-weight:700; font-size:14px; letter-spacing:.02em;
}
.cum-track{ display:flex; width:max-content; animation:cum-scroll 48s linear infinite; will-change:transform; }
.cum-marquee:hover .cum-track{ animation-play-state:paused; }
.cum-track span.cum-seg{ display:inline-flex; align-items:center; white-space:nowrap; }
.cum-track .cum-star{ color:#f4d37a; margin:0 18px; font-size:13px; }
@keyframes cum-scroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

body.cum-on{ padding-bottom:38px; }
body.cum-on .cart-widget-float{ bottom:64px; }
body.cum-on .chat-widget{ bottom:64px; }

/* --- Açılış penceresi --- */
.cum-modal{
  position:fixed; inset:0; z-index:1700; display:flex; align-items:center; justify-content:center;
  padding:18px; background:rgba(14,10,10,.78); backdrop-filter:blur(3px);
  opacity:0; visibility:hidden; transition:opacity .5s ease, visibility 0s linear .5s;
}
.cum-modal.show{ opacity:1; visibility:visible; transition:opacity .5s ease; }
.cum-fireworks{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.cum-card{
  position:relative; width:min(560px,100%); max-height:calc(100vh - 36px); overflow:auto;
  background:#f8f6f1; border-radius:6px; text-align:center;
  border-top:7px solid #e30a17; padding:26px 24px 22px;
  box-shadow:0 30px 80px rgba(0,0,0,.5);
  transform:translateY(24px) scale(.96); transition:transform .6s cubic-bezier(.22,1,.36,1);
}
.cum-modal.show .cum-card{ transform:none; }
.cum-close{
  position:absolute; top:8px; right:10px; width:34px; height:34px; border:0; border-radius:50%;
  background:transparent; font-size:20px; line-height:1; color:#4a4f49; cursor:pointer;
}
.cum-close:hover{ background:rgba(0,0,0,.07); }
.cum-photos{ display:flex; justify-content:center; align-items:flex-end; gap:10px; height:clamp(190px,34vh,300px); margin:0 0 16px; }
.cum-photos img{
  height:100%; width:auto; min-width:0; flex:0 1 auto; max-width:49%; box-sizing:border-box; display:block; background:#fff; padding:4px;
  border:2px solid #bf9a35; box-shadow:0 8px 22px rgba(0,0,0,.22); object-fit:cover;
}
.cum-card h2{
  font-family:'Fraunces',Georgia,serif; font-weight:700; font-size:clamp(22px,5.4vw,29px);
  line-height:1.2; color:#b8070f; margin:0 0 6px;
}
.cum-card .cum-sub{ font-family:'Manrope',sans-serif; font-weight:700; font-size:14px; color:#2b2e2a; margin:0 0 12px; }
.cum-quote{ font-family:'Fraunces',Georgia,serif; font-style:italic; font-size:16px; color:#2b2e2a; margin:0 0 2px; }
.cum-quote-by{ font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#6c716a; margin:0 0 14px; }
.cum-wish{ font-family:'Manrope',sans-serif; font-size:13px; line-height:1.6; color:#4a4f49; margin:0 0 16px; }
.cum-btn{
  font-family:'Manrope',sans-serif; font-weight:800; font-size:13px; letter-spacing:.06em; text-transform:uppercase;
  background:#e30a17; color:#fff; border:0; border-radius:3px; padding:12px 26px; cursor:pointer;
}
.cum-btn:hover{ background:#b8070f; }

@media (max-width:640px){
  .cum-flag{ top:68px; right:10px; --cum-fw:86px; --cum-fh:60px; }
  .cum-marquee{ font-size:13px; }
}
@media (prefers-reduced-motion: reduce){
  .cum-track{ animation:none; }
  .cum-marquee{ overflow-x:auto; }
}