/**
 * Location: modules/cookies-consent/assets/cookies-consent.css
 * Purpose: Flat full-width bottom cookie banner. Modern and compact:
 *   one short line + buttons on desktop, stacked buttons on mobile.
 * There is NO frontend settings button, NO floating button and NO
 * preferences dialog in this build. After a choice the banner is gone;
 * settings live only in the backend Performance & Security tab and in
 * My Account > Cookie Preferences.
 * Rules followed here, no exceptions:
 * - Colours come ONLY from global Engine variables (fallbacks match the
 *   fallbacks other Engine modules already use). No new hardcoded palette.
 * - NO box-shadow and NO backdrop-filter blur anywhere in this file.
 * - The strip sits BELOW the WhatsApp float z-index (9999), so the
 *   "Ask Here" button stays on top of the strip and clickable. The
 *   float is bottom-left (16px offset, up to 50px icon + ~100px label
 *   pill, about 178px wide in total), so the banner keeps a 208px
 *   left clearance on desktop and 190px on mobile: the float never
 *   covers banner text, and the float itself is untouched.
 * - Banner text is 14px or larger; buttons are 44px or taller.
 */
.stm-cookie-consent{
  --stm-cookie-bg:var(--stm-commerce-surface,#fff);
  --stm-cookie-border:var(--stm-commerce-border,#e2e8f0);
  --stm-cookie-text:var(--stm-commerce-text,#111827);
  --stm-cookie-primary:var(--stm-commerce-primary,#ff6a00);
  --stm-cookie-primary-deep:var(--stm-commerce-primary-deep,#d95600);
  --stm-cookie-primary-soft:var(--stm-commerce-primary-soft,#fff4ec);
  --stm-cookie-on-primary:var(--stm-color-on-dark,#fff);
  --stm-cookie-z:9000;
  position:static;
  box-sizing:border-box;
  font-size:14px;
  line-height:1.5;
  color:var(--stm-cookie-text);
}
.stm-cookie-consent[hidden]{display:none!important}
.stm-cookie-consent *,.stm-cookie-consent *::before,.stm-cookie-consent *::after{box-sizing:border-box}

/* Banner: full-width bottom strip. Text left, actions right on desktop;
 * stacked on small screens. Hidden until JS confirms a choice is needed. */
.stm-cookie-consent__banner{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:var(--stm-cookie-z);
  display:none;
  width:100%;
  padding:16px 20px 16px 208px;
  border:0;
  border-top:1px solid var(--stm-cookie-border);
  border-radius:0;
  background:var(--stm-cookie-bg);
}
.stm-cookie-consent.is-asking .stm-cookie-consent__banner{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.stm-cookie-consent__message{flex:1 1 320px;min-width:0;margin:0;color:var(--stm-cookie-text);font-size:14px;line-height:1.5}
.stm-cookie-consent__policy{color:var(--stm-cookie-primary);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.stm-cookie-consent__policy:hover{color:var(--stm-cookie-primary-deep)}
.stm-cookie-consent__actions{display:flex;flex-wrap:wrap;gap:8px;flex:0 0 auto}
.stm-cookie-consent__btn{
  min-height:44px;
  padding:0 20px;
  border:1px solid var(--stm-cookie-border);
  border-radius:999px;
  background:var(--stm-cookie-bg);
  color:var(--stm-cookie-text);
  font-size:14px;
  font-weight:700;
  cursor:pointer;
}
.stm-cookie-consent__btn:hover{border-color:var(--stm-cookie-primary);background:var(--stm-cookie-primary-soft)}
.stm-cookie-consent__btn--primary{border-color:var(--stm-cookie-primary);background:var(--stm-cookie-primary);color:var(--stm-cookie-on-primary)}
.stm-cookie-consent__btn--primary:hover{border-color:var(--stm-cookie-primary-deep);background:var(--stm-cookie-primary-deep);color:var(--stm-cookie-on-primary)}
.stm-cookie-consent__btn:focus-visible,
.stm-cookie-consent__policy:focus-visible{outline:2px solid var(--stm-cookie-primary);outline-offset:2px}

/* Small screens: the strip stays full width and stacks. */
@media (max-width:640px){
  .stm-cookie-consent__banner{max-height:70dvh;overflow:auto;padding:14px 16px 14px 190px}
  .stm-cookie-consent__actions{flex:1 1 100%}
  /* Stacked full-width buttons: with the left clearance the cleared
   * area is too narrow for two side-by-side buttons. */
  .stm-cookie-consent__actions .stm-cookie-consent__btn{flex:1 1 100%}
}