/* Les Délices de Tahar — theme layer on top of DinePro (loaded after style.css) */
:root{--wine:#3A041B;--wine-d:#26020F;--wine-l:#5C1230;--gold:#CBA135;--gold-l:#E8CB7A;--ivory:#FAF5EC;--cream:#F1E8D8;--choc:#2B1A14}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{background:var(--ivory);color:var(--choc);font-family:'DM Sans','Noto Sans Arabic',sans-serif}
[dir=rtl] body,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5{font-family:'Noto Kufi Arabic','Noto Sans Arabic',sans-serif}
h1,h2,h3,h4,h5{font-family:'Playfair Display',serif;color:var(--wine)}
.text-gold{color:var(--gold)}.bg-wine{background:var(--wine);color:var(--ivory)}.bg-cream{background:var(--cream)}
.bg-wine h2,.bg-wine h3{color:var(--ivory)}
section{padding:64px 0}
.tahar-nav{background:var(--wine);border-bottom:1px solid var(--gold);padding:.5rem 0}
.tahar-nav .nav-link{color:var(--ivory);font-size:.95rem}.tahar-nav .nav-link:hover{color:var(--gold-l)}
.tahar-nav .navbar-brand img{height:56px;width:56px}
.tahar-nav .navbar-toggler{border-color:var(--gold);filter:invert(1)}
.btn-gold{background:var(--gold);color:var(--wine-d);border:1px solid var(--gold);border-radius:0;padding:.7rem 1.6rem;font-weight:600}
.btn-gold:hover{background:var(--gold-l);color:var(--wine-d)}
.btn-outline-gold{border:1px solid var(--gold);color:var(--gold-l);border-radius:0;padding:.7rem 1.6rem}
.btn-outline-gold:hover{background:var(--gold);color:var(--wine-d)}
.btn-wine{background:var(--wine);color:var(--ivory);border-radius:0}.btn-wine:hover{background:var(--wine-l);color:#fff}
.lang-btn{background:none;border:1px solid var(--gold);color:var(--gold-l);padding:.25rem .7rem;font-size:.85rem}
.hero{min-height:88vh;display:flex;align-items:center;background:var(--wine);color:var(--ivory);position:relative;overflow:hidden;padding:110px 0 70px}
.hero:after{content:"";position:absolute;inset:14px;border:1px solid rgba(184,147,90,.5);pointer-events:none}
.hero h1{color:var(--ivory);font-size:clamp(2rem,6vw,3.8rem);line-height:1.2}
.hero-logo{width:min(280px,72%);height:auto;margin-bottom:1rem}
.hero-fade{animation:rise .9s ease both}@keyframes rise{from{opacity:0;transform:translateY(18px)}}
.section-title{text-align:center;margin-bottom:2.5rem}
.section-title:after{content:"";display:block;width:64px;height:2px;background:var(--gold);margin:14px auto 0}
.chips{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1.5rem;scrollbar-width:none}
.chip{flex:none;border:1px solid var(--gold);background:none;color:var(--wine);padding:.4rem 1rem}
.chip.active{background:var(--wine);color:var(--ivory)}
.pcard{background:#fff;border:1px solid transparent;height:100%;display:flex;flex-direction:column;transition:box-shadow .35s,border-color .35s}
.pcard:hover{border-color:var(--gold);box-shadow:0 12px 30px rgba(67,9,26,.15)}
.pcard .ph{aspect-ratio:4/3;overflow:hidden}.pcard img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.pcard:hover img{transform:scale(1.06)}
.pcard .body{padding:1rem;display:flex;flex-direction:column;gap:.4rem;flex:1}
.pcard .cat{font-size:.78rem;color:var(--gold)}.pcard .price{font-weight:700;color:var(--wine)}
.pcard .tag{font-size:.72rem;color:#8a7a6a}
.pcard .actions{margin-top:auto;display:flex;gap:.5rem;flex-wrap:wrap}.pcard .actions .btn{flex:1;font-size:.85rem;padding:.5rem}
.rail{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem}
.rail>*{flex:0 0 78%;max-width:300px;scroll-snap-align:start}
.masonry{columns:2;column-gap:10px}.masonry img{width:100%;margin-bottom:10px;cursor:zoom-in;display:block;break-inside:avoid;transition:opacity .3s}
.masonry img:hover{opacity:.85}
@media(min-width:768px){.masonry{columns:3}.rail>*{flex-basis:30%}}
.lightbox{position:fixed;inset:0;background:rgba(43,26,20,.94);display:none;align-items:center;justify-content:center;z-index:2000;padding:1rem}
.lightbox.open{display:flex}.lightbox img{max-width:100%;max-height:90vh}
.map-frame{width:100%;height:340px;border:0}
footer{background:var(--wine-d);color:var(--cream);padding:40px 0 24px}footer img{height:120px;width:120px}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}