/* Glowrity Marketplace 1.2.14 — professional surfaces and compact 3D controls. */

:root{
  --glw-depth-ink:rgba(16,35,71,.16);
  --glw-depth-soft:rgba(16,35,71,.08);
  --glw-panel-line:#dfe6f0;
  --glw-blue-top:#1977df;
  --glw-blue-bottom:#0756b6;
  --glw-blue-base:#003f89;
  --glw-pink-top:#ff5269;
  --glw-pink-bottom:#e52d46;
  --glw-pink-base:#a91d31;
  --glw-danger-top:#d7475b;
  --glw-danger-bottom:#a91f36;
  --glw-danger-base:#741326;
  --glw-light-top:#fff;
  --glw-light-bottom:#f3f6fa;
  --glw-light-base:#c9d2df;
}

/*
 * A short, tactile control treatment. Height and width stay compact; depth is
 * communicated with a shallow base shadow, a top highlight and pressed state.
 */
:is(.button,.btn){
  position:relative;
  isolation:isolate;
  min-width:0;
  max-width:100%;
  min-height:44px;
  padding:9px 15px;
  border:1px solid rgba(0,55,118,.38);
  border-radius:10px;
  background:linear-gradient(180deg,var(--glw-blue-top),var(--glw-blue-bottom));
  color:#fff;
  font-size:13px;
  font-weight:850;
  line-height:1.15;
  letter-spacing:.005em;
  text-align:center;
  text-decoration:none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -1px 0 rgba(0,0,0,.10),
    0 3px 0 var(--glw-blue-base),
    0 7px 14px rgba(0,74,159,.18);
  transform:translateY(-1px);
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,border-color .15s ease;
}

:is(.button,.btn):hover{
  background:linear-gradient(180deg,#2484ed,#0754ad);
  filter:saturate(1.04);
  transform:translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.44),
    inset 0 -1px 0 rgba(0,0,0,.10),
    0 4px 0 var(--glw-blue-base),
    0 10px 20px rgba(0,74,159,.22);
}

:is(.button,.btn):active{
  transform:translateY(2px);
  box-shadow:
    inset 0 1px 3px rgba(0,25,70,.18),
    inset 0 1px 0 rgba(255,255,255,.24),
    0 1px 0 var(--glw-blue-base),
    0 3px 7px rgba(0,74,159,.15);
}

:is(.button,.btn).pink,
:is(.button,.btn).gold,
:is(.button,.btn).seller-primary{
  border-color:rgba(148,19,39,.46)!important;
  background:linear-gradient(180deg,var(--glw-pink-top),var(--glw-pink-bottom))!important;
  color:#fff!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -1px 0 rgba(92,0,16,.11),
    0 3px 0 var(--glw-pink-base),
    0 7px 14px rgba(229,45,70,.19)!important;
}

:is(.button,.btn).pink:hover,
:is(.button,.btn).gold:hover,
:is(.button,.btn).seller-primary:hover{
  background:linear-gradient(180deg,#ff6175,#df253f)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.46),
    inset 0 -1px 0 rgba(92,0,16,.11),
    0 4px 0 var(--glw-pink-base),
    0 10px 20px rgba(229,45,70,.24)!important;
}

:is(.button,.btn).pink:active,
:is(.button,.btn).gold:active,
:is(.button,.btn).seller-primary:active{
  box-shadow:
    inset 0 1px 3px rgba(92,0,16,.22),
    inset 0 1px 0 rgba(255,255,255,.24),
    0 1px 0 var(--glw-pink-base),
    0 3px 7px rgba(229,45,70,.16)!important;
}

:is(.button,.btn).light{
  border-color:#cbd5e2;
  background:linear-gradient(180deg,var(--glw-light-top),var(--glw-light-bottom));
  color:#15345f;
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 -1px 0 rgba(70,88,116,.06),
    0 3px 0 var(--glw-light-base),
    0 7px 14px rgba(16,35,71,.09);
}

:is(.button,.btn).light:hover{
  border-color:#b6c4d6;
  background:linear-gradient(180deg,#fff,#eaf1f8);
  color:#0756b6;
  box-shadow:
    inset 0 1px 0 #fff,
    0 4px 0 #bcc8d7,
    0 10px 18px rgba(16,35,71,.12);
}

:is(.button,.btn).light:active{
  box-shadow:inset 0 1px 3px rgba(16,35,71,.12),0 1px 0 #bcc8d7,0 3px 6px rgba(16,35,71,.08);
}

:is(.button,.btn).danger{
  border-color:rgba(91,9,26,.48);
  background:linear-gradient(180deg,var(--glw-danger-top),var(--glw-danger-bottom));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    0 3px 0 var(--glw-danger-base),
    0 7px 14px rgba(169,31,54,.18);
}

:is(.button,.btn).danger:hover{
  background:linear-gradient(180deg,#e05063,#a91f36);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 0 var(--glw-danger-base),0 10px 20px rgba(169,31,54,.23);
}

:is(.button,.btn).small,
:is(.button,.btn)[data-size="small"]{
  min-height:36px;
  padding:7px 11px;
  border-radius:8px;
  font-size:12px;
}

:is(.button,.btn):disabled,
:is(.button,.btn)[aria-disabled="true"]{
  cursor:not-allowed;
  filter:grayscale(.25);
  opacity:.58;
  transform:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px var(--glw-depth-soft);
}

/* Compact circular actions use the same dimensional language without growing. */
.mini-cart,
.wishlist-button button{
  border:1px solid rgba(145,21,42,.3);
  background:linear-gradient(180deg,#ff5a70,#e82e48);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 3px 0 #aa1e32,0 7px 13px rgba(229,45,70,.18);
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;
}

.mini-cart:hover,
.wishlist-button button:hover{filter:saturate(1.06);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 4px 0 #aa1e32,0 9px 17px rgba(229,45,70,.22)}
.mini-cart:active,
.wishlist-button button:active{transform:translateY(2px);box-shadow:inset 0 1px 3px rgba(92,0,16,.2),0 1px 0 #aa1e32,0 3px 7px rgba(229,45,70,.14)}

/* Professional card surfaces: quiet borders, controlled depth, crisp highlights. */
:where(.card,.account-panel,.seller-panel,.seller-auth-card,.admin-card,.stat,.marketplace-buy-box){
  border-color:var(--glw-panel-line)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 1px 2px rgba(16,35,71,.045),
    0 11px 28px var(--glw-depth-soft)!important;
}

.product-card{
  border-color:var(--glw-panel-line)!important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(16,35,71,.04),0 10px 24px rgba(16,35,71,.075)!important;
}

.product-card:hover{
  border-color:#c6d4e6!important;
  box-shadow:inset 0 1px 0 #fff,0 4px 8px rgba(16,35,71,.055),0 18px 36px rgba(16,35,71,.13)!important;
}

.seller-stat-grid article,
.mp1211-action-card{
  border-color:var(--glw-panel-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 3px 0 #dce4ee,0 9px 20px rgba(16,35,71,.075);
}

.mp1211-action-card:hover{
  border-color:#c7d5e7;
  background:linear-gradient(180deg,#fff,#f6f9fd);
  box-shadow:inset 0 1px 0 #fff,0 4px 0 #ced9e7,0 13px 24px rgba(16,35,71,.11);
}

.mp1211-action-card:active{transform:translateY(2px);box-shadow:inset 0 1px 3px rgba(16,35,71,.09),0 1px 0 #ced9e7,0 4px 9px rgba(16,35,71,.08)}

/* Navigation appears tactile but stays short enough for mobile dashboards. */
.seller-sidebar{
  border-color:var(--glw-panel-line);
  box-shadow:inset 0 1px 0 #fff,0 2px 3px rgba(16,35,71,.04),0 10px 23px rgba(16,35,71,.07)!important;
}

.seller-sidebar a{border:1px solid transparent;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.seller-sidebar a:hover{border-color:#d8e2ee;background:linear-gradient(180deg,#fff,#f1f5fa);box-shadow:0 2px 0 #d5deea,0 5px 10px rgba(16,35,71,.06);transform:translateY(-1px)}
.seller-sidebar a.active{border-color:#ffcbd4;background:linear-gradient(180deg,#fff7f8,#ffecef);box-shadow:inset 0 1px 0 #fff,0 2px 0 #edb2bd,0 6px 12px rgba(229,45,70,.09);transform:none}

/* Super Admin's existing tiles receive a more refined physical edge. */
.dashboard-top-button,
.admin-hub-button{
  border-color:#d6dfeb;
  background:linear-gradient(180deg,#fff,#f5f8fb);
  box-shadow:inset 0 1px 0 #fff,0 4px 0 #c9d3e0,0 10px 20px rgba(16,35,71,.095);
}

.dashboard-top-button:hover,
.admin-hub-button:hover{
  border-color:#c2d0e1;
  background:linear-gradient(180deg,#fff,#eef4fa);
  box-shadow:inset 0 1px 0 #fff,0 5px 0 #bdc9d8,0 14px 25px rgba(16,35,71,.13);
}

.dashboard-top-button:active,
.admin-hub-button:active{margin-top:0;border-bottom-width:1px;transform:translateY(3px);box-shadow:inset 0 1px 3px rgba(16,35,71,.1),0 1px 0 #bdc9d8,0 4px 9px rgba(16,35,71,.08)}

.dashboard-top-button.primary,
.admin-hub-button--pink{
  border-color:#d92442;
  background:linear-gradient(180deg,#ff5a70,#e62d47);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.44),0 4px 0 #a91d31,0 10px 21px rgba(229,45,70,.2);
}

.admin-nav-close,
.mobile-admin-nav{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 3px 0 rgba(0,29,75,.42),0 7px 14px rgba(0,24,62,.18);
}

@media(max-width:760px){
  :is(.button,.btn){padding:8px 13px;font-size:12px}
  :is(.button,.btn).small{padding:6px 10px}
  .dashboard-top-button{padding:8px;min-height:68px}
  .admin-hub-button{min-height:78px;padding:11px}
}

@media(max-width:520px){
  /* Preserve touch height while preventing oversized type or padding. */
  :is(.button,.btn){min-height:44px;padding:7px 12px;font-size:12px}
  .seller-sidebar a{box-shadow:none}
  .seller-sidebar a:hover{transform:none;box-shadow:inset 0 -2px 0 #d5deea}
  .seller-sidebar a.active{box-shadow:inset 0 -2px 0 #e9a6b3}
}

@media(prefers-reduced-motion:reduce){
  :is(.button,.btn),.mini-cart,.wishlist-button button,.product-card,.mp1211-action-card,.seller-sidebar a,.dashboard-top-button,.admin-hub-button{transition:none!important}
  :is(.button,.btn):hover,:is(.button,.btn):active,.mini-cart:hover,.mini-cart:active,.wishlist-button button:hover,.wishlist-button button:active,.product-card:hover,.mp1211-action-card:hover,.mp1211-action-card:active,.seller-sidebar a:hover,.dashboard-top-button:hover,.dashboard-top-button:active,.admin-hub-button:hover,.admin-hub-button:active{transform:none!important}
}