/* eOffer theme layer. Loaded after app.css, so a token changed here changes every screen.
   Presentation only: no layout logic, no ids or names that scripts depend on. */
:root{
  /* colour: text and muted text both reach 4.5:1 on the page and card backgrounds */
  --muted:#56655b;
  --wa:#25d366; --wa-ink:#06361a;
  --focus:#1b5fd1;
  /* spacing (4/8 scale), radius, type scale, shadow, touch size */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px;
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-pill:999px;
  --fs-xs:.8125rem; --fs-sm:.875rem; --fs-md:1rem; --fs-lg:1.25rem; --fs-xl:1.5rem;
  --shadow-1:0 1px 2px rgba(16,40,24,.08),0 4px 14px rgba(16,40,24,.06);
  --tap:44px;
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{line-height:1.5}
h1,h2,h3{line-height:1.25}

/* keyboard focus is always visible */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:2px}
:where(.top,.hero) :where(a,button):focus-visible{outline-color:#f2c14e}

/* touch targets: 44px tall */
.btn.sm{min-height:var(--tap)}
.tabs a{display:inline-flex;align-items:center;min-height:var(--tap)}
.nav a{display:inline-flex;align-items:center;min-height:var(--tap)}
.top-right a,.top-right button.link{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--sp-2)}
summary{display:list-item;min-height:var(--tap);padding:10px 0;cursor:pointer}
.pw-toggle{min-height:var(--tap);min-width:var(--tap)}
.acts{gap:var(--sp-2)}
.acts form{margin:0}

/* contrast fixes */
.share-btn{background:var(--wa);color:var(--wa-ink)}
.steps li{color:#5a675f}
.foot,.foot a{color:var(--muted)}

/* WhatsApp buttons on the customer pages */
.wa-btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px var(--sp-4);border-radius:var(--r-md);font-weight:800}

/* courier tracking card (customer) */
a.bigbtn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px var(--sp-4);border-radius:var(--r-md);background:var(--brand,#1b7f3b);color:#fff;font-weight:800;text-decoration:none;text-align:center}
a.bigbtn:hover{filter:brightness(1.08)}
.awb-row .awb-copy{background:var(--brand,#1b7f3b);color:#fff;min-width:96px}
.awb-row code{font-size:1.25rem}

/* forms: one column on phones, readable help text */
[hidden]{display:none!important}
@media (max-width:560px){
  .form .two{grid-template-columns:1fr}
  .order .acts .btn,.order .acts button{flex:1 1 auto}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}