/* Riad La Santa styles */
html{scroll-behavior:smooth}
:target{scroll-margin-top:88px}
:root{
  --primary:#d1b274; /* Gold accent to match Hotel Garden */
  --secondary:#202020; /* Dark charcoal */
  --accent:#d1b274;
  --light:#f3eee9; /* Warm off-white */
}

.nav-link{color:#202020} /* charcoal */
.nav-link:hover{color:var(--primary)}

.btn-primary{padding:.6rem 1rem;border-radius:.7rem;background:var(--primary);color:#fff;font-weight:600;box-shadow:0 6px 16px rgba(209,178,116,.35);transition:.2s;}
.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}

.btn-secondary{padding:.6rem 1rem;border-radius:.7rem;background:#fff;color:#1f2937;border:1px solid #e5e7eb;transition:.2s}
.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}

.btn-cta{padding:.75rem 1.2rem;border-radius:1rem;background:linear-gradient(135deg,var(--primary),#b99754);color:white;font-weight:700;box-shadow:0 10px 30px rgba(209,178,116,.45)}
.btn-cta:hover{filter:brightness(1.05)}

.badge{padding:.35rem .7rem;border-radius:9999px;background:rgba(255,255,255,.2);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.35);color:#fff}

.label{display:block;font-size:.85rem;color:#475569;margin-bottom:.25rem}
.input{width:100%;border:1px solid #e5e7eb;background:white;border-radius:.65rem;padding:.6rem .8rem}

.section{padding:4rem 0;scroll-margin-top:88px}
.section-title{font-family:"DM Serif Display",serif;font-size:2rem;line-height:1.2;color:#202020}
@media (min-width:768px){.section-title{font-size:2.25rem}}

.parallax-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.1);filter:grayscale(0) saturate(1.05)}
.pattern-mask{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 40 40"><path fill="%23ffffff" fill-opacity="0.25" d="M0 0h20v20H0zM20 20h20v20H20z"/></svg>');mix-blend-mode:overlay}

.floating-card{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.8);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.7);box-shadow:0 20px 60px rgba(0,0,0,.15);border-radius:1rem;padding:1rem;max-width:1100px;width:92%}

.stat{padding:.5rem .9rem;background:#fff;border:1px solid #e5e7eb;border-radius:.7rem;box-shadow:0 6px 20px rgba(0,0,0,.05)}

.room-card{background:#fff;border:1px solid rgba(126,109,91,.12);border-radius:0.75rem;overflow:hidden;box-shadow:0 10px 30px rgba(32,32,32,.05);transition:transform .2s}
.room-card:hover{transform:translateY(-4px)}
.room-img{position:relative;overflow:hidden;aspect-ratio:4/3}
.room-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.room-card:hover .room-img img{transform:scale(1.06)}

.exp-card{position:relative;display:block;height:260px;border-radius:0.75rem;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 10px 30px rgba(32,32,32,.08)}
.exp-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(2,6,23,.8),transparent 55%)}
.exp-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;color:white}
.exp-overlay h3,.exp-overlay p{color:#fff !important;text-shadow:0 2px 12px rgba(0,0,0,.7),0 6px 24px rgba(0,0,0,.55)}

.service{display:flex;gap:.8rem;align-items:flex-start;padding:1rem;border:1px solid #eef2f7;background:#fff;border-radius:.9rem;box-shadow:0 6px 18px rgba(2,8,23,.04)}
.service h4{font-weight:700}
.service p{font-size:.9rem;color:#475569}


.carousel-btn{width:40px;height:40px;border-radius:.7rem;border:1px solid #e5e7eb;background:#fff}

.map-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #eef2f7;border-radius:.9rem}

.footer-title{font-weight:700;margin-bottom:.5rem}
.footer-links{display:grid;gap:.4rem}
.footer-links a{color:#334155}
.footer-links a:hover{color:var(--primary)}


/* Utilities */
.supports-backdrop\:backdrop-blur-md:where(.supports-backdrop){backdrop-filter:blur(12px)}