/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Systemkassen brand layer (child theme). Prefix: sk-. Source: Systemkassen_Brand_CVI.md.
   Order of preference: Woodmart Theme Settings first, this file only for what settings cannot do. */
:root{
  --sk-deep-blue:#00205B;   /* logotype, header bar, headings */
  --sk-light-blue:#08B2FF;  /* emblem, accents, icons. NOT text on white, NOT behind white text */
  --sk-blue-01:#041E42;     /* footer / darkest */
  --sk-blue-02:#003DA5;     /* secondary bars, link hover */
  --sk-blue-03:#0070D4;     /* primary buttons/CTA with white text (4.85:1 on white) */
  --sk-blue-04:#5FCDF5;     /* highlights */
  --sk-blue-05:#D4EDFC;     /* soft backgrounds, hover rows, info boxes */
  --sk-yellow:#FCE300;      /* notices/badges only, dark text on it */
  --sk-bg:#F4F5F7; --sk-surface:#FFFFFF; --sk-text:#1A1F2B; --sk-muted:#5B6475; --sk-border:#E1E6EE;
  --sk-font:"Figtree", Arial, Helvetica, sans-serif; /* -> "effra" when the Adobe kit covers our domains (OPEN-16) */
  --sk-radius:6px;
}

body{background-color:var(--sk-bg);color:var(--sk-text);font-family:var(--sk-font);font-size:16px;line-height:1.5}

/* Type scale (web): H1 44 / H2 32 / H3 24 / H4 18 / body 16 / small 14 */
h1,h2,h3,h4,h5,h6,.title{font-family:var(--sk-font);color:var(--sk-deep-blue);font-weight:700;line-height:1.15}
h1{font-size:44px} h2{font-size:32px} h3{font-size:24px} h4{font-size:18px}
small,.sk-small{font-size:14px}
@media (max-width:767px){h1{font-size:32px} h2{font-size:26px} h3{font-size:21px}}

/* One radius everywhere, minimal shadows */
.btn,.button,button,input[type=submit],input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],select,textarea,.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:var(--sk-radius)}
.wd-product,.product-grid-item{box-shadow:none}

/* Cards: white surface on light grey ground */
.sk-card{background:var(--sk-surface);border:1px solid var(--sk-border);border-radius:var(--sk-radius)}

/* Visible keyboard focus, brand blue */
:focus-visible{outline:2px solid var(--sk-blue-03);outline-offset:2px}

/* sk-header */
.sk-usp{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 40px;margin:0;padding:0;list-style:none;width:100%}
.sk-usp li{display:flex;align-items:center;gap:8px;margin:0;color:#fff;font-size:14px;font-weight:600;line-height:1.2}
.sk-usp li svg{flex:none}
.whb-top-bar .wd-header-text.sk-usp-wrap{width:100%}
.whb-header-bottom .wd-nav>li>a,.whb-header-bottom .wd-nav-secondary>li>a{color:#fff}
.whb-header-bottom .wd-nav>li:hover>a{color:#fff;background:var(--sk-blue-02)}

/* sk-footer */
.copyrights-wrapper{border-top:1px solid rgba(255,255,255,.15)}
.copyrights-wrapper,.copyrights-wrapper *{color:#fff}
.sk-footer-note{font-size:14px}