/* SCENTASY — Light Premium Theme */
:root {
  color-scheme: light;
  --black: #ffffff;
  --panel: #ffffff;
  --gold: #b58a35;
  --gold-light: #9a7428;
  --cream: #f7f5f0;
  --muted: #6b6b6b;
  --line: #e5e2dc;
}

html {
  background: #fff;
  color-scheme: light;
}

body {
  background-color: #fff !important;
  color: #262626 !important;
}

/* Header and navigation */
.topline {
  color: #4b463d;
  border-color: #e8e4dc;
}

.masthead {
  background: #fff !important;
  border-color: #e5e2dc !important;
}

.logo,
.brand {
  color: #9a7428 !important;
}

.utility button,
.head-link,
.cart-link {
  color: #262626 !important;
}

.nav {
  background: #fff !important;
  color: #262626 !important;
  border-color: #e5e2dc !important;
}

.nav a,
.links a,
.head-link,
.cart-link {
  color: #262626;
}

.links a:hover,
.links a.selected,
.viewall {
  color: #9a7428 !important;
}

.links a.selected:after {
  background: #b58a35;
}

/* Search */
.search {
  background: #fff;
  border-color: #d8d4cc;
}

.search input {
  background: #fff !important;
  color: #262626 !important;
}

.search input::placeholder {
  color: #777 !important;
}

/* Catalog and product cards */
.perks,
.perk {
  border-color: #e5e2dc;
}

.perk small {
  color: #6b6b6b;
}

.card {
  background: #fff !important;
  color: #262626 !important;
  border: 1px solid #e9e6e0;
  box-shadow: 0 2px 10px rgba(20,16,8,.035);
}

.card h3,
.card p,
.card .name,
.card .description {
  color: #262626;
}

.product-image,
.photo-stage,
.thumb {
  background: #f7f6f3 !important;
}

.product-info h1,
.details-section h2,
.not-found h1 {
  color: #8d6925 !important;
}

.summary,
.details-section p,
.shipping-note {
  color: #4c4c4c !important;
}

.shipping-note,
.details-section,
.fact {
  border-color: #e5e2dc !important;
}

.fact {
  background: #faf9f6 !important;
  color: #262626 !important;
}

.fact small,
.crumb,
.old-price {
  color: #737373 !important;
}

.brandline,
.badge,
.discount,
.back-link,
.not-found a {
  color: #8d6925 !important;
}

.stock {
  background: #faf4e6 !important;
  color: #76571e !important;
  border-left-color: #b58a35 !important;
}

/* Keep text readable over hero images */
.hero {
  color: #fff;
}

.hero h1 {
  color: #f4d589 !important;
}

.hero p {
  color: #fff !important;
}

.category .catcopy,
.category .catcopy h2,
.category .catcopy p {
  color: #fff !important;
}

/* Cart, checkout, account and forms */
.panel,
.cart-summary,
.cart-item,
.choice,
.admin-wrap,
.form,
.gate {
  background-color: #fff !important;
  color: #262626 !important;
  border-color: #e5e2dc !important;
}

.muted,
.warning,
.hint,
.fine,
.note {
  color: #6b6b6b !important;
}

input,
select,
textarea,
.selectbox,
.form input,
.form select,
.table input,
.table select {
  background: #fff !important;
  color: #262626 !important;
  border-color: #d8d4cc !important;
}

input::placeholder,
textarea::placeholder {
  color: #888 !important;
}

.choice,
.line,
.order,
.address,
.table th,
.table td {
  border-color: #e5e2dc !important;
}

.footer {
  background: #faf9f6 !important;
  color: #555 !important;
  border-color: #e5e2dc !important;
}

.footer b {
  color: #8d6925 !important;
}

/* Mobile navigation */
.nav.open,
.nav.open .links {
  background: #fff !important;
  color: #262626 !important;
}

.nav.open .links a {
  color: #262626 !important;
  border-color: #eee !important;
}

@media (max-width: 680px) {
  .nav.open .links {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 0 !important;
  }

  .nav.open .links a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 44px;
    height: auto !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid #eee !important;
  }
}
/* Fix mobile delivery and payment information contrast */
@media (max-width: 680px) {
  .perks {
    background: #ffffff !important;
    color: #262626 !important;
    border-color: #e5e2dc !important;
  }

  .perks .perk {
    background: #ffffff !important;
    color: #262626 !important;
    border-color: #e5e2dc !important;
  }

  .perks .perk strong,
  .perks .perk b,
  .perks .perk span,
  .perks .perk small,
  .perks .perk p {
    color: #262626 !important;
  }

  .perks .perk small {
    color: #666666 !important;
  }

  .perks .perk svg {
    color: #b58a35 !important;
  }
}

/* Fix mobile benefits text contrast */
.mobile-perks {
  background: #ffffff !important;
  color: #262626 !important;
  border-color: #e5e2dc !important;
}

.mobile-perks .perk {
  background: #ffffff !important;
  color: #262626 !important;
  border-color: #e5e2dc !important;
}

.mobile-perks .perk strong,
.mobile-perks .perk b,
.mobile-perks .perk span,
.mobile-perks .perk p {
  color: #262626 !important;
}

.mobile-perks .perk small {
  color: #666666 !important;
}

.mobile-perks .perk .ico,
.mobile-perks .perk svg {
  color: #b58a35 !important;
}


/* Mobile hero image positioning */
@media screen and (max-width: 680px) {
  body .hero {
    background-position: 80% 25% !important;
  }
}

/* SCENTASY mobile hero bottle positioning */
@media screen and (max-width: 680px) {
  body .hero {
    background-position: center 25%, 80% 25% !important;
  }
}

/* Improve login and registration form readability */
body:has(input[type="password"]) label,
body:has(input[type="password"]) p,
body:has(input[type="password"]) a,
body:has(input[type="password"]) small,
body:has(input[type="password"]) .muted,
body:has(input[type="password"]) .hint,
body:has(input[type="password"]) .fine {
  color: #f2ead8 !important;
}

body:has(input[type="password"]) input {
  color: #222222 !important;
  background-color: #ffffff !important;
  border-color: #c9c4ba !important;
}

body:has(input[type="password"]) input::placeholder {
  color: #686868 !important;
  opacity: 1;
}