/**
 * Bermad Button Block — solid / transparent, hover & active states.
 */

.bermad-button-block{padding-right:0 !important;padding-left:0 !important; margin-top:35px !important;}
.bermad-button-block .downloadBox a, .bermad-button-block .downloadBox a img, .bermad-button-block .bermad-btn__standalone-image{display:flex;}
.bermad-button-block .downloadBox a:hover, .bermad-button-block .bermad-btn:hover, .bermad-button-block .bermad-btn:focus-visible{text-decoration:none;}
.bermad-button-block .downloadBox .auto-column:not(:last-child){margin-right:0.833vw;}
body.rtl .bermad-button-block .downloadBox .auto-column:not(:last-child){margin-left:0.833vw;margin-right:0;}

/* —— Base pill button —— */

.bermad-button-block .bermad-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.521vw;padding:0.417vw 1.042vw 0.417vw 1.25vw;border-radius:var(--borderradius100);border:1px solid var(--btn-border, var(--primary-color));background-color:var(--btn-bg, var(--primary-color));color:var(--btn-color, var(--white-color));font-size:var(--wp--preset--font-size--small);line-height:1.4;font-weight:var(--font-weight500);text-decoration:none;cursor:pointer;transition:border-color 0.25s ease, color 0.25s ease, background-color 0.25s ease, outline 0.25s ease;white-space:nowrap;font-family:inherit;box-sizing:border-box;}
.bermad-button-block .bermad-btn--transparent{background-color:transparent;}
.bermad-button-block .bermad-btn__label{display:inline-block;}

/* —— Icons (default + active swap) —— */

.bermad-button-block .bermad-btn__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;}
.bermad-button-block .bermad-btn__icon-img{display:block;width:auto;height:2vw;min-height:16px;max-height:21px;object-fit:contain;}
.bermad-button-block .bermad-btn__icon-img--active{display:none;}
.bermad-button-block .bermad-btn--image img, .bermad-button-block .bermad-btn__standalone-image{max-width:100%;height:auto;}

/* Image type:no pill / color styles */

.bermad-button-block .bermad-btn--image{padding:0;border:0;background:transparent;gap:0;}

/* —— Transparent:hover & active = cyan border —— */

.bermad-button-block .bermad-btn--transparent.bermad-btn--video:hover, .bermad-button-block .bermad-btn--transparent.bermad-btn--video.is-active, .bermad-button-block .bermad-btn--transparent.bermad-btn--sound:hover, .bermad-button-block .bermad-btn--transparent.bermad-btn--sound.is-active{border-color:var(--skyblue);}

/* —— Video & sound:swap to active icon on hover / active —— */

.bermad-button-block .bermad-btn--video:hover .bermad-btn__icon-img--default, .bermad-button-block .bermad-btn--video.is-active .bermad-btn__icon-img--default, .bermad-button-block .bermad-btn--sound:hover .bermad-btn__icon-img--default, .bermad-button-block .bermad-btn--sound.is-active .bermad-btn__icon-img--default{display:none;}
.bermad-button-block .bermad-btn--video:hover .bermad-btn__icon-img--active, .bermad-button-block .bermad-btn--video.is-active .bermad-btn__icon-img--active, .bermad-button-block .bermad-btn--sound:hover .bermad-btn__icon-img--active, .bermad-button-block .bermad-btn--sound.is-active .bermad-btn__icon-img--active{display:flex;}

/* Solid video:keep navy bg; only icon changes on hover/active */

.bermad-button-block .bermad-btn--solid.bermad-btn--video:hover, .bermad-button-block .bermad-btn--solid.bermad-btn--video.is-active{background-color:var(--btn-bg, var(--primary-color));color:var(--btn-color, var(--white-color));border-color:var(--btn-border, var(--primary-color));}

/* Sound active:dotted focus ring (both styles) */

.bermad-button-block .bermad-btn--sound.is-active{outline:2px dotted var(--skyblue);outline-offset:3px;}

/* Download transparent:subtle border highlight on hover */

.bermad-button-block .bermad-btn--transparent.bermad-btn--download:hover{border-color:var(--skyblue);}

/* Normal link button hover */

.bermad-button-block .bermad-btn--btn.bermad-btn--solid:hover{opacity:0.92;}
.bermad-button-block .bermad-btn--btn.bermad-btn--transparent:hover{border-color:var(--skyblue);color:var(--btn-color, var(--primary-color));}
.bermad-button-block .bermad-btn__audio{display:none;}

/* —— Video modal —— */

.bermad-button-block__modal .bermad-button-block__modal-content{width:49.479vw;max-width:92vw;padding:var(--padding8);padding-top:2.5vw;}
.bermad-button-block__modal .bermad-button-block__iframe{display:block;width:100%;min-height:28vw;border-radius:1.042vw;}
.bermad-button-block__modal .bermad-button-block__modal-close{position:absolute;top:0.625vw;right:1.042vw;background:transparent;border:0;font-size:1.5vw;line-height:1;cursor:pointer;color:var(--primary-color);z-index:2;}
.bermad-button-block .bermad-btn.googleBttn{color:#006EB2;font-size:16px;background:#fff;border:1px solid #006EB2;font-weight:400;gap:8px;}
.bermad-button-block .googleBttn__icon{display:block;width:20px;height:20px;object-fit:contain;flex-shrink:0;}
.bermad-google-button-wrap--content{margin-bottom:1vw;}
.bermad-google-button-wrap--sidebar{margin-bottom:1.2vw;}
.bermad-google-button-wrap--sidebar-mobile{margin-top: 1.2vw;}
.bermad-button-block.bermad-google-button-wrap .downloadBox{max-width:61.458vw;margin:34px auto;}
.rightSideSticky .bermad-button-block.bermad-google-button-wrap .downloadBox, .rightSideSticky .bermad-google-button-wrap--sidebar{margin-bottom:25px !important;}
.rightSideSticky .bermad-button-block .bermad-btn.googleBttn{box-shadow:0 90px 25px 0 rgba(164, 162, 162, 0.00), 0 58px 23px 0 rgba(164, 162, 162, 0.01), 0 33px 20px 0 rgba(164, 162, 162, 0.05), 0 14px 14px 0 rgba(164, 162, 162, 0.09), 0 4px 8px 0 rgba(164, 162, 162, 0.10);}

@media (max-width:768px){
    .bermad-button-block .wp-block-column-inner{justify-content:flex-start !important;}
    .wp-block-group.bermad-button-block{padding:3vw 5vw 1.5vw !important;}
    .bermad-button-block .downloadBox .flex{justify-content:center;width:100%;flex-wrap:wrap;gap:12px;}
    .bermad-button-block .downloadBox .auto-column:not(:last-child){margin-left:0;margin-right:0;}
    .bermad-button-block .bermad-btn{padding:2.156vw 3.5vw 2.104vw 3.042vw;gap:2vw;}
    .bermad-button-block .bermad-google-button-wrap--sidebar-mobile .bermad-btn{padding:1.8vw 3.5vw 1.8vw 3.042vw;}
    .bermad-button-block .bermad-btn__icon-img{height:18px;min-height:18px;}
    .bermad-button-block__modal .bermad-button-block__iframe{min-height:52vw;}
    .bermad-button-block__modal .bermad-button-block__modal-content{width:90vw;}
    .bermad-button-block .bermad-btn--sound .bermad-btn__label{display:none !important;}
    .bermad-button-block .bermad-btn--sound{width:40px;height:40px;}
    .bermad-button-block{margin-top:5px !important;}
    .bermad-google-button-wrap--sidebar-mobile .downloadBox .flex{justify-content: flex-start;}
    .bermad-google-button-wrap--sidebar-mobile{margin-top: 3vw;margin-bottom: 0;}
    .bermad-button-block.bermad-google-button-wrap .downloadBox{max-width: 100%;margin: 25px auto 15px;}
    .bermad-button-block.bermad-google-button-wrap.bermad-google-button-wrap--content{padding: 0 18px !important;}
    .bermad-button-block.bermad-google-button-wrap.bermad-google-button-wrap--content .downloadBox .flex{justify-content:flex-start !important;}
    .bermad-button-block .googleBttn__icon{Width:16px !important;height:16px !important;}
}