/*
Theme Name: inkink
Theme URI: https://www.inkink.co.nz
Template: storefront
Description: Content-led child theme for inkink.co.nz. Articles come first; products are bought inside the article.
Author: NZ Ink Group
Version: 0.1
*/

:root{
  --ink:#12263a;
  --body:#3d4d5c;
  --brand:#1d4e89;
  --cta:#c2410c;
  --cta-dark:#9a3412;
  --soft:#f4f6f9;
  --line:#dfe5ec;
  --ok:#15803d;
}

body{color:var(--body);font-size:1.05rem;line-height:1.75;}
h1,h2,h3,h4{color:var(--ink);line-height:1.25;}
.site-content h2{margin-top:2.4em;font-size:1.6rem;}
.site-content h3{margin-top:1.8em;font-size:1.2rem;}
a{color:var(--brand);}

/* ---------- header ---------- */
.site-header{border-bottom:1px solid var(--line);padding-top:1.2em;padding-bottom:1.2em;}
.site-header .site-branding .site-title a{font-weight:800;letter-spacing:-.02em;}
.storefront-primary-navigation{background:transparent;}
.main-navigation ul.menu>li>a{color:var(--ink);font-weight:600;font-size:.95rem;}
.main-navigation ul.menu>li>a:hover{color:var(--brand);}

/* ---------- buttons ---------- */
button,.button,input[type=submit],.added_to_cart{
  background:var(--cta);color:#fff;border-radius:6px;font-weight:700;
  text-shadow:none;box-shadow:none;padding:.7em 1.3em;
}
button:hover,.button:hover,input[type=submit]:hover,.added_to_cart:hover{
  background:var(--cta-dark);color:#fff;
}
.button.alt,.woocommerce .button.alt{background:var(--brand);}
.button.alt:hover{background:#163c6b;}

/* ---------- article typography ---------- */
.ink-lede{font-size:1.2rem;line-height:1.65;color:var(--ink);
  border-left:4px solid var(--brand);padding-left:1.1em;margin:0 0 2em;}
.entry-content p{max-width:44em;}
.entry-content ul,.entry-content ol{max-width:44em;}
.entry-content li{margin-bottom:.5em;}
.entry-content code{background:var(--soft);padding:.1em .45em;border-radius:4px;
  font-size:.92em;color:var(--ink);}

.ink-table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.97rem;}
.ink-table th{background:var(--soft);color:var(--ink);text-align:left;
  padding:.7em .9em;border-bottom:2px solid var(--line);font-size:.9rem;
  text-transform:uppercase;letter-spacing:.03em;}
.ink-table td{padding:.75em .9em;border-bottom:1px solid var(--line);vertical-align:top;}
.ink-table tr:last-child td{border-bottom:none;}

.ink-callout{background:var(--soft);border-radius:8px;padding:1.1em 1.3em;
  margin:1.8em 0;border-left:4px solid var(--ok);max-width:44em;}

/* ---------- in-article buy block ---------- */
.ink-buy{margin:2.2em 0;max-width:44em;}
.ink-buy-head{font-size:.78rem;font-weight:800;letter-spacing:.09em;
  text-transform:uppercase;color:var(--brand);margin-bottom:.7em;}
.ink-buy-item{display:flex;gap:1.1em;align-items:flex-start;
  border:1px solid var(--line);border-radius:10px;padding:1.1em 1.2em;
  margin-bottom:.7em;background:#fff;transition:border-color .15s,box-shadow .15s;}
.ink-buy-item:hover{border-color:#c3cedb;box-shadow:0 2px 10px rgba(18,38,58,.06);}
.ink-buy-thumb{flex:0 0 68px;height:68px;border-radius:8px;background:var(--soft);
  display:flex;align-items:center;justify-content:center;
  font-weight:800;color:var(--brand);font-size:.72rem;text-align:center;
  line-height:1.15;padding:.3em;overflow:hidden;}
.ink-buy-thumb img{width:100%;height:100%;object-fit:contain;}
.ink-buy-body{flex:1 1 auto;min-width:0;}
.ink-buy-name{display:block;font-weight:700;color:var(--ink);
  font-size:1.02rem;line-height:1.35;margin-bottom:.2em;}
.ink-buy-name:hover{color:var(--brand);}
.ink-buy-desc{font-size:.9rem;line-height:1.5;color:var(--body);margin:.25em 0 .55em;}
.ink-buy-meta{display:flex;align-items:center;gap:.9em;flex-wrap:wrap;}
.ink-buy-price{font-weight:800;color:var(--ink);font-size:1.15rem;}
.ink-buy-price small{font-weight:600;color:#7b8794;font-size:.72rem;
  text-transform:uppercase;letter-spacing:.04em;margin-left:.25em;}
.ink-buy-stock{font-size:.83rem;color:var(--ok);font-weight:600;}
.ink-buy .button{padding:.55em 1.1em;font-size:.92rem;margin:0;}

/* ---------- product pages ---------- */
.ink-fits{columns:2;column-gap:2em;}
@media(max-width:600px){.ink-fits{columns:1;}}
.ink-fits li{break-inside:avoid;}
.ink-fits-note{font-size:.92rem;color:#5b6b7b;background:var(--soft);
  padding:.8em 1em;border-radius:6px;}
.woocommerce ul.products li.product .price{color:var(--ink);font-weight:700;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:1rem;line-height:1.35;color:var(--ink);font-weight:600;}

/* ---------- home ---------- */
.ink-hero{background:var(--ink);color:#fff;border-radius:14px;
  padding:3em 2.4em;margin-bottom:2.4em;}
.ink-hero h2{color:#fff;margin:0 0 .4em;font-size:2.1rem;letter-spacing:-.02em;}
.ink-hero p{color:#c6d2df;font-size:1.12rem;max-width:38em;margin:0 0 1.4em;}
.ink-hero .button{background:var(--cta);}
.ink-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.1em;margin:2em 0;}
.ink-card{border:1px solid var(--line);border-radius:10px;padding:1.4em;background:#fff;}
.ink-card h3{margin:0 0 .4em;font-size:1.05rem;}
.ink-card p{font-size:.93rem;margin:0 0 .8em;color:var(--body);}
.ink-card a{font-weight:700;font-size:.93rem;}

.ink-trust{display:flex;gap:2em;flex-wrap:wrap;background:var(--soft);
  border-radius:10px;padding:1.3em 1.6em;margin:2em 0;font-size:.93rem;}
.ink-trust div{font-weight:600;color:var(--ink);}

/* full-width article/page layout once the sidebar is removed */
.ink-full-width .content-area{width:100%;float:none;margin-right:0;}
.ink-full-width .widget-area{display:none;}

/* ---------- footer ---------- */
.site-footer{font-size:.93rem;}