/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* Dropdown-Pfeil in der Losgalerie ausblenden */
.bid-dropdown-arrow {
    display: none;
}

/* Produkt-Galerie: Lücke zwischen Losrahmen */
ul.products .product-col {
    width: calc(25% - 12px) !important;
    margin: 6px !important;
}

/* === MOBILE RESPONSIVE: Produktgrid === */

/* Tablet: 2 Spalten */
@media (max-width: 991px) {
    ul.products .product-col {
        width: calc(50% - 12px) !important;
    }
}

/* Kleine Mobile: 1 Spalte */
@media (max-width: 479px) {
    ul.products .product-col {
        width: 100% !important;
        margin: 6px 0 !important;
    }
    /* Projektseite: Grid steuert Breite, nicht width:100% */
    .brandner-project-products ul.products .product-col {
        width: auto !important;
        margin: 0 !important;
    }
}

/* Projektseite: 2-Spalten Grid auf Mobile beibehalten */
@media (max-width: 767px) {
    .brandner-project-products ul.products .product-col {
        margin: 0 !important;
        float: none !important;
    }
    .brandner-project-products ul.products .product-col .product-image img {
        width: 100%;
        height: auto;
    }
}

/* Add-Links Bereich (Bid now + Schnellansicht) aus Losuebersicht ausblenden */
.products .add-links-wrap {
    display: none !important;
}

/* Visuelles Feedback: Produktkarte ist klickbar */
.products .product-inner {
    cursor: pointer;
}

/* Auktionsbereich soll normalen Cursor behalten */
.products .brandner-auction-card-bid,
.products .brandner-auction-card-bid * {
    cursor: default;
}

/* ============================================
   Fix: Produktgalerie-Navigation reparieren
   Problem: autoHeight + lazyLoad in Owl Carousel
   verursacht Höhenkollaps beim Bildwechsel
   ============================================ */

/* Minimale Höhe für Galerie-Container stabilisieren */
.product-image-slider.owl-carousel .owl-stage-outer {
    min-height: 400px;
}

/* Bilder in der Galerie: stabile Dimensionen */
.product-image-slider .owl-item img {
    width: 100%;
    height: auto;
    min-height: 300px;
    object-fit: contain;
}

/* Responsive: Mobile Geräte */
@media (max-width: 767px) {
    .product-image-slider.owl-carousel .owl-stage-outer {
        min-height: 250px;
    }

    .product-image-slider .owl-item img {
        min-height: 200px;
    }

    /* Elementor Pro Header: Container wrappen */
    #header.header-builder .elementor-container {
        flex-wrap: wrap !important;
    }

    /* Bestehend: Porto native header (Fallback) */
    #header .header-main .header-row {
        flex-wrap: wrap !important;
    }

    /* Suchleiste: volle Breite erzwingen */
    .elementor-widget-porto_hb_search_form {
        flex: 0 0 100% !important;
        width: 100% !important;
        order: 10;
        margin: 8px 0 !important;
    }
}

/* ===========================================
   BEENDETE AUKTIONEN - STYLING
   =========================================== */

/* Beendete Auktionen: Grau/entsaettigt + nicht anklickbar */
.uwa_auction_status_expired:not(.uwa-user-won) .product-inner {
    filter: grayscale(100%) brightness(0.7);
    pointer-events: none;
    position: relative;
}

/* Beendete Auktionen: Titel abgedunkelt */
.uwa_auction_status_expired:not(.uwa-user-won) .woocommerce-loop-product__title,
.uwa_auction_status_expired:not(.uwa-user-won) h3,
.uwa_auction_status_expired:not(.uwa-user-won) .product-title {
    color: #999 !important;
    opacity: 0.5;
}

/* Beendete Auktionen: Preise und Zusatzinfos verstecken */
.uwa_auction_status_expired:not(.uwa-user-won) .price,
.uwa_auction_status_expired:not(.uwa-user-won) .winning_bid,
.uwa_auction_status_expired:not(.uwa-user-won) .woo-ua-winned-for,
.uwa_auction_status_expired:not(.uwa-user-won) .woo-ua-sold-for,
.uwa_auction_status_expired:not(.uwa-user-won) .uwa_auction_reserve_not_met,
.uwa_auction_status_expired:not(.uwa-user-won) .uwa-pay-button,
.uwa_auction_status_expired:not(.uwa-user-won) .countdown-timer,
.uwa_auction_status_expired:not(.uwa-user-won) .shipping-costs-info,
.uwa_auction_status_expired:not(.uwa-user-won) .wc-gzd-additional-info {
    display: none !important;
}

/* BEENDET Banner - Auf dem li.product Element (ausserhalb des Filters) */
li.product.uwa_auction_status_expired:not(.uwa-user-won) {
    position: relative !important;
}

li.product.uwa_auction_status_expired:not(.uwa-user-won)::after {
    content: "BEENDET";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    background: linear-gradient(180deg, rgba(45,45,45,0.95) 0%, rgba(35,35,35,0.98) 50%, rgba(45,45,45,0.95) 100%);
    color: #fff;
    font-family: 'Arial Black', sans-serif;
    font-size: 1.1rem;
    font-weight: 900;
    letter-spacing: 0.35em;
    text-align: center;
    padding: 12px 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
    border-top: 2px solid rgba(255,255,255,0.12);
    border-bottom: 2px solid rgba(0,0,0,0.4);
    z-index: 100;
    pointer-events: none;
}

/* Links deaktivieren */
.uwa_auction_status_expired:not(.uwa-user-won) a {
    pointer-events: none;
    cursor: default;
}

/* Beendete Auktionen: Mindesthoehe fuer einheitliches Layout */
.uwa_auction_status_expired:not(.uwa-user-won) .product-content {
    min-height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* Titel bei beendeten Auktionen sichtbar und lesbar */
.uwa_auction_status_expired:not(.uwa-user-won) .woocommerce-loop-product__title,
.uwa_auction_status_expired:not(.uwa-user-won) .product-title,
.uwa_auction_status_expired:not(.uwa-user-won) h3 {
    opacity: 1 !important;
    color: #666 !important;
    margin-top: 5px;
}

/* ===========================================
   GEWONNENE AUKTIONEN - Normal
   =========================================== */

.uwa_auction_status_expired.uwa-user-won .product-inner {
    filter: none;
    pointer-events: auto;
}

li.product.uwa_auction_status_expired.uwa-user-won::after {
    display: none;
}

.uwa_auction_status_expired.uwa-user-won .price,
.uwa_auction_status_expired.uwa-user-won .uwa-pay-button {
    display: block !important;
}

/* Gewonnene Auktionen: "zzgl. Versandkosten" ausblenden */
.uwa_auction_status_expired.uwa-user-won .shipping-costs-info,
.uwa_auction_status_expired.uwa-user-won .wc-gzd-additional-info-loop {
    display: none !important;
}

/* Gewonnene Auktionen: Kompakteres Layout */
.uwa_auction_status_expired.uwa-user-won .product-content {
    padding-bottom: 10px;
}

/* ===========================================
   MEIN KONTO - Verlorene Auktionen
   =========================================== */

tr.bidauc_lost {
    background-color: #f5f5f5;
    opacity: 0.7;
}

tr.bidauc_lost img {
    filter: grayscale(100%);
}

tr.bidauc_lost .bidauc_name {
    color: #999;
}

/* Responsive */
@media (max-width: 768px) {
    li.product.uwa_auction_status_expired:not(.uwa-user-won)::after {
        font-size: 0.9rem;
        letter-spacing: 0.25em;
        padding: 10px 15px;
    }
}

/* ===========================================
   HEADER FULL-WIDTH LAYOUT
   Header nutzt volle Browserbreite (Amazon-Style)
   =========================================== */

#header .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* === FLEX-FIX: Suchleiste bekommt den Platz (Elementor Header Builder) === */

/* Links (Logo+Menu): nur Inhaltbreite, nicht wachsen */
.elementor-element-8362672 > .elementor-container > .elementor-column.elementor-col-flex-1 {
    flex: 0 0 auto !important;
}

/* Spalte mit Suchleiste: gesamten restlichen Platz nutzen */
.elementor-element-8362672 > .elementor-container > .elementor-column:has(.elementor-widget-porto_hb_search_form) {
    flex: 1 1 0% !important;
}

/* ===========================================
   AMAZON-STYLE UNIFIED SEARCH BAR
   Header-Suchleiste mit integriertem Design
   =========================================== */

/* === HAUPTCONTAINER: Porto Header Builder Search Form Widget === */
.elementor-widget-porto_hb_search_form {
    flex-grow: 1;
    min-width: 300px;
    max-width: 1150px !important;  /* 2.3x der ursprünglichen 500px */
    margin: 0 20px;
}

/* Popup-Container auf volle Breite (Fix: inline-block -> block) */
.elementor-widget-porto_hb_search_form .searchform-popup {
    display: block !important;
    width: 100% !important;
}

/* Suchleiste immer sichtbar */
.elementor-widget-porto_hb_search_form .searchform {
    display: flex !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: 100% !important;  /* Volle Breite des Containers */
}

/* Toggle-Lupe verstecken */
.elementor-widget-porto_hb_search_form .search-toggle {
    display: none !important;
}

/* === UNIFIED WRAPPER - Alle Elemente verschmelzen === */
.elementor-widget-porto_hb_search_form .searchform-fields {
    width: 100%;
    display: flex !important;
    align-items: stretch !important;
    border-radius: 4px !important;
    overflow: visible !important;
    box-shadow: 0 0 0 1px #aaa;
    background: #fff !important;
    transition: box-shadow 0.2s ease;
    height: 46px !important;
    padding: 0 !important;
    gap: 0 !important;
}

/* Focus-Zustand: Petrol Akzent */
.elementor-widget-porto_hb_search_form .searchform-fields:focus-within {
    box-shadow: 0 0 0 1px #132C41, 0 0 0 3px rgba(19, 44, 65, 0.2) !important;
}

/* === KATEGORIE DROPDOWN (Links) - Hellgrauer Hintergrund === */
.elementor-widget-porto_hb_search_form .selectric-wrapper {
    flex-shrink: 0;
    border: none !important;
    border-right: 1px solid #ccc !important;
    background: #f5f5f5 !important;
    border-radius: 4px 0 0 4px !important; /* Nur links abgerundet */
    order: -1 !important;
    position: relative;
    height: 46px !important;
    max-width: 85px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-widget-porto_hb_search_form .selectric {
    background: #f5f5f5 !important;
    border: none !important;
    border-radius: 4px 0 0 4px !important;
    height: 46px !important;
    min-width: 70px;
    max-width: 85px !important;
    padding: 0 24px 0 8px !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

.elementor-widget-porto_hb_search_form .selectric .label {
    color: #333 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    line-height: normal !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 55px;
}

.elementor-widget-porto_hb_search_form .selectric .button {
    background: transparent !important;
    color: #333 !important;
    right: 8px !important;
    height: 46px !important;
    width: 18px !important;
    top: 0 !important;
}

.elementor-widget-porto_hb_search_form .selectric .button:after {
    border-top-color: #666 !important;
}

/* === SUCHFELD (Mitte) - Weißer Hintergrund === */
.elementor-widget-porto_hb_search_form .searchform-fields .text {
    flex: 1 !important;
    display: flex !important;
    order: 0 !important;
    background: #fff !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-widget-porto_hb_search_form .searchform-fields input[type="text"],
.elementor-widget-porto_hb_search_form .searchform-fields input.search-field,
.elementor-widget-porto_hb_search_form .searchform-fields input[name="s"] {
    flex: 1 !important;
    height: 46px !important;
    border: none !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    background: #fff !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    min-width: 180px;
    width: 100% !important;
    margin: 0 !important;
}

.elementor-widget-porto_hb_search_form .searchform-fields input[type="text"]::placeholder,
.elementor-widget-porto_hb_search_form .searchform-fields input[name="s"]::placeholder {
    color: #888;
    font-style: normal;
}

/* === SEARCH BUTTON (Rechts) - Brandner Petrol === */
.elementor-widget-porto_hb_search_form .searchform-fields .btn,
.elementor-widget-porto_hb_search_form .searchform-fields button[type="submit"],
.elementor-widget-porto_hb_search_form .searchform-fields .search-submit {
    flex-shrink: 0;
    background: #132C41 !important;
    border: none !important;
    border-radius: 0 4px 4px 0 !important; /* Nur rechts abgerundet */
    height: 46px !important;
    width: 48px !important;
    min-width: 48px !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer;
    transition: background 0.2s ease;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    order: 1 !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
}

.elementor-widget-porto_hb_search_form .searchform-fields .btn:hover,
.elementor-widget-porto_hb_search_form .searchform-fields button[type="submit"]:hover {
    background: #0d1f2d !important;
}

/* Such-Icon weiß */
.elementor-widget-porto_hb_search_form .searchform-fields .btn i,
.elementor-widget-porto_hb_search_form .searchform-fields button[type="submit"] i,
.elementor-widget-porto_hb_search_form .searchform-fields .search-submit i {
    color: #fff !important;
    font-size: 20px !important;
}

/* Icon-Styling für Porto Theme */
.elementor-widget-porto_hb_search_form .searchform-fields .btn::before,
.elementor-widget-porto_hb_search_form .searchform-fields button[type="submit"]::before {
    color: #fff !important;
    font-size: 20px !important;
}

/* Falls Button Text enthält, verstecken */
.elementor-widget-porto_hb_search_form .searchform-fields .btn span:not(.sr-only),
.elementor-widget-porto_hb_search_form .searchform-fields button span:not(.sr-only) {
    font-size: 0 !important;
}

/* === DROPDOWN LISTE (Geöffnet) === */
.elementor-widget-porto_hb_search_form .selectric-items {
    background: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 0 0 4px 4px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    max-height: 300px;
    overflow-y: auto;
    z-index: 9999 !important; /* Dropdown über anderen Elementen */
}

/* Wrapper im geöffneten Zustand: overflow erlauben */
.elementor-widget-porto_hb_search_form .selectric-wrapper.selectric-open {
    overflow: visible !important;
}

/* Searchform-fields overflow bei geöffnetem Dropdown */
.elementor-widget-porto_hb_search_form .searchform-fields:has(.selectric-open) {
    overflow: visible !important;
}

.elementor-widget-porto_hb_search_form .selectric-items li {
    color: #333 !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    border-bottom: 1px solid #eee;
}

.elementor-widget-porto_hb_search_form .selectric-items li:last-child {
    border-bottom: none;
}

.elementor-widget-porto_hb_search_form .selectric-items li:hover,
.elementor-widget-porto_hb_search_form .selectric-items li.highlighted,
.elementor-widget-porto_hb_search_form .selectric-items li.selected {
    background: #132C41 !important;
    color: #fff !important;
}

/* === LIVE SEARCH RESULTS === */
.elementor-widget-porto_hb_search_form .live-search-list {
    border-radius: 0 0 8px 8px !important;
    box-shadow: 0 6px 24px rgba(0,0,0,0.12) !important;
    border: 1px solid #e0e0e0 !important;
    border-top: none !important;
    margin-top: 0;
    background: #fff;
    max-height: 480px;
    overflow-y: auto;
    padding: 4px 0 !important;
}
.elementor-widget-porto_hb_search_form .live-search-list:not(:has(li, .autocomplete-suggestion, .porto-loading, .not-found)) {
    display: none !important;
}

/* Schmale dezente Scrollbar */
.elementor-widget-porto_hb_search_form .live-search-list::-webkit-scrollbar {
    width: 5px;
}
.elementor-widget-porto_hb_search_form .live-search-list::-webkit-scrollbar-track {
    background: transparent;
}
.elementor-widget-porto_hb_search_form .live-search-list::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}
.elementor-widget-porto_hb_search_form .live-search-list::-webkit-scrollbar-thumb:hover {
    background: #999;
}

/* Einzelnes Suchergebnis */
.elementor-widget-porto_hb_search_form .live-search-list li {
    padding: 0 !important;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.2s ease;
    position: relative;
}

.elementor-widget-porto_hb_search_form .live-search-list li:last-child {
    border-bottom: none;
}

.elementor-widget-porto_hb_search_form .live-search-list li:hover {
    background: #f5f8fa !important;
}

.elementor-widget-porto_hb_search_form .live-search-list li:hover::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #132C41;
    border-radius: 0 2px 2px 0;
}

/* Link als Flexbox-Container */
.elementor-widget-porto_hb_search_form .live-search-list li a {
    display: flex !important;
    align-items: center;
    padding: 10px 14px !important;
    text-decoration: none !important;
    color: inherit !important;
    gap: 14px;
}

/* Produktbild */
.elementor-widget-porto_hb_search_form .live-search-list .search-image,
.elementor-widget-porto_hb_search_form .live-search-list li a img {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px;
    object-fit: cover;
    border-radius: 6px !important;
    border: 1px solid #eee;
    background: #f9f9f9;
}

/* Info-Bereich (Name + SKU) */
.elementor-widget-porto_hb_search_form .live-search-list .search-name {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #222 !important;
    line-height: 1.3 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1;
}

.elementor-widget-porto_hb_search_form .live-search-list .search-sku {
    font-size: 11px !important;
    color: #999 !important;
    margin-top: 2px;
    display: block;
}

/* Preis */
.elementor-widget-porto_hb_search_form .live-search-list .search-price {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #2a8636 !important;
    white-space: nowrap;
    margin-left: auto;
    padding-left: 10px;
}

.elementor-widget-porto_hb_search_form .live-search-list .search-price .woocommerce-Price-amount {
    color: #2a8636 !important;
}

/* Keine Ergebnisse */
.elementor-widget-porto_hb_search_form .live-search-list .not-found {
    padding: 20px !important;
    text-align: center;
    color: #888;
    font-size: 14px;
}

/* Lade-Indikator */
.elementor-widget-porto_hb_search_form .live-search-list .porto-loading {
    padding: 20px !important;
    text-align: center;
}

/* ===========================================
   RESPONSIVE - Mobile/Tablet Anpassungen
   =========================================== */

@media (max-width: 1199px) {
    #header .elementor-section.elementor-section-boxed > .elementor-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .elementor-widget-porto_hb_search_form {
        min-width: 300px;
        margin: 0 15px;
    }

    .elementor-widget-porto_hb_search_form .selectric .label {
        max-width: 55px;
    }
}

@media (max-width: 991px) {
    .elementor-widget-porto_hb_search_form {
        min-width: 250px;
        margin: 0 10px;
    }

    .elementor-widget-porto_hb_search_form .selectric {
        min-width: 70px;
        max-width: 85px !important;
        padding: 0 22px 0 8px !important;
    }

    .elementor-widget-porto_hb_search_form .selectric .label {
        font-size: 11px !important;
        max-width: 50px;
    }

    .elementor-widget-porto_hb_search_form .searchform-fields input[type="text"],
    .elementor-widget-porto_hb_search_form .searchform-fields input.search-field {
        font-size: 16px !important; /* 16px fuer iOS Zoom-Prevention */
        padding: 0 12px !important;
        min-width: 150px;
    }

    .elementor-widget-porto_hb_search_form .searchform-fields .btn,
    .elementor-widget-porto_hb_search_form .searchform-fields button[type="submit"] {
        width: 44px !important;
        min-width: 44px !important;
    }
}

@media (max-width: 767px) {
    #header .elementor-section.elementor-section-boxed > .elementor-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .elementor-widget-porto_hb_search_form {
        max-width: 100%;
        min-width: unset;
        margin: 10px 0;
        order: 10; /* Unter dem Logo auf Mobile */
    }

    .elementor-widget-porto_hb_search_form .searchform-fields {
        height: 44px !important;
    }

    .elementor-widget-porto_hb_search_form .selectric-wrapper {
        height: 44px !important;
    }

    .elementor-widget-porto_hb_search_form .selectric,
    .elementor-widget-porto_hb_search_form .searchform-fields .text,
    .elementor-widget-porto_hb_search_form .searchform-fields input[type="text"],
    .elementor-widget-porto_hb_search_form .searchform-fields input.search-field,
    .elementor-widget-porto_hb_search_form .searchform-fields .btn,
    .elementor-widget-porto_hb_search_form .searchform-fields button[type="submit"] {
        height: 44px !important;
    }

    /* iOS-Zoom-Prevention: font-size >= 16px verhindert Auto-Zoom */
    .elementor-widget-porto_hb_search_form .searchform-fields input[type="text"],
    .elementor-widget-porto_hb_search_form .searchform-fields input.search-field {
        font-size: 16px !important;
    }

    .elementor-widget-porto_hb_search_form .searchform-fields .btn,
    .elementor-widget-porto_hb_search_form .searchform-fields button[type="submit"] {
        width: 44px !important;
        min-width: 44px !important;
    }

    /* Kategorie-Dropdown auf Mobile verstecken (mehr Platz fuer Suchfeld) */
    .elementor-widget-porto_hb_search_form .selectric-wrapper {
        display: none;
    }

    /* Suchfeld volle Breite mit abgerundeten Ecken wenn Dropdown weg */
    .elementor-widget-porto_hb_search_form .searchform-fields input[type="text"],
    .elementor-widget-porto_hb_search_form .searchform-fields input.search-field {
        border-radius: 4px 0 0 4px !important;
    }

    .elementor-widget-porto_hb_search_form .selectric .label {
        font-size: 10px !important;
        max-width: 45px;
        line-height: normal !important;
    }

    .elementor-widget-porto_hb_search_form .selectric .button {
        height: 44px !important;
    }
}

/* =============================================
   Header-Abgrenzung vom Seiteninhalt
   ============================================= */

/* 1. Header-Hintergrund: Weiß für nahtlose Logo-Integration */
#header {
    background-color: #fff;
}

/* 2. Gradient-Fade: sanfter Übergang statt harter Linie */
#header::after {
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.045), transparent);
    pointer-events: none;
}

/* 3. Innere Sektionen transparent halten */
#header .header-main {
    background-color: transparent;
}

/* 4. Sticky-Header: Weiß mit weichem Schatten */
#header .header-main.sticky {
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* ===========================================
   NAVIGATION - DOPPELTE LINKS ENTFERNEN
   =========================================== */

/* "So funktioniert's" im Hauptmenu ausblenden (existiert bereits in Top-Bar) */
#header .header-main li:has(a[href*="so-funktionierts"]) {
    display: none !important;
}

/* ===========================================
   ZOOM-ABHAENGIGE LAYOUT-FIXES
   Breakpoints fuer Zwischenbereiche 1000-1400px
   (Browser-Zoom 125%-175% auf gaengigen Monitoren)
   =========================================== */

/* --- 1. Produktseite: 3-Spalten -> 2+1 Layout bei mittlerer Breite --- */
@media (max-width: 1400px) {
    /* 3-Spalten-Wrapper: Wrap erlauben */
    .brandner-3col-wrapper {
        flex-wrap: wrap !important;
    }
    /* Hauptbereich (Galerie + Bietbereich): volle Breite */
    .brandner-main-column {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    /* Info-Sidebar: volle Breite darunter */
    .brandner-info-column {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-top: 20px;
    }
    /* Gallery + Bietbereich nebeneinander: Gallery 55%, Bid 45% */
    .brandner-gallery-col {
        flex: 0 0 55% !important;
        max-width: 55% !important;
    }
    .brandner-auction-col {
        flex: 0 0 45% !important;
        max-width: 45% !important;
    }
}

/* Mobile: Gallery + Auction Spalten untereinander */
@media (max-width: 991px) {
    .brandner-gallery-col {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .brandner-auction-col {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    .brandner-product-area {
        flex-wrap: wrap !important;
    }
}
@media (max-width: 767px) {
    body.product-type-auction #uwa_bid_value_direct,
    body.product-type-auction #uwa_bid_value,
    body.product-type-auction #brandner-custom-bid,
    body.product-type-auction .brandner-custom-bid-input {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* --- 2. Produktkarten-Grid: 3-Spalten Zwischenstufe --- */
@media (max-width: 1200px) and (min-width: 992px) {
    ul.products .product-col {
        width: calc(33.333% - 12px) !important;
    }
}

/* --- 3+4. Header-Suchleiste + Custom Gallery bei mittlerer Breite --- */
@media (max-width: 1400px) {
    /* Header-Suchleiste: Flexible min-width */
    .elementor-widget-porto_hb_search_form {
        min-width: 220px;
        margin: 0 12px;
    }
    /* Custom Gallery: Max-Width aufheben bei 2-Spalten-Layout */
    .custom-gallery {
        max-width: 100%;
    }
}

/* --- 5. Auktions-Sidebar: Breite bei mittlerer Viewport-Groesse reduzieren --- */
@media (max-width: 1200px) {
    .auktion-projekt-sidebar {
        max-width: 200px;
    }
}

/* ===========================================
   LOGIN-MODAL FIX
   =========================================== */

/* Fix 1: Passwort-Label ueber dem Feld statt daneben */
#login-form-popup .woocommerce-form-login .form-row label {
    display: block;
    width: 100%;
}

/* Fix 2: Modal scrollbar damit Register-Button erreichbar ist */
.fancybox-inner #login-form-popup,
.fancybox-inner {
    max-height: 85vh;
    overflow-y: auto !important;
}

/* Fix 3: Register-Button sichtbar mit Abstand */
#login-form-popup .register-btn {
    margin-top: 0.5rem;
    display: block !important;
    width: 100%;
}