/* Alam Offers — design tokens & accessibility layer (loads after all theme CSS).
   Brand orange stays for decoration; text-on-colour uses a derived darker tone. */
:root{
  --ao-muted:#626262;
  --ao-text-subtle:#5b616b;
  --ao-price-old:#6b7280;
  --ao-space-1:4px;--ao-space-2:8px;--ao-space-3:12px;--ao-space-4:16px;--ao-space-5:24px;--ao-space-6:32px;--ao-space-7:48px;
  --ao-fs-xs:11px;--ao-fs-sm:12px;--ao-fs-md:14px;--ao-fs-lg:16px;--ao-fs-xl:20px;--ao-fs-2xl:28px;
  --ao-touch:44px;
}
body{
  --ao-primary-strong:#b34a00;
  --ao-primary-strong:color-mix(in srgb,var(--ao-primary,#ff6a00) 70%,#000);
}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:3px solid var(--ao-primary-strong);outline-offset:2px}

/* Contrast: white text on brand colour -> derived darker background */
.ao-btn:not(.alt),.ao-badge.pick{background:var(--ao-primary-strong)}

/* Readability floor (cards used 8–10px text) */
.ao-badge{font-size:var(--ao-fs-xs)}
.ao-card-store,.ao-home .ao-product-card .ao-card-store{font-size:var(--ao-fs-xs)!important;color:var(--ao-text-subtle)}
.ao-old-price,.ao-home .ao-product-card .ao-old-price{font-size:var(--ao-fs-xs)!important;color:var(--ao-price-old)!important}
.ao-home .ao-section-subtitle{font-size:var(--ao-fs-sm);color:var(--ao-text-subtle)}
.ao-card-action-mini small{font-size:var(--ao-fs-xs)}

/* Simpler product card: secondary actions become icon-only (labels stay for screen readers) */
.ao-product-card .ao-card-action-mini{min-width:40px;min-height:40px}
.ao-product-card .ao-card-action-mini small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Hero dots: larger spacing + enlarged hit area (24px target guidance) */
.ao-hero-dots{gap:14px}
.ao-hero-dot{position:relative;width:10px;height:10px}
.ao-hero-dot.is-active{width:24px}
.ao-hero-dot::after{content:"";position:absolute;inset:-8px -2px}

/* Motion: animate only what matters, respect user preference */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}