@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&display=swap');

/* 3DM Dark Fix v2 - Filter sidebar Apr 2026 */
#filterPage,
.filter-bar {
  background-color: var(--3dm-bg-card) !important;
  color: var(--3dm-txt2) !important;
  border-right: 1px solid var(--3dm-border) !important;
}
#filterPage .form-check-input,
.filter-bar .form-check-input {
  background-color: var(--3dm-bg2) !important;
  border-color: var(--3dm-border2) !important;
}
#filterPage .form-check-label,
.filter-bar .form-check-label {
  color: var(--3dm-txt2) !important;
}
#filterPage h4,#filterPage h5,.filter-bar h4,.filter-bar h5 {
  color: var(--3dm-txt) !important;
}
#filterPage a,.filter-bar a {
  color: var(--3dm-txt2) !important;
  text-decoration: none !important;
}
#filterPage a:hover,.filter-bar a:hover {
  color: var(--3dm-acc) !important;
}
.risultatotestuale,#nresultato {
  color: var(--3dm-txt2) !important;
}

/* ── Font override — Cormorant Garamond per titoli ── */
h1,h2,h3,h4,h5,h6 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  letter-spacing: .02em;
}
.category-title,.page-title,.product-name,.brand-name,.designer-name,
#nresultato,.section-heading {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
}
/* ── Fix link colors — override a!important troppo generico ── */
/* Nav links: bianco muted (NON accent cyan) */
.hdr-navlinks li a { color: rgb(238, 240, 242) !important; letter-spacing: .06em !important; }
.hdr-navlinks li a:hover { color: #e8eaed !important; }
/* Topbar: Support = muted, Log In = muted, Sign Up = accent */
.hdr-support { color: #8a9099 !important; }
.hdr-login   { color: #8a9099 !important; }
.hdr-signup  { color: #00c8c8 !important; font-weight: 500 !important; }

/* ── Header max-width: centra contenuto a 1360px su schermi larghi ── */
.hdr-topbar, .hdr-mainnav {
  padding-left:  max(48px, calc((100vw - 1360px) / 2)) !important;
  padding-right: max(48px, calc((100vw - 1360px) / 2)) !important;
}
@media (max-width: 900px) {
  .hdr-topbar, .hdr-mainnav {
    padding-left:  20px !important;
    padding-right: 20px !important;
  }
}

/* ── Footer col headings: uppercase + tracking ── */
.ftr-col h5, .ftr-col h4 {
  font-family: Roboto, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  color: #e8eaed !important;
  margin-bottom: 16px !important;
}
/* Footer links */
.ftr-col a {
  font-size: 13px !important;
  color: #8a9099 !important;
}
.ftr-col a:hover { color: #00c8c8 !important; }

/* ============================================================
   3DM-FIX4: SHOP HEADER — alignment con homepage (17/04/2026)
   ============================================================ */

/* 1. Logo: 34px come homepage */
.hdr-logo-link img { height: 34px !important; width: auto !important; }

/* 2. Nav link: padding, border-radius, font-weight come homepage */
.hdr-navlinks li a {
  display: block !important;
  padding: 7px 18px !important;
  border-radius: 100px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: rgb(238, 240, 242) !important;
  letter-spacing: normal !important;
  transition: color .15s, background .15s !important;
  white-space: nowrap !important;
}
.hdr-navlinks li a:hover {
  color: #e8eaed !important;
  background: rgba(255,255,255,.06) !important;
}

/* 3. Nav UL: gap stretto (2px) come homepage */
.hdr-navlinks { gap: 2px !important; }

/* 4. Icon buttons: come homepage .mh-icon */
.hdr-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  background: rgba(255,255,255,.04) !important;
  color: rgba(232,234,237,.75) !important;
}
.hdr-icon:hover { background: rgba(255,255,255,.08) !important; color: #e8eaed !important; }

/* 5. View Plans: pill cyan piena (classe = hdr-btn-plans) */
a.hdr-btn-plans, a.hdr-plans {
  background: #00c8c8 !important;
  color: #0a0b0d !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: .04em !important;
  padding: 9px 22px !important;
  height: auto !important;
  line-height: 1.4 !important;
  border-radius: 100px !important;
}
a.hdr-btn-plans:hover, a.hdr-plans:hover { background: #00b5b5 !important; color: #0a0b0d !important; }

/* 6. Topbar links: font-weight */
a.hdr-support { font-weight: 500 !important; font-size: 12px !important; }
a.hdr-login   { font-weight: 500 !important; font-size: 12px !important; }
a.hdr-signup  { font-weight: 600 !important; font-size: 12px !important; }

/* === 3DM-FIX4b: correzioni logo + line-height nav === */

/* Logo: classe corretta hdr-logo (non hdr-logo-link) */
.hdr-logo img { height: 34px !important; width: auto !important; }

/* Nav link: line-height 1.5 per altezza 35px come homepage */
.hdr-navlinks li a { line-height: 1.5 !important; }

/* ============================================================
   3DM-FIX4: SHOP HEADER — alignment con homepage (17/04/2026)
   ============================================================ */

/* 1. Logo: 34px come homepage */
.hdr-logo img { height: 34px !important; width: auto !important; }

/* 2. Nav link: padding, border-radius, font-weight come homepage */
.hdr-navlinks li a {
  display: block !important;
  padding: 7px 18px !important;
  border-radius: 100px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: rgb(238, 240, 242) !important;
  letter-spacing: normal !important;
  transition: color .15s, background .15s !important;
  white-space: nowrap !important;
}
.hdr-navlinks li a:hover {
  color: #e8eaed !important;
  background: rgba(255,255,255,.06) !important;
}

/* 3. Nav UL: gap stretto (2px) come homepage */
.hdr-navlinks { gap: 2px !important; }

/* 4. Icon buttons: come homepage .mh-icon */
.hdr-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  background: rgba(255,255,255,.04) !important;
  color: rgba(232,234,237,.75) !important;
}
.hdr-icon:hover { background: rgba(255,255,255,.08) !important; color: #e8eaed !important; }

/* 5. View Plans: pill cyan piena (classe = hdr-btn-plans) */
a.hdr-btn-plans, a.hdr-plans {
  background: #00c8c8 !important;
  color: #0a0b0d !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: .04em !important;
  padding: 9px 22px !important;
  height: auto !important;
  line-height: 1.4 !important;
  border-radius: 100px !important;
}
a.hdr-btn-plans:hover, a.hdr-plans:hover { background: #00b5b5 !important; color: #0a0b0d !important; }

/* 6. Topbar links: font-weight */
a.hdr-support { font-weight: 500 !important; font-size: 12px !important; }
a.hdr-login   { font-weight: 500 !important; font-size: 12px !important; }
a.hdr-signup  { font-weight: 600 !important; font-size: 12px !important; }

/* === 3DM-FIX4b: correzioni logo + line-height nav === */

/* Logo: classe corretta hdr-logo (non hdr-logo-link) */
.hdr-logo img { height: 34px !important; width: auto !important; }

/* Nav link: line-height 1.5 per altezza 35px come homepage */
.hdr-navlinks li a { line-height: 1.5 !important; }

/* 3DM-FIX5: padding header allineato homepage (site-w: max-width 1360 + pl/pr 48) */
/* Viewport 1536px: (1536-1360)/2 + 48 = 136px uguale a homepage */
#header .hdr-topbar,
#header .hdr-mainnav {
  padding-left: max(48px, calc((100vw - 1360px) / 2 + 48px)) !important;
  padding-right: max(48px, calc((100vw - 1360px) / 2 + 48px)) !important;
}
@media (max-width: 900px) {
  #header .hdr-topbar,
  #header .hdr-mainnav {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* ============================================================
   B4c — Hover card zoom+ (variante A, desktop only)
   Potenzia il :hover esistente su .p3dm-card. Deploy 20 apr 2026.
   ============================================================ */
@media (hover: hover) and (pointer: fine) {
  .p3dm-card:hover > a:first-of-type img {
    transform: scale(1.12);
    transition: transform .5s cubic-bezier(.2,.8,.2,1) .05s;
  }
}