/* Public customer pages only. Business controls and SDK frames keep their behavior. */
html[data-ju-public] body,
html[data-ju-public] input,
html[data-ju-public] select,
html[data-ju-public] textarea,
html[data-ju-public] button,
html[data-ju-public] .orb,
html[data-ju-public] .tag-en,
html[data-ju-public="receipt"] .brand,
html[data-ju-public="receipt"] .h-en,
html[data-ju-public="receipt"] .lots span {
  font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;
}
html[data-ju-public] .ju-public-controls {display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex:none}
html[data-ju-public] .ju-theme-toggle {flex:none;min-width:44px;min-height:44px;margin:0;white-space:nowrap;font:500 13px/1.6 'IBM Plex Sans Arabic',system-ui,sans-serif}
html[data-ju-public] .ju-public-controls .lang,
html[data-ju-public] .ju-public-controls .jp-language {position:static;display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;box-sizing:border-box;font-family:inherit;font-size:13px!important;line-height:1.6;font-weight:600;border-radius:8px}
html[data-ju-public="book"] .top {align-items:center;flex-wrap:wrap}
html[data-ju-public="pay"] header .ju-public-controls {max-width:1008px;margin:0 auto 8px}
html[data-ju-public="guide"] .jp-header {flex-wrap:wrap}
html[data-ju-public="receipt"] .head .ju-public-controls {margin-bottom:12px}
html[data-ju-public="guide"] .jp-logo-light {display:none}
html[data-ju-public] .ju-public-load-target[hidden] {display:none!important}
html[data-ju-public="book"] #svcs.ju-public-logo-active>.loading[data-i="loading"],
html[data-ju-public="pay"] #v-loading.ju-public-logo-active>.spin,
html[data-ju-public="pay"] #v-loading.ju-public-logo-active>p[data-i18n="loading"] {display:none}
html[data-ju-public="book"] .ju-public-load-target {padding:10px 0 20px}
html[data-ju-public="book"] .svc:focus-within {outline:2px solid var(--sky);outline-offset:3px}
html[data-ju-public] :focus-visible {outline:2px solid var(--ju-focus,#4FC3F7);outline-offset:3px}

/* Screen-only palettes preserve the established printed receipt and its white logo. */
@media screen {
  html[data-ju-public][data-ju-theme="light"] {
    color-scheme:light;
    --bg:#DDD8D0;--navy:#14213A;--card:#EEE9E0;--card2:#E3DBCF;
    --line:#BDB4A5;--line2:#A99B88;
    --text:#14213A;--txt:#14213A;--muted:#47536A;--mut:#47536A;--dim:#47536A;--ju-focus:#00547E;
    --gold:#6B5018;--gold2:#6B5018;--sky:#00547E;--sky2:#075EA1;
    --acc:#00547E;--acc2:#A02072;--ok:#176C47;--err:#B42337;--bad:#B42337;
    --grad:linear-gradient(100deg,#075F91 0%,#6840B1 52%,#A02072 100%);
    --gtext:linear-gradient(90deg,#075F91 0%,#4D55AC 50%,#7942A5 100%);
    background:var(--bg);
  }
  html[data-ju-public][data-ju-theme="light"] body {color:var(--text);background:transparent}
  html[data-ju-public][data-ju-theme="light"] .bgfx {background:linear-gradient(155deg,var(--bg),#D0C9BF)}
  html[data-ju-public][data-ju-theme="light"] .neb {opacity:.55;background:radial-gradient(88% 76% at 62% 100%,rgba(117,85,180,.07),transparent 74%),radial-gradient(80% 68% at 78% 0%,rgba(0,106,159,.07),transparent 72%);animation:none}
  html[data-ju-public][data-ju-theme="light"] .sky,
  html[data-ju-public][data-ju-theme="light"] body::after {display:none}
  html[data-ju-public][data-ju-theme="light"] .ju-public-controls .lang,
  html[data-ju-public][data-ju-theme="light"] .ju-public-controls .jp-language {color:var(--txt);border-color:var(--line);background:#E3DBCF}
  html[data-ju-public][data-ju-theme="light"] ::selection {color:#fff;background:#6840B1}

  /* One shared navy strip keeps the original official payment marks legible. */
  html[data-ju-public][data-ju-theme="light"] .pms {width:fit-content;max-width:100%;margin-inline:auto;padding:14px 18px;background:#0E1230;border:1px solid rgba(55,73,112,.18);border-radius:12px}
  html[data-ju-public][data-ju-theme="light"] .pm {filter:none}

  /* Booking: keep selected packages visibly different from their neighbours. */
  html[data-ju-public="book"][data-ju-theme="light"] h1 .g {background:linear-gradient(180deg,#6B5018,#73531C);background-clip:text;-webkit-background-clip:text}
  html[data-ju-public="book"][data-ju-theme="light"] .panel {box-shadow:0 14px 32px -20px rgba(64,45,28,.32)}
  html[data-ju-public="book"][data-ju-theme="light"] .svc {background:#EEE9E0}
  html[data-ju-public="book"][data-ju-theme="light"] .svc.top {background:linear-gradient(180deg,#EADFC7,#EEE9E0);border-color:#9B7A36}
  html[data-ju-public="book"][data-ju-theme="light"] .svc.on,
  html[data-ju-public="book"][data-ju-theme="light"] .svc.top.on {border-color:transparent;background:linear-gradient(180deg,#DFDDEA,#E8DBE7) padding-box,linear-gradient(#EEE9E0,#EEE9E0) padding-box,var(--grad) border-box;box-shadow:0 0 0 3px rgba(87,72,174,.17)}
  html[data-ju-public="book"][data-ju-theme="light"] .svc .now {color:var(--text)}
  html[data-ju-public="book"][data-ju-theme="light"] .svc .ch.only {color:#075EA1;border-color:#6B8FAC}
  html[data-ju-public="book"][data-ju-theme="light"] .svc .ch.cov {border-color:var(--line2)}
  html[data-ju-public="book"][data-ju-theme="light"] .svc .in i {color:#38538C;background:#DCDCE7;border-color:#91A3CB}
  html[data-ju-public="book"][data-ju-theme="light"] .svc .in.no {opacity:.72}
  html[data-ju-public="book"][data-ju-theme="light"] .svc .in.no i {color:var(--dim);background:transparent}
  html[data-ju-public="book"][data-ju-theme="light"] .svc .sv {background:#E6D6B2;color:#6B5018}
  html[data-ju-public="book"][data-ju-theme="light"] input[type="text"],
  html[data-ju-public="book"][data-ju-theme="light"] input[type="tel"],
  html[data-ju-public="book"][data-ju-theme="light"] input[type="date"],
  html[data-ju-public="book"][data-ju-theme="light"] select,
  html[data-ju-public="book"][data-ju-theme="light"] textarea {background:#E3DBCF;color:var(--text);border-color:#A99B88}
  html[data-ju-public="book"][data-ju-theme="light"] input::placeholder,
  html[data-ju-public="book"][data-ju-theme="light"] textarea::placeholder {color:var(--dim);opacity:1}
  html[data-ju-public="book"][data-ju-theme="light"] .has {background:#EADFC7;border-color:#A68A49}
  html[data-ju-public="book"][data-ju-theme="light"] .has-ch {background:#6B5018;color:#fff}
  html[data-ju-public="book"][data-ju-theme="light"] .err {background:#EFDDD9;border-color:#C4828A}

  /* Payment overview, invoice, confirmation, bank transfer and error states. */
  html[data-ju-public="pay"][data-ju-theme="light"] .card {background:linear-gradient(180deg,#EEE9E0,#E3DBCF);box-shadow:0 14px 34px -20px rgba(64,45,28,.34);border-color:var(--line)}
  html[data-ju-public="pay"][data-ju-theme="light"] .kv>b,
  html[data-ju-public="pay"][data-ju-theme="light"] .lines .ln,
  html[data-ju-public="pay"][data-ju-theme="light"] .lines .lv,
  html[data-ju-public="pay"][data-ju-theme="light"] footer .tag,
  html[data-ju-public="pay"][data-ju-theme="light"] .about h2,
  html[data-ju-public="pay"][data-ju-theme="light"] .rows li>div>b,
  html[data-ju-public="pay"][data-ju-theme="light"] .urlbox {color:var(--txt)}
  html[data-ju-public="pay"][data-ju-theme="light"] .rows .ic,
  html[data-ju-public="pay"][data-ju-theme="light"] .urlbox {background:linear-gradient(180deg,#E3DBCF,#EEE9E0) padding-box,var(--grad) border-box}
  html[data-ju-public="pay"][data-ju-theme="light"] .notice.warn {background:#EFDDD9;color:#922A39;border-color:#C4828A}
  html[data-ju-public="pay"][data-ju-theme="light"] .inapp {background:#EADFC7;color:#6B5018;border-color:#B59B62}
  html[data-ju-public="pay"][data-ju-theme="light"] .inapp p {color:var(--txt)}
  html[data-ju-public="pay"][data-ju-theme="light"] .mark [stroke="#3DBE7B"] {stroke:var(--ok)}
  html[data-ju-public="pay"][data-ju-theme="light"] .jupay-brand-cue,
  html[data-ju-public="pay"][data-ju-theme="light"] .jupay-provider-line {color:var(--mut)}
  html[data-ju-public="pay"][data-ju-theme="light"] .jupay-brand-link:hover .jupay-brand-cue,
  html[data-ju-public="pay"][data-ju-theme="light"] .jupay-brand-link:focus-visible .jupay-brand-cue {color:var(--acc)}
  html[data-ju-public="pay"][data-ju-theme="light"] header h1.brand img.jupay:not(.jupay-print) {display:none}
  html[data-ju-public="pay"][data-ju-theme="light"] header h1.brand img.jupay-print {display:block}

  /* JUPay explainer. Body-scoped original tokens need an explicit light override. */
  html[data-ju-public="guide"][data-ju-theme="light"] .jupay-guide {--jp-bg:#DDD8D0;--jp-card:#EEE9E0;--jp-ink:#14213A;--jp-muted:#47536A;--jp-line:#BDB4A5;--jp-blue:#00547E;--jp-purple:#7540B7;background:linear-gradient(155deg,var(--jp-bg),#D0C9BF);color:var(--jp-ink)}
  html[data-ju-public="guide"][data-ju-theme="light"] .jp-flow,
  html[data-ju-public="guide"][data-ju-theme="light"] .jp-step,
  html[data-ju-public="guide"][data-ju-theme="light"] .jp-faq details {background:var(--jp-card);box-shadow:0 14px 30px -21px rgba(64,45,28,.3)}
  html[data-ju-public="guide"][data-ju-theme="light"] .jp-primary {border-color:#A99B88;background:#E3DBCF}
  html[data-ju-public="guide"][data-ju-theme="light"] .jp-logo-dark {display:none}
  html[data-ju-public="guide"][data-ju-theme="light"] .jp-logo-light {display:block}

  /* Token-scoped goods receipt; never recolour or reset the signature canvas. */
  html[data-ju-public="receipt"][data-ju-theme="light"] body {background:linear-gradient(155deg,var(--bg),#D0C9BF);color:var(--txt)}
  html[data-ju-public="receipt"][data-ju-theme="light"] .card {background:#EEE9E0;border-color:var(--line);box-shadow:0 14px 32px -20px rgba(64,45,28,.3)}
  html[data-ju-public="receipt"][data-ju-theme="light"] .head,
  html[data-ju-public="receipt"][data-ju-theme="light"] .foot,
  html[data-ju-public="receipt"][data-ju-theme="light"] .items,
  html[data-ju-public="receipt"][data-ju-theme="light"] .it {border-color:var(--line)}
  html[data-ju-public="receipt"][data-ju-theme="light"] .meta div,
  html[data-ju-public="receipt"][data-ju-theme="light"] .decl,
  html[data-ju-public="receipt"][data-ju-theme="light"] input {background:#E3DBCF;border-color:#A99B88;color:var(--txt)}
  html[data-ju-public="receipt"][data-ju-theme="light"] h1,
  html[data-ju-public="receipt"][data-ju-theme="light"] .it .q,
  html[data-ju-public="receipt"][data-ju-theme="light"] .tot b,
  html[data-ju-public="receipt"][data-ju-theme="light"] .foot .ar {color:#6B5018}
  html[data-ju-public="receipt"][data-ju-theme="light"] .tot svg {fill:#6B5018}
  html[data-ju-public="receipt"][data-ju-theme="light"] .lots span,
  html[data-ju-public="receipt"][data-ju-theme="light"] .tot {background:#EADFC7;border-color:#A68A49;color:#6B5018}
  html[data-ju-public="receipt"][data-ju-theme="light"] .brand,
  html[data-ju-public="receipt"][data-ju-theme="light"] .h-en,
  html[data-ju-public="receipt"][data-ju-theme="light"] .meta small,
  html[data-ju-public="receipt"][data-ju-theme="light"] .tot span,
  html[data-ju-public="receipt"][data-ju-theme="light"] label,
  html[data-ju-public="receipt"][data-ju-theme="light"] .padlbl,
  html[data-ju-public="receipt"][data-ju-theme="light"] .done p,
  html[data-ju-public="receipt"][data-ju-theme="light"] .foot a {color:var(--mut)}
  html[data-ju-public="receipt"][data-ju-theme="light"] .b2 {background:#D0C9BF;color:#344660}
  html[data-ju-public="receipt"][data-ju-theme="light"] .msg.bad {color:var(--bad)}
  html[data-ju-public="receipt"][data-ju-theme="light"] .done h2[style*="color"] {color:var(--bad)!important}
  html[data-ju-public="receipt"][data-ju-theme="light"] .msg.good,
  html[data-ju-public="receipt"][data-ju-theme="light"] .done h2,
  html[data-ju-public="receipt"][data-ju-theme="light"] .done .ring,
  html[data-ju-public="receipt"][data-ju-theme="light"] .badge {color:var(--ok);border-color:var(--ok)}
}
@media(max-width:480px) {
  html[data-ju-public="book"] .top .brand {flex:1 1 100%}
  html[data-ju-public="book"] .top .ju-public-controls {margin-inline-start:auto}
  html[data-ju-public="guide"] .jp-header {gap:14px}
  html[data-ju-public="guide"] .jp-header .ju-public-controls {margin-inline-start:auto}
}
@media(prefers-reduced-motion:reduce) {
  html[data-ju-public] .spin {animation:none}
  html[data-ju-public] .ju-theme-toggle {transition:none;animation:none}
}
@media print {
  html[data-ju-public] .ju-public-controls {display:none!important}
}