/*
Theme Name: The Belgian Spot
Theme URI: https://example.org/
Author: OpenAI
Description: Thème vitrine pour The Belgian Spot à Tétouan. Contenus et liens modifiables dans Apparence > Personnaliser.
Version: 1.5.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: the-belgian-spot
*/
:root{--ink:#172c3b;--blue:#0b5067;--cream:#f7f2e8;--gold:#d49b43;--line:#d9ded9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}img{display:block;width:100%;object-fit:cover}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.site-header{background:#fff;position:relative;z-index:3}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;font-weight:900;letter-spacing:-.045em;font-size:1.4rem;line-height:1.05}.brand small{display:block;font:600 .65rem/1.5 system-ui;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}.links{display:flex;gap:26px;align-items:center}.links a{text-decoration:none;font-size:.86rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.links a:hover,.credits a:hover{text-decoration:underline}.pill{padding:12px 19px;border-radius:3px;background:var(--gold);text-decoration:none;font-weight:800;display:inline-block}.hero{min-height:680px;display:grid;grid-template-columns:51% 49%;background:var(--blue);color:white}.hero-copy{padding:clamp(70px,9vw,140px) max(32px,calc((100vw - 1180px)/2)) 80px max(32px,calc((100vw - 1180px)/2));padding-right:40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{text-transform:uppercase;letter-spacing:.23em;font-size:.76rem;font-weight:800;color:var(--gold);margin:0 0 24px}h1,h2,h3{font-family:Georgia,serif;line-height:1.06;letter-spacing:-.045em}h1{font-size:clamp(3.5rem,6.5vw,7rem);margin:0 0 27px;max-width:700px}h2{font-size:clamp(2.5rem,4.2vw,4.5rem);margin:0 0 24px}h3{font-size:1.7rem;margin:0 0 12px}.hero p:not(.eyebrow){font-size:1.16rem;max-width:540px;margin:0 0 32px;color:#e6eeee}.hero-image{min-height:520px;position:relative}.hero-image img{height:100%}.hero-image:after{content:'TÉTOUAN  ·  MAROC';position:absolute;bottom:24px;right:25px;background:#fff;color:var(--blue);padding:10px 15px;font-size:.74rem;font-weight:800;letter-spacing:.14em}.section{padding:100px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}.intro p{font-size:1.1rem;max-width:570px}.rule{width:68px;height:4px;background:var(--gold);margin-bottom:28px}.quote{font:italic clamp(1.7rem,2.4vw,2.8rem)/1.3 Georgia,serif;color:var(--blue);border-left:4px solid var(--gold);padding-left:32px}.gallery{background:#e6eceb;padding:90px 0}.gallery-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.gallery-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.gallery figure{margin:0;background:#fff}.gallery img{height:390px}.gallery figcaption{font-size:.78rem;padding:13px 16px;color:#465863}.visit{background:var(--ink);color:#fff;padding:95px 0}.visit-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.visit p{max-width:580px;color:#d8e0e4}.visit .pill{color:#142e3c}.site-footer{background:#102633;color:#d8e0e4;padding:30px 0}.footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:.8rem}.credits{max-width:800px}.credits a{color:#fff}button{font:inherit}.menu-toggle{display:none}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:15px;top:15px;background:#fff;padding:10px;z-index:10}@media(max-width:800px){.nav{min-height:70px}.menu-toggle{display:block;background:transparent;border:1px solid var(--blue);color:var(--blue);padding:7px 12px}.links{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:20px 25px;flex-direction:column;align-items:flex-start;box-shadow:0 15px 20px #0002}.links.open{display:flex}.hero{display:flex;flex-direction:column}.hero-copy{padding:70px 25px 60px}.hero-image{height:370px;min-height:0}.intro{grid-template-columns:1fr;gap:30px}.section,.gallery,.visit{padding:70px 0}.gallery-head,.visit-inner{display:block}.gallery-grid{grid-template-columns:1fr}.gallery img{height:300px}.visit .pill{margin-top:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.languages{display:flex;align-items:center;gap:3px;flex-shrink:0}.languages a{font-size:.75rem;font-weight:800;text-decoration:none;padding:7px 8px;border-radius:3px;white-space:nowrap}.languages a[aria-current]{background:var(--blue);color:#fff}.languages a:hover:not([aria-current]){background:#e6eceb}html[dir=rtl] .hero-copy{padding-left:40px;padding-right:max(32px,calc((100vw - 1180px)/2))}html[dir=rtl] .quote{border-left:0;border-right:4px solid var(--gold);padding-left:0;padding-right:32px}html[dir=rtl] .hero-image:after{right:auto;left:25px}@media(max-width:950px){.nav{flex-wrap:wrap;padding-block:14px}.links{gap:12px}.languages{margin-inline-start:auto}}@media(max-width:800px){.nav{min-height:70px}.languages{order:2;width:100%;justify-content:center}.links{top:118px;z-index:3}html[dir=rtl] .hero-copy{padding:70px 25px 60px}}@media(max-width:400px){.brand{font-size:1.2rem}.languages a{padding:6px}}
.page-hero{background:var(--blue);color:#fff;padding:105px 0 95px}.page-hero h1{font-size:clamp(3.2rem,6vw,6.5rem);max-width:850px}.page-hero p:not(.eyebrow){font-size:1.18rem;max-width:760px;color:#e0ebed}.menu-columns{display:grid;grid-template-columns:1fr 1fr;gap:8%}.menu-columns h2{font-size:2.5rem;padding-bottom:20px;border-bottom:3px solid var(--gold)}.menu-item{border-bottom:1px solid var(--line);padding:22px 0}.menu-item h3{font-size:1.6rem;margin-bottom:4px}.menu-item p{margin:0;color:#465862}.disclaimer{margin-top:50px;background:#e5eceb;padding:20px;border-inline-start:4px solid var(--gold);font-weight:700}.crew-panel,.reviews-panel{display:grid;grid-template-columns:280px 1fr;gap:55px;align-items:center;background:#fff;padding:50px}.crew-mark{height:280px;background:var(--blue);color:#fff;display:grid;place-content:center;font:700 5rem Georgia,serif;letter-spacing:-.1em}.crew-mark span{color:var(--gold)}.crew-panel p,.reviews-panel p{max-width:600px}.google-letter{width:180px;height:180px;display:grid;place-items:center;border-radius:50%;background:#e6eceb;color:var(--blue);font:700 7rem Georgia,serif}.reviews-panel .pill,.crew-panel .pill{margin-top:15px}@media(max-width:1000px){.links{gap:12px;flex-wrap:wrap}.links a{font-size:.75rem}}@media(max-width:800px){.page-hero{padding:70px 0}.menu-columns,.crew-panel,.reviews-panel{grid-template-columns:1fr;gap:35px}.crew-panel,.reviews-panel{padding:28px}.crew-mark{height:200px}.google-letter{width:120px;height:120px;font-size:5rem}}

.map-wrap{margin-top:28px}.map-wrap iframe{display:block;width:100%;height:520px;border:0;background:#e6eceb}@media(max-width:800px){.map-wrap iframe{height:420px}}
.calendar-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.calendar-head h2{font-size:clamp(2rem,3vw,3.2rem);margin:0;text-align:center;text-transform:capitalize}.calendar-head a{color:var(--blue);text-decoration:none;font-weight:800}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.weekday{text-align:center;background:var(--blue);color:#fff;font-weight:800;padding:10px 2px;font-size:.83rem}.calendar-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:110px;padding:10px;background:#fff}.calendar-cell.muted{background:#edf0ed}.calendar-cell time{display:block;font-weight:800;margin-bottom:8px}.event-chip{display:block;background:#e6f0f0;color:var(--blue);border-inline-start:3px solid var(--gold);padding:5px 7px;margin:5px 0;text-decoration:none;font-size:.8rem;line-height:1.3;overflow-wrap:anywhere}.event-chip:hover{text-decoration:underline}.calendar-empty{text-align:center;padding:25px;background:#e7edeb}.event-list{margin-top:35px}.event-list article{display:grid;grid-template-columns:130px 1fr;gap:25px;padding:20px 0;border-bottom:1px solid var(--line)}.event-list time{font-weight:800;color:var(--blue)}.event-list h3{margin-bottom:5px}.event-list p{margin:0}.event-content{max-width:820px}.event-content p{font-size:1.1rem}@media(max-width:700px){.calendar-head a span{display:none}.calendar-cell{min-height:65px;padding:5px}.calendar-cell time{font-size:.82rem}.event-chip{font-size:.67rem;padding:3px}.event-list article{grid-template-columns:80px 1fr}}

.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.photo-grid figure{margin:0;background:#fff}.photo-grid figure:first-child{grid-column:span 2}.photo-grid img{height:250px}.photo-grid figure:first-child img{height:250px}.photo-grid figcaption{padding:12px 15px;font-size:.85rem;font-weight:700;color:#465862}@media(max-width:800px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid figure:first-child{grid-column:span 2}}@media(max-width:550px){.photo-grid{grid-template-columns:1fr}.photo-grid figure:first-child{grid-column:auto}.photo-grid img,.photo-grid figure:first-child img{height:250px}}
