/**
 * RCPO PDP (Hyvä) — layout shell overrides.
 * Handle: catalog_product_view_attribute_set_12
 *
 * rolex.min.css hides .catalog-product-view #maincontent; this body class restores it.
 */

body.rolexrcpo-productdetails-body #maincontent {
    display: block !important;
    min-height: unset;
}

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

body.rolexrcpo-productdetails-body #product-details.rolex-wrapper,
body.rolexrcpo-productdetails-body .rolex-wrapper {
    margin-top: 0;
}

/* Hyvä column shell — keep visible (PDP content lives here); reset padding */
body.rolexrcpo-productdetails-body #maincontent .columns,
body.rolexrcpo-productdetails-body #maincontent .column.main,
body.rolexrcpo-productdetails-body #maincontent .product-info-main {
    margin: 0 !important;
    padding: 0 !important;
    max-width: none;
    width: 100%;
}

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

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

body.rolexrcpo-productdetails-body #customer-reviews,
body.rolexrcpo-productdetails-body .product-reviews,
body.rolexrcpo-productdetails-body #product-info-details {
    display: none !important;
}

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

/* M2 — black RCPO header + crumbs (align PLP / old_ref modelPage) */
body.rolexrcpo-productdetails-body .rolex-wrapper.rolexrcpo .rolexrcpo-headerWrapper,
body.rolexrcpo-productdetails-body .rolexrcpo-headerWrapper {
    background-color: #000;
}

body.rolexrcpo-productdetails-body #product-details.rolexrcpo-modelPage {
    background-color: #f9f7f4;
}

body.rolexrcpo-productdetails-body .rolex-wrapper.rolexrcpo .breadcrumbs-wrapper,
body.rolexrcpo-productdetails-body #product-details .breadcrumbs-wrapper {
    background-image: none;
    background-color: #000;
}

body.rolexrcpo-productdetails-body .rolex-wrapper.rolexrcpo .breadcrumbs,
body.rolexrcpo-productdetails-body #product-details .breadcrumbs {
    padding-bottom: 10px;
}

/*
 * M10 — embedded contact/appointment forms (Alpine step visibility on PDP).
 * Mirrors rolex-pdp-overrides.css §M7 — rolex-form-common.css hides step2/thankyou
 * and appointment steps by default (Alpine x-show overrides in this file).
 */
body.rolexrcpo-productdetails-body .rolexContactForm [x-cloak],
body.rolexrcpo-productdetails-body .rolexAppointmentForm [x-cloak] {
    display: none !important;
}

body.rolexrcpo-productdetails-body .rolex-form .rolexContactForm .rolex-contactForm-step2.step-active,
body.rolexrcpo-productdetails-body .rolex-form .rolexContactForm .rolex-contactForm-thankyou.step-active {
    display: block !important;
}

body.rolexrcpo-productdetails-body .rolex-form .rolexAppointmentForm .rolex-appointmentForm-cancelConfirm.step-active,
body.rolexrcpo-productdetails-body .rolex-form .rolexAppointmentForm .rolex-appointmentForm-error.step-active,
body.rolexrcpo-productdetails-body .rolex-form .rolexAppointmentForm .rolex-appointmentForm-step1.step-active,
body.rolexrcpo-productdetails-body .rolex-form .rolexAppointmentForm .rolex-appointmentForm-step2.step-active,
body.rolexrcpo-productdetails-body .rolex-form .rolexAppointmentForm .rolex-appointmentForm-step3.step-active,
body.rolexrcpo-productdetails-body .rolex-form .rolexAppointmentForm .rolex-appointmentForm-step4.step-active,
body.rolexrcpo-productdetails-body .rolex-form .rolexAppointmentForm .rolex-appointmentForm-step5.step-active,
body.rolexrcpo-productdetails-body .rolex-form .rolexAppointmentForm .rolex-appointmentForm-thankyou.step-active {
    display: block !important;
}

/*
 * M10 — contactus accordion (display toggle; mirrors rolex-pdp-overrides §M7).
 */
body.rolexrcpo-productdetails-body .rolex-model-contactus .rolex-collection-text > * {
    padding-top: 24px;
}

body.rolexrcpo-productdetails-body .rolex-model-contactus .rolex-collection-text > :first-child {
    padding-top: 0;
}

body.rolexrcpo-productdetails-body .rolex-model-contactus-accordion {
    display: block;
}

body.rolexrcpo-productdetails-body .rolex-model-contactus-accordion .accordion-item {
    border-style: solid;
    border-color: rgba(28, 17, 13, 0.3);
    border-width: 0 0 1px;
}

body.rolexrcpo-productdetails-body .rolex-model-contactus-accordion .accordion-item:first-child {
    border-top-width: 1px;
}

body.rolexrcpo-productdetails-body .rolex-model-contactus-accordion .accordion-item:last-child.active {
    border-bottom-width: 0;
}

body.rolexrcpo-productdetails-body .rolex-model-contactus-accordion .accordion-item .accordion-toggle {
    padding: 16px 0;
    position: relative;
    cursor: pointer;
}

body.rolexrcpo-productdetails-body .rolex-model-contactus-accordion .accordion-item .accordion-toggle .rolex-collection-body20 {
    color: #472b20;
}

body.rolexrcpo-productdetails-body .rolex-model-contactus-accordion .accordion-item .accordion-toggle::before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 26px;
    background-image: url("/cms/images/rolex/common/more-list-black-button.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
}

body.rolexrcpo-productdetails-body .rolex-model-contactus-accordion .accordion-item.active .accordion-toggle::before {
    background-image: url("/cms/images/rolex/common/less-list-black-button.svg");
}

body.rolexrcpo-productdetails-body .rolex-model-contactus-accordion .accordion-item .accordion-body {
    display: none !important;
}

body.rolexrcpo-productdetails-body .rolex-model-contactus-accordion .accordion-item.active .accordion-body {
    display: block !important;
}