/* Laalu 1.34.2 brand layer — loaded last on every front-end page.
   Palette: #e1777b pink · #de7033 orange · #edaf34 yellow · #778b50 green · #74a1c0 blue · #f4e8d8 cream
   Font: 'Laalu Cooper' (Cooper Black). @font-face is printed by design-refresh.php ONLY when
   assets/fonts/cooper-black.woff2 exists; until then the stack falls back to the self-hosted Nunito. */

:root{
  --ll-font:'Laalu Brand',Nunito,Arial,Helvetica,sans-serif;
  --ll-font-display:'Laalu Brand',Nunito,Arial,Helvetica,sans-serif; /* 1.35.1: headings non-bold Baloo 2 */
  --ll-brand-pink:#e1777b;--ll-brand-pink-dark:#ca6b6f;
  --ll-brand-orange:#de7033;--ll-brand-yellow:#edaf34;
  --ll-brand-green:#778b50;--ll-brand-blue:#74a1c0;--ll-brand-blue-dark:#668ea9;
  --ll-brand-cream:#f4e8d8;
}
html body{font-synthesis:none}

/* Homepage lives in a Custom HTML block: re-point its colour variables (no effect if it uses hard-coded hex). */
body .laalu-home,body .ll-top{
  --pink:#e1777b!important;--pink-soft:#f4cfd1!important;--orange:#de7033!important;--yellow:#edaf34!important;
  --green:#778b50!important;--blue:#74a1c0!important;--cream:#f4e8d8!important;--paper:#faf4ec!important;
  --ink:#34556b!important;
}

/* ---------- Buttons: solid brand colour, white text, everywhere ---------- */
html body .button:not(.ll-qty__btn):not(.added_to_cart):not(.ll-mini-cart-view),
html body a.button:not(.added_to_cart):not(.ll-mini-cart-view),
html body button.button,
html body input.button,
html body .wp-element-button,
html body .wp-block-button__link,
html body input[type="submit"],
html body button[type="submit"],
html body .single_add_to_cart_button,
html body .checkout-button,
html body #place_order,
html body .ll-contact-send,
html body .ll-newsletter-row button,
html body .ll-mini-cart-cta,
html body .laalu-home .laalu-hero-copy a{
  background:var(--ll-brand-pink)!important;background-color:var(--ll-brand-pink)!important;
  color:#fff!important;border-color:transparent!important;
}
html body .button:not(.ll-qty__btn):not(.added_to_cart):not(.ll-mini-cart-view):hover,
html body button.button:hover,
html body input[type="submit"]:hover,
html body button[type="submit"]:hover,
html body .single_add_to_cart_button:hover,
html body .checkout-button:hover,
html body #place_order:hover,
html body .ll-contact-send:hover,
html body .ll-newsletter-row button:hover,
html body .ll-mini-cart-cta:hover,
html body .laalu-home .laalu-hero-copy a:hover{
  background:var(--ll-brand-pink-dark)!important;background-color:var(--ll-brand-pink-dark)!important;color:#fff!important;
}
/* Secondary (blue): "Vaata ostukorvi" after add-to-cart, mini-cart view, "Vaata kõiki tooteid" */
html body a.added_to_cart,
html body .added_to_cart,
html body .ll-mini-cart-view,
html body .ll-home-products-more a.button{
  background:var(--ll-brand-blue)!important;background-color:var(--ll-brand-blue)!important;
  color:#fff!important;border-color:transparent!important;
}
html body a.added_to_cart:hover,
html body .ll-mini-cart-view:hover,
html body .ll-home-products-more a.button:hover{
  background:var(--ll-brand-blue-dark)!important;background-color:var(--ll-brand-blue-dark)!important;color:#fff!important;
}
/* Dark buttons stay dark, text white */
html body .ll-about .ll-about-button,html body .ll-search-panel button{color:#fff!important}
html body .button *,html body .ll-about-button *,html body .ll-contact-send *{color:inherit!important}
/* Disabled / loading */
html body .button.disabled,html body .button:disabled,html body button:disabled{opacity:.55!important}

/* ---------- Product page: age / size choice (WooCommerce variations) ---------- */
body.laalu-product-page table.variations{width:100%;margin:0 0 16px!important;border:0!important;border-collapse:collapse}
body.laalu-product-page table.variations th,
body.laalu-product-page table.variations td{display:block;padding:0!important;border:0!important;background:none!important;text-align:left}
body.laalu-product-page table.variations th.label{margin:0 0 6px;font-weight:700;color:#34556b}
body.laalu-product-page table.variations td.value{margin:0 0 12px}
body.laalu-product-page table.variations select{
  width:100%;max-width:320px;min-height:46px;padding:10px 40px 10px 16px;border:1px solid #e5dacb;border-radius:24px;
  background-color:#fff;color:#34556b;font:inherit;
}
body.laalu-product-page .reset_variations{display:inline-block;margin-top:8px;font-size:13px;color:#645b54}

/* ---------- 1.34.3: space above the header after the shipping banner was removed ---------- */
/* The old banner rule also pushed the page below the WP admin bar; keep that behaviour without the banner. */
html:has(body.admin-bar){margin-top:32px!important}
@media(max-width:782px){html:has(body.admin-bar){margin-top:46px!important}}
/* 1.34.5: header content sits exactly in the middle between the top edge and the pink bottom line */
html body .ll-top>.laalu-nav,
html body:has(.laalu-home) .laalu-home>.laalu-nav{
  padding-top:16px!important;padding-bottom:16px!important;min-height:100px!important;
  align-items:center!important;align-content:center!important;
}
html body .laalu-nav>*{margin-top:0!important;margin-bottom:0!important}
@media(max-width:700px){
  html body .ll-top>.laalu-nav,
  html body:has(.laalu-home) .laalu-home>.laalu-nav{padding-top:12px!important;padding-bottom:12px!important;min-height:72px!important}
}

/* ---------- 1.34.5: new multicolour wordmark (assets/laalu-logo-2026.png, 3.1:1) ---------- */
html body .laalu-nav .laalu-logo,html body .ll-logo{display:block!important;line-height:0!important;align-self:center!important}
html body .laalu-nav .laalu-logo img{display:block!important;width:180px!important;height:auto!important}
html body:has(.laalu-home) .laalu-home .laalu-logo{width:180px!important;height:58px!important;background-position:center!important}
html body .ll-footer .ll-logo{width:160px!important}
@media(max-width:700px){
  html body .laalu-nav .laalu-logo img{width:132px!important}
  html body:has(.laalu-home) .laalu-home .laalu-logo{width:132px!important;height:43px!important}
}
@media(max-width:360px){
  html body .laalu-nav .laalu-logo img{width:116px!important}
  html body:has(.laalu-home) .laalu-home .laalu-logo{width:116px!important;height:38px!important}
}

/* ---------- 1.34.4: brand font (Caprasimo) on literally every text element ---------- */
html body,
html body :not(svg):not(svg *):not(#wpadminbar):not(#wpadminbar *):not(.star-rating):not(.star-rating *):not([class*="dashicons"]):not([class*="eicon"]){
  font-family:var(--ll-font)!important;
}
/* keep WooCommerce star icons working */
html body .star-rating,html body .star-rating *{font-family:star!important}

/* ---------- 1.34.7+: no bold — brand font (Baloo 2 since 1.34.8) at regular weight, medium for headings/buttons/menu ---------- */
html body,
html body :not(svg):not(svg *):not(#wpadminbar):not(#wpadminbar *):not(.star-rating):not(.star-rating *){
  font-weight:400!important;font-optical-sizing:auto;
}
html body :is(h1,h2,h3,h4,h5,h6,.product_title,.woocommerce-loop-product__title,.laalu-section-title),
html body :is(.button,button,input[type="submit"],.added_to_cart,.ll-mini-cart-cta,.ll-contact-send,.ll-about-button),
html body .laalu-home .laalu-hero-copy a,
html body .laalu-menu a,html body .ll-desktop-nav a,html body .laalu-mobile-panel a{
  font-weight:500!important;
}
html body :is(strong,b){font-weight:600!important}

/* ---------- 1.34.9/1.35.0: headings in Cooper Black Std (Adobe Fonts), fallback Young Serif; everything else Baloo 2 ---------- */
html body :is(h1,h2,h3,h4,h5,h6,.product_title,.woocommerce-loop-product__title,.laalu-section-title):not(svg):not(svg *):not(#wpadminbar):not(#wpadminbar *):not(.star-rating):not(.star-rating *):not([class*="dashicons"]):not([class*="eicon"]),
html body :is(h1,h2,h3,h4,h5,h6,.product_title,.woocommerce-loop-product__title,.laalu-section-title) *:not(svg):not(svg *):not(#wpadminbar):not(#wpadminbar *):not(.star-rating):not(.star-rating *):not([class*="dashicons"]):not([class*="eicon"]){
  font-family:var(--ll-font-display)!important;font-weight:400!important;
}

/* ---------- 1.35.1: nothing bold except the logo image; headings Baloo 2 medium ---------- */
html body :is(h1,h2,h3,h4,h5,h6,.product_title,.woocommerce-loop-product__title,.laalu-section-title):not(svg):not(svg *):not(#wpadminbar):not(#wpadminbar *):not(.star-rating):not(.star-rating *):not([class*="dashicons"]):not([class*="eicon"]),
html body :is(h1,h2,h3,h4,h5,h6,.product_title,.woocommerce-loop-product__title,.laalu-section-title) *:not(svg):not(svg *):not(#wpadminbar):not(#wpadminbar *):not(.star-rating):not(.star-rating *):not([class*="dashicons"]):not([class*="eicon"]){
  font-weight:500!important;
}
/* Homepage hero text in the brand deep blue (Custom HTML used near-black) */
html body .laalu-home .laalu-hero :is(h1,h2,p){color:#34556b!important}