{"version":3,"file":"blocks/VideoCover/style-index.css","mappings":";;;AAAA;;;;EAAA;AAMA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;AAAF;AAGE;;EACE;AAAJ;AAIE;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADJ;AAKE;;EACE;EACA;EACA;KAAA;AAFJ;AAME;;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AAJJ;AAMI;EAbF;;IAcI;IACA;EAFJ;AACF;AAGI;EAjBF;;IAkBI;IACA;EACJ;AACF;AAGE;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAAJ;AAIE;;EACE;EACA;EACA;EACA;EACA;AADJ;AAKE;;EACE;EACA;AAFJ;AAGI;;EACE;AAAN;AAIE;;EACE;EACA;AADJ;AAEI;;EACE;AACN;AAGE;;EACE;EACA;AAAJ;AACI;;EACE;AAEN;AAEE;;EACE;EACA;AACJ;AAAI;;EACE;AAGN;AACE;;EACE;EACA;AAEJ;AADI;;EACE;AAIN;AAAE;;EACE;EACA;AAGJ;AAFI;;EACE;AAKN;AADE;;EACE;EACA;AAIJ;AAHI;;EACE;AAMN;AAFE;;EACE;EACA;AAKJ;AAJI;;EACE;AAON;AAHE;;EACE;EACA;AAMJ;AALI;;EACE;AAQN;AAHE;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAMJ;AAJI;;EACE;EACA;EACA;AAON;AAHI;;;;EAEE;EACA;EACA;AAON;AAJI;;EACE;AAON;AAHI;;EACE;AAMN;AAJM;;EACE;AAOR;AADE;;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAIJ;AAFI;;EACE;EACA;EACA;AAKN;AAFI;;EACE;AAKN;AADI;;;;EAEE;EACA;EACA;AAKN;AAFI;;EACE;AAKN;AAAE;;EACE;AAGJ,C","sources":["webpack://brandy-blocks/./src/blocks/VideoCover/style.scss"],"sourcesContent":["/**\n * Video Cover Block - Frontend Styles\n *\n * @package BrandyBlocks\n */\n\n.wp-block-brandy-video-cover,\n.brandy-video-cover {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: inherit;\n\n  // Full height mode.\n  &.is-full-height {\n    min-height: 100vh;\n  }\n\n  // Video media container.\n  .brandy-video-cover-media {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 0;\n    border-radius: inherit;\n    overflow: hidden;\n  }\n\n  // Self-hosted video.\n  .brandy-video-cover-video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  // YouTube/Vimeo iframe.\n  .brandy-video-cover-iframe {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    // Scale up iframe to cover container (removes letterboxing).\n    min-width: 100%;\n    min-height: 100%;\n    width: auto;\n    height: auto;\n    // Use aspect ratio trick for proper sizing.\n    @media (min-aspect-ratio: 16/9) {\n      width: 100%;\n      height: auto;\n    }\n    @media (max-aspect-ratio: 16/9) {\n      width: auto;\n      height: 100%;\n    }\n  }\n\n  // Overlay.\n  .brandy-video-cover-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n    pointer-events: none;\n  }\n\n  // Content area.\n  .brandy-video-cover-content {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    padding: 20px;\n    box-sizing: border-box;\n  }\n\n  // Content position classes.\n  &.content-position-top-left {\n    align-items: flex-start;\n    justify-content: flex-start;\n    .brandy-video-cover-content {\n      text-align: left;\n    }\n  }\n\n  &.content-position-top-center {\n    align-items: flex-start;\n    justify-content: center;\n    .brandy-video-cover-content {\n      text-align: center;\n    }\n  }\n\n  &.content-position-top-right {\n    align-items: flex-start;\n    justify-content: flex-end;\n    .brandy-video-cover-content {\n      text-align: right;\n    }\n  }\n\n  &.content-position-center-left {\n    align-items: center;\n    justify-content: flex-start;\n    .brandy-video-cover-content {\n      text-align: left;\n    }\n  }\n\n  &.content-position-center {\n    align-items: center;\n    justify-content: center;\n    .brandy-video-cover-content {\n      text-align: center;\n    }\n  }\n\n  &.content-position-center-right {\n    align-items: center;\n    justify-content: flex-end;\n    .brandy-video-cover-content {\n      text-align: right;\n    }\n  }\n\n  &.content-position-bottom-left {\n    align-items: flex-end;\n    justify-content: flex-start;\n    .brandy-video-cover-content {\n      text-align: left;\n    }\n  }\n\n  &.content-position-bottom-center {\n    align-items: flex-end;\n    justify-content: center;\n    .brandy-video-cover-content {\n      text-align: center;\n    }\n  }\n\n  &.content-position-bottom-right {\n    align-items: flex-end;\n    justify-content: flex-end;\n    .brandy-video-cover-content {\n      text-align: right;\n    }\n  }\n\n  // Play button - centered.\n  .brandy-video-cover-play-btn {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 3;\n    width: 60px;\n    height: 60px;\n    border: none;\n    border-radius: 50%;\n    background: #FFFFFF0D;\n    border: 1px solid #FFFFFF;\n    backdrop-filter: blur(4px);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: transform 0.2s ease, background 0.2s ease, opacity 0.2s ease;\n\n    svg {\n      width: 20px;\n      height: 20px;\n      color: #FFFFFF;\n    }\n\n    // Hide appropriate icon.\n    .brandy-icon-play,\n    .brandy-icon-pause {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    [hidden] {\n      display: none !important;\n    }\n\n    // Playing state - smaller, more subtle.\n    &.is-playing {\n      opacity: 0;\n\n      &:hover {\n        opacity: 1;\n      }\n    }\n  }\n\n  // Mute button - top right corner.\n  .brandy-video-cover-mute-btn {\n    position: absolute;\n    top: 16px;\n    right: 16px;\n    z-index: 3;\n    width: 44px;\n    height: 44px;\n    border: none;\n    border-radius: 50%;\n    backdrop-filter: blur(4px);\n    background: #FFFFFF0D;\n    border: 1px solid #FFFFFF;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: transform 0.2s ease, background 0.2s ease;\n\n    svg {\n      width: 20px;\n      height: 20px;\n      color: #FFFFFF;\n    }\n\n    &:hover {\n      background: rgba(0, 0, 0, 0.4);\n    }\n\n    // Hide appropriate icon.\n    .brandy-icon-mute,\n    .brandy-icon-unmute {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    [hidden] {\n      display: none !important;\n    }\n  }\n\n  // Hover state - show play button when playing.\n  &:hover .brandy-video-cover-play-btn.is-playing {\n    opacity: 0.8;\n  }\n}\n"],"names":[],"sourceRoot":""}