/* ============================================================================
   Lunayra — design.css
   Tasarım dosyasındaki <helmet><style> bloğunun BİREBİR kopyası (satır 15-26)
   + tasarımın style-hover="" attribute'larının gerçek :hover karşılıkları.
   Bu dosyadaki değerler tasarımdan alınmıştır; değiştirmeden önce iki kez düşün.
   ========================================================================== */

/* --- tasarımdan birebir --------------------------------------------------- */
html,body{margin:0;padding:0;background:#F6ECDD;}
body{font-family:'Jost',sans-serif;color:#4C3A28;}
a{color:#6F4426;text-decoration:none;}
a:hover{color:#8A5A36;}
*{box-sizing:border-box;}
details > summary{list-style:none;cursor:pointer;}
details > summary::-webkit-details-marker{display:none;}
details[open] .faq-chev{transform:rotate(180deg);}
input::placeholder,textarea::placeholder{color:#B49F86;font-family:'Jost',sans-serif;}
@keyframes twinkle{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* --- style-hover karşılıkları --------------------------------------------
   Tasarımdaki style-hover="" attribute'u yalnızca canvas editöründe çalışır;
   gerçek sitede karşılığı olmadan tüm hover efektleri kaybolur.
   Aşağıdaki sınıflar birebir aynı değerleri taşır.                          */

/* transform:translateY(-8px);box-shadow:0 20px 44px rgba(111,68,38,.18);  (9x — ürün kartı) */
.hv-card:hover{transform:translateY(-8px);box-shadow:0 20px 44px rgba(111,68,38,.18);}

/* background:#8A5A36;color:#FBF4E8;  (8x — outline buton dolar) */
.hv-fill:hover{background:#8A5A36;color:#FBF4E8;}

/* color:#F6ECDD;  (7x — footer linkleri) */
.hv-cream:hover{color:#F6ECDD;}

/* color:#6F4426;  (7x — "Oku →" ve metin linkleri) */
.hv-deep:hover{color:#6F4426;}

/* color:#8A5A36;  (5x — üst menü linkleri) */
.hv-brown:hover{color:#8A5A36;}

/* background:#6F4426;color:#FBF4E8;  (2x — birincil CTA) */
.hv-cta:hover{background:#6F4426;color:#FBF4E8;}

/* background:#6F4426;  (2x — arka planı koyulaşan buton) */
.hv-cta-bg:hover{background:#6F4426;}

/* background:#6E2F3E;color:#F2DCC8;  (1x — Gece Serisi outline buton) */
.hv-wine-fill:hover{background:#6E2F3E;color:#F2DCC8;}

/* background:#57242F;color:#F2DCC8;  (1x — Gece Serisi CTA) */
.hv-wine:hover{background:#57242F;color:#F2DCC8;}

/* background:#3C2711;  (1x — footer abone butonu) */
.hv-footer-btn:hover{background:#3C2711;}

/* --- tasarımda olmayan, yeni sayfalar için gereken minimum ekler ---------- */

/* Tasarımdaki <button>/<input> font'u miras almadığı için her yerde tekrar
   tanımlanmıştı; tek kuralla toparlıyoruz (aynı font, aynı davranış). */
button,input,textarea,select{font-family:'Jost',sans-serif;}
button{cursor:pointer;border:0;}

/* Klavyeyle gezinenler için odak halkası — tasarımın kahve tonunda. */
a:focus-visible,button:focus-visible,input:focus-visible,
textarea:focus-visible,select:focus-visible,summary:focus-visible{
    outline:2px solid #8A5A36;outline-offset:3px;border-radius:4px;
}

/* Yatay taşma yapabilecek bloklar kendi içinde kaysın. */
.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;}

/* Hareketi azalt tercihine saygı. */
@media (prefers-reduced-motion:reduce){
    *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;}
}