/* ==========================================================================
   MegaPets 2.0 — E-book / Opening

   File path: components/e-book-blocks/e-book-opening/e-book-opening.css
   Responsibility: Present one reusable opening-book video.
   Provides: Poster/video sizing, clipping and local media scale.
   Reads: MegaPets Design System color and radius tokens.
   Saves meta fields: None.
   Consumed by: components/e-book-blocks/e-book-opening/e-book-opening.php.
   Connected files: e-book-opening.php and e-book-opening.js.
   Dependencies: assets/css/design-system.css and style.css.
   External systems: None.
   Architecture: Block-local CSS; layout parents may set the scale variable.
   ========================================================================== */

.mp-e-book-opening,
.mp-e-book-opening * {
    box-sizing: border-box;
}

.mp-e-book-opening {
    /*
     * LOCKED E-book media scale. Do not change this approved baseline to
     * compensate for copy or parent-layout changes.
     */
    --mp-e-book-opening-media-scale: 1.02;

    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: var(--mp-radius-small);
    background: var(--mp-color-surface);
}

.mp-e-book-opening[hidden],
.mp-e-book-opening.is-unavailable {
    display: none !important;
}

.mp-e-book-opening__video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transform: scale(var(--mp-e-book-opening-media-scale));
    transform-origin: center;
    background: var(--mp-color-surface);
    pointer-events: none;
}