/* CHIFCREW Experience System v2 — progressive UI layer, business logic untouched.
   Source of truth: the approved wordmark, IBM Plex Sans Arabic, Plus Jakarta Sans,
   and official seven-color palette in brand-v1.css. Mobile-first overrides below. */
:root {
  --ui-panel:#FFFCF7;--ui-border:#E4D8CA;--ui-muted:#685B54;
  --ui-elevated:0 9px 28px rgba(45,15,24,.07);
  --ui-radius:16px;--ui-control-radius:10px;
  --ui-space-1:8px;--ui-space-2:16px;--ui-space-3:24px;--ui-space-4:32px;
}
body{background:var(--brand-ivory);color:var(--brand-espresso);font-size:16px}
.wrap{width:min(1320px,calc(100% - 48px))}
.content{padding-block:26px 100px;min-width:0}
.content>*{min-width:0}
img,video{max-width:100%}
h1,h2,h3{overflow-wrap:break-word}
h1{font-size:clamp(1.95rem,3.2vw,3.15rem);letter-spacing:0}
h2{font-size:clamp(1.4rem,2.1vw,2.15rem);letter-spacing:0}
h3{font-size:clamp(1.05rem,1.45vw,1.35rem)}
p{line-height:1.85}
.header{border-bottom:1px solid var(--ui-border);box-shadow:0 2px 15px #2D0F1808}
.header-inner{gap:14px}
.official-wordmark{max-height:49px}
.menu a{font-weight:600}
.menu a[aria-current=page]{color:var(--brand-night)}
.account-button{background:var(--brand-night)!important;color:var(--brand-ivory)!important}
.header-install{background:transparent;border:1px solid var(--brand-beige);color:var(--brand-wine);font-weight:700}
.header-install:hover{background:var(--brand-wine);border-color:var(--brand-wine);color:white}
.button{font-size:.95rem;border-radius:var(--ui-control-radius);min-height:46px;padding:10px 19px;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}
.button.small{min-height:44px;padding:8px 15px;font-size:.82rem}
button,.button,a,summary{touch-action:manipulation}
:focus-visible{outline:3px solid var(--brand-gold)!important;outline-offset:3px!important}
.section-more,.card-more{font-weight:700;color:var(--brand-wine)}
.section-more:hover,.card-more:hover{text-decoration:underline;text-underline-offset:4px}
.section-heading{align-items:end;margin-bottom:18px}
.section-heading p{max-width:690px}
.section-heading h2{line-height:1.34}
.eyebrow{color:#7C563A;font-size:.83rem;font-weight:700}
.premium-hero{background:var(--brand-night);box-shadow:none;border:1px solid #4C2731;min-height:455px;border-radius:21px}
.premium-hero::after{background:none}
.premium-hero-gallery{gap:11px}
.premium-hero-gallery .gallery-photo{border:0;box-shadow:none}
.premium-hero-copy{padding:48px 52px 48px 20px}
.premium-hero h1{letter-spacing:0;font-size:clamp(2.4rem,4vw,4rem);line-height:1.28}
.premium-hero h1 em{color:#D6B985}
.premium-hero p{font-size:1.02rem;line-height:1.85}
.premium-search{box-shadow:none;border-radius:12px;border:1px solid rgba(255,255,255,.5)}
.premium-search input{color:var(--brand-espresso);font-weight:500}
.premium-search .button{background:var(--brand-wine)}
.hero-shortcuts a{background:transparent;border:1px solid rgba(243,235,221,.32);font-size:.8rem}
.hero-shortcuts a:hover{background:rgba(255,255,255,.12)}
.benefits-strip{background:var(--ui-panel);box-shadow:none;border:1px solid var(--ui-border)}
.benefits-strip small{color:var(--ui-muted);font-size:.8rem;line-height:1.55}
.benefits-strip strong{color:var(--brand-espresso);font-size:.9rem}
.editorial-categories{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.editorial-category{background:var(--ui-panel);border:1px solid var(--ui-border);box-shadow:none;transition:transform .2s ease,box-shadow .2s ease}
.editorial-category:hover{box-shadow:var(--ui-elevated)}
.category-image{height:154px}
.category-description{min-height:83px;padding:15px 18px}
.category-description strong{font-size:1.01rem}
.category-description small{color:var(--ui-muted);font-size:.78rem}
.premium-provider-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.provider-card{display:flex;flex-direction:column;background:var(--ui-panel);border:1px solid var(--ui-border);box-shadow:none;min-width:0}
.provider-card:hover{box-shadow:var(--ui-elevated);transform:translateY(-2px)}
.provider-card .card-body{flex:1;display:flex;flex-direction:column;gap:4px}
.provider-card .card-body p{min-height:0;flex:1;color:var(--ui-muted)}
.provider-card .card-body .meta{font-size:.81rem;color:var(--ui-muted)}
.provider-card .provider-card-bottom{margin-top:auto;color:var(--ui-muted)}
.provider-card .card-cover{height:190px;background:#E8D6C5}
.brand-rating{color:#795123!important;font-weight:700;font-size:.85rem}
.premium-empty{padding:35px;min-height:170px;background:var(--ui-panel);color:var(--ui-muted);gap:10px}
.work-videos-section .home-reels{margin-top:12px}
.video-empty-state{display:flex;align-items:center;gap:19px;background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:16px;padding:22px 25px}
.video-empty-state .video-empty-icon{width:65px;height:65px;flex:0 0 65px;border-radius:12px;background:var(--brand-night);color:var(--brand-ivory);display:grid;place-items:center;font-size:1.7rem}
.video-empty-state>div:nth-child(2){flex:1;min-width:0}
.video-empty-state strong{display:block;color:var(--brand-espresso);font-size:1.08rem}
.video-empty-state p{margin:5px 0 0;color:var(--ui-muted);font-size:.89rem}
.editorial-feature{border:1px solid var(--ui-border);box-shadow:none;background:#EDE0D1}
.feature-copy p,.feature-copy li{color:#624E45}
.how-grid article,.account-overview>div{background:var(--ui-panel);border:1px solid var(--ui-border);box-shadow:none;border-radius:14px}
.how-grid article h3{color:var(--brand-night)}
.professional-join{margin-top:56px;background:var(--brand-night);border-radius:20px;overflow:hidden;display:grid;grid-template-columns:minmax(260px,.74fr) 1fr;min-height:345px}
.professional-join-image{height:100%;min-height:345px;overflow:hidden}
.professional-join-image img{height:100%;width:100%;display:block;object-fit:cover}
.professional-join-copy{padding:44px 50px;align-self:center;color:var(--brand-ivory)}
.professional-join-copy .eyebrow{color:#D6B985}
.professional-join-copy h2{color:var(--brand-ivory);font-size:clamp(1.8rem,2.8vw,2.7rem);margin:5px 0 13px}
.professional-join-copy p{color:#EDDFD8;max-width:630px;font-size:.99rem;line-height:1.8}
.join-perks{display:flex;flex-wrap:wrap;gap:8px;margin:19px 0 23px}
.join-perks span{font-size:.81rem;padding:6px 11px;border:1px solid #ffffff4d;border-radius:100px;color:#F8EEE3}
.button-join{background:var(--brand-ivory);color:var(--brand-night)}
.button-join:hover{background:white;color:var(--brand-night)}
.page-top{margin:15px 0 24px;gap:20px}
.page-top>div{min-width:0}
.page-top h1{color:var(--brand-night);font-size:clamp(1.85rem,3vw,2.7rem);letter-spacing:0}
.page-top p{color:var(--ui-muted);max-width:780px}
.filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;align-items:end;padding:20px;box-shadow:none;background:var(--ui-panel)}
.filters label{font-weight:650;min-width:0}
.filters .button{width:100%}
.filter-hint{font-size:.79rem;margin:9px 0 20px;color:var(--ui-muted)}
.result-total{font-size:.8em;color:var(--ui-muted)}
.profile-summary,.profile-gallery{background:var(--ui-panel);border:1px solid var(--ui-border);box-shadow:none}
.profile-summary{align-items:center;padding:26px}
.profile-info h1{color:var(--brand-night)}
.profile-info p{color:var(--ui-muted)}
.profile-tabs{position:sticky;top:79px;z-index:8;padding:11px 0;background:rgba(243,235,221,.95);backdrop-filter:blur(7px)}
.profile-tabs a{min-height:42px;display:flex;align-items:center}
.service{border:1px solid var(--ui-border);background:var(--ui-panel);box-shadow:none}
.service-side{min-width:175px;max-width:235px}
.service-side strong{color:var(--brand-wine)}
.reviews .review{border-color:var(--ui-border);box-shadow:none}
.auth-layout{gap:28px;align-items:stretch;max-width:1070px;margin:24px auto 42px}
.auth-promo{padding:34px;border-radius:17px;background:var(--brand-night);display:flex;flex-direction:column;justify-content:center;min-width:0}
.auth-promo h1{font-family:'Plus Jakarta Sans',sans-serif;color:var(--brand-ivory);font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.03em}
.auth-promo .eyebrow{color:#D6B985}
.auth-promo p{color:#EDDFD8}
.form-card,.form-wide,.card-section,.filters{border:1px solid var(--ui-border);box-shadow:none;background:var(--ui-panel)}
.form-card h2,.form-wide h2,.card-section h2{font-size:1.4rem}
.form-wide{max-width:1000px}
.form-card label,.form-wide label,.filters label{font-size:.92rem;color:var(--brand-espresso)}
input:not([type=checkbox]):not([type=radio]),select,textarea{color:var(--brand-espresso);background:white}
input::placeholder,textarea::placeholder{color:#81726A}
.check a{text-decoration:underline;text-underline-offset:3px;color:var(--brand-wine)}
.rental-extra-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;background:#F4EBDF;border-radius:13px;padding:14px}
.rental-extra-fields[hidden],[data-company-sector][hidden]{display:none!important}
[data-price-help]{display:block;font-weight:400;color:var(--ui-muted)}
.account-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:6px 0 21px}
.account-overview>div{padding:19px 21px;display:grid;gap:5px}
.account-overview small{color:var(--ui-muted);font-size:.77rem}
.account-overview strong{font-size:1.45rem;color:var(--brand-wine);line-height:1.5}
.account-overview span{color:var(--ui-muted);font-size:.79rem}
.dashboard-links{display:flex;gap:8px;flex-wrap:wrap}
.dashboard-links a{border-radius:10px;border-color:var(--ui-border);background:var(--ui-panel);color:var(--brand-wine);min-height:44px;padding:10px 13px}
.dashboard-links a[aria-current=page],.dashboard-links a:hover{background:var(--brand-wine);color:white;border-color:var(--brand-wine)}
.quick-links{gap:8px}
.quick-links a{background:#EDE0D1;color:var(--brand-night);border:1px solid #E4D2BF;font-size:.82rem;min-height:43px;display:inline-flex;align-items:center}
.quick-links a:hover{background:#E1CDB8;color:var(--brand-night)}
.stats>div{border-color:var(--ui-border);box-shadow:none;background:var(--ui-panel)}
.stats small{color:var(--ui-muted)}
.stats strong{color:var(--brand-night)}
.table-wrap{border:1px solid var(--ui-border);box-shadow:none;background:var(--ui-panel)}
table{width:100%}
th{background:#F0E3D5;color:var(--brand-espresso)}
td{color:var(--brand-espresso)}
.table-wrap a{font-weight:700}
.list-card,.review{border-color:var(--ui-border);background:var(--ui-panel);box-shadow:none}
.chat-trust{color:var(--brand-espresso)}
.chat-trust p{color:var(--ui-muted)}
.message{background:#F0E4DA;color:var(--brand-night)}
.message.mine{background:#E9D6CC}
.message small{color:#5E514B}
.chat-thread{background:var(--ui-panel)}
.booking-grid,.profile-split{align-items:start}
.booking-side>.card-section{box-shadow:none}
@media(min-width:1050px){.booking-side{position:sticky;top:100px}}
.footer{background:var(--brand-night)}
.footer-content{gap:40px}
.footer-brand{max-width:460px}
.footer-links{gap:13px 24px;max-width:550px}
.footer a{color:var(--brand-ivory)}
.footer p,.footnote{color:#E7D7D0}
.footer .official-wordmark{width:168px}
/* Compact, role-aware touch navigation. No routes inaccessible to the logged-in role. */
.mobile-nav-icon{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.25rem!important;font-weight:600;line-height:1.1!important;display:block;min-height:22px}
.mobile-bottom-nav a{line-height:1.25}
.mobile-bottom-nav a[aria-current=page]{background:#F0E5DA;color:var(--brand-night)}
@media(max-width:1140px){.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.editorial-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){
  .wrap{width:min(100% - 36px,1320px)}
  .premium-hero-copy{padding:32px 26px}
  .premium-hero h1{font-size:clamp(2.1rem,4.5vw,3rem)}
  .editorial-categories{grid-template-columns:repeat(3,minmax(0,1fr))}
  .premium-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .professional-join{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .professional-join-copy{padding:27px}
  .profile-tabs{top:68px}
}
@media(max-width:650px){
  .wrap{width:calc(100% - 32px)}
  .content{padding:14px 0 calc(95px + env(safe-area-inset-bottom))}
  .header-inner{min-height:58px}
  .official-wordmark{width:132px;max-height:41px}
  .premium-hero{margin-top:0;min-height:auto;border-radius:15px}
  .premium-hero-copy{padding:29px 20px 18px}
  .premium-hero h1{font-size:clamp(2rem,7.9vw,2.8rem);line-height:1.3;margin-bottom:9px}
  .premium-hero p{font-size:.91rem;line-height:1.75}
  .premium-search{padding:7px;border-radius:11px}
  .premium-search .button{min-height:44px}
  .hero-shortcuts{margin-top:15px}
  .premium-hero-gallery{min-height:126px;grid-template-rows:134px;padding:0 18px 17px;gap:7px}
  .benefits-strip{padding:13px;gap:13px}
  .benefits-strip>div{grid-template-columns:30px 1fr;gap:6px;padding:0}
  .benefits-strip strong{font-size:.79rem}
  .benefits-strip small{font-size:.73rem}
  .section{margin-top:37px}
  .section-heading{align-items:center;gap:8px;margin-bottom:15px}
  .section-heading h2{font-size:clamp(1.28rem,5.2vw,1.7rem)}
  .section-heading p{font-size:.84rem}
  .editorial-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .category-image{height:124px}
  .category-description{padding:12px 12px 15px;min-height:82px}
  .category-description strong{font-size:.92rem}
  .category-description small{font-size:.73rem}
  .premium-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .provider-card .card-cover{height:160px}
  .provider-card .card-body{padding:13px}
  .provider-card .card-body p{font-size:.81rem;line-height:1.6}
  .provider-card .card-body .meta{font-size:.76rem}
  .provider-card-bottom{gap:8px}
  .video-empty-state{flex-wrap:wrap;padding:17px;gap:10px}
  .video-empty-state .video-empty-icon{width:49px;height:49px;flex-basis:49px}
  .video-empty-state .button{width:100%}
  .editorial-feature{margin-top:38px}
  .professional-join{grid-template-columns:1fr;margin-top:37px}
  .professional-join-image{height:168px;min-height:168px}
  .professional-join-copy{padding:23px 21px 26px}
  .professional-join-copy h2{font-size:1.7rem}
  .professional-join-copy p{font-size:.88rem}
  .professional-join-copy .button{width:100%}
  .filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:15px;gap:12px}
  .filters label:first-child{grid-column:1/-1}
  .filters label{font-size:.86rem}
  .filters .button{grid-column:1/-1;min-height:46px}
  .filter-hint{font-size:.78rem}
  .page-top h1{font-size:1.9rem}
  .profile-actions{gap:8px}
  .profile-actions>.button{flex:1}
  .profile-tabs{top:65px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .profile-tabs a{white-space:nowrap}
  .auth-layout{margin:4px auto 28px;gap:12px}
  .auth-promo{padding:20px;border-radius:13px}
  .auth-promo h1{font-size:2rem}
  .rental-extra-fields{grid-template-columns:1fr;padding:12px}
  .account-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .account-overview>div{padding:14px}
  .account-overview strong{font-size:1.18rem}
  .account-overview>div:last-child:nth-child(3){grid-column:1/-1}
  .dashboard-links{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:9px}
  .dashboard-links a{white-space:nowrap;flex-shrink:0}
  .quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .quick-links a{padding:9px 11px;justify-content:center;text-align:center;font-size:.78rem}
  .booking-side>.card-section{padding:18px}
  .footer-content{padding:31px 0 21px}
  .footer p{font-size:.84rem}
  .mobile-bottom-nav{background:var(--ui-panel);box-shadow:0 -6px 24px #2D0F1812;padding-top:7px}
  .mobile-bottom-nav a{min-height:52px;font-size:.71rem;color:#665850}
  .mobile-bottom-nav a span:not(.mobile-nav-icon){font-size:.71rem;line-height:1.3}
  .mobile-nav-icon{font-size:1.23rem!important}
  .founder-layout .content{padding-bottom:28px}
}
@media(max-width:420px){
  .wrap{width:calc(100% - 28px)}
  .premium-provider-grid{grid-template-columns:minmax(0,1fr)}
  .provider-card{display:grid;grid-template-columns:126px minmax(0,1fr);min-height:160px}
  .provider-card .card-cover{height:100%;min-height:160px}
  .provider-card .card-body{padding:13px;gap:2px}
  .provider-card .card-body p{display:none}
  .provider-card .card-body h3{font-size:.98rem}
  .provider-card-bottom{font-size:.7rem;flex-direction:column;align-items:flex-start}
  .card-more{white-space:normal}
  .category-tag{font-size:.65rem;padding:3px 7px;top:6px;right:6px}
  .provider-card .avatar{width:65px;height:65px;font-size:1.9rem}
  .video-empty-state{align-items:flex-start}
  .section-more{font-size:.75rem}
  .header-install{display:none}
}
@media(max-width:360px){
  .official-wordmark{width:116px}
  .section-heading{flex-wrap:wrap}
  .benefits-strip{grid-template-columns:1fr 1fr}
  .filters{grid-template-columns:1fr}
  .filters label:first-child{grid-column:auto}
  .account-overview{grid-template-columns:1fr}
  .account-overview>div:last-child:nth-child(3){grid-column:auto}
  .mobile-bottom-nav a{font-size:.63rem}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.professional-join,.video-empty-state,.mobile-bottom-nav{display:none!important}}
/* Extra-small screens: long Arabic form labels may otherwise set grid min-content. */
@media(max-width:650px){
  .auth-layout{grid-template-columns:minmax(0,1fr);max-width:100%}
  .auth-layout > *{min-width:0;width:100%;max-width:100%}
  .auth-layout label,.auth-layout input,.auth-layout select{min-width:0;overflow-wrap:anywhere}
}

/* Founder operations keep every action visible; unlike public navigation,
   the founder tab list has a compact two-column mobile layout. */
@media(max-width:650px){
  .compact-dashboard-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:8px}
  .compact-dashboard-nav a{display:flex;justify-content:center;white-space:normal;text-align:center}
  .founder-layout .dashboard-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible}
  .founder-layout .dashboard-links a{white-space:normal;text-align:center;justify-content:center;min-height:47px}
}