/* Color schemes — tokens applied via html.site-scheme-* (see lib/color-schemes.php) */

.site-scheme-pink-rosa {
  --site-cookie-cream: #fff7ef;
  --site-cookie-cocoa: #4a2f24;
  --site-cookie-rose: #f6d2cf;
  --site-surface-muted: #fff7ef;
  --site-brand-soft: var(--wa-color-brand);
  --site-shadow-rgb: 74 47 36;
  --site-body-gradient: linear-gradient(
    135deg,
    #fff5ec 0%,
    #fbe4d8 40%,
    #f6d4ca 75%,
    #f0c4be 100%
  );
}

.site-scheme-bordeaux {
  --site-cookie-cream: #fff7f1;
  --site-cookie-cocoa: #3b2a20;
  --site-cookie-rose: #c65a73;
  --site-surface-muted: #f4ebe1;
  --site-brand-soft: #c65a73;
  --site-brand-hover: #5e1830;
  --site-shadow-rgb: 59 42 32;
  --site-body-gradient: linear-gradient(
    135deg,
    #fff7f1 0%,
    #f9f0e8 35%,
    #f4ebe1 70%,
    #ebe0d4 100%
  );

  /* Web Awesome brand scale (awesome theme maps fill-loud → brand-70) */
  --wa-color-brand-95: #faf6f2;
  --wa-color-brand-90: #f4ebe1;
  --wa-color-brand-80: #e8d0d6;
  --wa-color-brand-70: #7a1f3d;
  --wa-color-brand-60: #7a1f3d;
  --wa-color-brand-50: #7a1f3d;
  --wa-color-brand-40: #5e1830;
  --wa-color-brand-30: #5e1830;
  --wa-color-brand-20: #4a1225;
  --wa-color-brand-10: #3b0e1d;
  --wa-color-brand-05: #2a0a15;
  --wa-color-brand: #7a1f3d;
  --wa-color-brand-on: #ffffff;
}

/* Filled buttons: darker tone on press/hover where theme uses color-mix */
.site-scheme-bordeaux wa-button[variant='brand'][appearance='filled']:not([disabled]):hover::part(base) {
  background-color: var(--site-brand-hover);
  border-color: var(--site-brand-hover);
  color: var(--wa-color-brand-on);
}

.site-scheme-sage-green {
  --site-cookie-cream: #f7f3ec;
  --site-cookie-cocoa: #3b2a20;
  --site-cookie-rose: #b8c4af;
  --site-surface-muted: #efe6d6;
  --site-brand-soft: #5f6e55;
  --site-brand-hover: #5f6e55;
  --site-shadow-rgb: 59 42 32;
  --site-body-gradient: linear-gradient(
    135deg,
    #f7f3ec 0%,
    #f3ede3 35%,
    #efe6d6 70%,
    #e8dece 100%
  );

  --wa-color-brand-95: #f7f3ec;
  --wa-color-brand-90: #efe6d6;
  --wa-color-brand-80: #d8e0d2;
  --wa-color-brand-70: #7a8b6f;
  --wa-color-brand-60: #7a8b6f;
  --wa-color-brand-50: #7a8b6f;
  --wa-color-brand-40: #5f6e55;
  --wa-color-brand-30: #5f6e55;
  --wa-color-brand-20: #4d5a44;
  --wa-color-brand-10: #3d4737;
  --wa-color-brand-05: #2e352b;
  --wa-color-brand: #7a8b6f;
  --wa-color-brand-on: #ffffff;
}

.site-scheme-sage-green wa-button[variant='brand'][appearance='filled']:not([disabled]):hover::part(base) {
  background-color: var(--site-brand-hover);
  border-color: var(--site-brand-hover);
  color: var(--wa-color-brand-on);
}

.site-scheme-sage-coral {
  --site-cookie-cream: #fff7eb;
  --site-cookie-cocoa: #4a3f35;
  --site-cookie-rose: #f4b7a3;
  --site-surface-muted: #efe6d6;
  --site-brand-soft: #e76f51;
  --site-brand-hover: #4d6552;
  --site-accent: #e76f51;
  --site-cart-bar-bg: #8fa78d;
  --site-cart-badge-bg: #e76f51;
  --site-sage-light: #8fa78d;
  --site-sage-deep: #5e7a65;
  --site-shadow-rgb: 74 63 53;
  --site-body-gradient: linear-gradient(
    160deg,
    #8fa78d 0%,
    #85a085 50%,
    #7d9a7d 100%
  );

  --wa-color-brand-95: #fff7eb;
  --wa-color-brand-90: #f5edd8;
  --wa-color-brand-80: #c5d4c0;
  --wa-color-brand-70: #5e7a65;
  --wa-color-brand-60: #5e7a65;
  --wa-color-brand-50: #5e7a65;
  --wa-color-brand-40: #4d6552;
  --wa-color-brand-30: #4d6552;
  --wa-color-brand-20: #3d5042;
  --wa-color-brand-10: #2f3f34;
  --wa-color-brand-05: #243228;
  --wa-color-brand: #5e7a65;
  --wa-color-brand-on: #ffffff;
}

html.site-scheme-sage-coral body:not(.admin-body) {
  --site-body-gradient:
    url('../img/background_sage.jpg'),
    linear-gradient(160deg, #8fa78d 0%, #85a085 50%, #7d9a7d 100%);
  background-position: center top;
}

.site-scheme-sage-coral .site-header-bar {
  background: var(--site-cookie-cream);
  --site-header-surface: var(--site-cookie-cream);
}

.site-scheme-sage-coral .site-header-bar .site-brand-logo {
  background: transparent;
}

.site-scheme-sage-coral .delivery-card {
  --wa-color-surface-default: var(--site-cookie-cream);
  background-color: var(--site-cookie-cream);
}

.site-scheme-sage-coral .delivery-card .delivery-cookie-card {
  --wa-color-surface-default: var(--site-cookie-cream);
  --wa-color-surface-border: color-mix(in srgb, var(--site-sage-light) 65%, transparent);
}

.site-scheme-sage-coral .delivery-shop--browse.site-section:not(:first-of-type) > .site-container.delivery-shop-main {
  padding-inline: 0;
}

.site-scheme-sage-coral .delivery-shop-tabs {
  width: 100%;
  max-width: 100%;
}

.site-scheme-sage-coral .delivery-shop-tabs .delivery-card--tabbed {
  border-radius: 0 1.75rem 1.75rem 1.75rem;
  border: 2px solid var(--site-sage-light);
  border-top: none;
  box-shadow: var(--wa-shadow-s);
  --wa-panel-border-width: 0;
}

.site-scheme-sage-coral .delivery-shop-tabs wa-tab:not([active])::part(base) {
  color: color-mix(in srgb, var(--site-sage-deep) 65%, var(--site-cookie-cocoa));
  border-color: color-mix(in srgb, var(--site-sage-light) 45%, transparent);
}

.site-scheme-sage-coral .delivery-shop-tabs wa-tab[active]::part(base) {
  background: var(--site-cookie-cream);
  color: var(--site-sage-deep);
  border: 2px solid var(--site-sage-light);
  border-bottom: none;
}

.site-scheme-sage-coral :is(.delivery-shop, .delivery-box-added-dialog) wa-button[variant='brand'][appearance='outlined']::part(base) {
  border-color: var(--site-sage-light);
  color: var(--site-sage-deep);
  background: transparent;
}

.site-scheme-sage-coral :is(.delivery-shop, .delivery-box-added-dialog) wa-button[variant='brand'][appearance='outlined']:not([disabled]):hover::part(base) {
  color: var(--site-sage-deep);
  background: color-mix(in srgb, var(--site-cookie-cream) 88%, var(--site-sage-light));
  border-color: var(--site-sage-deep);
}

.site-scheme-sage-coral .delivery-shop--browse.site-section {
  border-top: none;
}

.site-scheme-sage-coral .delivery-shop--browse.site-section:first-of-type {
  padding-block: calc(var(--wa-space-s) * 0.7) calc(var(--wa-space-m) * 0.7);
}

.site-scheme-sage-coral .delivery-shop--browse.site-section:first-of-type > .site-container {
  background: var(--site-cookie-cream);
  border-radius: 1.75rem;
  box-shadow: var(--wa-shadow-s);
  border: 2px solid color-mix(in srgb, var(--site-sage-light) 40%, transparent);
  padding: var(--wa-space-l);
}

.site-scheme-sage-coral .delivery-shop--browse.site-section + .delivery-shop--browse.site-section {
  border-top: none;
  margin-top: var(--wa-space-s);
}

.site-scheme-sage-coral .delivery-cart-bar__sub {
  color: rgb(255 255 255 / 0.95);
}

.site-scheme-sage-coral .delivery-cart-bar__badge {
  background: var(--site-cart-badge-bg, var(--site-accent));
}

.site-scheme-sage-coral wa-button[variant='brand'][appearance='filled']:not([disabled]):hover::part(base) {
  background-color: var(--site-brand-hover);
  border-color: var(--site-brand-hover);
  color: var(--wa-color-brand-on);
}