:root {
  --cyan: #00cfff;
  --magenta: #ff008c;
  --yellow: #ffd500;
  --black: #111111;

  --glass-bg: rgba(255,255,255,0.06);
  --glass-bg-2: rgba(255,255,255,0.03);
  --glass-border: rgba(255,255,255,0.08);

  --text: #f8fafc;
  --muted: rgba(255,255,255,0.7);
  --placeholder: rgba(255,255,255,0.45);

  --focus-ring: rgba(148,163,184,0.12);
  --focus-border: rgba(148,163,184,0.45);
}

/* =========================
   BODY / BACKGROUND
========================= */

body {
  background: linear-gradient(135deg, #0f172a, #1e293b, #111827);
  min-height: 100vh;
}

/* HEADER GLASS */
:where(.wp-site-blocks) > :first-child {
  background: rgba(255,255,255,0.04);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--glass-border);
}

/* =========================
   MINI CART BADGE
========================= */

.wc-block-mini-cart__badge {
  background: transparent !important;
}

/* =========================
   CART DRAWER (IMPORTANT RESTORED)
========================= */

.wc-block-components-drawer__content {
  background: rgba(15,23,42,0.72) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  border-left: 1px solid var(--glass-border);

  box-shadow:
    0 0 0 1px rgba(56,189,248,0.12),
    0 8px 32px rgba(0,0,0,0.45),
    0 0 24px rgba(56,189,248,0.08);

  color: var(--text) !important;
  position: relative;
  overflow: hidden;
}

.wc-block-components-drawer__content::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02));
  pointer-events: none;
}

/* CART TEXT */
.wc-block-components-drawer__content,
.wc-block-components-drawer__content * {
  color: var(--text) !important;
}

/* PRODUCT NAME */
.wc-block-components-product-name {
  color: #7dd3fc !important;
}

/* =========================
   BUTTONS (GLOBAL)
========================= */

button,
.wc-block-components-button,
.woocommerce-button {
  color: var(--text) !important;

  backdrop-filter: blur(10px);
  transition: all .25s ease;
}

button:hover,
.wc-block-components-button:hover,
.woocommerce-button:hover {
  background: rgba(56,189,248,0.28) !important;
  border-color: rgba(125,211,252,0.5) !important;
  transform: translateY(-1px);
}

/* =========================
   GLOBAL INPUT SYSTEM (NO DUPLICATION)
========================= */

:is(
  input,
  textarea,
  select,
  .wc-block-components-text-input input,
  .wc-blocks-components-select__select,
  .woocommerce-EditAccountForm input,
  .woocommerce-form-login input,
  .wc-block-components-address-card
) {
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 16px !important;
  color: var(--text) !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

/* FOCUS (ALL INPUTS) */
:is(input, textarea, select):focus,
.wc-blocks-components-select__container:focus-within {
  border-color: var(--focus-border) !important;
  box-shadow:
    0 0 0 3px var(--focus-ring),
    0 10px 25px rgba(0,0,0,0.2) !important;
  outline: none !important;
}

/* LABELS */
label,
.wc-block-components-text-input label,
.wc-blocks-components-select__label,
.woocommerce-EditAccountForm label,
.woocommerce-form-login label {
  color: var(--muted) !important;
}

/* PLACEHOLDER */
::placeholder {
  color: var(--placeholder) !important;
}

/* =========================
   DROPDOWNS FIX
========================= */

.wc-blocks-components-select__container {
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(10px);
}

.wc-blocks-components-select__select {
  background: transparent !important;
  border: none !important;
}

.wc-blocks-components-select__select option {
  background: #111827 !important;
  color: #fff !important;
}

/* =========================
   ACCOUNT FIELDSET (PASSWORD)
========================= */

.woocommerce-EditAccountForm fieldset {
  border: 1px solid var(--glass-border) !important;
  border-radius: 20px;
  padding: 24px;
  margin-top: 28px;
  background: var(--glass-bg-2);
  backdrop-filter: blur(12px);
}

/* =========================
   LOGIN WRAPPER
========================= */

.woocommerce-form-login {
  max-width: 520px;
  margin: 40px auto !important;
  padding: 42px !important;

  border-radius: 28px !important;
  border: 1px solid var(--glass-border) !important;

  background: linear-gradient(
    135deg,
    rgba(15,23,42,0.82),
    rgba(30,41,59,0.78),
    rgba(17,24,39,0.84)
  ) !important;

  backdrop-filter: blur(22px);
}

/* =========================
   HEADER STRIPES
========================= */

.toner-stripes {
  display: flex;
  gap: 8px;
  height: 42px;
}

.toner-stripes span {
  position: relative;

  width: 14px;
  height: 42px;

  border-radius: 3px;

  transform: skewX(-25deg);

  overflow: hidden;

  box-shadow:
    inset 0 1px 1px rgba(255,255,255,0.18),
    0 4px 10px rgba(0,0,0,0.25);
}

/* COLORS */

.cyan { background: var(--cyan); }
.magenta { background: var(--magenta); }
.yellow { background: var(--yellow); }
.black { background: var(--black); }

/* =========================
   GLOSS EFFECT
========================= */

.toner-stripes span::before {
  content: "";

  position: absolute;

  top: -20%;
  left: -160%;

  width: 70%;
  height: 140%;

  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.08) 35%,
    rgba(255,255,255,0.9) 50%,
    rgba(255,255,255,0.08) 65%,
    rgba(255,255,255,0) 100%
  );

  transform: rotate(8deg);

  filter: blur(1px);

  animation: tonerGloss 3s linear infinite;
}

/* =========================
   ANIMATION
========================= */

@keyframes tonerGloss {
  0% {
    left: -160%;
    opacity: 0;
  }

  8% {
    opacity: 1;
  }

  30% {
    left: 220%;
    opacity: 0;
  }

  100% {
    left: 220%;
    opacity: 0;
  }
}
/* =========================
   HIDE ELEMENTS
========================= */

.woocommerce-breadcrumb,
.wc-block-breadcrumbs,
.wp-block-breadcrumbs,
.wp-block-query-title{
  display: none !important;
}

/* =========================================
   PRODUCT GRID
========================================= */

.wc-block-product-template__responsive.columns-3 {
  display: grid !important;

  grid-template-columns: repeat(auto-fit, 250px) !important;

  gap: 14px;

  justify-content: center;
}

/* =========================================
   PRODUCT CARD — 250x250
========================================= */

.wc-block-product {
  width: 250px;
  height: 250px;

  display: flex;
  flex-direction: column;

  background: rgba(255,255,255,0.04) !important;

  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 16px;

  overflow: hidden;

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  box-shadow:
    0 10px 30px rgba(0,0,0,0.25),
    inset 0 1px 0 rgba(255,255,255,0.03);

  transition: all .25s ease;
}

/* =========================================
   HOVER
========================================= */

.wc-block-product:hover {
  transform: translateY(-3px);

  border-color: rgba(56,189,248,0.25) !important;

  box-shadow:
    0 16px 32px rgba(0,0,0,0.35),
    0 0 0 1px rgba(56,189,248,0.08);
}

/* =========================================
   IMAGE — 60%
========================================= */

.wc-block-components-product-image {
  position: relative;

  width: 100%;
  height: 60%;

  overflow: hidden;

  background: rgba(255,255,255,0.03);

  border-bottom: 1px solid rgba(255,255,255,0.05);

  flex-shrink: 0;
}

.wc-block-components-product-image a {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;
}

.wc-block-components-product-image img {
  width: 100%;
  height: 100%;

  object-fit: contain;

  display: block;

  transition: transform .35s ease;
}

.wc-block-product:hover .wc-block-components-product-image img {
  transform: scale(1.04);
}

/* =========================================
   TITLE + PRICE ROW
========================================= */

.wc-block-product > h2,
.wc-block-product > div[data-block-name="woocommerce/product-price"] {
  margin-top: 6px !important;

  padding-left: 10px;
  padding-right: 10px;
}

/* TITLE */

.wc-block-product > h2 {

  float: left;

  margin-bottom: 0 !important;

  line-height: 1.1;
}

.wp-block-post-title a {
  color: #f8fafc !important;

  font-size: 13px;
  font-weight: 600;

  text-decoration: none;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  display: block;
}

/* PRICE */

.wc-block-product > div[data-block-name="woocommerce/product-price"] {


  float: right;

  display: flex;
  justify-content: flex-end;
  align-items: center;

  margin-bottom: 0 !important;
}

.wc-block-components-product-price {
  color: rgba(255,255,255,0.85) !important;

  font-size: 13px;
  font-weight: 700;

  line-height: 1;
}

.wc-block-components-product-price del {
  opacity: 0.5;
  margin-right: 4px;
}

.wc-block-components-product-price ins {
  text-decoration: none;
  color: #7dd3fc;
}

/* =========================================
   BUTTON ROW
========================================= */

.wc-block-components-product-button {
  clear: both;

  margin-top: auto !important;

  padding: 6px 10px 10px;

  display: flex !important;
  align-items: center;
  justify-content: space-between;

  gap: 6px;

  flex-direction: row-reverse;
}

/* ADD TO CART BUTTON */

.wc-block-components-product-button__button {
  min-width: 92px;

  height: 34px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(56,189,248,0.16) !important;

  border: 1px solid rgba(56,189,248,0.22) !important;

  color: #fff !important;

  border-radius: 10px !important;

  padding: 0 10px !important;

  font-size: 12px;
  font-weight: 600;

  line-height: 1;

  text-decoration: none !important;

  backdrop-filter: blur(10px);

  transition:
    background .25s ease,
    border-color .25s ease,
    transform .25s ease,
    box-shadow .25s ease;
}

.wc-block-components-product-button__button:hover {
  background: rgba(56,189,248,0.28) !important;

  border-color: rgba(125,211,252,0.45) !important;

  transform: translateY(-1px);

  box-shadow:
    0 8px 18px rgba(56,189,248,0.14);
}

/* VIEW CART */

.added_to_cart {
  color: #7dd3fc !important;

  font-size: 12px;
  font-weight: 600;

  text-decoration: none;

  white-space: nowrap;

  line-height: 1;
}
/* =========================================
   GLOSSY PRICE TAG
========================================= */

.woocommerce-Price-amount {
  position: relative;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 6px 12px;

  border-radius: 999px;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 100%
    ),
    rgba(56,189,248,0.14);

  border: 1px solid rgba(255,255,255,0.12);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  color: #ffffff !important;

  overflow: hidden;

  box-shadow:
    inset 0 1px 1px rgba(255,255,255,0.18),
    inset 0 -1px 1px rgba(0,0,0,0.15),
    0 4px 14px rgba(56,189,248,0.16);
}

/* GLOSS SHINE */

.woocommerce-Price-amount::before {
  content: "";

  position: absolute;

  top: 0;
  left: -60%;

  width: 50%;
  height: 100%;

  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,0.45) 50%,
    transparent 100%
  );

  transform: skewX(-20deg);

  animation: glossy-shine 4s infinite linear;
}

/* FLOATING LIGHT */

.woocommerce-Price-amount::after {
  content: "";

  position: absolute;

  inset: 1px;

  border-radius: inherit;

  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0.12),
    transparent 45%
  );

  pointer-events: none;
}

/* ANIMATION */

@keyframes glossy-shine {
  0% {
    left: -60%;
  }

  100% {
    left: 130%;
  }
}

/* TEXT */

.woocommerce-Price-currencySymbol {
  opacity: 0.8;

  margin-left: 3px;

  font-size: 0.9em;
}
/* REMOVE DEFAULT PRODUCT BLOCK SPACING */

:where(.wc-block-product-template .wc-block-product) > :not(:last-child) {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}