/*
Theme Name: SmartBookDeals Dark
Template: storefront
Description: Dark-Mode-Design des SmartBookDeals-Paketshops (Entwurf 2). Schriften lokal, keine Drittanbieter-Einbindungen.
Version: 1.0.0
Text Domain: sbd-dark
*/

@font-face { font-family: Lato; font-weight: 400; font-display: swap; src: url(assets/lato-regular.woff2) format("woff2"); }
@font-face { font-family: Lato; font-weight: 700; font-display: swap; src: url(assets/lato-bold.woff2) format("woff2"); }
@font-face { font-family: Lato; font-weight: 900; font-display: swap; src: url(assets/lato-black.woff2) format("woff2"); }

:root {
  --bg: #111418; --bg2: #161a20; --karte: #181d24; --feld: #1d232b; --linie: #232933; --linie2: #2e3642;
  --text: #e7ebf0; --text2: #aab5c1; --text3: #8d98a4; --orange: #f7780a; --orange2: #ff8c26; --blau: #7fb0e6; --gruen: #6fcf8a;
}

/* ---------- Grundlagen ---------- */
html, body, button, input, select, textarea, .button, h1, h2, h3, h4, h5, h6 { font-family: Lato, "Segoe UI", Arial, sans-serif; }
body, .site, #page { background: var(--bg) !important; color: var(--text); }
a { color: var(--orange); } a:hover, a:focus { color: var(--orange2); }
h1, h2, h3, h4, h5, h6, .entry-title, .product_title, .woocommerce-loop-product__title { color: var(--text); }
p, li, td, th, label, .entry-content { color: var(--text); }
hr { background: var(--linie); }
.col-full { max-width: 1320px; padding-left: 28px; padding-right: 28px; box-sizing: border-box; }
.site-content { padding-top: 28px; }
::selection { background: var(--orange); color: #111; }
:focus-visible { outline: 2px solid var(--orange); outline-offset: 2px; }

button:not(.gpay-card-info-container):not(.gpay-button), input[type=button], input[type=reset], input[type=submit], .button, .added_to_cart, .wc-block-components-button:not(.is-link) {
  background: var(--orange) !important; color: #111 !important; border: 0; border-radius: 8px; font-weight: 700; text-shadow: none;
}
button:not(.gpay-card-info-container):not(.gpay-button):hover, input[type=submit]:hover, .button:hover, .wc-block-components-button:not(.is-link):hover { background: var(--orange2) !important; color: #111 !important; }
.button.alt, button.alt { background: var(--orange) !important; color: #111 !important; }

input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password], input[type=search], input[type=url], textarea, select,
.select2-container .select2-selection, .wc-block-components-text-input input, .wc-block-components-textarea, .wc-blocks-components-select__select {
  background: var(--feld) !important; color: var(--text) !important; border: 1px solid var(--linie2) !important; border-radius: 8px; box-shadow: none;
}
.wc-block-components-text-input label, .wc-blocks-components-select__label { color: var(--text3) !important; }
.select2-dropdown { background: var(--feld); color: var(--text); border-color: var(--linie2); }
.select2-results__option--highlighted { background: var(--orange) !important; color: #111 !important; }
table, table th, table td { background: transparent !important; border-color: var(--linie) !important; color: var(--text); }
table th { color: var(--text2); }

/* ---------- Kopf ---------- */
.site-header { background: var(--bg2) !important; border-bottom: 1px solid var(--linie); padding: 0 !important; margin-bottom: 0 !important; }
.sbd-kopf { display: flex; align-items: center; gap: 34px; padding: 16px 0; }
.sbd-kopf .sbd-logo img { height: 52px; width: auto; display: block; }
.sbd-kopf nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 24px; }
.sbd-kopf nav a { color: #c9d2dc; font-weight: 700; font-size: 15px; text-decoration: none; }
.sbd-kopf nav a:hover, .sbd-kopf nav .aktiv a { color: var(--orange); }
.sbd-kopf .sbd-aktionen { margin-left: auto; display: flex; gap: 14px; align-items: center; }
.sbd-suche { position: relative; }
.sbd-suche input[type=search] { width: 280px; padding: 10px 16px !important; border-radius: 10px !important; border: 1px solid var(--linie) !important; }
.sbd-suche button { display: none; }
.sbd-korb { border: 1px solid var(--orange); color: var(--orange) !important; border-radius: 10px; padding: 9px 16px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.sbd-korb:hover { background: var(--orange); color: #111 !important; }
.sbd-korb .anzahl { background: var(--orange); color: #111; border-radius: 10px; padding: 1px 8px; margin-left: 6px; font-size: 13px; }
.sbd-korb:hover .anzahl { background: #111; color: var(--orange); }
.sbd-konto { color: var(--text2) !important; font-size: 14px; text-decoration: none; }
.storefront-handheld-footer-bar { display: none !important; }

/* ---------- Startseite ---------- */
.sbd-held { padding: 64px 20px 34px; text-align: center; background: radial-gradient(ellipse at top, #1f3550 0%, var(--bg) 65%); margin: -28px 0 0; }
.sbd-held h1 { font-size: 52px; font-weight: 900; line-height: 1.1; margin: 0; letter-spacing: -.01em; }
.sbd-held h1 span { color: var(--orange); }
.sbd-held p { font-size: 19px; color: var(--text2); margin: 16px auto 26px; max-width: 720px; }
.sbd-cta { display: inline-block; background: var(--orange); color: #111 !important; font-weight: 900; padding: 15px 30px; border-radius: 10px; text-decoration: none; }
.sbd-cta:hover { background: var(--orange2); }
.sbd-vertrauen { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin: 28px 0; }
.sbd-vertrauen div { background: var(--karte); border: 1px solid var(--linie); border-radius: 12px; padding: 16px 18px; }
.sbd-vertrauen b { display: block; color: var(--orange); font-size: 16px; }
.sbd-vertrauen span { font-size: 14px; color: #9aa5b1; }
.sbd-chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 22px; }
.sbd-chips a { background: #1b2028; border: 1px solid var(--linie); border-radius: 8px; padding: 8px 16px; font-size: 15px; color: #c9d2dc; text-decoration: none; }
.sbd-chips a:hover { border-color: var(--orange); color: var(--orange); }
.sbd-chips a.aktiv { background: var(--orange); border-color: var(--orange); color: #111; font-weight: 700; }
.sbd-abschnitt { font-size: 26px; font-weight: 900; margin: 6px 0 16px; }

/* ---------- Produktkarten ---------- */
ul.products { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 24px; margin: 0 0 40px !important; }
ul.products::before, ul.products::after { display: none !important; }
ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; background: var(--karte); border: 1px solid var(--linie); border-radius: 14px; overflow: hidden;
  display: flex; flex-direction: column; text-align: left !important; padding: 0 0 16px !important; transition: transform .15s, border-color .15s; }
ul.products li.product:hover { transform: translateY(-3px); border-color: var(--linie2); }
ul.products li.product a.woocommerce-LoopProduct-link { display: flex; flex-direction: column; flex: 1; text-decoration: none; }
ul.products li.product img { margin: 0 0 14px !important; border-radius: 0; aspect-ratio: 1; object-fit: cover; width: 100%; background: #f4eee3; }
ul.products li.product .sbd-genre, ul.products li.product .woocommerce-loop-product__title, ul.products li.product .sbd-meta,
ul.products li.product .price, ul.products li.product .sbd-hinweis, ul.products li.product .button, ul.products li.product .wc-gzd-additional-info { padding-left: 16px; padding-right: 16px; }
.sbd-genre { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--blau); display: block; }
ul.products li.product .woocommerce-loop-product__title { font-size: 17px !important; font-weight: 700; margin: 6px 0 4px; min-height: 44px; line-height: 1.3; color: var(--text); }
ul.products li.product .sbd-meta { font-size: 14px; color: var(--text3); margin: 0 0 10px; }
ul.products li.product .price { font-size: 22px !important; font-weight: 900; color: #fff !important; margin: auto 0 0 !important; display: block; }
ul.products li.product .price del { color: var(--text3); font-size: 15px; }
ul.products li.product .button { margin: 10px 16px 0 !important; padding: 9px 12px !important; font-size: 14px; display: block; text-align: center; }
ul.products li.product .added_to_cart { margin: 8px 16px 0; display: block; text-align: center; padding: 6px; background: transparent !important; color: var(--orange) !important; }
.sbd-hinweis { font-size: 12px; color: var(--gruen); margin: 8px 0 0; display: block; }
ul.products li.product .wc-gzd-additional-info, ul.products li.product .small-business-info { font-size: 11px; color: var(--text3); margin: 2px 0 0; }
ul.products li.product .shipping-costs-info, ul.products li.product .shipping-costs-info a { color: var(--gruen) !important; font-size: 12px; }
.summary .shipping-costs-info, .summary .shipping-costs-info a { color: var(--gruen) !important; }
.wc-gzd-legal-guarantee-footer { max-width: 1320px; margin: 0 auto; padding: 0 28px 28px; box-sizing: border-box; }
.wc-gzd-legal-guarantee-footer img, .wc-gzd-legal-guarantee-image-preview img { width: 150px !important; height: auto; border-radius: 4px; }
.wc-gzd-popover-inner { background: #fff; color: #111; }
ul.products li.product.outofstock { opacity: .55; }
.onsale { background: var(--orange); color: #111; border: 0; border-radius: 8px; }

/* KI-Hinweis auf den Bildern */
.sbd-bild { position: relative; }
.sbd-bild img { display: block; }
.sbd-ki { position: absolute; right: 8px; bottom: 8px; z-index: 2; background: rgba(0,0,0,.55); color: #fff; font: 700 11px/1 Lato, sans-serif;
  letter-spacing: .06em; padding: 4px 6px; border-radius: 4px; pointer-events: auto; cursor: help; }
ul.products li.product .sbd-bild { margin: 0 0 14px; }
ul.products li.product .sbd-bild img { margin: 0 !important; }
.woocommerce-product-gallery__image::after { content: "KI"; position: absolute; right: 12px; bottom: 12px; z-index: 2; background: rgba(0,0,0,.55);
  color: #fff; font: 700 12px/1 Lato, sans-serif; letter-spacing: .06em; padding: 4px 7px; border-radius: 4px; pointer-events: none; }

/* ---------- Shop-Liste ---------- */
.woocommerce-products-header__title, .page-title { font-weight: 900; }
.woocommerce-result-count { color: var(--text3); }
.woocommerce-ordering select { padding: 8px 12px; }
.storefront-sorting { margin-bottom: 22px; }
.woocommerce-pagination .page-numbers li .page-numbers { background: var(--karte); color: var(--text); border-radius: 8px; }
.woocommerce-pagination .page-numbers li .page-numbers.current { background: var(--orange); color: #111; }
.woocommerce-breadcrumb { background: transparent !important; color: var(--text3); padding: 0 0 18px !important; margin: 0 !important; font-size: 14px; }
.woocommerce-breadcrumb a { color: var(--text2); }

/* ---------- Produktseite ---------- */
.single-product div.product .woocommerce-product-gallery { width: 52% !important; float: left !important; margin: 0 4% 0 0 !important; }
.single-product div.product .summary { width: 44% !important; float: right !important; margin: 0 !important; }
.single-product div.product .woocommerce-tabs, .single-product div.product .related, .single-product div.product .up-sells { clear: both; }
.woocommerce-product-gallery__wrapper img, .flex-control-thumbs img { border-radius: 12px; background: #f4eee3; }
.woocommerce-product-gallery__image img:not(.zoomImg) { width: 100% !important; height: auto; display: block; }
/* Lupe: Zoom-Bild in Originalgröße, nie strecken */
.woocommerce-product-gallery__image img.zoomImg { width: auto !important; height: auto !important; max-width: none !important; max-height: none !important; }
.flex-control-thumbs li { padding: 6px !important; }
.product_title { font-size: 34px; font-weight: 900; line-height: 1.15; margin-bottom: 6px; }
.summary .sbd-autoren { color: var(--text2); font-size: 17px; margin: 0 0 8px; }
.summary .sbd-meta { color: var(--blau); font-weight: 700; margin: 0 0 10px; }
.summary .sbd-zustand-kurz { color: var(--text2); font-size: 15px; background: var(--karte); border-left: 3px solid var(--blau); padding: 10px 14px; border-radius: 6px; }
.summary .price { font-size: 34px !important; font-weight: 900; color: #fff !important; margin: 16px 0 2px !important; }
.summary .wc-gzd-additional-info, .summary .small-business-info, .summary .shipping-costs-info, .summary .legal-price-info { color: var(--text3) !important; font-size: 13px; margin: 0 !important; }
.summary .stock { color: var(--gruen) !important; }
.summary .stock.out-of-stock { color: #ff7b7b !important; }
.summary form.cart { margin: 18px 0 !important; padding: 0 !important; border: 0 !important; }
.summary form.cart .quantity { display: none; }
.summary form.cart .button { font-size: 18px; padding: 15px 34px; }
.summary .product_meta { border-color: var(--linie); color: var(--text3); font-size: 13px; }
.summary .product_meta a { color: var(--text2); }
.sbd-vorteile { list-style: none; margin: 20px 0 !important; padding: 16px 18px; background: var(--karte); border: 1px solid var(--linie); border-radius: 12px; }
.sbd-vorteile li { margin: 4px 0; color: var(--text2); font-size: 15px; }
.sbd-vorteile li::before { content: "✓"; color: var(--gruen); font-weight: 900; margin-right: 10px; }
.woocommerce-tabs { padding: 30px 0 0 !important; border-top: 1px solid var(--linie); }
.woocommerce-tabs ul.tabs { display: none; }
.woocommerce-tabs .panel { width: 100% !important; float: none !important; max-width: 880px; }
.woocommerce-tabs .panel h2:first-of-type { font-size: 24px; font-weight: 900; }
.woocommerce-tabs .panel h3 { font-size: 19px; color: var(--orange); margin-top: 24px; }
.woocommerce-tabs .panel .sbd-zustand { background: var(--karte); border: 1px solid var(--linie); border-left: 4px solid var(--blau); padding: 12px 16px; border-radius: 8px; margin-bottom: 18px; }
.woocommerce-tabs .panel table th { width: 34%; }
.related > h2, .up-sells > h2 { font-size: 24px; font-weight: 900; }

/* EU-Gewährleistungslabel (offizielle Vorlage, nur Rahmen/Abstand) */
.wc-gzd-legal-guarantee, .wc-gzd-eu-label { margin: 14px 0; }

/* ---------- Warenkorb / Kasse ---------- */
.wc-block-cart, .wc-block-checkout, .woocommerce-cart-form, .cart-collaterals, .woocommerce-checkout { color: var(--text); }
.wc-block-components-sidebar, .wc-block-components-totals-wrapper, .wc-block-components-order-summary, .wc-block-components-panel,
.cart_totals, #order_review, .woocommerce-checkout-review-order { background: var(--karte) !important; border-color: var(--linie) !important; border-radius: 12px; }
.wc-block-components-totals-item__label, .wc-block-components-totals-item__value, .wc-block-components-product-name, .wc-block-components-formatted-money-amount { color: var(--text) !important; }
.wc-block-components-totals-fees .wc-block-components-totals-item__value { color: var(--gruen) !important; }
.wc-block-components-radio-control__option, .wc-block-components-radio-control-accordion-option, .wc-block-components-checkbox__label,
.wc-block-components-checkout-step__description, .wc-block-components-product-metadata { color: var(--text) !important; }
.wc-block-components-radio-control__input, .wc-block-components-checkbox__input { background: var(--feld) !important; border-color: var(--linie2) !important; }
.wc-block-components-radio-control__input:checked { border-color: var(--orange) !important; }
.wc-block-components-radio-control__input:checked::before { background: var(--orange) !important; }
.wc-block-components-radio-control-accordion-option, .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
  box-shadow: inset 0 0 0 1px var(--linie2) !important; border-radius: 10px; }
.wc-block-components-notice-banner { background: var(--karte) !important; color: var(--text) !important; border-color: var(--linie2) !important; }
.wc-block-components-title, .wc-block-components-checkout-step__title { color: var(--text) !important; }
.wc-block-cart-items, .wc-block-cart-items td, .wc-block-cart-items th { border-color: var(--linie) !important; }
.wc-block-components-product-image img { border-radius: 8px; background: #f4eee3; }
.woocommerce-info, .woocommerce-message, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
  background: var(--karte) !important; color: var(--text) !important; border-left: 4px solid var(--orange); border-radius: 8px; }
.woocommerce-info a, .woocommerce-message a { color: var(--orange) !important; }
#payment, .woocommerce-checkout #payment { background: var(--karte) !important; border-radius: 12px; }
#payment .payment_box { background: var(--feld) !important; color: var(--text) !important; }
#payment .payment_box::before { border-bottom-color: var(--feld) !important; }
.woocommerce-checkout .wc-gzd-checkbox-placeholder, .wc-gzd-checkbox-placeholder label { color: var(--text2); }

/* Kasse: Bestellübersicht mit „Jetzt kaufen“ läuft beim Scrollen mit (Germanized setzt den Knopf dorthin) */
/* Storefront schneidet am Seitenrahmen mit overflow:hidden ab – das verhindert position:sticky; clip schneidet ohne Scroll-Container */
.site, #page { overflow-x: clip !important; overflow-y: visible !important; }
@media (min-width: 861px) {
  .wc-block-checkout.is-large { align-items: flex-start; }
  .wc-block-checkout.is-large .wc-block-components-sidebar { position: sticky; top: 20px; align-self: flex-start; }
  .wc-block-checkout.is-large .wc-block-components-sidebar .wc-block-components-checkout-place-order-button { font-size: 18px; padding: 16px !important; }
}

/* ---------- Kasse (klassisch) ---------- */
/* Lade-Schleier beim Neuberechnen dunkel statt weiß (kein Aufblitzen) */
.blockUI.blockOverlay { background: rgba(17, 20, 24, .55) !important; opacity: 1 !important; }
.blockUI.blockOverlay::before { display: none; }
form.woocommerce-checkout { display: grid; grid-template-columns: minmax(0, 1fr) 440px; grid-template-areas: "daten summe" "zahlung summe"; gap: 28px 40px; align-items: start; }
form.woocommerce-checkout #customer_details { display: block !important; grid-area: daten; width: auto !important; float: none !important; margin: 0 !important; }
form.woocommerce-checkout #sbd-zahlung { grid-area: zahlung; }
form.woocommerce-checkout #order_review_heading { display: none; }
form.woocommerce-checkout #order_review { grid-area: summe; width: auto !important; float: none !important; margin: 0 !important; position: sticky; top: 20px;
  background: var(--karte); border: 1px solid var(--linie); border-radius: 14px; padding: 22px 24px; }
form.woocommerce-checkout #order_review::before { content: "Ihre Bestellung"; display: block; font-size: 22px; font-weight: 900; margin: 0 0 12px; color: var(--text); }
.col2-set .col-1, .col2-set .col-2 { width: 100% !important; float: none !important; margin: 0 !important; }
#customer_details .col-1, #customer_details .col-2, .sbd-kasse-karte { background: var(--karte); border: 1px solid var(--linie); border-radius: 14px; padding: 22px 24px; margin-bottom: 28px !important; }
#customer_details .col-2:not(:has(*:not(.woocommerce-shipping-fields:empty))) { display: none; }
.woocommerce-checkout h3, .sbd-kasse-karte h3 { font-size: 22px; font-weight: 900; margin: 0 0 16px; color: var(--text); }
.woocommerce-checkout .form-row label { color: var(--text2); font-size: 14px; margin-bottom: 4px; }
.woocommerce-checkout .form-row .required { color: var(--orange); text-decoration: none; }
.woocommerce-checkout .form-row input.input-text, .woocommerce-checkout .form-row select, .woocommerce-checkout .form-row textarea,
.woocommerce-checkout .select2-container .select2-selection--single { padding: 12px 14px !important; height: auto !important; border-radius: 10px !important; font-size: 15px; }
.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered { color: var(--text) !important; line-height: 1.4; padding: 0; }
.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow { top: 50%; transform: translateY(-50%); }
.woocommerce-checkout input[type=checkbox], .woocommerce-checkout input[type=radio] { accent-color: var(--orange); width: 18px; height: 18px; vertical-align: middle; }
#ship-to-different-address { font-size: 17px !important; font-weight: 700; margin: 0 0 8px; }
#ship-to-different-address label { display: flex; align-items: center; gap: 10px; flex-direction: row-reverse; justify-content: flex-end; }
.woocommerce-additional-fields h3 { font-size: 17px !important; }
/* Zahlungsarten wie Auswahlkarten */
#payment { background: transparent !important; border: 0 !important; padding: 0 !important; }
#payment ul.payment_methods { padding: 0 !important; border: 0 !important; margin: 0 !important; display: grid; gap: 10px; }
#payment ul.payment_methods li { cursor: pointer; list-style: none; background: var(--feld) !important; border: 1px solid var(--linie2); border-radius: 10px; padding: 14px 16px !important; margin: 0 !important; }
#payment ul.payment_methods li:has(input:checked) { border-color: var(--orange); box-shadow: 0 0 0 1px var(--orange); }
#payment ul.payment_methods li > label { color: var(--text) !important; font-weight: 700; font-size: 16px; cursor: pointer; display: inline-flex; align-items: center; gap: 10px; }
#payment ul.payment_methods li img { max-height: 22px; margin-left: 8px !important; vertical-align: middle; }
#payment .payment_box { background: transparent !important; color: var(--text2) !important; padding: 10px 0 0 28px !important; margin: 0 !important; font-size: 14px; }
#payment .payment_box::before { display: none !important; }
#payment .place-order, #payment .form-row.place-order { display: none; }
#sbd-zahlung > h3 { display: none; }
#sbd-zahlung #payment h3, #sbd-zahlung .woocommerce-checkout-payment > h3 { font-size: 22px; font-weight: 900; margin: 0 0 16px; }
#sbd-zahlung #order_review_heading, #sbd-zahlung h3#order_review_heading { display: none !important; }
#customer_details .col-2 .wc-gzd-legal-guarantee img { max-width: 260px; height: auto; }
/* Bestellübersicht rechts */
#order_review table.shop_table { border: 0 !important; margin: 0 0 14px; font-size: 15px; }
#order_review table.shop_table th, #order_review table.shop_table td { padding: 10px 0 !important; border: 0 !important; border-bottom: 1px solid var(--linie) !important; }
#order_review table.shop_table thead { display: none; }
#order_review table.shop_table td.product-total, #order_review table.shop_table tfoot td { text-align: right; }
#order_review table.shop_table tfoot .order-total th, #order_review table.shop_table tfoot .order-total td { font-size: 20px; font-weight: 900; color: #fff; border-bottom: 0 !important; }
#order_review .wc-gzd-product-name-left img, #order_review td.product-name img { width: 48px !important; height: 48px; object-fit: cover; border-radius: 6px; margin-right: 10px; }
#order_review .small-business-info, #order_review .order-total-small-business-notice td { color: var(--text3) !important; font-size: 12px; text-align: left !important; }
#order_review .wc-gzd-checkbox-placeholder, #order_review .legal, #order_review .checkbox-legal, #order_review p.form-row.checkbox-legal { color: var(--text2); font-size: 14px; margin: 10px 0; }
#order_review .form-row.checkbox-legal label, #order_review .wc-gzd-checkbox-placeholder label { display: flex; gap: 10px; align-items: flex-start; }
#order_review #place_order, #order_review .wc-gzd-order-submit button { width: 100%; font-size: 18px; padding: 16px !important; margin-top: 8px; border-radius: 10px; }
#order_review #ppc-button-ppcp-gateway, #order_review [id^=ppc-button] { margin-top: 10px; }
.woocommerce-form-login-toggle .woocommerce-info, .woocommerce-form-coupon-toggle .woocommerce-info { margin-bottom: 14px; }
@media (max-width: 960px) {
  form.woocommerce-checkout { grid-template-columns: 1fr; grid-template-areas: "daten" "zahlung" "summe"; }
  form.woocommerce-checkout #order_review { position: static; }
}

/* ---------- Seiten, Konto, Formulare ---------- */
.hentry, .site-main article { background: transparent; }
.entry-title { font-weight: 900; }
.entry-content h2 { font-size: 22px; margin-top: 26px; }
.woocommerce-MyAccount-navigation ul li a { color: var(--text2); }
.woocommerce-MyAccount-navigation ul li.is-active a { color: var(--orange); }
.sbd-entwurf { border: 2px dashed var(--orange); padding: 14px 18px; border-radius: 8px; }

/* ---------- Fuß ---------- */
.site-footer { background: #0c0e11 !important; color: #9aa5b1 !important; border-top: 1px solid var(--linie); padding: 0 !important; }
.site-footer a { color: #c9d2dc !important; text-decoration: none; }
.site-footer a:hover { color: var(--orange) !important; }
.sbd-fuss { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr; gap: 40px; padding: 46px 0 26px; }
.sbd-fuss h4 { color: var(--text); font-size: 16px; margin: 0 0 10px; }
.sbd-fuss ul { list-style: none; margin: 0; padding: 0; }
.sbd-fuss li { margin: 6px 0; font-size: 14px; }
.sbd-fuss p { color: #9aa5b1; font-size: 14px; }
.sbd-fuss .sbd-logo-fuss { width: 190px; margin-bottom: 10px; }
.sbd-unterleiste { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; border-top: 1px solid var(--linie); padding: 18px 0 26px; font-size: 13px; }
.sbd-widerruf, .site-footer a.sbd-widerruf { border: 2px solid var(--orange); color: var(--orange) !important; border-radius: 8px; padding: 9px 18px; font-weight: 700; font-size: 15px; }
.sbd-widerruf:hover { background: var(--orange); color: #111 !important; }
.sbd-fuss-label { margin-top: 12px; }
.site-info { display: none; }

/* Kleinunternehmer-Hinweis nur an der Kasse */
.sbd-ohne-kleinunternehmer .small-business-info, .sbd-ohne-kleinunternehmer .wc-gzd-small-business-info,
.sbd-ohne-kleinunternehmer .order-total-small-business-notice { display: none !important; }

/* Hinweise ("… wurde Ihrem Warenkorb hinzugefügt"): ohne Rahmen, Knopf mit dunkler Schrift */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner {
  border: 0 !important; box-shadow: none !important; outline: 0 !important; background: var(--karte) !important; border-radius: 10px; }
.woocommerce-message a.button, .woocommerce-info a.button, .woocommerce-error a.button,
.wc-block-components-notice-banner a.button, .wc-block-components-notice-banner .wc-forward {
  background: var(--orange) !important; color: #111 !important; border: 0 !important; text-decoration: none !important; font-weight: 700; padding: 9px 18px !important; border-radius: 8px; }
.woocommerce-message a.button:hover, .wc-block-components-notice-banner a.button:hover, .wc-block-components-notice-banner .wc-forward:hover { background: var(--orange2) !important; color: #111 !important; }
.wc-block-components-notice-banner > svg { fill: var(--gruen) !important; background: transparent !important; }

/* volle Breite ohne Seitenleiste */
.content-area, .site-main { width: 100% !important; float: none !important; margin-right: 0 !important; }
#secondary { display: none !important; }

/* Breadcrumbs, Hashtags, Genre-Texte */
.sbd-brotkrumen { display: block !important; color: var(--text3); font-size: 14px; padding: 0 0 18px !important; margin: 0 !important; background: none !important; }
.sbd-brotkrumen a { color: var(--text2); text-decoration: none; } .sbd-brotkrumen a:hover { color: var(--orange); }
.sbd-brotkrumen .sbd-trenner { margin: 0 6px; color: var(--text3); }
.woocommerce-breadcrumb::before, .woocommerce-breadcrumb a:first-of-type::before { display: none !important; }
.sbd-hashtags { margin: 4px 0 18px; line-height: 2; }
.sbd-hashtags a { display: inline-block; background: #1b2028; border: 1px solid var(--linie); color: var(--blau) !important; border-radius: 999px; padding: 2px 12px; margin: 0 6px 6px 0; font-size: 14px; text-decoration: none; }
.sbd-hashtags a:hover { border-color: var(--orange); color: var(--orange) !important; }
.sbd-genre-einleitung { color: var(--text2); font-size: 17px; max-width: 880px; margin: 4px auto 26px; text-align: center; }
.woocommerce-products-header { text-align: center; padding-bottom: 0 !important; }
.sbd-genre-text { text-align: left; }
.sbd-genre-text { max-width: 880px; margin: 10px 0 40px; padding-top: 26px; border-top: 1px solid var(--linie); color: var(--text2); }
.sbd-genre-text h2 { font-size: 22px; font-weight: 900; color: var(--text); margin-top: 0; }

/* Eigener Einleitungstext über der eBay-Beschreibung */
.sbd-einleitung { font-size: 18px; line-height: 1.65; color: var(--text); margin: 0 0 24px; max-width: 880px; }
.sbd-einleitung p { margin: 0; }

/* Häufige Fragen */
.sbd-faq { max-width: 880px; margin: 0 0 50px; }
.sbd-faq h2 { font-size: 22px; font-weight: 900; margin: 0 0 14px; }
.sbd-faq details { background: var(--karte); border: 1px solid var(--linie); border-radius: 10px; margin: 0 0 10px; padding: 0 18px; }
.sbd-faq summary { cursor: pointer; padding: 14px 0; font-weight: 700; color: var(--text); list-style: none; display: flex; justify-content: space-between; gap: 14px; }
.sbd-faq summary::-webkit-details-marker { display: none; }
.sbd-faq summary::after { content: "+"; color: var(--orange); font-size: 22px; line-height: 1; }
.sbd-faq details[open] summary::after { content: "–"; }
.sbd-faq details p { margin: 0 0 16px; color: var(--text2); }

/* Einzelbücher */
.sbd-art-buch .woocommerce-product-gallery__image::after { display: none; }
ul.products li.product .sbd-autor-karte { font-size: 14px; color: var(--text2); margin: -2px 0 2px; padding: 0 16px; }
.sbd-mehr { margin: -18px 0 40px; } .sbd-mehr a { font-weight: 700; text-decoration: none; }
.summary .product_meta .sku_wrapper { display: none; }

/* ---------- Mobil ---------- */
@media (max-width: 1100px) {
  ul.products { grid-template-columns: repeat(3, 1fr); }
  .sbd-suche input[type=search] { width: 200px; }
}
@media (max-width: 860px) {
  .sbd-kopf { flex-wrap: wrap; gap: 12px 20px; }
  .sbd-kopf nav { order: 3; width: 100%; overflow-x: auto; }
  .sbd-kopf .sbd-logo img { height: 40px; }
  .sbd-suche { display: none; }
  ul.products { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .sbd-vertrauen { grid-template-columns: repeat(2, 1fr); }
  .sbd-held h1 { font-size: 34px; }
  .single-product div.product .woocommerce-product-gallery, .single-product div.product .summary { width: 100% !important; float: none !important; margin: 0 0 20px !important; }
  .sbd-fuss { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 520px) {
  .col-full { padding-left: 14px; padding-right: 14px; }
  .sbd-chips { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; }
  .sbd-chips a { white-space: nowrap; }
  .sbd-vertrauen { gap: 10px; } .sbd-vertrauen div { padding: 12px; }
  .sbd-held { padding: 40px 10px 24px; } .sbd-held p { font-size: 16px; }
  .sbd-kopf .sbd-konto { display: none; }
  ul.products { grid-template-columns: 1fr 1fr; }
  ul.products li.product .woocommerce-loop-product__title { font-size: 15px !important; }
  .sbd-fuss { grid-template-columns: 1fr; }
}