/* Site-wide polish for ImageColorExtractor.com (Twenty Twenty-Five)
   Focus: header nav + footer aesthetics + conversion-y clarity.
*/

:root{
  --ice-ink:#0f172a;
  --ice-muted:#5b6472;
  --ice-border:rgba(15,23,42,.10);
  --ice-glow:0 0 0 4px rgba(37,99,235,.12);
  --ice-accent:#2563eb;
  --ice-accent2:#7c3aed;
}

/* Header */
header.wp-block-template-part{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.88);
  backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid var(--ice-border);
}

header.wp-block-template-part .wp-site-blocks,
header.wp-block-template-part .is-layout-constrained{
  max-width:1340px;
}

header.wp-block-template-part .wp-block-site-title{
  font-size:18px;
  letter-spacing:-.02em;
}

/* Make nav links feel like product nav */
header.wp-block-template-part .wp-block-navigation{
  font-size:14px;
}

header.wp-block-template-part .wp-block-navigation a.wp-block-navigation-item__content{
  padding:8px 12px;
  border-radius:999px;
  border:1px solid transparent;
  text-decoration:none !important;
  color:var(--ice-ink);
  transition:background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

header.wp-block-template-part .wp-block-navigation a.wp-block-navigation-item__content:hover{
  background:rgba(37,99,235,.08);
  border-color:rgba(37,99,235,.18);
}

header.wp-block-template-part .wp-block-navigation .current-menu-item a.wp-block-navigation-item__content,
header.wp-block-template-part .wp-block-navigation a[aria-current="page"]{
  background:linear-gradient(135deg, rgba(37,99,235,.14), rgba(124,58,237,.14));
  border-color:rgba(124,58,237,.22);
}

/* Submenu (desktop) – "mega menu lite" styling */
header.wp-block-template-part .wp-block-navigation .wp-block-navigation__submenu-container{
  border-radius:16px;
  padding:10px;
  border:1px solid rgba(15,23,42,.12);
  box-shadow:0 18px 50px rgba(15,23,42,.14);
}
header.wp-block-template-part .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
  border-radius:12px;
}

/* Mobile menu container styling */
header.wp-block-template-part .wp-block-navigation__responsive-container.is-menu-open{
  border-radius:18px;
  border:1px solid rgba(15,23,42,.12);
  box-shadow:0 20px 60px rgba(15,23,42,.18);
}

header.wp-block-template-part .wp-block-navigation__responsive-container-open,
header.wp-block-template-part .wp-block-navigation__responsive-container-close{
  border-radius:12px;
}

/* Hide e-comm/testing pages from nav (they hurt conversion for this tool) */
header.wp-block-template-part a[href$="/cart/"],
header.wp-block-template-part a[href$="/checkout/"],
header.wp-block-template-part a[href$="/my-account/"],
header.wp-block-template-part a[href$="/shop/"],
header.wp-block-template-part a[href$="/sample-page/"]{
  display:none !important;
}

/* Footer: simplify + make it look intentional */
footer.wp-block-template-part{
  margin-top:48px;
  background:
    radial-gradient(1200px 280px at 20% 0%, rgba(37,99,235,.14), transparent 60%),
    radial-gradient(1000px 260px at 80% 0%, rgba(124,58,237,.14), transparent 60%),
    #0b1220;
  color:rgba(255,255,255,.88);
  border-top:1px solid rgba(255,255,255,.10);
}

footer.wp-block-template-part a{
  color:rgba(255,255,255,.90);
  text-decoration:none;
}
footer.wp-block-template-part a:hover{
  text-decoration:underline;
}

/* Remove the stock "demo" footer nav links (#) */
footer.wp-block-template-part a[href="#"],
footer.wp-block-template-part nav.wp-block-navigation a[href="#"]{
  display:none !important;
}

/* Tighten footer spacing + typography */
footer.wp-block-template-part .wp-block-site-title{
  font-size:18px;
  font-weight:700;
}

footer.wp-block-template-part p,
footer.wp-block-template-part li{
  font-size:14px;
  color:rgba(255,255,255,.78);
}

/* Make footer columns not feel empty when we hide demo links */
footer.wp-block-template-part nav.wp-block-navigation{
  display:none !important;
}

/* Optional: keep a simple link row if theme has it */
footer.wp-block-template-part .wp-block-group{
  border-color:rgba(255,255,255,.10) !important;
}