/*
Theme Name: HN4YOU B2B (TwoPixels)
Theme URI: https://webagentur-twopixels.de
Description: Edles, seriöses B2B-Grosshandels-Theme für HN4YOU. Astra Child-Theme von TwoPixels. Monochrome Premium-Basis mit Gold-Akzent.
Author: TwoPixels GmbH
Template: astra
Version: 0.1.0
*/

/* ============================================================
   HN4YOU — Design System
   Ink / Ivory / Gold — edel & seriös, B2B
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --ink:#16160F;
  --ink-soft:#2B2B24;
  --ivory:#F7F5F0;
  --paper:#FCFBF8;
  --line:#E4DFD4;
  --gold:#B0894F;
  --gold-deep:#977338;
  --muted:#7A756A;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

body,.ast-container{font-family:var(--sans);color:var(--ink-soft);background:var(--paper);}
h1,h2,h3,h4,.entry-title,.woocommerce-loop-product__title,.product_title{font-family:var(--serif)!important;color:var(--ink)!important;letter-spacing:.2px;font-weight:600;}
h1,.entry-title{font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.08;}
h2{font-size:clamp(1.7rem,3vw,2.4rem);}
a{color:var(--gold-deep);}
a:hover{color:var(--ink);}

/* ---------- Header ---------- */
.site-header,.ast-primary-header-bar{background:var(--paper)!important;border-bottom:1px solid var(--line);}
.main-header-bar{border-bottom:0!important;}
.ast-site-identity{padding:.4em 0;}
.main-navigation a,.menu-item a{font-family:var(--sans)!important;font-weight:500!important;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem!important;color:var(--ink)!important;}
.main-navigation a:hover{color:var(--gold-deep)!important;}
.custom-logo{max-height:56px!important;width:auto;}

/* thin top accent line, echoes the logo's frame */
.site-header:before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--gold) 0%,var(--gold-deep) 100%);}

/* ---------- Hero ---------- */
.hn-hero{position:relative;background:var(--ink);color:var(--ivory);padding:5.5rem 1.5rem;text-align:center;overflow:hidden;}
.hn-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -20%,rgba(176,137,79,.28),transparent 60%);pointer-events:none;}
.hn-hero .hn-kicker{font-family:var(--sans);text-transform:uppercase;letter-spacing:.3em;font-size:.74rem;color:var(--gold);margin-bottom:1.2rem;}
.hn-hero h1{font-family:var(--serif);color:#fff!important;font-size:clamp(2.6rem,5vw,4.2rem);margin:0 0 1rem;font-weight:600;}
.hn-hero p{max-width:640px;margin:0 auto 2rem;color:#D9D4C7;font-size:1.08rem;line-height:1.6;}
.hn-hero .hn-btn{display:inline-block;background:var(--gold);color:var(--ink)!important;padding:.95em 2.4em;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;border-radius:2px;transition:.25s;}
.hn-hero .hn-btn:hover{background:var(--ivory);}
.hn-hero .hn-rule{width:64px;height:2px;background:var(--gold);margin:0 auto 1.6rem;}

/* section heading */
.hn-section-head{text-align:center;margin:3.5rem auto 2.2rem;}
.hn-section-head .hn-kicker{text-transform:uppercase;letter-spacing:.28em;font-size:.72rem;color:var(--gold-deep);}
.hn-section-head h2{margin:.4rem 0 0;}

/* ---------- Product cards ---------- */
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{
  background:#fff;border:1px solid var(--line);border-radius:4px;padding:1rem 1rem 1.4rem;
  transition:transform .25s,box-shadow .25s,border-color .25s;text-align:center;}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(20,20,15,.45);border-color:var(--gold);}
.woocommerce ul.products li.product img{border-radius:3px;margin-bottom:1rem;mix-blend-mode:multiply;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1.22rem!important;padding:.2rem 0!important;min-height:2.6em;}
.woocommerce ul.products li.product .price{color:var(--ink)!important;font-family:var(--sans)!important;font-weight:600;font-size:1rem;}
.woocommerce ul.products li.product .price .woocommerce-Price-amount{color:var(--ink);}
.astra-shop-summary-wrap{padding:.4rem;}

/* category pill above title */
.woocommerce ul.products li.product .hn-cat{display:inline-block;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:.3rem;}

/* buttons */
.woocommerce a.button,.woocommerce button.button,.woocommerce .button,.woocommerce #respond input#submit{
  background:var(--ink)!important;color:#fff!important;border-radius:2px!important;text-transform:uppercase;
  letter-spacing:.08em;font-size:.78rem!important;font-weight:600!important;padding:.8em 1.8em!important;transition:.25s;}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce .button:hover{background:var(--gold-deep)!important;color:#fff!important;}
.woocommerce ul.products li.product .button{margin-top:.6rem;}

/* B2B price-hidden treatment */
.hn-price-login{display:inline-block;font-size:.8rem;letter-spacing:.05em;color:var(--muted);border:1px dashed var(--line);padding:.35em .8em;border-radius:2px;}

/* ---------- Single product ---------- */
.single-product div.product .product_title{margin-bottom:.4rem;}
.single-product .woocommerce-product-details__short-description{color:var(--muted);}
.single-product div.product .price{font-family:var(--sans)!important;font-weight:700;color:var(--ink)!important;}

/* ---------- Trust bar ---------- */
.hn-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem;background:var(--ivory);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.4rem;margin:0;}
.hn-trust span{font-size:.82rem;letter-spacing:.04em;color:var(--ink-soft);font-weight:500;}
.hn-trust span b{color:var(--gold-deep);}

/* ---------- Footer ---------- */
.site-footer,.ast-small-footer,.footer-adv{background:var(--ink)!important;color:#C9C4B6!important;}
.site-footer a,.ast-small-footer a{color:#C9C4B6!important;}
.site-footer a:hover{color:var(--gold)!important;}
.ast-small-footer{border-top:1px solid rgba(255,255,255,.08);}
.hn-foot{max-width:1100px;margin:0 auto;padding:3rem 1.5rem 1.5rem;text-align:center;}
.hn-foot .hn-foot-logo{font-family:var(--serif);font-size:1.6rem;color:#fff;letter-spacing:.12em;}
.hn-foot .hn-foot-tag{color:var(--gold);text-transform:uppercase;letter-spacing:.28em;font-size:.7rem;margin-top:.3rem;}
.hn-foot .hn-foot-cols{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem;margin:2rem 0;color:#B7B2A4;font-size:.9rem;line-height:1.9;}

/* container width a touch tighter for elegance */
.ast-container{max-width:1240px;}

/* remove Astra default shadowy blue link buttons look */
.ast-separate-container .ast-article-post{background:transparent;}

/* ============ v0.2 Layout-Fixes ============ */
/* Hero + Trust ueber die volle Breite (full-bleed) */
.hn-hero,.hn-trust{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;width:100vw!important;max-width:100vw!important;box-sizing:border-box;}
/* nur Logo im Header, kein Titel-Text */
.site-title,.ast-site-title-wrap .site-title{display:none!important;}
/* Astra/Woo Standard-Shop-Titel + Ergebniszahl + Breadcrumb weg (Hero uebernimmt) */
.woocommerce-products-header,.ast-archive-description,.woocommerce-breadcrumb,.woocommerce-result-count{display:none!important;}
/* Ordering dezent rechts */
.woocommerce .woocommerce-ordering{margin:0 0 1.5rem;text-align:right;}
/* Content volle Breite nutzen */
.ast-woocommerce-container,.site-content .content-area{width:100%!important;}
/* Hero-Headline sauber umbrechen */
.hn-hero h1{max-width:16ch;margin-left:auto;margin-right:auto;}