/*
 * VisionThinks | Domainpreisliste – Bühnenachse V3 | 2026-11-09
 * Kopierbar: Body-Klasse über Shortcode-Erkennung, Containerklasse in Elementor.
 * Keine Elementor-IDs, keine festen WordPress-Seiten-IDs.
 * Foundation: 01-foundation/vt-axis.css
 */
body.vt-page-domain-pricelist .vt-domain-pricelist-content {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--vt-achse-l) !important;
    padding-right: var(--vt-achse-r) !important;
}

/* Bei Desktopbreite entspricht die Bühnenaußenkante der Header-Textachse:
 * 1920px Viewport -> 1320px Rahmen ab x=300, 24px innen -> x=324..1596.
 * Der Foundation-Rechtsabstand (40px) gilt für normale Textbänder;
 * die Preislistenbühne erhält bewusst die symmetrische 24px-Geometrie. */
@media (min-width: 1400px) {
    body.vt-page-domain-pricelist .vt-domain-pricelist-content {
        padding-right: var(--vt-achse-l) !important;
    }
}

/* ============================================================
   VT-DOMAIN-AXIS-V4
   Äußeres Elementor-Padding neutralisieren.
   Die gemeinsame VT-Achse wird vom inneren Container gesteuert.
   Browsergetestet: Desktop, Tablet und Smartphone.
   ============================================================ */

body.vt-page-domain-pricelist
.funnel-backgrd-heller:has(> .vt-domain-pricelist-content) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*
 * B4.3.10 | 2026-11-10 | Domainpreisliste: Small-Header-Divider ab 1025px.
 * Identisch zu B4.3.6 (Domainauswahl) und 05-content.css (.vt-05cont-page).
 * Nur mit serverseitig gesetzter Body-Klasse, keine Elementor-IDs.
 */
@media (min-width: 1025px) {
    body.vt-page-domain-pricelist.vt-small-header .vt-header-gap {
        position: static;
    }

    body.vt-page-domain-pricelist.vt-small-header .vt-header-divider {
        display: block;
        position: absolute;
        top: auto;
        bottom: -50px;
        left: 50%;
        margin: 0 !important;
        padding: 0 !important;
        transform: translateX(-50%);
    }
}

/*
 * B4.3.11 | 2026-11-10 | Domainpreisliste: Druck-Icon [domainprice_printer]
 * in der Breadcrumb-Zeile rechtsbündig zur Bühnenkarte (gleiche Geometrie
 * wie .vt-domain-pricelist-content: 1320px-Bühne + VT-Achse), unter 768px
 * ausgeblendet. Hover/aktiv/Fokus im Look des CTA vt-cta-firstrank.
 * Vorschau 1440–481px: Differenz Icon/Karte 0px. Keine Elementor-IDs.
 */
@media (min-width: 768px) {
    body.vt-page-domain-pricelist .vt-header-bottom-bread {
        box-sizing: border-box;
        padding-right: calc(max(0px, (100vw - 1320px) / 2) + var(--vt-achse-r)) !important;
    }
}

@media (min-width: 1400px) {
    body.vt-page-domain-pricelist .vt-header-bottom-bread {
        padding-right: calc((100vw - 1320px) / 2 + var(--vt-achse-l)) !important;
    }
}

@media (max-width: 767px) {
    body.vt-page-domain-pricelist .vt-header-bottom-bread > :has([data-vt-print-open]) {
        display: none !important;
    }
}

body.vt-page-domain-pricelist .vt-domainprice-printer[data-vt-print-open] {
    transition: background-image .2s ease, background-color .2s ease,
                border-color .2s ease, box-shadow .2s ease, color .2s ease;
}

body.vt-page-domain-pricelist .vt-domainprice-printer[data-vt-print-open]:hover,
body.vt-page-domain-pricelist .vt-domainprice-printer[data-vt-print-open]:focus-visible,
body.vt-page-domain-pricelist .vt-domainprice-printer[data-vt-print-open]:active,
body.vt-page-domain-pricelist .vt-domainprice-printer[data-vt-print-open][aria-expanded="true"] {
    background-image: linear-gradient(90deg, rgb(37, 99, 235), rgb(61, 163, 255)) !important;
    border-color: rgb(61, 163, 255) !important;
    color: #fff !important;
    box-shadow: 0 18px 50px rgba(47, 140, 255, .24) !important;
}

body.vt-page-domain-pricelist .vt-domainprice-printer[data-vt-print-open]:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}

/*
 * B4.3.11b | 2026-11-10 | Druck-Icon ohne Einfluss auf die Breadcrumb-Höhe.
 * Die Breadcrumb-Zeile ist unten verankert (bottom: 6px); das höhere Icon
 * vergrößerte die Zeile und schob den Breadcrumb ca. 23px nach oben.
 * Icon-Container mit Höhe 0, Icon mittig auf der Breadcrumb-Linie.
 * Vorschau 1440/1025/861/768px: Abstand zur Hero-Unterkante 6px wie
 * /angebote/, Icon-Mitte = Breadcrumb-Mitte.
 * B4.3.11c: auf >=768px begrenzt, damit die Ausblendung <768px bestehen bleibt.
 */
@media (min-width: 768px) {
    body.vt-page-domain-pricelist .vt-header-bottom-bread > :has([data-vt-print-open]) {
        height: 0 !important;
        min-height: 0 !important;
        align-self: center !important;
        display: flex !important;
        align-items: center !important;
        overflow: visible !important;
    }
}