/* Global Sunny's Workshop fixes */
nav a #cart-count{
  display:inline!important;height:auto!important;min-width:0!important;padding:0!important;margin:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;
  box-shadow:none!important;position:static!important;
}
#mode-toggle{font-family:inherit!important;}
.product-list,.cards{align-items:stretch;}
.product-card,.card{height:100%;}
.product-card img,.card img{max-width:100%;}
@media (max-width:900px){
  nav ul{justify-content:center;}
}

/* Sunny's Workshop shared product-card UI kit */
.product-list .product-card,
.cards .card{
  cursor:pointer!important;
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease!important;
  will-change:transform;
}

.product-list .product-card:hover,
.cards .card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(145,120,255,.42)!important;
  box-shadow:
    0 20px 60px rgba(0,0,0,.45),
    0 0 30px rgba(108,77,255,.18)!important;
}

.product-list .product-card img,
.cards .card img{
  transition:transform .35s ease!important;
  will-change:transform;
}

.product-list .product-card:hover img,
.cards .card:hover img{
  transform:scale(1.03)!important;
}

/* Keep buttons acting like buttons inside clickable cards */
.product-list .product-card button,
.product-list .product-card a,
.cards .card button,
.cards .card a{
  cursor:pointer!important;
}

/* Shared Add to Basket button style */
.sw-add-to-basket-btn,
.add-mini-btn{
  width:100%!important;
  margin-top:14px;
  border:none!important;
  border-radius:14px!important;
  padding:12px 14px!important;
  font-family:inherit!important;
  font-weight:900!important;
  cursor:pointer!important;
  text-align:center!important;
  text-decoration:none!important;
  background:linear-gradient(90deg,#2563ff,#6c4dff,#b026ff)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(37,99,255,.22)!important;
  transition:transform .25s ease, filter .25s ease, box-shadow .25s ease!important;
  display:block!important;
}

.sw-add-to-basket-btn:hover,
.add-mini-btn:hover{
  filter:brightness(1.08)!important;
  transform:translateY(-1px)!important;
  box-shadow:0 14px 30px rgba(108,77,255,.30)!important;
}

.sw-add-to-basket-btn:disabled,
.add-mini-btn:disabled{
  opacity:.45!important;
  cursor:not-allowed!important;
  transform:none!important;
  box-shadow:none!important;
}

.card .sw-add-to-basket-btn,
.product-card .sw-add-to-basket-btn,
.card .add-mini-btn,
.product-card .add-mini-btn{
  margin-top:auto;
}

/* Sunny's Workshop visual consistency pass 1 */
html{
  -webkit-text-size-adjust:100%;
}

body{
  font-family:'Outfit',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
}

/* Public header/logo consistency.
   Scoped to image logos so it does not affect admin text-logo containers. */
header img.logo,
.logo-wrap img.logo,
img#site-logo.logo{
  height:60px!important;
  width:auto!important;
  max-width:180px!important;
  object-fit:contain!important;
}

/* Keep the nav/button text size and weight consistent on public pages. */
header nav a,
header nav span,
header #mode-toggle,
nav a,
#mode-toggle{
  font-family:inherit!important;
  font-size:1rem!important;
  font-weight:700!important;
  line-height:1!important;
}

/* Keep cart count inline instead of becoming a separate styled pill/button. */
#cart-count{
  display:inline!important;
  height:auto!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
  position:static!important;
}