/* Hotel Mayros CMS — Custom styles */
:root {
    --primary:       #1a3a5c;
    --primary-light: #2a5280;
    --accent:        #c0973e;
    --accent-light:  #d4a84b;
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

/* ── Hero ──────────────────────────────────────────── */
.slide { transition: opacity 0.8s ease-in-out; }

.float-card .card-accent { height: 3px; background: linear-gradient(90deg, var(--primary), var(--accent)); }

@keyframes bounce-down {
    0%,100% { transform: translateY(0); }
    50%      { transform: translateY(6px); }
}
.scroll-indicator { animation: bounce-down 1.8s ease-in-out infinite; }

/* ── Quick Reserve ─────────────────────────────────── */
.reserve-bar {
    background: rgba(255,255,255,0.97);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* ── Cards premium ─────────────────────────────────── */
.card-premium {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-premium:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 60px rgba(26,58,92,0.14);
}

.room-img-overlay {
    background: linear-gradient(to top, rgba(0,0,0,0.55) 0%, transparent 60%);
    opacity: 0;
    transition: opacity 0.35s ease;
}
.group:hover .room-img-overlay { opacity: 1; }

/* ── Gallery ───────────────────────────────────────── */
.gallery-item { min-height: 180px; }
.gallery-overlay {
    background: linear-gradient(to top, rgba(26,58,92,0.75) 0%, rgba(26,58,92,0.1) 60%, transparent 100%);
    opacity: 0.35;
    transition: opacity 0.35s ease;
}
.group:hover .gallery-overlay { opacity: 1; }
.gallery-caption {
    transform: translateY(8px);
    opacity: 0.8;
    transition: transform 0.35s ease, opacity 0.35s ease;
}
.group:hover .gallery-caption { transform: translateY(0); opacity: 1; }

/* ── Blog cards ────────────────────────────────────── */
.blog-card { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.blog-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 50px rgba(26,58,92,0.12);
}

/* ── WhatsApp float ────────────────────────────────── */
@keyframes wa-pulse {
    0%,100% { box-shadow: 0 0 0 0 rgba(34,197,94,0.45); }
    60%      { box-shadow: 0 0 0 14px rgba(34,197,94,0); }
}
.wa-float { animation: wa-pulse 2.4s ease-in-out infinite; }

/* ── GSAP: scroll-reveal base ──────────────────────── */
.sr-up    { opacity: 0; transform: translateY(40px); }
.sr-left  { opacity: 0; transform: translateX(-40px); }
.sr-right { opacity: 0; transform: translateX(40px); }
.sr-scale { opacity: 0; transform: scale(0.92); }

/* ── Prose (blog) ──────────────────────────────────── */
.prose h2 { font-size:1.4rem; font-weight:700; color:var(--primary); margin:1.5rem 0 0.75rem; font-family:'Playfair Display',serif; }
.prose h3 { font-size:1.15rem; font-weight:600; color:var(--primary); margin:1.25rem 0 0.5rem; }
.prose p  { margin-bottom:1rem; line-height:1.75; }
.prose ul { list-style:disc; padding-left:1.5rem; margin-bottom:1rem; }
.prose ol { list-style:decimal; padding-left:1.5rem; margin-bottom:1rem; }
.prose li { margin-bottom:0.35rem; }
.prose strong { color:var(--primary); font-weight:600; }
.prose a  { color:var(--accent); text-decoration:underline; }
.prose img { border-radius:0.75rem; margin:1.5rem 0; max-width:100%; }

/* ── Line clamp ────────────────────────────────────── */
.line-clamp-2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.line-clamp-3 { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

/* ── Custom scrollbar ──────────────────────────────── */
::-webkit-scrollbar       { width:6px; height:6px; }
::-webkit-scrollbar-track { background:#f1f5f9; }
::-webkit-scrollbar-thumb { background:#94a3b8; border-radius:3px; }
::-webkit-scrollbar-thumb:hover { background:#64748b; }

/* ── Placeholder ───────────────────────────────────── */
img[src=""] { background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%); min-height:120px; }

/* ── Admin toggle switch ───────────────────────────── */
.scrollbar-none { -ms-overflow-style:none; scrollbar-width:none; }
.scrollbar-none::-webkit-scrollbar { display:none; }