/* Home page specific styles - Positief Resultaat Hotel & Casino */

/* Layout helpers */
.section-header { max-width: 760px; margin: 0 auto var(--spacing-10); }
.hero-inner { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--spacing-8); align-items: center; }
@media (max-width: 992px) { .hero-inner { grid-template-columns: 1fr; } }

/* Hero */
.hero-section { position: relative; overflow: hidden; }
.hero-content .hero-cta { display: flex; gap: var(--spacing-4); margin: var(--spacing-6) 0 var(--spacing-4); flex-wrap: wrap; }
.hero-media img { border-radius: var(--radius-3xl); box-shadow: var(--shadow-xl); }

/* Search inside hero */
.hero-search { display: grid; grid-template-columns: 1fr auto; gap: var(--spacing-3); align-items: center; margin-top: var(--spacing-4); }
.hero-search .form-control { background: #fff; }
@media (max-width: 560px) { .hero-search { grid-template-columns: 1fr; } }

/* Accommodations */
.accom-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: var(--spacing-8); margin-top: var(--spacing-8); }
@media (max-width: 1024px) { .accom-grid { grid-template-columns: 1fr; } }
.benefits-list { display: grid; gap: var(--spacing-3); align-content: start; padding-top: var(--spacing-2); }
.benefits-list li i { color: var(--color-secondary); margin-right: var(--spacing-2); }

/* Casino */
.list-icons, .list-check, .contact-list, .downloads-list, .faq-list { display: grid; gap: var(--spacing-3); }
.list-icons li i, .list-check li i, .contact-list li i { color: var(--color-secondary); margin-right: var(--spacing-2); }

/* Services */
.service-list { display: grid; gap: var(--spacing-3); }
.service-list li i { color: var(--color-secondary); margin-right: var(--spacing-2); }

/* Steps */
.steps-card .badge { margin-bottom: var(--spacing-3); }

/* Offers */
.offer-card .card-body { display: grid; gap: var(--spacing-3); }

/* Planning */
.quick-links .btn { justify-content: flex-start; }

/* Gallery */
.gallery { display: grid; grid-template-columns: 1fr; gap: var(--spacing-6); }
.gallery-item { display: grid; gap: var(--spacing-3); }
.gallery-video { width: 100%; border-radius: var(--radius-2xl); box-shadow: var(--shadow-lg); background: #000; }

/* Newsletter */
.newsletter { max-width: 720px; margin: 0 auto; text-align: center; }
.newsletter-form { margin-top: var(--spacing-6); display: grid; gap: var(--spacing-4); justify-items: center; }
.newsletter-form .form-group { width: 100%; max-width: 520px; text-align: left; }

/* Reveal on scroll */
.reveal { opacity: 0; transform: translateY(12px); transition: opacity var(--transition-slow) var(--transition-ease), transform var(--transition-slow) var(--transition-ease); }
.reveal.is-visible { opacity: 1; transform: none; }