/**
 * Rolex Contact Page (Hyvä) — category id 15 (/{lang}/rolex/contact).
 *
 * C9 — page-level overrides only:
 * - Hyvä 1-column shell (hide PLP chrome, full-width main)
 * - Stacking vs site header / mobile store overlay
 * - Small parity fixes not covered by component CSS entries
 *
 * Component styles: rolex-index-welcome.css, rolex-index-contact.css,
 * rolex-contact-store-map.css (loaded via catalog_category_view_id_15.xml).
 *
 * @see dev-doc/rolex_contact_page_implement_log.html#c9
 */

/* -------------------------------------------------------------------------
   1. Hyvä shell (C0) — layout XML removes blocks; these beat theme defaults
   ------------------------------------------------------------------------- */

body.rolex-contact-page-body #maincontent {
    display: block !important;
    min-height: unset;
}

body.rolex-contact-page-body .page-main,
body.rolex-contact-page-body #maincontent.page-main,
body.rolex-contact-page-body.page-layout-1column #maincontent {
    margin: 0 !important;
    margin-block: 0 !important;
    padding-top: 0 !important;
    max-width: none;
    padding-inline: 0;
}

body.rolex-contact-page-body #maincontent > .columns {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.rolex-contact-page-body #category-view-container.rolex-wrapper {
    margin-top: 0;
}

body.rolex-contact-page-body nav.breadcrumbs,
body.rolex-contact-page-body .breadcrumbs:not(.rolex-wrapper .breadcrumbs) {
    display: none !important;
}

body.rolex-contact-page-body .page-title-wrapper,
body.rolex-contact-page-body h1.page-title {
    display: none !important;
}

/* -------------------------------------------------------------------------
   2. Stacking — mobile header vs Rolex nav; store overlay above header
   ------------------------------------------------------------------------- */

@media only screen and (max-width: 1023px) {
    body.rolex-contact-page-body .page-header {
        position: relative;
        z-index: 20;
    }
}

@media only screen and (max-width: 767px) {
    body.rolex-contact-page-body.contactDetailsOpen .rolex-contactus-ourStores .rolexOurStores .rolexStores .storesList .storeListWrapper .storeListDetailsOverlay.active {
        z-index: 30;
    }
}

/* -------------------------------------------------------------------------
   3. Content parity — contact page only (top hero CTA spacing)
   ------------------------------------------------------------------------- */

body.rolex-contact-page-body .rolex-collection-text .rolex-contactus-learnMoreBtn {
    margin-top: 16px;
}