/*
Theme Name: Habeshshop
Theme URI: https://habeshshop.com
Description: Storefront child theme for the habeshshop organisation — dark ink, cream paper, gold press-rule. Every site in the network keeps this same organisation: storefront · journal · private CEO room.
Author: Seid Adem
Template: storefront
Version: 1.1.0
License: GPL-2.0-or-later
Text Domain: habeshshop
*/

:root {
  --hs-ink: #1A1F1B;
  --hs-rail: #1A1F1B;
  --hs-paper: #F4EFE6;
  --hs-surface: #FFFFFF;
  --hs-gold: #C7A23C;
  --hs-green: #0E5A3C;
  --hs-red: #B43A2E;
  --hs-line: #E2DCCD;
}

/* telet stripe under the header — the network signature */
.site-header::after {
  content: "";
  display: block;
  height: 8px;
  background: repeating-linear-gradient(90deg,
    var(--hs-green) 0 22px, var(--hs-gold) 22px 30px,
    var(--hs-red) 30px 36px, var(--hs-gold) 36px 44px);
}

body {
  background: var(--hs-paper);
  color: var(--hs-ink);
}

.site-header,
.storefront-handheld-footer-bar {
  background-color: var(--hs-rail);
}

.site-branding .site-title a,
.site-header a {
  color: #ECEAE1;
}

h1, h2, h3, .site-branding .site-title {
  font-family: Georgia, "Times New Roman", serif;
}

h2 {
  border-bottom: 2px solid var(--hs-gold);
  display: inline-block;
  padding-bottom: 4px;
}

.button, button, input[type="submit"],
.woocommerce a.button.alt, .woocommerce button.button.alt {
  background-color: var(--hs-green);
  color: #fff;
  border-radius: 12px;
}

.woocommerce a.button:hover, .button:hover {
  background-color: var(--hs-gold);
  color: #1a1505;
}

.price, .woocommerce-Price-amount {
  color: var(--hs-gold);
  font-weight: 700;
}

ul.products li.product {
  background: var(--hs-surface);
  border: 1px solid var(--hs-line);
  border-radius: 12px;
  padding: 14px;
}

/* gold press-rule under the site title — the network mark */
.site-branding::after {
  content: "";
  display: block;
  width: 64px;
  height: 3px;
  background: var(--hs-gold);
  border-radius: 2px;
  margin-top: 6px;
}