/* Aussehen der Edelbrennerei Henninger.
   Übernommen aus dem bisherigen Entwurf: Spectral als Schrift, Kupfer und Sand als
   Farben, weit gesperrte Kapitälchen für Überschriften. */

:root{
  --hn-kupfer:#C8693A;   /* Akzent, Knöpfe */
  --hn-sand:#C8A96E;     /* Zweitakzent, Untertitel */
  --hn-tief:#2B2824;     /* Überschriften */
  --hn-text:#817C7B;     /* Fließtext */
  --hn-dunkel:#1B150E;   /* dunkle Flächen */
  --hn-creme:#F8F4EE;    /* helle Flächen */
  --hn-linie:#E6DDD1;
}

/* ---------------------------------------------------------------- Grundlagen */
body,
body.woocommerce,
.elementor-widget-text-editor,
.elementor-widget-heading{
  font-family:'Spectral',Georgia,serif;
}
body{
  color:var(--hn-text);
  font-size:17px;
  line-height:1.72;
  background:#fff;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6,
.elementor-heading-title,
.woocommerce-loop-product__title,
.woocommerce div.product .product_title,
.site-header .site-navigation .menu li a,
.woocommerce ul.products li.product-category h2{
  font-family:'Spectral SC',Georgia,serif;
  font-weight:400;
  color:var(--hn-tief);
  letter-spacing:.14em;
  line-height:1.24;
  text-transform:none;
}
h1,.elementor-widget-heading h1.elementor-heading-title{font-size:2.9rem}
h2,.elementor-widget-heading h2.elementor-heading-title{font-size:2.3rem}
h3{font-size:1.5rem}
h4{font-size:1.15rem;letter-spacing:.1em}
p{margin:0 0 1.1em}
a{color:var(--hn-kupfer);text-decoration:none;transition:color .2s}
a:hover{color:var(--hn-tief)}
em,i{font-style:italic}

/* Untertitel in Kursiv und Sandfarbe, wie im Entwurf */
.hn-unterzeile,
.elementor-widget-text-editor .hn-unterzeile{
  font-family:'Spectral',Georgia,serif;
  font-style:italic;
  color:var(--hn-kupfer);
  font-size:1.05rem;
  letter-spacing:.02em;
  margin-bottom:1.4em;
  display:block;
}

/* ------------------------------------------------------------- Kopfbereich */
.site-header{
  position:absolute;top:0;left:0;right:0;z-index:50;
  background:transparent;border:0;padding:18px 0 10px;
}
.site-header .site-branding{display:flex;flex-direction:column;align-items:center}
.site-header .site-branding img,
.site-header .custom-logo{
  max-width:190px;height:auto;
  filter:drop-shadow(0 1px 6px rgba(0,0,0,.45));
}
.site-header .site-description{
  color:#F3E8D8;font-style:italic;letter-spacing:.22em;font-size:.72rem;
  text-transform:lowercase;margin-top:4px;text-shadow:0 1px 5px rgba(0,0,0,.5);
}
.site-header .site-navigation{margin-top:12px}
.site-header .site-navigation .menu{justify-content:center;gap:6px}
.site-header .site-navigation .menu li a{
  color:#fff;font-size:.92rem;letter-spacing:.16em;padding:8px 15px;
  text-shadow:0 1px 6px rgba(0,0,0,.5);
}
.site-header .site-navigation .menu li a:hover{color:var(--hn-sand)}

/* Auf Unterseiten steht kein Bild hinter dem Kopf, dort dunkle Schrift */
body:not(.home) .site-header{
  position:relative;background:#fff;border-bottom:1px solid var(--hn-linie);
}
body:not(.home) .site-header .site-branding img,
body:not(.home) .site-header .custom-logo{filter:none}
body:not(.home) .site-header .site-description{color:var(--hn-kupfer);text-shadow:none}
body:not(.home) .site-header .site-navigation .menu li a{color:var(--hn-tief);text-shadow:none}
body:not(.home) .site-header .site-navigation .menu li a:hover{color:var(--hn-kupfer)}
body:not(.home) .site-main{padding-top:36px}

/* --------------------------------------------------------------- Knöpfe */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,
.elementor-button,.wp-element-button,.wc-block-components-button{
  font-family:'Spectral SC',Georgia,serif!important;
  font-weight:400!important;
  font-size:.95rem!important;
  letter-spacing:.13em!important;
  text-transform:none!important;
  border-radius:0!important;
  padding:15px 42px 13px!important;
  background:var(--hn-kupfer)!important;
  color:#fff!important;
  border:1px solid var(--hn-kupfer)!important;
  transition:background .25s,color .25s;
}
.woocommerce a.button:hover,.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,
.elementor-button:hover,.wc-block-components-button:hover{
  background:transparent!important;color:var(--hn-kupfer)!important;
}
.hn-knopf-hell .elementor-button{background:transparent!important;color:#fff!important;border-color:#fff!important}
.hn-knopf-hell .elementor-button:hover{background:#fff!important;color:var(--hn-tief)!important}

/* ------------------------------------------------------------- Produkte */
.woocommerce ul.products li.product{text-align:center}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:1.02rem;letter-spacing:.11em;color:var(--hn-tief);
  padding:.8em 0 .3em;min-height:2.8em;
}
.woocommerce ul.products li.product img{border-radius:0}
.woocommerce .price,.woocommerce div.product p.price,.woocommerce div.product span.price{
  color:var(--hn-kupfer);font-weight:400;font-family:'Spectral',serif;font-size:1.05rem;
}
.woocommerce div.product .product_title{font-size:2rem;letter-spacing:.11em}
.wc-gzd-additional-info{color:#9D9793;font-size:.8rem;line-height:1.5;margin:.15em 0}
.wc-gzd-additional-info.wc-gzd-additional-info-loop-unit-price{color:var(--hn-sand)}
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering select{
  font-family:'Spectral',serif;color:var(--hn-text);
}
.woocommerce span.onsale{background:var(--hn-kupfer);border-radius:0}

/* Kategorie-Kacheln */
.woocommerce ul.products li.product-category h2{
  background:transparent;color:var(--hn-tief)!important;
  font-size:1.1rem;letter-spacing:.14em;padding:14px 8px 4px;margin:0;
}
.woocommerce ul.products li.product-category h2 .count{
  background:transparent;color:var(--hn-sand);font-size:.8em;
}
.woocommerce ul.products li.product-category a:hover h2{color:var(--hn-kupfer)!important}

/* --------------------------------------------------------- Altersabfrage */
.age-gate{background:var(--hn-dunkel)!important}
.age-gate--blur,.age-gate__background{filter:none}
.age-gate__box,.age-gate__form,.age-gate__wrapper{
  background:transparent!important;border:0!important;box-shadow:none!important;
  text-align:center;max-width:560px;
}
.age-gate__heading,.age-gate__headline,.age-gate__title{
  font-family:'Spectral SC',Georgia,serif!important;
  color:#fff!important;letter-spacing:.16em;font-size:1.55rem;line-height:1.35;
  font-weight:400;
}
.age-gate__subheadline,.age-gate__subheading{
  font-family:'Spectral',Georgia,serif!important;font-style:italic;
  color:var(--hn-sand)!important;font-size:1.02rem;line-height:1.7;
}
.age-gate__fields label,.age-gate__form label{color:#D9CDBC!important;letter-spacing:.1em;font-size:.82rem}
.age-gate__field input,.age-gate__input{
  background:rgba(255,255,255,.07);border:1px solid rgba(200,169,110,.45);
  color:#fff;text-align:center;padding:10px;font-family:'Spectral',serif;
}
.age-gate__submit,.age-gate button[type=submit]{
  background:var(--hn-kupfer)!important;color:#fff!important;border:1px solid var(--hn-kupfer)!important;
  font-family:'Spectral SC',Georgia,serif!important;letter-spacing:.14em;
  padding:14px 48px 12px!important;border-radius:0!important;font-size:.95rem;
}
.age-gate__submit:hover{background:transparent!important;color:var(--hn-sand)!important}

/* ------------------------------------------------------------ Fußbereich */
.site-footer{background:var(--hn-dunkel);color:#CFC4B6;padding:54px 0 34px;text-align:center}
.site-footer .site-branding{display:flex;flex-direction:column;align-items:center}
.site-footer .site-branding img,.site-footer .custom-logo{
  max-width:200px;height:auto;opacity:.95;
}
.site-footer .site-description{color:var(--hn-sand);font-style:italic;letter-spacing:.2em;font-size:.72rem}
.site-footer .site-navigation .menu{justify-content:center;gap:4px;margin-top:20px}
.site-footer .site-navigation .menu li a{
  color:#CFC4B6;font-family:'Spectral SC',serif;letter-spacing:.12em;font-size:.86rem;padding:6px 13px;
}
.site-footer .site-navigation .menu li a:hover{color:var(--hn-sand)}
.site-footer .copyright{font-size:.8rem;color:#8C8175;margin-top:18px}

/* -------------------------------------------------------- Bausteine der Seite */
.hn-wasserzeichen{
  font-family:'Spectral SC',Georgia,serif;
  font-size:clamp(90px,13vw,190px);line-height:1;color:rgba(43,40,36,.055);
  letter-spacing:.06em;pointer-events:none;user-select:none;
}
.hn-punkte{border-top:1px dotted var(--hn-linie);margin:26px 0}

/* Tabellen und Formulare */
.woocommerce table.shop_table th{font-family:'Spectral SC',serif;color:var(--hn-tief);letter-spacing:.1em}
.woocommerce-message,.woocommerce-info{border-top-color:var(--hn-kupfer)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--hn-kupfer)}

/* ------------------------------------------------------------ Kleine Geräte */
@media (max-width:767px){
  .site-header{position:relative;background:#fff;border-bottom:1px solid var(--hn-linie)}
  .site-header .site-branding img,.site-header .custom-logo{filter:none;max-width:150px}
  .site-header .site-description{color:var(--hn-kupfer);text-shadow:none}
  .site-header .site-navigation .menu li a{color:var(--hn-tief);text-shadow:none}
  body.home .site-main{padding-top:0}
}
@media (max-width:767px){
  body{font-size:16px}
  h1,.elementor-widget-heading h1.elementor-heading-title{font-size:2rem}
  h2,.elementor-widget-heading h2.elementor-heading-title{font-size:1.6rem;letter-spacing:.11em}
  .woocommerce a.button,.elementor-button,.wc-block-components-button{padding:13px 26px 11px!important;font-size:.88rem!important}
  .hn-wasserzeichen{font-size:64px}
}

/* ------------------------------------------- Altersabfrage, Feinschliff */
.age-gate__logo,
.age-gate img[class*=logo],
.age-gate .age-gate__box img{
  max-width:230px!important;height:auto!important;margin:0 auto 26px!important;display:block;
}
.age-gate__wrapper,.age-gate__box{
  background:rgba(27,21,14,.90)!important;
  padding:52px 46px 44px!important;
  max-width:620px!important;margin:0 auto!important;
  border:1px solid rgba(200,169,110,.28)!important;
}
.age-gate__background,.age-gate__bg{filter:none!important}
.age-gate__headline{margin-bottom:.5em!important;font-size:1.45rem!important}
.age-gate__subheadline{margin-bottom:1.8em!important;font-size:.98rem!important;max-width:470px;margin-left:auto;margin-right:auto}
.age-gate__buttons{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:8px}
.age-gate__buttons button,.age-gate__buttons a,
.age-gate button.age-gate__submit,.age-gate__submit--yes,.age-gate__submit--no{
  min-width:330px;justify-content:center;
}
.age-gate__submit--no,.age-gate button[value="0"],.age-gate .age-gate__no{
  background:transparent!important;color:#D9CDBC!important;border:1px solid rgba(200,169,110,.5)!important;
}
.age-gate__submit--no:hover,.age-gate .age-gate__no:hover{border-color:var(--hn-sand)!important;color:var(--hn-sand)!important}
.age-gate__content,.age-gate__copy{color:#A89C8C!important;font-size:.8rem!important;margin-top:22px!important}
@media (max-width:600px){
  .age-gate__wrapper,.age-gate__box{padding:34px 22px 30px!important}
  .age-gate__logo,.age-gate .age-gate__box img{max-width:170px!important}
  .age-gate__buttons button,.age-gate__buttons a{min-width:240px}
}

/* Ja-Knopf nach oben, wie im bisherigen Entwurf */
.age-gate__buttons{display:flex;flex-direction:column-reverse;gap:12px;align-items:center}

/* ------------------------------ Logo: helle Fassung über Bild und im Fuß */
body.home .site-header .site-branding img,
body.home .site-header .custom-logo,
.site-footer .site-branding img,
.site-footer .custom-logo{
  /* das schwarze Logo unsichtbar machen und das weiße darüberlegen */
  opacity:0;
}
body.home .site-header .site-branding,
.site-footer .site-branding{position:relative}
body.home .site-header .site-branding::before,
.site-footer .site-branding::before{
  content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:190px;height:100%;
  background:url('/wp-content/uploads/2026/09/logo-weiss.png') center/contain no-repeat;
  filter:drop-shadow(0 1px 7px rgba(0,0,0,.45));
  pointer-events:none;
}
.site-footer .site-branding::before{width:200px;filter:none}
@media (max-width:767px){
  body.home .site-header .site-branding img,
  body.home .site-header .custom-logo{opacity:1}
  body.home .site-header .site-branding::before{display:none}
  .site-footer .site-branding::before{width:165px}
}