/*
Theme Name: Scandi Socks
Theme URI: https://scandisocks.co.uk
Author: Scandi Socks
Author URI: https://scandisocks.co.uk
Description: Custom classic theme for Scandi Socks — a WooCommerce store selling Scandinavian and Nordic merino wool socks. Minimal, fast, and fully controlled via header.php / footer.php like the Replica Sabers build.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: scandisocks
WC requires at least: 8.0
WC tested up to: 9.0
*/

/* -------------------------------------------------------------
   Base reset + site-wide defaults.
   Your page content comes from Elementor, so keep this light —
   this file is mainly for the header, footer and base typography.
   ------------------------------------------------------------- */

:root{
  --ss-navy:#12222E;
  --ss-slate:#1C3140;
  --ss-frost:#BFD4E0;
  --ss-ember:#D9822B;
  --ss-ember-d:#B96A1E;
  --ss-cream:#FAF7F2;
  --ss-ink:#1A2229;
  --ss-ink-2:#5B6770;
  --ss-line:#E7E1D8;
  --ss-header-h:76px;
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  font-family:"Inter",system-ui,-apple-system,sans-serif;
  color:var(--ss-ink);
  line-height:1.6;
  background:#fff;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--ss-ember);text-decoration:none;}
a:hover{text-decoration:underline;}

h1,h2,h3,h4{font-family:"Jost",system-ui,sans-serif;font-weight:600;line-height:1.12;margin:0 0 .5em;}

/* Skip link for accessibility */
.ss-skip-link{
  position:absolute;left:-9999px;top:0;z-index:100000;
  background:var(--ss-navy);color:#fff;padding:12px 20px;
}
.ss-skip-link:focus{left:8px;top:8px;}

/* Generic content wrapper for non-Elementor pages (cart, checkout, account, shop) */
.ss-site-main{max-width:1320px;margin:0 auto;padding:40px clamp(16px,4vw,56px);}

/* WooCommerce buttons picked up from the palette */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt{
  background:var(--ss-ember)!important;color:#fff!important;border-radius:3px!important;
  font-family:"Jost",sans-serif!important;font-weight:600!important;text-transform:uppercase!important;
  letter-spacing:.03em!important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .button.alt:hover{background:var(--ss-ember-d)!important;}