/**
 * Rolex RCPO Certification (Hyvä) — category id 22
 * (/{lang}/rolex-certified-pre-owned/certification).
 *
 * F1 — page shell (Hyvä 1-column, hide PLP chrome, full-width main).
 * F3 — certification CMS section spacing (images / dark blocks).
 *
 * Component styles: rolex-collection.css + rolex-typography.css (foundation),
 * rolex-family-editorial.css, rolex-rcpo-landing-cms.css,
 * rolex-keepExploring.css, rolex-rcpo-keepExploring-overrides.css.
 *
 * @see dev-doc/rolex_rcpo_certification_implement_log.html#f1
 */

/* -------------------------------------------------------------------------
   1. Hyvä shell (F1)
   ------------------------------------------------------------------------- */

body.rolexrcpo-certification-body.category-rolex-certified-pre-owned #maincontent,
body.rolexrcpo-certification-body #maincontent {
    display: block !important;
    min-height: unset;
}

body.rolexrcpo-certification-body #maincontent.page-main,
body.rolexrcpo-certification-body.page-layout-1column #maincontent {
    margin: 0 !important;
    margin-block: 0 !important;
    padding-top: 0 !important;
    max-width: none;
    padding-inline: 0;
    flex-grow: 0 !important;
    min-height: unset;
}

body.rolexrcpo-certification-body #maincontent > .columns {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.rolexrcpo-certification-body .page-wrapper > div.page-main:not(#maincontent) {
    display: none !important;
    flex-grow: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.rolexrcpo-certification-body #maincontent:not(:has(#category-view-container)) {
    display: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.rolexrcpo-certification-body #category-view-container.rolex-wrapper.rolexrcpo {
    margin-top: 0;
    width: 100%;
}

body.rolexrcpo-certification-body .rolex-wrapper.rolexrcpo .breadcrumbs-wrapper {
    background-image: none;
    background-color: #000;
}

body.rolexrcpo-certification-body .rolex-wrapper.rolexrcpo .breadcrumbs {
    padding-bottom: 10px;
}

body.rolexrcpo-certification-body #maincontent .page.messages {
    margin: 0 !important;
    padding: 0 !important;
}

body.rolexrcpo-certification-body #maincontent .page.messages:not(:has(.message)) {
    display: none !important;
}

body.rolexrcpo-certification-body nav.breadcrumbs,
body.rolexrcpo-certification-body .breadcrumbs:not(.rolex-wrapper .breadcrumbs) {
    display: none !important;
}

body.rolexrcpo-certification-body .page-title-wrapper,
body.rolexrcpo-certification-body h1.page-title {
    display: none !important;
}

@media only screen and (max-width: 1023px) {
    body.rolexrcpo-certification-body .page-header {
        position: relative;
        z-index: 20;
    }
}

/* -------------------------------------------------------------------------
   2. Certification CMS (F3)
   ------------------------------------------------------------------------- */

body.rolexrcpo-certification-body .rolexrcpo_certification > .rolex-collection-block:first-child .rolex-collection-image:first-child {
    padding-top: 0;
}

body.rolexrcpo-certification-body .rolexrcpo_certification .rolex-collection-block.dark .rolex-collection-headline50,
body.rolexrcpo-certification-body .rolexrcpo_certification .rolex-collection-block.dark .rolex-collection-body20 {
    color: #472b20;
}
