/*
Theme Name: Judy Trade Starter
Author: Judy site project
Description: An editable block theme for a cross-border B2B product catalog.
Version: 1.0.1
Requires at least: 6.9
Requires PHP: 8.3
License: GPL-2.0-or-later
Text Domain: judy-trade-starter
*/

:root { --judy-ink:#18324d; --judy-blue:#1768aa; --judy-orange:#f28a28; --judy-line:#dfe8f1; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; }
a { text-underline-offset:3px; }
.judy-topline { font-size:.78rem; letter-spacing:.035em; }
.judy-header { position:relative; z-index:5; box-shadow:0 2px 16px rgba(23,54,83,.08); }
.judy-header .wp-block-site-title { font-weight:800; letter-spacing:-.035em; }
.judy-header .wp-block-site-title a { text-decoration:none; }
.judy-header .wp-block-navigation a { text-decoration:none; font-weight:600; }
.judy-header .wp-block-navigation a:hover { color:var(--judy-blue); }
.judy-hero { overflow:hidden; position:relative; background:linear-gradient(120deg,#0d2948 4%,#164c7d 60%,#2278ad 100%); }
.judy-hero::after { content:""; position:absolute; width:550px; height:550px; border:1px solid rgba(255,255,255,.14); border-radius:50%; right:-90px; top:-225px; box-shadow:0 0 0 65px rgba(255,255,255,.035),0 0 0 145px rgba(255,255,255,.025); pointer-events:none; }
.judy-hero > * { position:relative; z-index:1; }
.judy-hero h1 { letter-spacing:-.045em; line-height:1.08; max-width:780px; }
.judy-hero p { max-width:680px; }
.judy-eyebrow { font-size:.78rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.judy-panel { background:#fff; border:1px solid var(--judy-line); border-radius:12px; box-shadow:0 12px 36px rgba(20,54,90,.06); }
.judy-panel h3 { margin-top:0; }
.judy-panel p:last-child { margin-bottom:0; }
.judy-step { display:inline-grid; place-items:center; width:40px; height:40px; border-radius:50%; background:#e6f3ff; color:#1768aa; font-weight:800; }
.judy-placeholder { min-height:150px; border-radius:8px; background:linear-gradient(135deg,#eef4fa,#dbeafa); display:grid; place-items:center; color:#526e89; font-weight:700; text-align:center; padding:1rem; }
.judy-section-title { letter-spacing:-.035em; line-height:1.15; }
.judy-band { background:#eaf3fb; border-top:1px solid #d9e9f7; border-bottom:1px solid #d9e9f7; }
.judy-footer { border-top:1px solid var(--judy-line); }
.judy-footer a { text-decoration:none; }
.judy-footer a:hover { text-decoration:underline; }
.wp-block-button__link { font-weight:700; transition:transform .2s ease,filter .2s ease; }
.wp-block-button__link:hover { transform:translateY(-2px); filter:brightness(.97); }
.judy-outline .wp-block-button__link { background:transparent !important; border:1px solid rgba(255,255,255,.75); }
.judy-outline .wp-block-button__link:hover { background:rgba(255,255,255,.13) !important; }
@media (max-width:781px) {
  .judy-header-inner { gap:1rem; }
  .judy-hero { padding-top:3.5rem !important; padding-bottom:3.5rem !important; }
  .judy-hero h1 { font-size:clamp(2.35rem,10vw,4rem) !important; }
  .judy-section { padding-top:3rem !important; padding-bottom:3rem !important; }
}