/*
Theme Name: TRAVNILE 2026
Author: TRAVNILE
Description: Arabic and English travel website with editable WordPress pages, program galleries and section navigation.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: travnile
*/
:root{--orange:#F9A243;--peach:#FECF97;--blue:#CEE3F6;--ink:#1E1E1E;--red:#DE4245;--line:#e6e6e6;--muted:#626262}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'IBM Plex Sans Arabic',sans-serif;font-size:17px;line-height:1.8}h1,h2,.display{font-family:'Noto Naskh Arabic',serif;font-weight:500;line-height:1.45;text-wrap:balance}h1{font-size:60px;margin:16px 0}h2{font-size:42px;margin:8px 0 18px}h3{font-size:21px;line-height:1.6;margin:12px 0}p{margin:0 0 22px;color:var(--muted)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #88510d;outline-offset:4px}.container{max-width:1220px;width:calc(100% - 96px);margin:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:100px}.logo{object-fit:contain;width:154px;height:64px}nav{display:flex;gap:30px}nav a{font-size:15px;position:relative}nav a.active:after{content:'';position:absolute;bottom:-12px;right:0;width:24px;height:3px;background:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--orange);color:var(--ink);border:1px solid var(--orange);padding:13px 25px;border-radius:5px;font-weight:500;min-height:52px;transition:background .18s,transform .18s}.button:hover{background:var(--peach);transform:translateY(-2px)}.button.outline{background:transparent;border-color:#aaa}.button.white{background:white;border-color:white}.small{font-size:15px;padding:10px 18px;min-height:46px}.menu{display:none;border:0;background:none;font-size:26px}.hero{position:relative;background:var(--ink);color:white;min-height:590px;overflow:hidden;margin:0 24px;border-radius:8px}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% 55%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,rgba(0,0,0,.87),rgba(0,0,0,.5) 46%,rgba(0,0,0,.02) 85%)}.hero-content{position:relative;z-index:1;padding:82px 0 104px;max-width:600px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.eyebrow:before{content:'';width:27px;height:1px;background:var(--orange)}.hero h1{font-size:64px}.hero p{color:#ededed;max-width:440px;font-size:18px}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hero .outline{color:white;border-color:#ffffff80}.hero-place{position:absolute;z-index:2;left:44px;bottom:42px;font-size:14px;writing-mode:vertical-rl;border-left:1px solid #ffffff70;padding-left:14px}.finder{position:relative;margin-top:-39px;z-index:3;background:white;box-shadow:0 12px 36px #0000000c;border:1px solid var(--line);border-radius:7px;display:grid;grid-template-columns:1fr 1fr 1fr auto;padding:23px 28px;gap:20px;align-items:end}.finder label{font-size:13px;color:var(--muted)}.finder select{display:block;border:0;background:white;width:100%;padding:5px 0;color:var(--ink);font-weight:500}.finder>label{border-left:1px solid var(--line);padding-left:18px}.section{padding:92px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}.section-head p{max-width:520px;margin-bottom:0}.text-link{border-bottom:1px solid var(--orange);padding-bottom:5px;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:white}.card-photo{position:relative;height:236px;overflow:hidden}.card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.card:hover img{transform:scale(1.035)}.badge{display:inline-block;background:white;border-radius:3px;padding:4px 12px;font-size:12px}.card-photo .badge{position:absolute;right:16px;top:16px}.card-body{padding:24px}.meta{display:flex;gap:20px;font-size:14px;color:var(--muted)}.card h3{min-height:66px}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:22px;padding-top:19px;gap:12px}.card-bottom span{font-size:13px;color:var(--muted)}.notice{font-size:14px;margin-top:22px;padding-right:13px;border-right:2px solid var(--orange)}.services-band{background:#f6f9fc}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:34px}.service-icon{width:47px;height:47px;border:1px solid #b9c8d6;border-radius:50%;display:grid;place-items:center;margin-bottom:20px}.service-icon svg{width:24px;height:24px;fill:none;stroke:var(--ink);stroke-width:1.5}.service-grid p{font-size:15px}.stay{display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:center}.arch-wrap{position:relative;max-width:430px;margin:auto;width:100%;padding:16px;border:1px solid var(--peach);border-radius:50% 50% 3px 3px}.arch-wrap img{width:100%;height:465px;object-fit:cover;border-radius:50% 50% 3px 3px;display:block}.arch-label{position:absolute;bottom:30px;right:-32px;background:white;border:1px solid var(--line);padding:17px 25px;box-shadow:0 8px 20px #00000008}.stay-list{border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;font-size:15px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;margin-top:35px}.step-number{display:block;font-size:29px;color:#98601d;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.steps h3{font-size:18px}.steps p{font-size:14px}.about-band{background:var(--ink);color:white;padding:75px 0}.about-band .container{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-band p{color:#c9c9c9}.about-band h2{max-width:500px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.guide-card{background:#f8f8f8;padding:28px;min-height:240px;border-top:3px solid var(--blue)}.guide-card p{font-size:15px}.guide-card span{font-size:13px;color:var(--muted)}.faq-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:85px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:24px;font-weight:500}summary:after{content:'+';font-size:25px;font-weight:400}details[open] summary:after{content:'−'}details p{margin:15px 0 0;font-size:16px}.contact-band{background:var(--peach);padding:55px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:35px}.contact-band h2{margin-top:0}.contact-band p{color:#4f443a;margin:0}.contact-band .button{background:var(--ink);border-color:var(--ink);color:white}footer{background:var(--ink);color:white;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:40px}.footer-grid p{color:#ccc;font-size:16px}.footer-grid h3{font-size:15px;margin:6px 0 18px}.footer-grid a{display:block;font-size:14px;color:#ccc;margin-bottom:9px}.footer-logo{background:white;padding:8px;border-radius:4px;object-fit:contain;margin-bottom:20px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;margin-top:40px;padding-top:22px;font-size:12px;color:#bbb}.mobile-contact{display:none}.skip{position:absolute;top:-80px;z-index:10;background:white;padding:15px}.skip:focus{top:0}.page-heading{background:#f5f8fb;padding:48px 0}.page-heading h1{font-size:49px}.breadcrumbs{font-size:14px;color:var(--muted)}.breadcrumbs a{border-bottom:1px solid #aaa}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start}.detail-photo{width:100%;height:340px;object-fit:cover;border-radius:7px;margin-bottom:30px}.detail-section{padding:20px 0;border-bottom:1px solid var(--line)}.detail-section h2{font-size:31px}.detail-section ul{padding-right:22px;color:var(--muted)}.booking-box{border:1px solid var(--line);padding:28px;border-radius:7px;position:sticky;top:25px}.booking-box .button{width:100%;margin-top:12px}.booking-box p{font-size:14px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;background:#f5f8fb;padding:22px;border-radius:5px}.facts strong{display:block;font-size:17px}.facts span{font-size:13px;color:var(--muted)}.filters{display:flex;gap:20px;margin:0 0 28px;padding:22px;background:#f5f8fb;align-items:end;flex-wrap:wrap}.filters label{font-size:14px}.filters select{display:block;min-width:180px;padding:8px;background:white;border:1px solid #c7c7c7;border-radius:4px}.empty{padding:60px;text-align:center;border:1px solid var(--line);border-radius:7px}.form-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px}.contact-form{border:1px solid var(--line);padding:32px;border-radius:7px}.contact-form label{display:block;font-size:15px;margin-bottom:17px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #bcbcbc;border-radius:4px;background:white}.contact-form .button{width:100%}.form-note{font-size:13px;margin-top:17px}.prose{max-width:820px}.prose h2{font-size:32px;margin-top:35px}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.swatch{border:1px solid var(--line);border-radius:5px;overflow:hidden}.swatch div{height:95px}.swatch p{padding:12px;font-size:13px;margin:0}.design-examples{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:25px 0}.no-results{padding:30px;background:#f5f8fb;grid-column:1/-1}body:has(.hero) .header{min-height:100px}
@media(min-width:1500px){.hero{min-height:660px}.hero-content{padding-top:110px}}@media(max-width:1100px){nav{gap:18px}.container{width:calc(100% - 64px)}.header-cta{display:none}.stay{gap:55px}.cards{gap:16px}.card-body{padding:20px}.detail-grid{grid-template-columns:minmax(0,1fr) 290px}.hero h1{font-size:57px}.footer-grid{gap:22px}}@media(max-width:760px){body{font-size:16px}.container{width:calc(100% - 40px)}.header{min-height:80px!important}.logo{width:133px;height:54px}.menu{display:block}nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;z-index:9;padding:22px;box-shadow:0 15px 20px #0001}nav.open{display:flex;flex-direction:column;gap:15px}nav a{padding:7px}.hero{margin:0 10px;min-height:565px}.hero-photo{object-position:42% center}.hero:after{background:linear-gradient(270deg,#000c,#0006)}.hero-content{padding:58px 0 90px;max-width:100%}.hero h1{font-size:44px}.hero p{font-size:16px;max-width:300px}.hero .actions{align-items:stretch;flex-direction:column;max-width:280px}.hero-place{display:none}.finder{margin-top:-30px;padding:22px;grid-template-columns:1fr 1fr;gap:17px}.finder label{border:0;padding:0}.finder .button{font-size:14px;padding:9px;gap:10px}.section{padding:60px 0}h2{font-size:34px}.section-head{align-items:start;flex-direction:column;gap:15px}.cards{grid-template-columns:1fr;gap:22px}.card-photo{height:230px}.card h3{min-height:0}.card-body{padding:23px}.service-grid{grid-template-columns:1fr 1fr;gap:27px 20px}.service-grid h3{font-size:18px}.stay{grid-template-columns:1fr;gap:40px}.arch-wrap{max-width:320px}.arch-wrap img{height:365px}.arch-label{right:-5px;font-size:14px}.steps{grid-template-columns:1fr;gap:12px}.steps>div{display:grid;grid-template-columns:50px 1fr;gap:0 18px}.step-number{grid-row:1/3;font-size:25px;margin:0;border:0}.steps h3{margin:0}.steps p{margin:5px 0 15px}.about-band .container{grid-template-columns:1fr;gap:18px}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:0}.faq-layout{grid-template-columns:1fr;gap:12px}.contact-band{padding:30px;flex-direction:column;align-items:start}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{gap:20px;flex-direction:column}footer{padding-bottom:104px}.mobile-contact{display:flex;position:fixed;bottom:0;right:0;left:0;z-index:8;padding:10px 20px calc(10px + env(safe-area-inset-bottom));gap:25px;background:white;border-top:1px solid var(--line);align-items:center;justify-content:space-between}.mobile-contact .button{padding:8px 22px;font-size:15px;min-height:46px}.page-heading{padding:30px 0}.page-heading h1{font-size:36px}.detail-grid,.form-layout{grid-template-columns:1fr;gap:30px}.detail-photo{height:245px}.booking-box{position:static}.facts{grid-template-columns:1fr 1fr;padding:17px}.contact-form{padding:22px}.empty{padding:35px 20px}.swatches{grid-template-columns:repeat(2,1fr)}.filters label{width:100%}.filters select{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}