/* Daichan Egypt | unified global page paper — JA / EN / AR
   2026-10-24. Loaded LAST on every public HTML page.
   Background layer only: preserves photography, gradient overlays, nav and footer.
   Warm ivory is used for cards; form controls retain their purpose-driven colors. */
:root{
  --daichan-page-sand:var(--royal-canvas);
  --daichan-card-ivory:var(--royal-ivory);
  --daichan-border-sand:#DDCBB5;
  --identity-paper:var(--royal-canvas);
  --identity-sand:#E6D6C2;
  --brand-paper:var(--royal-canvas);
  --m-paper:var(--royal-canvas);
  --cream:var(--royal-canvas);
  color-scheme:light;
}
html,html body{
  background-color:var(--daichan-page-sand)!important;
}
html body main,
html body main.home-premium,
html body main.tours26,
html body main.transfer-pro,
html body main.transport-page,
html body main#redsea-page{
  background-color:var(--daichan-page-sand)!important;
}
/* Main body bands; do not select photographic heroes, feature banners, or nav. */
html body.home-page :is(
  .trust-ribbon,.services,.booking-flow,.transfer,
  .assurance-section,.areas,.faq,#featured-tours,.tour-section
){
  background-color:var(--daichan-page-sand)!important;
}
html body main.home-premium > :is(
  .section,.home-services,.home-flow,.home-areas,
  .home-editorial,.home-faq
):not(.hero):not(.home-cta){
  background-color:var(--daichan-page-sand)!important;
}
html body main.home-premium :is(.home-editorial.tint,.home-editorial,.home-flow,.home-areas,.home-faq){
  background-color:var(--daichan-page-sand)!important;
}
html body :is(.section.tinted,.muted-section,.blog-section,.journal-section,.vg-section){
  background-color:var(--daichan-page-sand)!important;
}
/* Local home sections, tour and travel cards remain visually distinct. */
html body.home-page :is(.trust-ribbon-item,.tour-card,.process-card,.faq-list details),
html body main.home-premium :is(.card,.features article,.journey-service,.journey-service-copy,.home-trust,.home-faq details,.home-flow-step),
html body .tours26 .t26-tour-grid article,
html body.journal :is(.journal-card,.journal-article-body),
html body.vg :is(.vg-card,.vg-frames figure),
html body .transfer-pro :is(.tp-booking-aside,.tp-booking-card,.tp-service-card,.tp-route,.tp-gallery-tile,.tp-benefits article),
html body .transport-page :is(.transport-panel,.transport-booking,.transport-booking .transfer-enquiry-form),
html body #redsea-page :is(.rs-photo-card,.rs-activity-card,.rs-route,.rs-gallery-item,.rs-booking-panel,.rs-booking-sidebar){
  background-color:var(--daichan-card-ivory)!important;
}
/* Journal and vlog pages are styled as <body> wrappers rather than <main>. */
html body.journal,html body.vg,
html body .journal,html body .vg{
  background-color:var(--daichan-page-sand)!important;
}
html body :is(.journal-header,.vg-header){
  background-color:var(--daichan-card-ivory)!important;
}
/* Do not animate the global canvas between colors when navigation or CSS completes. */
html,body{transition-property:none;}


/* Header layout correction identified by the 768px Arabic in-browser audit:
   English/Arabic desktop nav links overflow horizontally at tablet widths.
   Reuse the existing fully functional button and nav.open JS behavior. */
@media (min-width:741px) and (max-width:980px) {
  html:is([lang="en"],[lang="ar"]) body .header .wrap {
    width:calc(100% - 32px);
    gap:12px;
  }
  html:is([lang="en"],[lang="ar"]) body .header .menu {
    display:block;
    min-height:44px;
    padding:9px 13px;
    background:var(--daichan-card-ivory);
    color:#17383e;
    border:1px solid var(--daichan-border-sand);
    border-radius:9px;
    cursor:pointer;
  }
  html:is([lang="en"],[lang="ar"]) body .header .nav {
    display:none;
    position:absolute;
    inset-block-start:100%;
    inset-inline:0;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:14px 20px;
    background:var(--daichan-card-ivory);
    border-bottom:1px solid var(--daichan-border-sand);
    box-shadow:0 15px 24px rgba(15,36,41,.13);
    z-index:15;
  }
  html:is([lang="en"],[lang="ar"]) body .header .nav.open {
    display:flex;
  }
  html:is([lang="en"],[lang="ar"]) body .header .nav a{
    min-height:44px;
    padding-block:10px;
  }
}


/* Desert Sand 02 — global colour consolidation / 2026-10-24.
   Loaded last on public pages; editorial-only palette.
   Brand-messaging WhatsApp and LINE controls intentionally retain official colours. */
:root{
  --daichan-page-sand:var(--royal-canvas);
  --daichan-card-ivory:var(--royal-ivory);
  --daichan-border-sand:#DDCBB5;
  --daichan-copper:var(--royal-orange);
  --daichan-copper-dark:var(--royal-navy);
  --daichan-text:var(--royal-navy);
  --daichan-text-soft:var(--royal-muted);
  --daichan-deep:var(--royal-navy);
  --identity-ink:#302A27;
  --identity-deep:#332823;
  --identity-nile:#A96845;
  --identity-copper:#A96845;
  --identity-copper-dark:#80442F;
  --identity-muted:#665C53;
  --identity-stroke:#DDCBB5;
  --t26-ink:#302A27;
  --t26-paper:var(--royal-canvas);
  --tp-ink:#302A27;
  --rs-ink:#302A27;
  --ink:#302A27;
  --navy:var(--royal-navy);
  --ochre:var(--royal-gold);
  --terracotta:var(--royal-orange);
  --gold:var(--royal-gold);
  --sand:#E6D6C2;
  --sand-soft:var(--royal-canvas);
  --cream:var(--royal-canvas);
}
html body{color:var(--daichan-text)}
html body :is(h1,h2,h3,h4,h5,h6){color:inherit}
html body :is(.section,.tinted,.pagehero,.page-hero,.blog-section,.journal-section,.vg-section,.tour-section,.home-editorial,.home-flow,.home-areas,.home-faq):not(.hero):not([class*="photo"]){
  border-color:var(--daichan-border-sand);
}
html body :is(.card,.tour-card,.service-card,.process-card,.faq-list details,.journal-card,.vg-card,.rs-activity-card,.tp-service-card){
  border-color:var(--daichan-border-sand)!important;
}
html body :is(.card,.tour-card,.journal-card,.vg-card,.process-card,.service-card,.tp-service-card,.rs-activity-card):not([style*="background-image"]){
  background-color:var(--daichan-card-ivory);
}
html body :is(.btn,.button,.btn-primary,.btn-dark,.btn-outline,.t26-action,.t26-simple-btn,.t26-reset,.t26-pills button,.journal-button,.vg-button,.tp-button,.rs-button,.form-submit):not(.wa):not(.btn-wa):not(.btn-line):not(.line-btn):not([class*="whatsapp"]):not([class*="line-button"]){
  border-color:var(--daichan-copper);
}
html body :is(.btn,.button,.btn-primary,.btn-dark,.journal-button,.vg-button,.tp-button,.rs-button,.form-submit):not(.wa):not(.btn-wa):not(.btn-line):not(.line-btn):not(.light):not([class*="whatsapp"]):not([class*="line-button"]){
  background-color:var(--daichan-copper);
  color:#fffaf3;
}
html body :is(.btn,.button,.btn-primary,.btn-dark,.journal-button,.vg-button,.tp-button,.rs-button,.form-submit):not(.wa):not(.btn-wa):not(.btn-line):not(.line-btn):not(.light):not([class*="whatsapp"]):not([class*="line-button"]):hover{
  background-color:var(--daichan-copper-dark);
}
html body :is(.tag,.kicker,.eyebrow,.section-kicker,.journal-kicker,.tour-facts,.price-value){
  color:var(--daichan-copper-dark);
}
html body :is(input,textarea,select):focus-visible{
  border-color:var(--daichan-copper)!important;
  outline-color:var(--daichan-copper)!important;
  box-shadow:0 0 0 3px rgba(169,104,69,.17);
}
html body :is(.t26-results,.t26-intro,.t26-below,.t26-tour-grid,.journal,.vg){
  --t26-ink:var(--daichan-text);
  --t26-paper:var(--daichan-page-sand);
}
html body .tours26 .t26-results-head h2,
html body .tours26 .t26-tour-grid h3,
html body .tours26 .t26-result-count{
  color:var(--daichan-text)!important;
}
html body .tours26 .t26-result-count,
html body .tours26 .t26-no-results{
  background-color:#E9D9C5;
  color:var(--daichan-text);
}
html body .tours26 .t26-below a{
  background-color:#E9D9C5;
  border-color:var(--daichan-border-sand);
  color:var(--daichan-text);
}
html body :is(.footer,.site-footer,.footergrid){
  --identity-ink:#F9F1E6;
}
/* Preserve social services' recognizable brand colours. */
html body :is(.wa,.wa-float,.btn-wa,[class*="whatsapp"]){--identity-nile:#20815b}
html body :is(.btn-line,.floating-line,.line-btn,[class*="line-button"]){--line:#06c755}
@media(forced-colors:active){
  html body :is(.btn,.button,.btn-primary){forced-color-adjust:auto}
}