/* Homepage palette matched to the PetMagnet POS. Loaded after the theme. */
body.petmagnet-home {
  --primary: #4F171B;
  --primary-hover: #381014;
  --primary-dark: #4f171b;
  --secondary: #4f171b;
  --secondary-light: #713138;
  --rgba-primary-1: rgba(79, 23, 27, .1);
  --rgba-primary-2: rgba(79, 23, 27, .2);
  --rgba-primary-3: rgba(79, 23, 27, .3);
  --rgba-primary-4: rgba(79, 23, 27, .4);
  --rgba-primary-5: rgba(79, 23, 27, .5);
  --rgba-primary-6: rgba(79, 23, 27, .6);
  --rgba-primary-7: rgba(79, 23, 27, .7);
  --rgba-primary-8: rgba(79, 23, 27, .8);
  --rgba-primary-9: rgba(79, 23, 27, .9);
  --body-bg: #f8f6f6;
  --body-color: #604b4d;
  --title: #4f171b;
  --dark: #4f171b;
  --bg-white: #fff;
  --bg-light: #fff0f1;
  --light: #fff0f1;
  --banner-bg: #fcebec;
  --card-bg: #fff;
  --border-color: #eee2e3;
  --text-accent: #8b7477;
  --text-light: #8b7477;
  --theme-text-color: #fff;
  --bg-gradient: linear-gradient(180deg, #fcebec, #fff);
  --box-shadow: 0 10px 30px rgba(79, 23, 27, .08);
  --bs-primary-rgb: 79, 23, 27;
  --bs-secondary-rgb: 79, 23, 27;
  background-color: var(--body-bg);
  color: var(--body-color);
}
body.petmagnet-home .btn-primary {
  --bs-btn-bg: #4F171B;
  --bs-btn-border-color: #4F171B;
  --bs-btn-hover-bg: #381014;
  --bs-btn-hover-border-color: #381014;
  --bs-btn-active-bg: #4f171b;
  --bs-btn-active-border-color: #4f171b;
  background-color: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
body.petmagnet-home .btn-primary:hover,
body.petmagnet-home .btn-primary:focus-visible {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
}
body.petmagnet-home .btn-secondary {
  background-color: #4f171b;
  border-color: #4f171b;
  color: #fff;
}
body.petmagnet-home .btn-secondary:hover { background-color: #713138; border-color: #713138; }
body.petmagnet-home .header.style-3 { background-color: #fff; }
body.petmagnet-home .dz-banner { background-color: var(--banner-bg); }
body.petmagnet-home .category-tag { border-color: #ead7d9; color: var(--title); }
body.petmagnet-home .category-tag.active,
body.petmagnet-home .category-tag:hover { background-color: var(--primary); border-color: var(--primary); color: #fff; }
body.petmagnet-home .dz-category.style-1 .dz-media { background-color: var(--bg-light); }
body.petmagnet-home .category-name,
body.petmagnet-home .dz-price,
body.petmagnet-home .menubar-area .nav-link { color: var(--title); }
body.petmagnet-home .menubar-area .nav-link.active,
body.petmagnet-home .dz-card .dz-offer,
body.petmagnet-home .deals-area .product-detail .offer { color: var(--primary); }
body.petmagnet-home .menubar-area .nav-link.item-active { color: #fff; }
body.petmagnet-home .menubar-area { border-top: 1px solid var(--border-color); }
body.petmagnet-home .cart-badge,
body.petmagnet-home .notification-badge .badge { background-color: var(--primary); color: #fff; }
body.petmagnet-home .dz-testimonial { border-color: #ead7d9; background-color: var(--card-bg); }
body.petmagnet-home .pwa-offcanvas { background-color: var(--card-bg); color: var(--body-color); }
body.petmagnet-home a:focus-visible,
body.petmagnet-home button:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; }
/* Retain legible surfaces if the existing dark-mode switch is used. */
body.petmagnet-home[data-theme-version="dark"] {
  --body-bg: #211719;
  --body-color: #e5d6d8;
  --title: #fff1f2;
  --bg-white: #302225;
  --bg-light: #422b30;
  --light: #422b30;
  --banner-bg: #422b30;
  --card-bg: #302225;
  --border-color: #66434b;
  --text-accent: #c8aeb3;
  --text-light: #c8aeb3;
}

/* Give category labels more room above the artwork on phones. */
body.petmagnet-home .dz-category.style-1 .category-name { color: #000; font-weight: 600; }
@media (max-width: 575.98px) {
  body.petmagnet-home .dz-category.style-1 .category-name {
    font-size: 14px;
    top: 6px;
    padding: 0 4px;
    line-height: 1.25;
  }
}
/* Black typography on the homepage's light surfaces. */
body.petmagnet-home:not([data-theme-version="dark"]) {
  --body-color: #000;
  --title: #000;
  --text-accent: #000;
  --text-light: #000;
  color: #000;
}
body.petmagnet-home:not([data-theme-version="dark"]) .title-bar a,
body.petmagnet-home:not([data-theme-version="dark"]) .about-text,
body.petmagnet-home:not([data-theme-version="dark"]) .dz-card .dz-content,
body.petmagnet-home:not([data-theme-version="dark"]) .dz-card .dz-content .title,
body.petmagnet-home:not([data-theme-version="dark"]) .dz-card .dz-content .title a,
body.petmagnet-home:not([data-theme-version="dark"]) .dz-card .dz-price,
body.petmagnet-home:not([data-theme-version="dark"]) .dz-card del,
body.petmagnet-home:not([data-theme-version="dark"]) .dz-card .product-delivery,
body.petmagnet-home:not([data-theme-version="dark"]) .dz-card .dz-meta,
body.petmagnet-home:not([data-theme-version="dark"]) .dz-testimonial,
body.petmagnet-home:not([data-theme-version="dark"]) .sidebar .nav-link,
body.petmagnet-home:not([data-theme-version="dark"]) .sidebar .mail,
body.petmagnet-home:not([data-theme-version="dark"]) .sidebar .app-info,
body.petmagnet-home:not([data-theme-version="dark"]) .animal-products-empty,
body.petmagnet-home .header.style-3 .menu-toggler h6,
body.petmagnet-home .home-products .dz-card .title,
body.petmagnet-home .home-products .product-price-row .dz-price,
body.petmagnet-home .home-products .product-delivery { color: #000; }
/* Pet picker labels sit below each circular image. */
body.petmagnet-home .dz-category.style-1.pet-picker .category-name {
  position: static;
  display: block;
  padding: 0;
  line-height: 1.4;
  text-align: center;
}
body.petmagnet-home .pet-picker .category-bx { gap: 8px; padding-bottom: 8px; }