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

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Prevent layout shift on page load */
body { -webkit-font-smoothing: antialiased; }

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

/* Gallery lightbox */
#lightbox img { max-height: 85vh; }

/* Line clamp fallback */
.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;
}

/* Prose (blog content) */
.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%; }

/* WhatsApp pulse */
@keyframes wa-pulse {
    0%,100% { box-shadow:0 0 0 0 rgba(34,197,94,.4); }
    50%      { box-shadow:0 0 0 12px rgba(34,197,94,0); }
}
.fixed.bg-green-500 { animation: wa-pulse 2.5s ease-in-out infinite; }

/* Sticky header shrink */
#site-header.scrolled .bg-primary\/95 { padding-top:0; padding-bottom:0; }

/* 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 image */
img[src="/assets/images/placeholder.jpg"],
img[src=""] {
    background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
    min-height: 120px;
}