/* Al Nabaa Premium Experience — accelerated visual/UX batch A.
   This file intentionally layers on top of site.css without altering Journey
   Atlas, Story Album, planner or WordPress editor styling. */
:root{--aln-radius:16px;--aln-shadow:0 22px 56px rgba(8,31,47,.09)}
body{overflow-x:clip}
.site-header{transition:background .24s ease,box-shadow .24s ease,backdrop-filter .24s ease}
.site-header.is-scrolled{position:fixed;top:0;background:rgba(7,30,45,.97);box-shadow:0 12px 38px rgba(4,15,24,.22);border-color:#ffffff1c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.site-header.is-scrolled .site-header__inner{min-height:72px}
.navigation-mobile-cta{display:none}
.navigation-list a{position:relative}
.navigation-list a::after{content:"";position:absolute;inset-inline:0;bottom:-10px;height:1px;background:var(--aln-gold);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
.navigation-list a:hover::after,.navigation-list a:focus-visible::after{transform:scaleX(1)}
.hero__art{filter:saturate(1.09) contrast(1.025)}
.hero__copy{position:relative}
.hero__copy::before{content:"";position:absolute;inset-inline-start:-35px;top:15px;width:1px;height:85px;background:linear-gradient(var(--aln-gold),transparent);opacity:.85}
.hero__buttons .button,.cta-block .button{border-radius:4px}
.hero__buttons .button--gold{box-shadow:0 13px 26px rgba(10,24,28,.2)}
.journeys,.destinations{scroll-margin-top:88px}
.destinations{background:#f8f6f1;padding-top:74px;padding-bottom:72px}
.destinations__heading{margin-bottom:31px}
.destinations__heading h2{font-size:clamp(36px,4.4vw,61px);line-height:1.15}
.destination-grid{display:grid;grid-template-columns:1.22fr 1fr 1fr 1.05fr;gap:16px}
.destination-tile{position:relative;min-height:310px;isolation:isolate;display:flex;align-items:flex-end;overflow:hidden;border-radius:10px;text-decoration:none;background:#15384e;box-shadow:0 10px 25px rgba(20,42,50,.09)}
.destination-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 28%,rgba(4,22,34,.86));transition:background .25s}
.destination-tile img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.destination-tile:hover img,.destination-tile:focus-visible img{transform:scale(1.075)}
.destination-tile__content{position:relative;display:flex;flex-direction:column;gap:8px;width:100%;padding:29px 24px;color:#fff}
.destination-tile__content strong{font-family:'Manrope',Arial,sans-serif;font-size:clamp(21px,2.2vw,30px);font-weight:700;line-height:1.2}
.destination-tile__content>span{color:#f3cf97;font-size:11px;font-weight:700;letter-spacing:.015em}
.destination-tile__content>span>span{display:inline-block;margin-inline-start:5px;transition:transform .2s}
.destination-tile:hover .destination-tile__content>span>span{transform:translate(3px,-3px)}
.journey-filter-pills{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:0 0 29px}
html:not(.has-js) .journey-filter-pills{display:none}
.journey-filter-pills__item{border:1px solid #d9d8d0;border-radius:100px;background:#fff;color:#334b57;padding:11px 19px;min-height:43px;cursor:pointer;font-size:12px;font-weight:700;transition:background .2s,color .2s,border-color .2s,transform .2s}
.journey-filter-pills__item:hover{border-color:#bf9554;transform:translateY(-1px)}
.journey-filter-pills__item[aria-pressed="true"]{color:#fff;background:#123449;border-color:#123449}
.journey-card{border-radius:10px;box-shadow:0 8px 28px rgba(20,37,46,.035)}
.journey-card__media{aspect-ratio:4/4.35}
.journey-card__media::after{content:"";position:absolute;inset:65% 0 0;pointer-events:none;background:linear-gradient(transparent,rgba(6,25,36,.32))}
.journey-card__label,.journey-card__number{z-index:1}
.journey-card__label{border-radius:3px}
.journey-card__body{padding:24px 23px 21px}
.journey-card h3{font-size:20px}
.journey-card__foot{min-height:43px}
.journey-card:focus-within{outline:2px solid var(--aln-gold);outline-offset:3px}
.planning-steps{background:#fcfbf7;padding-top:95px;padding-bottom:98px}
.planning-steps__heading{max-width:950px;margin-bottom:38px}
.planning-steps__heading h2{font-size:clamp(34px,4.2vw,58px);max-width:750px}
.planning-steps__grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e6ddcd;border-radius:12px;background:#fff;overflow:hidden;box-shadow:var(--aln-shadow)}
.planning-step{padding:35px clamp(23px,3.2vw,48px) 39px;border-inline-end:1px solid #e9e1d5}
.planning-step:last-child{border-inline-end:0}
.planning-step__number{font-family:'Playfair Display',Georgia,serif;font-size:47px;line-height:1;color:#a77f43}
.planning-step__rule{display:block;width:36px;height:1px;background:#b69566;margin:25px 0 20px}
.planning-step h3{font-size:19px;font-weight:800;line-height:1.3;margin:0 0 13px}
.planning-step p{font-size:13px;color:#62737d;line-height:1.8;margin:0}
.feature-story__image img{transition:transform .8s ease}
.feature-story:hover .feature-story__image img{transform:scale(1.025)}
.footer-contact{border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;padding:31px 0;display:flex;justify-content:space-between;align-items:center;gap:24px}
.footer-contact>div{display:flex;flex-direction:column;gap:9px}
.footer-contact__eyebrow{color:#d9b57e;font-size:10px;letter-spacing:.14em;font-weight:700}
.footer-contact strong{font-size:clamp(19px,2.5vw,27px);font-weight:700}
.footer-contact .button{flex-shrink:0}
.tour-archive__header--cinematic{background-image:linear-gradient(110deg,rgba(7,30,45,.94),rgba(8,36,52,.73) 65%,rgba(8,34,45,.38)),url('../images/hero-giza.webp');background-size:cover;background-position:center 53%;min-height:490px;display:flex;align-items:center}
.tour-archive__header--cinematic .container{width:min(1240px,calc(100% - 88px))}
.tour-archive__cta{margin-top:20px}
.tour-single__hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:26px}
.tour-single__hero-actions .button{min-height:46px;gap:19px;padding:0 18px}
.tour-single__share{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;color:#f1ddbd;font-size:12px;font-weight:700;cursor:pointer;padding:13px 9px;min-height:44px}
.tour-single__share:hover{color:#fff}
.tour-single__share-feedback{display:block;min-height:17px;margin-top:8px;font-size:12px;color:#f0cc8c}
.tour-single__section,.tour-rate-card{scroll-margin-top:108px}
#tour-prices-heading{scroll-margin-top:108px}
@media(max-width:1170px){.destination-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.destination-tile{min-height:270px}.destination-tile__content{padding:23px 16px}.journey-card__media{aspect-ratio:4/3.4}}
@media(max-width:820px){.navigation-mobile-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:15px 17px;background:#c59b55;color:#081f2f;font-size:13px;font-weight:800;text-decoration:none;border-radius:5px}
.primary-navigation{max-height:calc(100dvh - 75px);overflow-y:auto;overscroll-behavior:contain}
.site-header.is-scrolled .primary-navigation{top:72px}
.navigation-list a::after{display:none}
.destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.destination-tile{min-height:245px}
.planning-steps__grid{grid-template-columns:1fr}.planning-step{padding:28px 32px;border-inline-end:0;border-bottom:1px solid #e9e1d5}.planning-step:last-child{border-bottom:0}.planning-step__rule{margin:15px 0}
.tour-archive__header--cinematic .container{width:calc(100% - 38px)}
}
@media(max-width:600px){.hero__copy::before{display:none}.hero__copy{padding-bottom:40px}
.destinations{padding-top:58px;padding-bottom:54px}.destination-grid{gap:10px}.destination-tile{min-height:205px}.destination-tile__content{padding:17px 14px}.destination-tile__content strong{font-size:21px}.destination-tile__content>span{font-size:10px}
.journey-filter-pills{gap:7px;margin-bottom:24px}.journey-filter-pills__item{padding:9px 13px;font-size:11px;min-height:42px}
.planning-steps{padding-top:68px;padding-bottom:68px}.planning-step{padding:25px}.planning-steps__heading h2{font-size:clamp(30px,8vw,46px)}
.footer-contact{flex-direction:column;align-items:stretch}.footer-contact .button{justify-content:center}
.tour-single__hero-actions{gap:9px}.tour-single__hero-actions .button{flex:1 1 185px;justify-content:center}.tour-single__share{width:100%;justify-content:center}
.tour-archive__header--cinematic{min-height:390px;background-position:66% center}
}
@media(max-width:390px){.destination-grid{grid-template-columns:1fr 1fr}.destination-tile{min-height:180px}.destination-tile__content strong{font-size:18px}.destination-tile__content>span{font-size:9px}}
html[dir="rtl"] .destination-tile__content>span>span{transform:scaleX(-1)}
html[dir="rtl"] .journey-filter-pills{direction:rtl}
html[dir="rtl"] .destination-tile__content strong{font-family:Tahoma,Arial,sans-serif}
@media(prefers-reduced-motion:reduce){.destination-tile img,.feature-story__image img,.site-header,.journey-filter-pills__item{transition:none!important;transform:none!important}}


/* Al Nabaa visual identity: original transparent assets; keep dimensions
   aligned with the existing fixed/sticky header, 4-language navigation and RTL. */
.brand--visual{min-width:0;line-height:0;flex-shrink:0}
.brand--visual .brand__picture{display:block;line-height:0}
.brand--visual .brand__asset{display:block;width:210px;height:auto;max-width:100%;object-fit:contain}
.site-header.is-scrolled .brand--visual .brand__asset{width:190px}
.brand--footer.brand--visual .brand__asset{width:265px;max-width:100%}
.brand--visual:focus-visible{outline:2px solid var(--aln-gold);outline-offset:6px;border-radius:2px}
@media(max-width:1050px){
 .site-header .brand--visual .brand__asset{width:185px}
}
@media(max-width:820px){
 .site-header .brand--visual .brand__asset,.site-header.is-scrolled .brand--visual .brand__asset{width:175px}
 .site-header__inner{gap:16px}
}
@media(max-width:600px){
 .site-header .brand--visual .brand__asset,.site-header.is-scrolled .brand--visual .brand__asset{width:164px}
 .site-header__inner{gap:10px}
 .brand--footer.brand--visual .brand__asset{width:min(265px,100%)}
}
@media(max-width:360px){
 .site-header .brand--visual .brand__asset,.site-header.is-scrolled .brand--visual .brand__asset{width:137px}
 .site-header__inner{gap:7px}
}
