/*
Theme Name: Skoleparat
Description: Børnetema til Skoleparat.dk (Hello Elementor child). Designtokens, skrifttype og knapper.
Template: hello-elementor
Version: 0.1.0
Text Domain: skoleparat
*/

@font-face{font-family:"Plus Jakarta Sans";src:url("fonts/PlusJakartaSans-Variable.ttf") format("truetype");font-weight:200 800;font-display:swap}
:root{
  --royal:#4169E1;--coral:#FF704D;--sun:#FFD76A;--mint:#B8E8D3;--offwhite:#F7F8FC;--charcoal:#1F2937;--white:#FFFFFF;
  --royal-700:#2F4FC0;--royal-100:#E3EAFB;--royal-50:#F0F3FC;--coral-700:#C93A14;--coral-100:#FFE9E2;--sun-100:#FFF5D9;--mint-100:#E4F6EE;--mint-700:#0F7A55;
  --ink:#1F2937;--ink-2:#4B5563;--ink-3:#6B7280;--line:#E5E7EB;--line-2:#EEF0F6;
  --r-sm:12px;--r-md:20px;--r-lg:28px;--r-xl:36px;
  --sh-1:0 1px 2px rgba(31,41,55,.05),0 4px 14px rgba(31,41,55,.05);--sh-2:0 2px 4px rgba(31,41,55,.05),0 14px 36px rgba(31,41,55,.10);
  --sp-btn-text:#fff;
  --sp-font:"Plus Jakarta Sans","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
/* Designtokens (resten af variablerne) */
:root{
  --font:"Plus Jakarta Sans","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --fs-xs:.8125rem; --fs-sm:.9375rem; --fs-base:1rem; --fs-lg:1.125rem; --fs-xl:1.375rem;
  --fs-h3:clamp(1.25rem,1.1rem + .6vw,1.5rem); --fs-h2:clamp(1.65rem,1.2rem + 1.8vw,2.5rem); --fs-h1:clamp(2.2rem,1.4rem + 3.6vw,4.25rem);
  --r-sm:12px; --r-md:20px; --r-lg:28px; --r-xl:36px; --r-pill:999px;
  --sh-3:0 24px 60px rgba(31,41,55,.18);
  --ease:cubic-bezier(.22,.8,.3,1);
  --wrap:1880px; --gut:clamp(16px,2.6vw,52px); --sec:clamp(72px,9vw,136px);
  --font:var(--sp-font);
}
body{font-family:var(--sp-font);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--sp-font);letter-spacing:-.015em;color:var(--ink)}
a{color:var(--royal-700)}
:focus-visible{outline:3px solid var(--royal);outline-offset:3px;border-radius:6px}
/* Knapper (også WooCommerce) */
.button,button.button,.wp-block-button__link,.woocommerce a.button,.woocommerce button.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{
  border-radius:14px;min-height:50px;padding:14px 26px;font:700 1rem var(--sp-font);background:var(--royal);color:var(--sp-btn-text,#fff);border:0}
.woocommerce a.button.alt,.woocommerce button.button.alt,.single_add_to_cart_button{background:var(--coral)!important;color:var(--sp-btn-text)!important;box-shadow:0 6px 18px rgba(255,112,77,.3)}
.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--royal-700);color:#fff}
.woocommerce span.onsale{background:var(--coral);color:var(--sp-btn-text);border-radius:999px;min-height:auto;min-width:auto;padding:6px 14px;line-height:1.2;font-weight:800}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

a.cart-btn{display:grid;place-items:center;text-decoration:none}
.single-product div.product{max-width:1200px;margin:0 auto;padding:32px var(--gut)}
.single-product .product_title{font-size:var(--fs-h2);line-height:1.12}
.single-product .woocommerce-product-details__short-description{color:var(--ink-2)}
.single-product .variations select{border:2px solid var(--line);border-radius:var(--r-md);padding:12px 16px;font:600 1rem var(--sp-font);min-width:200px}
.single-product .price{font:800 1.6rem var(--sp-font);color:var(--ink)}
.single-product .price del{font-weight:500;color:var(--ink-3)}.single-product .price ins{text-decoration:none}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--ink)}