/* unified-sections.css — الأساس الموحد لكل التصاميم: مقالات + أسئلة + معرض سلايدر تلقائي + حجز وموقع ومواعيد
   موبايل-فيرست: كل شيء فوق بعضه بشكل احترافي. يعمل على جميع الهواتف والتابلت والديسكتوب. */
.u-articles,.u-faq,.u-gallery,.u-booking{padding:2.6rem 0;background:#fff;position:relative}
.u-faq{background:#f7f5ef}
.u-gallery{background:#0a1628;color:#fff}
.u-booking{background:linear-gradient(180deg,#f7f5ef,#fff)}
.u-head{text-align:center;max-width:720px;margin:0 auto 1.4rem}
.u-kicker{display:inline-block;color:#c9a24b;font-weight:800;font-size:.82rem;border-top:1px solid #c9a24b66;border-bottom:1px solid #c9a24b66;padding:.2rem .7rem;margin-bottom:.5rem}
.u-gallery .u-kicker{color:#e8c876}
.u-head h2{font-size:var(--sec-title-size,30px);color:var(--sec-title-color,#0a1628);margin:.2rem 0;font-weight:900;line-height:1.6}
.u-gallery .u-head h2{color:#fff}
.u-head p{color:var(--sec-sub-color,#5b6b82);font-size:var(--sec-sub-size,16px)}
.u-gallery .u-head p{color:#b9c6da}
.u-head i{display:block;width:60px;height:3px;background:#c9a24b;margin:.6rem auto 0;border-radius:3px}
/* مقالات: فوق بعض على الهاتف */
.u-art-grid{display:grid;grid-template-columns:1fr;gap:.9rem}
.u-art-card{background:#fff;border:1px solid #e8eaf0;border-radius:16px;overflow:hidden;box-shadow:0 10px 26px rgba(10,22,40,.07)}
.u-art-img{display:block;aspect-ratio:16/9;overflow:hidden;background:#0a1628}
.u-art-img img{width:100%;height:100%;object-fit:cover;display:block}
.u-art-body{padding:1rem 1.1rem}
.u-art-body h3{font-size:1rem;margin:0 0 .4rem;color:#0a1628;line-height:1.7}
.u-art-body p{font-size:.86rem;color:#5b6b82;margin:0 0 .6rem}
.u-more{color:#8a6d1f;font-weight:800;text-decoration:none;font-size:.88rem}
/* أسئلة */
.u-faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:.7rem}
.u-faq .faq-item{border:1px solid #e6eaf0;border-radius:14px;background:#fff;overflow:hidden}
.u-faq .faq-q{width:100%;background:none;border:0;padding:1rem 1.1rem;display:flex;justify-content:space-between;align-items:center;gap:.8rem;font-weight:800;font-size:.95rem;cursor:pointer;color:#0a1628;font-family:inherit;min-height:52px;text-align:right}
.u-faq .faq-q .plus{color:#c9a24b;font-size:1.5rem;line-height:1}
.u-faq .faq-item.open .faq-q .plus{transform:rotate(45deg)}
.u-faq .faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.u-faq .faq-a .rich{padding:0 1.1rem 1rem;color:#444;line-height:2}
/* معرض: سلايدر تلقائي احترافي + صور خلفية */
.u-slider{position:relative;max-width:1000px;margin:0 auto}
.u-track-wrap{overflow:hidden;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.35);background:#060d1d}
.u-track{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1)}
.u-slide{flex:0 0 100%;position:relative;min-height:300px;background:#060d1d}
.u-slide img,.u-slide video{width:100%;height:340px;object-fit:cover;display:block}
.u-cap{position:absolute;bottom:.8rem;right:.8rem;left:.8rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.75));color:#fff;padding:1.4rem .9rem .7rem;border-radius:0 0 14px 14px;font-weight:700;font-size:.88rem;text-align:center}
.u-nav{position:absolute;top:40%;z-index:3;width:44px;height:44px;border-radius:50%;border:1.5px solid #c9a24b88;background:rgba(6,13,29,.7);color:#e8c876;font-size:1.6rem;cursor:pointer;backdrop-filter:blur(6px)}
.u-nav.prev{right:.6rem}.u-nav.next{left:.6rem}
.u-dots{display:flex;gap:.4rem;justify-content:center;margin-top:.8rem}
.u-dots button{width:9px;height:9px;border-radius:50%;border:0;background:#ffffff33;cursor:pointer;padding:0}
.u-dots button.on{background:#e8c876;width:26px;border-radius:99px}
/* حجز */
.u-book-grid{display:grid;grid-template-columns:1fr;gap:1rem}
.u-book-card{background:#fff;border:1px solid #e8eaf0;border-radius:20px;padding:1.3rem;box-shadow:0 14px 40px rgba(10,22,40,.08)}
.u-book-card.dark{background:#0a1628;color:#dfe6f2;border-color:#c9a24b33}
.u-book-card h3{margin:0 0 .9rem;font-size:1.1rem;color:#0a1628}
.u-book-card.dark h3{color:#e8c876}
.u-form{display:flex;flex-direction:column;gap:.6rem}
.u-form input,.u-form select,.u-form textarea{border:1.5px solid #e2e8f0;border-radius:12px;padding:.8rem 1rem;font-family:inherit;font-size:16px;width:100%;background:#f8fafc;color:#0a1628}
.u-form textarea{min-height:96px;resize:vertical}
.u-form button{background:linear-gradient(135deg,#e8c876,#c9a24b);border:0;border-radius:14px;padding:.9rem;font-weight:900;font-size:1rem;cursor:pointer;color:#191204}
.u-cta-row{display:flex;gap:.6rem;margin-top:.8rem;flex-wrap:wrap}
.u-gold{flex:1;background:linear-gradient(135deg,#e8c876,#c9a24b);color:#191204!important;font-weight:800;text-decoration:none;text-align:center;padding:.75rem;border-radius:12px;min-width:140px}
.u-ghost{flex:1;border:1.5px solid #c9a24b66;color:#0a1628;text-decoration:none;text-align:center;padding:.75rem;border-radius:12px;font-weight:800;min-width:140px}
.u-book-card.dark .u-ghost{color:#fff}
.u-info{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.55rem;font-size:.92rem}
.u-info a{color:#e8c876}
.u-map{border-radius:14px;overflow:hidden;min-height:240px;background:#060d1d}
.u-map iframe{width:100%;height:260px;border:0;display:block}
.u-socials{display:flex;gap:.5rem;margin-top:.9rem;justify-content:center}
.u-socials a{width:42px;height:42px;border-radius:50%;border:1.5px solid #c9a24b66;display:grid;place-items:center;color:#e8c876;text-decoration:none;font-weight:800}
/* تابلت: عمودين */
@media(min-width:768px){
.u-art-grid{grid-template-columns:repeat(2,1fr)}
.u-slide{flex:0 0 50%}
.u-slide img,.u-slide video{height:300px}
.u-book-grid{grid-template-columns:1fr 1fr;align-items:start}
}
/* ديسكتوب: 3 مقالات + سلايدر 3 صور */
@media(min-width:1024px){
.u-art-grid{grid-template-columns:repeat(3,1fr)}
.u-slide{flex:0 0 33.333%}
.u-slide img,.u-slide video{height:280px}
.u-articles,.u-faq,.u-gallery,.u-booking{padding:3.4rem 0}
}
/* هواتف صغيرة: تأكيد التكديس فوق بعض */
@media(max-width:767px){
.u-articles,.u-faq,.u-gallery,.u-booking{padding:2rem 0}
.u-art-grid,.u-book-grid{grid-template-columns:1fr!important}
.u-slide{flex:0 0 100%!important}
.u-slide img,.u-slide video{height:260px}
.u-nav{width:40px;height:40px;font-size:1.4rem}
.u-book-card{padding:1.1rem}
.u-head h2{font-size:1.45rem}
}
@media(max-width:379px){
.u-slide img,.u-slide video{height:220px}
.u-form input,.u-form select,.u-form textarea{font-size:16px}
}