/* Bin ich nicht mehr sicher, Bild unter Header? */
.wp-block-cover.alignfull {
    max-width: 100vw;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    margin-top: -65px; /* Bild rutscht nach oben */
}

/* Nur der Inhalt innerhalb des Covers bleibt auf 1200px beschränkt */
.wp-block-cover.alignfull .wp-block-cover__inner-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* ==== GLOBAL ROBOTO ==== */
body,
h1, h2, h3, h4, h5, h6,
p, a, li, button, input, select, textarea,
.site-title, .site-description,
.ct-header, .ct-footer,
.widget, .widget-title {
  font-family: 'Roboto', sans-serif !important;
}

/* ==== MENÜ FIX ==== */
nav#header-menu-1,
nav#header-menu-1 .ct-menu-link {
  --theme-font-family: 'Roboto', sans-serif !important;
  --theme-font-size: 19px !important;
  --theme-font-weight: 300 !important;
  --theme-line-height: 1.4 !important;
  --theme-letter-spacing: normal !important;
  --theme-text-transform: none !important; /* kein Großbuchstaben-Zwang */
}

/* Untermenüs */
nav#header-menu-1 ul.sub-menu,
nav#header-menu-1 ul.sub-menu * {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}

/* ==== FOOTER FIX ==== */
.site-footer,
.site-footer a,
.site-footer p,
.site-footer li,
.footer-widgets,
.footer-widgets a,
.footer-widgets li {
  font-family: 'Roboto', sans-serif !important;
  text-transform: none !important;
}

/* ==== HTML BLÖCKE im Header ==== */
.ct-header-text,
.ct-header-text * {
  font-family: 'Roboto', sans-serif !important;
  text-transform: none !important;
}

/* Dünner Separator mit "Hairline"-Trick */
/* === Gutenberg Separator: Hairline für Standard + Breit === */

/* Alles neutralisieren */
hr.wp-block-separator,
hr.wp-block-separator::before,
hr.wp-block-separator::after {
  all: unset;
  display: block;
  content: none !important;
}

/* Gemeinsamer Style für alle Separatoren */
hr.wp-block-separator {
  height: 1px;                      /* Basis */
  background-color: currentColor;   /* übernimmt Textfarbe */
  transform: scaleY(0.5);           /* Hairline-Effekt */
  transform-origin: center;
  margin: 2em auto;
}

/* Standard = kürzer */
hr.wp-block-separator {
  max-width: 400px;                 /* kurze Linie */
}

/* Breit = volle Breite */
hr.wp-block-separator.is-style-wide {
  max-width: 100%;                  /* volle Breite */
}
/* Dropdown für Produktkategorien angleichen */
.wc-block-product-categories select,
.widget_product_categories select,
.woocommerce-widget-layered-nav-dropdown select {
    border-radius: 0 !important;       /* eckig statt rund */
    border: 1px solid #bbb !important; /* Rahmenfarbe */
    padding: 0 12px !important;        /* links/rechts Abstand */
    height: 42px !important;           /* einheitliche Höhe */
    line-height: 42px !important;      /* Text vertikal zentrieren */
    font-size: 15px !important;
    color: #222 !important;            /* Textfarbe */
    background-color: #f9f9f9 !important; /* Hintergrund */
    appearance: none;                  /* Standard-Browserpfeil ausblenden */
}

/* Optional: eigenes Chevron einfügen (statt Browserpfeil) */
.wc-block-product-categories select,
.widget_product_categories select,
.woocommerce-widget-layered-nav-dropdown select {
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='12' viewBox='0 0 24 24' width='12' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px;
}

/* WooCommerce Notices (z. B. Warenkorb leer) */
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
  background-color: #555148ff !important;
  color: #f5f5f5ff !important;
  border-left: 3px solid #ffbc0b;
}

.woocommerce-info a,
.woocommerce-message a {
  color: #f5f5f5ff;
}

/* Warenkorb Button ausfüllen */
.woocommerce a.checkout-button.button.alt {
  background-color: #ffbc0b !important;
  border: none !important;
  color: #000 !important;
}

/* Zahlungspflichtig bestellen Button ausfüllen */
#place_order {
  background-color: #ffbc0b;
  color: #000;
  border: none;
  font-weight: 600;
}

/* Coupon Feld im Warenkorb ausblenden */
.woocommerce-cart .coupon {
  display: none !important;
}

/* Shop Seiten leichtes hover der Produktbilder */
.woocommerce ul.products li.product {
  background-color: #101010;
  padding: 15px;
  transition: transform 0.2s ease;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-5px);
}
/* WooCommerce Notices fix (Dark Theme) */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background-color: #555148ff !important;
  color: #ffffff !important;
  border-left: 3px solid #ffbc0b;
}

.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a {
  color: #ffbc0b;
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
  color: #ffbc0b;
}
/* Thank You / Bestellung erhalten Seite */

.woocommerce-notice,
.woocommerce-thankyou-order-received {
  background-color: #555148ff !important;
  color: #ffffff !important;
  padding: 15px;
  border-left: 3px solid #ffb300;
}

/* Falls Links drin sind */
.woocommerce-notice a {
  color: #ffbc0b;
}
/* Mobile Produkt Titel */
@media (max-width: 768px) {
  .woocommerce ul.products li.product h2 {
    font-size: 16px;
    line-height: 1.3;
  }
}
/* Mobile Preis anpassen */
@media (max-width: 768px) {
  .woocommerce ul.products li.product .price {
    font-size: 14px;
    font-weight: 500;
  }
}
/* Universal Hover (brachial aber effektiv) */
li.product,
.ct-product-card,
.wc-block-grid__product {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

li.product:hover,
.ct-product-card:hover,
.wc-block-grid__product:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.3) !important;
}

li.product img,
.ct-product-card img,
.wc-block-grid__product img {
    transition: transform 0.4s ease;
}

li.product:hover img,
.ct-product-card:hover img,
.wc-block-grid__product:hover img {
    transform: scale(1.05) !important;
}
/* Entfernt Grossbuchstaben bei Produkt-Meta */
.single-product .product_meta,
.single-product .product_meta span,
.single-product .product_meta a {
    text-transform: none !important;
}
/* Entfernt ALLE Grossbuchstaben auf Produktseiten */
.single-product h1.product_title,
.single-product .woocommerce-tabs h2,
.single-product .product_meta,
.single-product .woocommerce-tabs ul li a {
    text-transform: none !important;
}
/* Varianten Dropdown sichtbar machen */ .single-product select { background-color: #000000 !important; color: #ffffff !important; border: 1px solid #ccc; } /* Optionen im Dropdown */ .single-product select option { background-color: #000000; color: #ffffff; }

/* CF7 kompakter machen */
.wpcf7 form p {
    margin-bottom: 14px;
}

.wpcf7 label {
    margin-bottom: 6px;
    display: block;
}

.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select {
    margin-bottom: 6px;
    padding: 10px;
}
.wpcf7 input[type="submit"] {
    margin-top: 12px;
}
.wpcf7 select {
    background-color: #101010;   /* dein dunkler Hintergrund */
    color: #f5f5f5ff;              /* weiße Schrift */
    border: 1px solid #444;
}
.wpcf7 select option {
    background-color: #555148ff;
    color: #f5f5f5ff;
}
/* CF7 Typografie vereinheitlichen */
.wpcf7 {
    font-size: 15px;
    line-height: 1.5;
}
.wpcf7 label {
    font-size: 14px;
    font-weight: 500;
}
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select {
    font-size: 15px;
    font-weight: 400;
}
.wpcf7 .wpcf7-list-item {
    font-size: 14px;
    font-weight: 400;
}
.wpcf7 small {
    font-size: 13px;
    opacity: 0.8;
}
.wpcf7 * {
    font-family: inherit;
}
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    font-weight: 400;
    opacity: 0.6;
}
.wpcf7 input[type="submit"] {
    width: 100%;
    padding: 14px;
    font-size: 22px;
    font-weight: 600;
}
/* Aktiver Menüpunkt in der Shop-Sidebar */
.widget_nav_menu .current-menu-item > a,
.widget_nav_menu .current-menu-parent > a,
.widget_nav_menu .current-product_cat-ancestor > a {
    color: #ffbc0b !important;
    font-weight: 700 !important;
}

.widget_nav_menu .current-menu-item,
.widget_nav_menu .current-menu-parent,
.widget_nav_menu .current-product_cat-ancestor {
    border-left: 3px solid #ffbc0b;
    padding-left: 8px;
}
/* WooCommerce Sortierung Dropdown */
.woocommerce-ordering select {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #666 !important;
    padding: 8px 12px;
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Optionen im Dropdown */
.woocommerce-ordering select option {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Fokus-Zustand */
.woocommerce-ordering select:focus {
    background-color: #000000 !important;
    color: #ffffff !important;
    outline: none;
    border-color: #d4a017 !important;
    box-shadow: 0 0 0 1px #d4a017;
}
/* WooCommerce Kategorie-Header unter den transparenten Header ziehen */
.woocommerce.archive .hero-section {
    margin-top: -60px !important;
    padding-top: 60px !important;
}
/* Abstand unter dem Titelbereich */
.hero-section {
    margin-bottom: 25px !important;
}
@media (max-width: 768px) {
    /* Beschreibung auf Mobile ausblenden */
    .tax-product_cat .hero-section .page-description,
    .post-type-archive-product .hero-section .page-description {
        display: none;
    }

    /* Sortierfeld volle Breite */
    .woocommerce-ordering {
        width: 100%;
        margin-top: 15px;
    }

    .woocommerce-ordering select {
        width: 100%;
        min-width: 100%;
    }
}