/*
Theme Name: Bed & Breakfast Reestdal
Theme URI: https://bedandbreakfastreestdal.nl
Author: Bjorn Petrus Louer
Author URI: mailto:yinzonico@gmail.com
Description: Een prachtig, responsive en sfeervol WordPress thema voor Bed & Breakfast Evesingehus in het Reestdal. Volledig aanpasbaar via de WordPress Customizer met toggle-functies voor reserveringen, contactinformatie en meertaligheid.
Version: 1.2.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bb-reestdal

Dit thema is volledig op maat gebouwd door developer Bjorn Petrus Louer (yinzonico@gmail.com) voor optimaal beheer van teksten, prijzen, afbeeldingen sliders en lay-out elementen via de WordPress Customizer.
*/

/* --- Google Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');

/* --- Custom Base Styles --- */
body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: #fcfbf9;
    color: #2e2a25;
    overflow-x: hidden;
}

/* Mobile overflow prevention */
img, video, iframe, svg {
    max-width: 100%;
    height: auto;
}

/* Prevent text overflow */
.wrap, .site, #page {
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, .font-serif {
    font-family: 'Playfair Display', serif;
}

.font-mono {
    font-family: 'JetBrains Mono', monospace;
}

/* Base custom colors that match Tailwind config */
:root {
    --brand-50: #fcf9f2;
    --brand-100: #f7eedb;
    --brand-200: #eedab7;
    --brand-300: #e2be89;
    --brand-400: #d49c5e;
    --brand-500: #b5803d;
    --brand-600: #9c652e;
    --brand-700: #824f26;
    --brand-800: #6a4022;
    --brand-900: #57341e;
}

/* Custom styles for components */
.bg-brand-50 { background-color: var(--brand-50); }
.bg-brand-100 { background-color: var(--brand-100); }
.bg-brand-500 { background-color: var(--brand-500); }
.hover\:bg-brand-600:hover { background-color: var(--brand-600); }
.text-brand-600 { color: var(--brand-600); }
.text-brand-700 { color: var(--brand-700); }
.text-brand-800 { color: var(--brand-800); }
.border-brand-200 { border-color: var(--brand-200); }

/* Animation effects */
.fade-in {
    animation: fadeIn 0.8s ease-out forwards;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Swiper slider mini-styles for custom room slider */
.room-slider-container {
    position: relative;
    overflow: hidden;
}
.room-slide {
    display: none;
    width: 100%;
    height: 100%;
}
.room-slide.active {
    display: block;
    animation: fadeIn 0.5s ease-in-out;
}