/*
Theme Name: Blocksy Child – FS Shop
Template: blocksy
Version: 1.0.0
Text Domain: blocksy-child-shop
*/

/* ============ Schriften (variabel, lokal) ============ */
@font-face{font-family:'Schibsted Grotesk';src:url('assets/fonts/schibsted-var.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap;}
@font-face{font-family:'Hanken Grotesk';src:url('assets/fonts/hanken-var.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap;}
@font-face{font-family:'JetBrains Mono';src:url('assets/fonts/jetbrains-var.woff2') format('woff2');font-weight:400 600;font-style:normal;font-display:swap;}

/* ============ Marken-Tokens (Petrol #00627E) ============ */
:root{
  --fs-bg:#FFFFFF; --fs-bg-2:#F2F6F8; --fs-ink:#14222A; --fs-soft:#566B74; --fs-line:#E1E8EB;
  --fs-primary:#00627E; --fs-primary-dark:#013D4E; --fs-accent:#06B6D4;
  --fs-sans:'Hanken Grotesk',system-ui,sans-serif;
  --fs-disp:'Schibsted Grotesk','Hanken Grotesk',sans-serif;
  --fs-mono:'JetBrains Mono',ui-monospace,monospace;
  --theme-palette-color-1:#00627E; --theme-palette-color-2:#013D4E;
  --theme-palette-color-3:#14222A; --theme-palette-color-4:#566B74;
  --theme-palette-color-5:#E1E8EB; --theme-palette-color-6:#F2F6F8; --theme-palette-color-7:#FFFFFF;
}

/* ============ Basis ============ */
body{font-family:var(--fs-sans);color:var(--fs-ink);line-height:1.6;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4{font-family:var(--fs-disp);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--fs-ink);}
p,li{color:var(--fs-soft);}
a{color:var(--fs-primary);text-decoration:none;} a:hover{color:var(--fs-primary-dark);}
strong{color:var(--fs-ink);}

/* ============ Header / Logo (Lockup wie Hauptseite) ============ */
.site-branding{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;}
.site-branding .site-logo-container{margin:0 auto;}
.site-branding img.default-logo,.site-branding img.ct-logo{height:46px;width:auto;}
.site-title,.site-title a{font-family:var(--fs-disp);font-weight:800;letter-spacing:-.02em;color:var(--fs-ink);}
.header-menu-1 .ct-menu-link{font-family:var(--fs-sans);font-weight:600;color:var(--fs-ink);}
.header-menu-1 .ct-menu-link:hover{color:var(--fs-primary);}

/* ============ Buttons + WooCommerce-Aktionen ============ */
.wp-block-button__link,.ct-button,button.wp-element-button,
.woocommerce a.button,.woocommerce button.button,.woocommerce .button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  font-family:var(--fs-sans);font-weight:600;background:var(--fs-primary);color:#fff!important;border:0;
  border-radius:10px;padding:.78em 1.5em;transition:background .2s,transform .2s;}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce .button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{background:var(--fs-primary-dark);transform:translateY(-2px);}

/* ============ Preise ============ */
.woocommerce .price,.woocommerce-Price-amount,.woocommerce ul.products li.product .price{
  color:var(--fs-primary);font-weight:700;font-family:var(--fs-disp);}
.woocommerce del,.woocommerce del .woocommerce-Price-amount{color:var(--fs-soft);font-weight:400;}
.woocommerce ins{text-decoration:none;}

/* ============ Produkt-Karten ============ */
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{
  border:1px solid var(--fs-line);border-radius:16px;padding:1rem 1rem 1.3rem;background:#fff;
  transition:transform .2s,box-shadow .2s;}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 24px 48px -22px rgba(0,98,126,.3);}
.woocommerce ul.products li.product img{border-radius:10px;margin-bottom:.8rem;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--fs-disp);font-weight:700;font-size:1.05rem;color:var(--fs-ink);}

/* ============ Sale-Badge ============ */
.woocommerce span.onsale{background:var(--fs-accent);color:#013D4E;border-radius:999px;
  font-family:var(--fs-mono);font-weight:600;font-size:.7rem;letter-spacing:.04em;min-height:auto;line-height:1.2;padding:.45em .8em;}

/* ============ Sektionen / Hintergründe ============ */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--fs-primary);}
.woocommerce-info{border-top-color:var(--fs-accent);}

/* ============ Blocksy-Default-Footer (Theme-Credit) ausblenden ============ */
.ct-footer{display:none;}

/* ============ Rechts-Footer-Bar (Pflichtlinks) ============ */
.fs-legal-bar{background:var(--fs-ink);color:#c4d0d6;font-family:var(--fs-sans);font-size:13px;
  padding:18px clamp(16px,5vw,40px);display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:center;text-align:center;}
.fs-legal-links{display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:center;}
.fs-legal-bar a{color:#fff;font-weight:500;}
.fs-legal-bar a:hover{color:var(--fs-accent);}