/* PRESTIVEX Vehicle Offers Grid Fix 1.1.7
   - Exactly four .pvx45-vehicle-offers cards become a balanced 2 x 2 desktop grid.
   - The historical .pvx39919-brand-identity notice is hidden as a fallback only.
   - PHP removes the specific trading/investment/crypto footer notice from normal HTML.
   - Mobile <=620px: center Personen/Koffer as one compact two-item group inside vehicle cards only.
   Other Core tablet/mobile rules remain authoritative. */

.pvx39919-brand-identity {
    display: none !important;
}

@media (min-width: 1001px) {
    .pvx45-vehicle-offers.pvx-vogf-count-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .pvx45-vehicle-offers.pvx-vogf-count-4 > article {
        grid-column: auto !important;
    }
}


/* 1.1.2 — mobile-only capacity alignment.
   Scope is deliberately limited to fleet vehicle cards and <=620px. */
@media (max-width: 620px) {
    .pvx41-card .pvx392-card-capacity {
        display: grid !important;
        grid-template-columns: max-content max-content !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        column-gap: 24px !important;
        row-gap: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .pvx41-card .pvx392-card-capacity > span {
        justify-content: center !important;
        white-space: nowrap !important;
    }
}


/* 1.1.3 — availability layout correction.
   Desktop: date + five vehicles stay in one row.
   Mobile: every availability item is a single centered row.
   Scope is deliberately limited to .pvx41-availability. */
@media (min-width: 1001px) {
    .pvx41-availability {
        grid-template-columns: minmax(190px, 1.2fr) repeat(5, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
    }

    .pvx41-availability > * {
        min-width: 0 !important;
    }
}

@media (max-width: 620px) {
    .pvx41-availability {
        grid-template-columns: 1fr !important;
    }

    .pvx41-availability > * {
        text-align: center !important;
        justify-items: center !important;
    }

    .pvx41-availability > * > * {
        margin-left: auto;
        margin-right: auto;
    }

    .pvx41-availability h2,
    .pvx41-availability h3,
    .pvx41-availability p,
    .pvx41-availability a,
    .pvx41-availability strong,
    .pvx41-availability span {
        text-align: center !important;
    }
}


/* 1.1.5 — mobile-only true centering of the availability date/header.
   The text column occupies the full row, so the blue date is centered against
   the complete availability card. The calendar icon is positioned independently
   and therefore no longer shifts the text column to the right. */
@media (max-width: 620px) {
    .pvx41-availability .pvx41-availability__date {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }

    .pvx41-availability .pvx41-availability__date > span:first-child {
        position: absolute !important;
        left: 50px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
        z-index: 1 !important;
    }

    .pvx41-availability .pvx41-availability__date > div {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    .pvx41-availability .pvx41-availability__date > div > *,
    .pvx41-availability .pvx41-availability__date [data-pvx-range-trigger],
    .pvx41-availability .pvx41-availability__date [data-pvx-range-label] {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }
}


/* 1.1.7 — mobile-only footer alignment.
   The Core footer stays structurally unchanged. On <=620px only, the brand,
   columns and legal row share one centered optical axis. Tablet/desktop untouched. */
@media (max-width: 620px) {
    .pvx37-footer .pvx37-footer__inner {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        text-align: center !important;
        row-gap: 34px !important;
    }

    .pvx37-footer .pvx37-footer__brand,
    .pvx37-footer .pvx37-footer__column {
        width: 100% !important;
        max-width: 420px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        align-items: center !important;
        justify-items: center !important;
        text-align: center !important;
    }

    .pvx37-footer .pvx37-footer__brand > *,
    .pvx37-footer .pvx37-footer__column > * {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    .pvx37-footer .pvx37-footer__legal {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 18px !important;
        text-align: center !important;
    }

    .pvx37-footer .pvx39985-footer__legal-nav {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 10px 22px !important;
        width: 100% !important;
        text-align: center !important;
    }

    .pvx37-footer .pvx39985-footer__availability {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }
}