/* MarkasIM YouTube Embed for Blog CMS + Landing Builder */

/* Blog CMS toolbar visibility */
.rich-editor-toolbar button,
.rich-editor-toolbar select,
.rich-editor-toolbar option,
.rich-editor-toolbar input[type="color"]{
  color:#17133f!important;
  -webkit-text-fill-color:#17133f!important;
  background:#fff!important;
  border:1px solid #dfe4f0!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
}

.rich-editor-toolbar button:hover,
.rich-editor-toolbar select:hover{
  background:#fff8ec!important;
  border-color:#ffbf7b!important;
}

.rich-editor-toolbar button *,
.rich-editor-toolbar button b,
.rich-editor-toolbar button i,
.rich-editor-toolbar button u{
  color:#17133f!important;
  -webkit-text-fill-color:#17133f!important;
}

/* Public post and product/landing page embeds */
.rich-content .mkbuilder-video,
.post-detail .mkbuilder-video,
.post-detail .youtube-embed,
.post-media.youtube-embed,
.mkp-content .mkbuilder-video,
.mkbuilder-editor .mkbuilder-video,
.mkbuilder-video.youtube-embed{
  position:relative!important;
  width:100%!important;
  padding-top:56.25%!important;
  margin:22px 0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#17133f!important;
  box-shadow:0 18px 42px rgba(17,19,60,.14)!important;
}

.rich-content .mkbuilder-video iframe,
.post-detail .mkbuilder-video iframe,
.post-detail .youtube-embed iframe,
.post-media.youtube-embed iframe,
.mkp-content .mkbuilder-video iframe,
.mkbuilder-editor .mkbuilder-video iframe,
.mkbuilder-video.youtube-embed iframe{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
}

.rich-content .post-media video,
.post-detail .post-media video,
.mkp-content video,
.mkbuilder-editor video{
  width:100%!important;
  max-width:100%!important;
  border-radius:18px!important;
  background:#17133f!important;
  box-shadow:0 18px 42px rgba(17,19,60,.14)!important;
}

.youtube-caption,
.rich-content .youtube-caption,
.post-detail .youtube-caption,
.mkp-content .youtube-caption,
.mkbuilder-editor .youtube-caption{
  margin:-10px 0 18px!important;
  color:#74708c!important;
  -webkit-text-fill-color:#74708c!important;
  font-size:.92rem!important;
  text-align:center!important;
}

.rich-content .mkbuilder-cta,
.post-detail .mkbuilder-cta,
.mkp-content .mkbuilder-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  padding:0 22px!important;
  border-radius:14px!important;
  background:linear-gradient(90deg,#ff7a1a,#ff4d65,#ec1aa7)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-decoration:none!important;
  font-weight:950!important;
  box-shadow:0 14px 28px rgba(236,26,167,.18)!important;
}

.rich-content .mkbuilder-section,
.post-detail .mkbuilder-section,
.mkp-content .mkbuilder-section{
  padding:22px!important;
  margin:20px 0!important;
  border:1px solid #edf0f7!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#fffaff)!important;
  box-shadow:0 10px 24px rgba(17,19,60,.04)!important;
}

@media(max-width:760px){
  .rich-editor-toolbar{
    gap:6px!important;
  }
  .rich-editor-toolbar button,
  .rich-editor-toolbar select{
    font-size:12px!important;
    min-height:34px!important;
  }
}