:root{--color-sable: #edac09;--color-terre: #742e09;--color-eau: #2a3e92;--color-vert: #408040;--color-rouge: #B23636;--color-white: #ffffff;--color-cream: #F9F7F3;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-black: #000000;--color-sable-light: #ffebc3;--color-terre-light: #f5f1ee;--color-eau-light: #e4e7f1;--color-vert-light: #e6f0e6;--color-rouge-light: #f7e2e2;--font-primary: 'Palatino Linotype', Palatino, serif;--font-secondary: 'Open Sans', Arial, sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--color-background: var(--color-white);--color-text: var(--color-gray-700);--color-text-light: var(--color-gray-500);--color-heading: var(--color-terre);--color-primary: var(--color-sable);--color-secondary: var(--color-eau);--color-accent: var(--color-rouge);--color-success: var(--color-vert);--color-border: var(--color-gray-200);--color-nav-bg: var(--color-white);--color-nav-a: var(--color-terre);--color-nav-a-hover: var(--color-sable);--color-footer-bg: var(--color-terre);--color-footer-text: var(--color-white);--max-width-content: 1200px;--min-width-card: 300px;--space-xs: 0.5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--font-size-small: 0.875rem;--font-size-base: 1rem;--font-size-large: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--height-nav: 13rem;--height-hero: 50vh;--height-map: 25rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-secondary);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-background);line-height:1.7}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:var(--font-weight-bold);padding:var(--space-sm) 0}h2,h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm)}p{margin-bottom:var(--space-sm)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-secondary)}[dir="rtl"]{text-align:right;unicode-bidi:bidi-override}[dir="rtl"] .about-content,[dir="rtl"] .experience-content,[dir="rtl"] .location-content,[dir="rtl"] .playlists-content{text-align:right}[dir="rtl"] .form-group{flex-direction:row-reverse}[dir="rtl"] .form-group label{text-align:right}[dir="rtl"] .nav-menu{flex-direction:row-reverse}[dir="rtl"] ul{padding-right:20px;padding-left:0}.site-header{width:100%;background:var(--color-nav-bg);border-bottom:1px solid var(--color-border)}.navbar{max-width:var(--max-width-content);height:var(--height-nav);margin:0 auto;padding:var(--space-sm);display:flex;flex-direction:column;justify-content:space-between;align-items:center}.nav-logo img{margin-top:var(--space-xs);color:var(--color-heading);height:120px}.nav-menu{list-style:none;display:flex;gap:var(--space-lg);margin-bottom:var(--space-xs)}.nav-menu a{text-decoration:none;color:var(--color-nav-a);font-weight:500}.nav-menu a:hover{color:var(--color-nav-a-hover)}@media (max-width: 768px){.navbar{height:var(--height-nav-mobile, 4rem);padding:var(--space-sm);flex-direction:row;justify-content:space-between;align-items:center}.nav-logo img{height:55px;margin-top:5px}}.mobile-nav-toggle{display:none;background:none;border:none;padding:var(--space-xs);cursor:pointer}.hamburger{display:block;position:relative;width:24px;height:2px;background:var(--color-terre);transition:all 0.3s ease}.hamburger::before,.hamburger::after{content:'';position:absolute;left:0;width:100%;height:2px;background:var(--color-terre);transition:all 0.3s ease}.hamburger::before{top:-8px}.hamburger::after{bottom:-8px}@media (max-width: 768px){.mobile-nav-toggle{display:block;z-index:1001}.nav-menu{position:fixed;inset:0;background:var(--color-white);display:flex;flex-direction:column;padding:var(--space-xl) var(--space-lg);transform:translateX(100%);transition:transform 0.3s ease;z-index:1000}.nav-menu[data-visible="true"]{transform:translateX(0)}.nav-menu a{color:var(--color-terre);font-size:var(--font-size-large);padding:var(--space-sm)}.mobile-nav-toggle[aria-expanded="true"] .hamburger{background:transparent}.mobile-nav-toggle[aria-expanded="true"] .hamburger::before{transform:rotate(45deg);top:0;background:var(--color-terre)}.mobile-nav-toggle[aria-expanded="true"] .hamburger::after{transform:rotate(-45deg);bottom:0;background:var(--color-terre)}}.lang-select{display:flex;gap:var(--space-xs);position:absolute;top:var(--space-sm);right:var(--space-sm);align-items:center}.lang-select a{color:var(--color-nav-a);text-decoration:none;padding:var(--space-xs);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.lang-select a:hover{color:var(--color-nav-a-hover)}.lang-select a.active{font-weight:var(--font-weight-bold);border-bottom:2px solid var(--color-nav-a)}@media (max-width: 768px){.lang-select{position:static;margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-gray-200);justify-content:flex-start}.lang-select a{color:var(--color-terre);font-size:var(--font-size-base);padding:var(--space-sm)}.lang-select a:hover{color:var(--color-sable)}.lang-select a.active{border-bottom-color:var(--color-terre)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.hero{position:relative;background:url("../img/hero_petit_ryad.jpg") center/cover no-repeat;height:var(--height-hero);display:flex;align-items:center;justify-content:center}.hero-text-container{z-index:2;background:var(--color-terre);color:var(--color-gray-100);width:var(--max-width-content);min-height:480px;margin-top:60vh;padding:var(--space-xl) var(--space-lg) var(--space-md) var(--space-lg);text-align:center;padding-left:40px;padding-right:40px}@media (max-width: 768px){.hero{height:70vh}.hero-text-container{width:90%;min-height:auto;margin-top:40vh;padding:var(--space-lg)}}.btn-primary{padding:0.75rem 1.5rem;background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);text-decoration:none;border-radius:4px;display:inline-block;margin-top:1rem}.about-content,.rooms-content{min-width:var(--min-width-card)}.about-intro{display:flex;flex-wrap:wrap;max-width:var(--max-width-content);margin:var(--space-xl) auto;padding:0 var(--space-sm);gap:var(--space-lg);margin-top:32vh}.about-content{flex:1}.about-image{flex:1;min-width:300px}.about-image img{width:100%;height:auto;display:block}@media (max-width: 768px){.about-intro{margin-top:18vh}}.rooms{max-width:1200px;margin:3rem auto;padding:0 1rem}.rooms-content{flex:1;text-align:center}.rooms-content p{margin-bottom:2rem}.rooms-content ul,li{justify-content:center;list-style:none}.room-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--min-width-card), 1fr));gap:var(--space-lg)}.room img{width:100%;display:block;margin-bottom:1rem}.room h3{margin-bottom:0.5rem}.experience{display:flex;flex-wrap:wrap;flex-direction:row-reverse;max-width:var(--max-width-content);margin:var(--space-xl) auto;padding:0 var(--space-sm);gap:var(--space-lg);margin:3rem auto}.experience-content{flex:1}.experience-image{flex:1;min-width:300px}.experience-image img{width:100%;height:auto;display:block}.booking{max-width:var(--max-width-content);margin:var(--space-xl) auto;padding:0 var(--space-sm)}.booking-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--space-lg)}.booking-form{padding:var(--space-lg);background-color:var(--color-cream);border-left:4px solid var(--color-sable)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;margin-bottom:var(--space-xs);color:var(--color-gray-700);font-weight:var(--font-weight-medium)}.rooms-checklist{background-color:var(--color-white);border:1px solid var(--color-gray-300);padding:var(--space-sm)}.room-option{padding:var(--space-sm);border-bottom:1px solid var(--color-gray-200)}.room-option:last-child{border-bottom:none}.room-option input[type="checkbox"]{margin-right:var(--space-sm)}.room-option label{display:inline;color:var(--color-text);font-weight:var(--font-weight-normal)}.room-option:hover{background-color:var(--color-sable-light)}.form-group input[type="number"],.form-group input[type="date"]{min-width:100%;padding:var(--space-sm);border:1px solid var(--color-gray-300);border-radius:0;font-family:var(--font-primary)}.website-group{display:none}.form-hint{display:block;margin-top:var(--space-xs);font-size:var(--font-size-small);color:var(--color-gray-500)}.booking-info{padding:var(--space-lg)}.booking-contact{margin-top:var(--space-lg);padding:var(--space-md);background-color:var(--color-gray-100);border-left:4px solid var(--color-eau)}@media (max-width: 768px){.booking-grid{grid-template-columns:1fr}}.guests-group{display:flex;gap:var(--space-md)}.guest-input{flex:1}.guest-input input{width:100%}.guest-input label{white-space:nowrap}@media (max-width: 768px){.guests-group{flex-direction:column;gap:var(--space-sm)}}.dates-group{display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.date-input{flex:1;width:100%}.date-input input[type="date"]{width:100%;padding:var(--space-sm);border:1px solid var(--color-gray-300);border-radius:4px;font-family:var(--font-secondary);color:var(--color-text);background-color:var(--color-white)}@media (max-width: 768px){.dates-group{display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.date-input{flex:1;width:100%}.date-input input[type="date"]{width:100%;padding:var(--space-sm);border:1px solid var(--color-gray-300);border-radius:4px;font-family:var(--font-secondary);color:var(--color-text);background-color:var(--color-white)}}.contact-group{gap:var(--space-md)}.contact-input{flex:1}.contact-input input{width:100%;padding:var(--space-sm);border:1px solid var(--color-gray-300);font-family:var(--font-primary)}.comment-group textarea{width:100%;min-height:100px;padding:var(--space-sm);border:1px solid var(--color-gray-300);font-family:var(--font-primary);resize:vertical}.acceptance-group{display:flex;align-items:flex-start;gap:var(--space-sm)}.acceptance-group input[type="checkbox"]{margin-top:0.25rem}@media (max-width: 768px){.contact-group{flex-direction:column;gap:var(--space-sm)}}.location{max-width:1200px;margin:3rem auto;padding:0 1rem;text-align:center}.map iframe{width:100%;height:var(--height-map);border:0;margin-top:1rem}.playlists{max-width:var(--max-width-content);margin:var(--space-xl) auto;padding:0 var(--space-sm)}.playlist-grid{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg)}.playlist-item{width:100%;background-color:var(--color-white);border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.playlist-item iframe{width:100%;height:152px;border:none;border-radius:12px}.site-footer{background:var(--color-terre);padding:2rem 1rem;text-align:center}.footer-content{color:var(--color-gray-100);max-width:1200px;margin:0 auto}.footer-content a{color:var(--color-gray-100);text-decoration:none;margin:0 0.5rem}