/*
Theme Name: Heisser Ofen Hero Child
Template: tbs-affiliate-neon
Version: 1.1.0
Description: Redaktionelles Startseiten- und Kartenlayout fuer heisser-ofen.com.
*/

:root {
  --ho-ink:#102721;
  --ho-paper:#f4f0e8;
  --ho-ember:#d85f32;
  --ho-gold:#e9aa52;
  --ho-pine:#164b3e;
  --ho-card:#fffdf8;
  --ho-line:#d8cdbd;
  --neon-pink:var(--ho-ember);
  --neon-cyan:var(--ho-gold);
  --neon-purple:var(--ho-pine);
  --neon-green:#2f7f57;
  --neon-orange:var(--ho-ember);
  --neon-blue:#356b78;
}
body { background:var(--ho-paper); color:var(--ho-ink); }
a { color:var(--ho-pine); }
.site-header { background:var(--ho-ink); border-color:var(--ho-gold); color:#fff; }
.site-header .site-name,
.site-header .site-tagline,
.site-header a { color:#fff; text-shadow:none; }
.site-header .site-name { background:none; -webkit-text-fill-color:currentColor; }
.ho-hero { position:relative; min-height:min(76vh,760px); display:grid; align-items:end; overflow:hidden; background:#182620; }
.ho-hero__slide { position:absolute; inset:0; opacity:0; background-size:cover; background-position:center; animation:hoHero 60s infinite; }
.ho-hero__slide:nth-child(2){animation-delay:6s}.ho-hero__slide:nth-child(3){animation-delay:12s}.ho-hero__slide:nth-child(4){animation-delay:18s}.ho-hero__slide:nth-child(5){animation-delay:24s}.ho-hero__slide:nth-child(6){animation-delay:30s}.ho-hero__slide:nth-child(7){animation-delay:36s}.ho-hero__slide:nth-child(8){animation-delay:42s}.ho-hero__slide:nth-child(9){animation-delay:48s}.ho-hero__slide:nth-child(10){animation-delay:54s}
@keyframes hoHero { 0%,8% {opacity:1;transform:scale(1.01)} 10%,100% {opacity:0;transform:scale(1.06)} }
.ho-hero:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(9,29,23,.92) 0%,rgba(9,29,23,.56) 44%,rgba(9,29,23,.12) 78%),linear-gradient(0deg,rgba(9,29,23,.58),transparent 58%); }
.ho-hero__inner { position:relative; z-index:1; width:min(1180px,92vw); margin:0 auto; padding:clamp(4rem,12vw,10rem) 0 clamp(3rem,7vw,6rem); color:#fff; }
.ho-kicker { margin:0 0 1rem; color:#ffc16c; font-size:.82rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.ho-hero h1 { max-width:760px; margin:0; font-size:clamp(2.6rem,6vw,5.8rem); line-height:.98; letter-spacing:-.055em; color:#fff; }
.ho-hero__intro { max-width:670px; margin:1.5rem 0 0; font-size:clamp(1.05rem,2vw,1.3rem); line-height:1.6; }
.ho-hero__actions { display:flex; flex-wrap:wrap; gap:.9rem; margin-top:2rem; }
.ho-button { display:inline-flex; align-items:center; min-height:48px; padding:.7rem 1.1rem; border-radius:999px; color:#fff; background:var(--ho-ember); font-weight:800; text-decoration:none; }
.ho-button--quiet { background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.45); }
.ho-section { width:min(1180px,92vw); margin:0 auto; padding:clamp(3.2rem,7vw,6rem) 0; }
.ho-section__head { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1.75rem; }
.ho-section__head h2 { margin:0; font-size:clamp(2rem,4vw,3.2rem); color:var(--ho-ink); letter-spacing:-.04em; }
.ho-section__head a { color:var(--ho-pine); font-weight:800; }
.ho-posts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.3rem; }
.ho-card { overflow:hidden; background:#fff; border-radius:22px; box-shadow:0 10px 32px rgba(16,39,33,.12); }
.ho-card__image { display:block; aspect-ratio:16/10; background:#d8ddd8; }
.ho-card__image img { display:block; width:100%; height:100%; object-fit:cover; }
.ho-card__body { padding:1.35rem; }
.ho-card__meta { margin:0 0 .75rem; color:#66746d; font-size:.88rem; }
.ho-card h3 { margin:.15rem 0 .8rem; font-size:1.35rem; line-height:1.15; }
.ho-card h3 a { color:var(--ho-ink); text-decoration:none; }
.ho-card p { margin:0; color:#46544e; line-height:1.58; }
.ho-card__more { display:inline-block; margin-top:1rem; color:var(--ho-pine); font-weight:800; }
.ho-topics { background:#173e34; color:#fff; }
.ho-topics .ho-section__head h2 { color:#fff; }.ho-topics .ho-section__head a{color:#ffd08a}
.ho-topic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.ho-topic { display:block; padding:1.35rem; border:1px solid rgba(255,255,255,.22); border-radius:18px; color:#fff; text-decoration:none; background:rgba(255,255,255,.05); }
.ho-topic strong { display:block; margin-bottom:.45rem; font-size:1.35rem; }.ho-topic span{color:#d9e5df;line-height:1.45}

/* WooCommerce follows the editorial front-page palette instead of neon defaults. */
.woocommerce-page .site-main,
.woocommerce-page .content-area,
.woocommerce .site-main { color:var(--ho-ink); }
.woocommerce-products-header,
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering { color:var(--ho-ink); }
.woocommerce .woocommerce-ordering select {
  min-height:44px;
  padding:.55rem 2.4rem .55rem .8rem;
  border:1px solid var(--ho-line);
  border-radius:12px;
  background:var(--ho-card);
  color:var(--ho-ink);
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  overflow:hidden;
  border:1px solid var(--ho-line) !important;
  border-radius:20px !important;
  background:var(--ho-card) !important;
  box-shadow:0 10px 28px rgba(16,39,33,.11) !important;
}
.woocommerce ul.products li.product a img { margin:0 !important; background:#fff; }
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button { margin-right:1.15rem !important; margin-left:1.15rem !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color:var(--ho-ink) !important;
  text-shadow:none !important;
}
.woocommerce ul.products li.product .price { color:var(--ho-pine) !important; font-weight:800; }
.woocommerce ul.products li.product .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  border:0 !important;
  border-radius:999px !important;
  background:var(--ho-ember) !important;
  color:#fff !important;
  box-shadow:none !important;
}
.woocommerce ul.products li.product .button { margin-bottom:1.2rem !important; }
.woocommerce span.onsale { background:var(--ho-gold) !important; color:var(--ho-ink) !important; }
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li { border-color:var(--ho-line); }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span { color:var(--ho-pine); }
.woocommerce nav.woocommerce-pagination ul li span.current { background:var(--ho-pine); color:#fff; }
@media (max-width:800px){.ho-posts,.ho-topic-grid{grid-template-columns:1fr}.ho-hero{min-height:680px}.ho-hero__inner{padding-bottom:3.5rem}.ho-section__head{align-items:start;flex-direction:column}}
@media (prefers-reduced-motion:reduce){.ho-hero__slide{animation:none}.ho-hero__slide:not(:first-child){display:none}}