/* MT Free Google Ads Audit Popup Pro v2.0
   All selectors are prefixed with mtfap- to avoid theme/plugin conflicts. */

.mtfap-modal,
.mtfap-modal *,
.mtfap-trigger-button,
.mtfap-trigger-button *{
  box-sizing:border-box;
}

.mtfap-modal{
  --mtfap-blue:#1769e0;
  --mtfap-blue-dark:#0f5fcf;
  --mtfap-navy:#0f1f3a;
  --mtfap-text:#52627d;
  --mtfap-border:#dfe8f5;
  --mtfap-soft:#f5f9ff;

  position:fixed;
  inset:0;
  z-index:999999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease, visibility .22s ease;
}

.mtfap-modal.mtfap-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.mtfap-backdrop{
  position:absolute;
  inset:0;
  background:rgba(7,18,38,.68);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}

.mtfap-dialog{
  position:relative;
  z-index:2;
  width:min(680px,100%);
  max-height:calc(100vh - 36px);
  overflow:auto;
  overscroll-behavior:contain;
  padding:30px 32px 22px;
  border:1px solid var(--mtfap-border);
  border-radius:24px;
  background:#fff;
  box-shadow:0 26px 70px rgba(6,25,55,.24);
  transform:translateY(14px) scale(.988);
  transition:transform .22s ease;
  scrollbar-width:thin;
}

.mtfap-modal.mtfap-open .mtfap-dialog{
  transform:translateY(0) scale(1);
}

.mtfap-close{
  position:absolute;
  top:14px;
  right:14px;
  z-index:3;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  margin:0;
  padding:0;
  border:1px solid var(--mtfap-border);
  border-radius:50%;
  background:#f8fbff;
  color:var(--mtfap-navy);
  font:400 27px/1 Arial,sans-serif;
  cursor:pointer;
  transition:background .16s ease, transform .16s ease;
}

.mtfap-close:hover{
  background:#edf4ff;
  transform:rotate(5deg);
}

.mtfap-head{
  padding-right:38px;
}

.mtfap-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
  color:var(--mtfap-blue);
  font-size:12px;
  font-weight:800;
  line-height:1;
  letter-spacing:.08em;
}

.mtfap-kicker-dot{
  position:relative;
  display:inline-block;
  width:9px;
  height:9px;
  flex:0 0 9px;
  border-radius:50%;
  background:var(--mtfap-blue);
}

.mtfap-kicker-dot::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:rgba(23,105,224,.28);
  animation:mtfapPulse 1.8s ease-out infinite;
}

@keyframes mtfapPulse{
  0%{transform:scale(.85);opacity:.7}
  75%,100%{transform:scale(2.5);opacity:0}
}

.mtfap-title{
  margin:0 0 10px !important;
  padding:0 !important;
  color:var(--mtfap-navy) !important;
  font-family:inherit !important;
  font-size:clamp(29px,3.2vw,40px) !important;
  font-weight:800 !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  text-transform:none !important;
}

.mtfap-subtitle{
  max-width:590px;
  margin:0 0 20px !important;
  padding:0 !important;
  color:var(--mtfap-text) !important;
  font-family:inherit !important;
  font-size:14.5px !important;
  font-weight:400 !important;
  line-height:1.58 !important;
}

.mtfap-form{
  width:100%;
}

/* WPForms styles scoped only inside this popup */
.mtfap-modal .wpforms-container{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

.mtfap-modal .wpforms-form{
  margin:0 !important;
}

.mtfap-modal .wpforms-field{
  padding:6px 0 !important;
}

.mtfap-modal .wpforms-field-label{
  display:block !important;
  margin:0 0 6px !important;
  padding:0 !important;
  color:#17253d !important;
  font-family:inherit !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
}

.mtfap-modal input[type="text"],
.mtfap-modal input[type="email"],
.mtfap-modal input[type="tel"],
.mtfap-modal input[type="url"],
.mtfap-modal input[type="number"],
.mtfap-modal select,
.mtfap-modal textarea{
  width:100% !important;
  max-width:100% !important;
  min-height:46px !important;
  margin:0 !important;
  padding:10px 12px !important;
  border:1px solid #d7e1ef !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#17253d !important;
  font-family:inherit !important;
  font-size:14px !important;
  line-height:1.4 !important;
  box-shadow:none !important;
  outline:none !important;
  transition:border-color .16s ease, box-shadow .16s ease !important;
}

.mtfap-modal textarea{
  min-height:86px !important;
  resize:vertical;
}

.mtfap-modal input:focus,
.mtfap-modal select:focus,
.mtfap-modal textarea:focus{
  border-color:var(--mtfap-blue) !important;
  box-shadow:0 0 0 3px rgba(23,105,224,.10) !important;
}

.mtfap-modal .wpforms-submit-container{
  margin:0 !important;
  padding:12px 0 0 !important;
}

.mtfap-modal button[type="submit"].wpforms-submit{
  width:100% !important;
  min-height:48px !important;
  margin:0 !important;
  padding:13px 18px !important;
  border:0 !important;
  border-radius:11px !important;
  background:var(--mtfap-blue) !important;
  color:#fff !important;
  font-family:inherit !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-align:center !important;
  box-shadow:0 9px 20px rgba(23,105,224,.18) !important;
  cursor:pointer !important;
  transition:background .16s ease, transform .16s ease, box-shadow .16s ease !important;
}

.mtfap-modal button[type="submit"].wpforms-submit:hover{
  background:var(--mtfap-blue-dark) !important;
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(23,105,224,.22) !important;
}

.mtfap-trust{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px 16px;
  margin-top:15px;
  padding-top:14px;
  border-top:1px solid #e7eef8;
  color:#697991;
  font-size:11.5px;
  font-weight:700;
  line-height:1.35;
}

html.mtfap-lock,
body.mtfap-lock{
  overflow:hidden !important;
}

/* Optional plugin button shortcode */
.mtfap-trigger-button{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:13px 20px;
  overflow:hidden;
  border:1px solid #1769e0;
  border-radius:12px;
  background:#1769e0;
  color:#fff !important;
  font-family:inherit;
  font-size:14px;
  font-weight:800;
  line-height:1;
  text-decoration:none !important;
  box-shadow:0 9px 20px rgba(23,105,224,.18);
  transition:background .16s ease, transform .16s ease, box-shadow .16s ease;
}

.mtfap-trigger-button::before{
  content:"";
  position:absolute;
  top:-70%;
  left:-35%;
  width:22%;
  height:240%;
  background:rgba(255,255,255,.22);
  transform:rotate(18deg);
  animation:mtfapShine 4.5s ease-in-out infinite;
}

@keyframes mtfapShine{
  0%,68%{left:-35%;opacity:0}
  74%{opacity:1}
  88%{left:125%;opacity:0}
  100%{left:125%;opacity:0}
}

.mtfap-trigger-button:hover{
  background:#0f5fcf;
  color:#fff !important;
  transform:translateY(-2px);
  box-shadow:0 12px 25px rgba(23,105,224,.24);
}

.mtfap-trigger-button > span{
  position:relative;
  z-index:1;
}

.mtfap-arrow{
  transition:transform .16s ease;
}

.mtfap-trigger-button:hover .mtfap-arrow{
  transform:translateX(3px);
}

@media(max-width:600px){
  .mtfap-modal{
    align-items:flex-end;
    padding:10px;
  }

  .mtfap-dialog{
    width:100%;
    max-height:92vh;
    padding:25px 18px 18px;
    border-radius:20px 20px 14px 14px;
  }

  .mtfap-head{
    padding-right:30px;
  }

  .mtfap-title{
    font-size:29px !important;
  }

  .mtfap-subtitle{
    margin-bottom:15px !important;
    font-size:14px !important;
  }

  .mtfap-trust{
    justify-content:flex-start;
    gap:7px 12px;
  }

  .mtfap-trigger-button{
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){
  .mtfap-modal,
  .mtfap-dialog,
  .mtfap-close,
  .mtfap-trigger-button,
  .mtfap-arrow{
    transition:none !important;
  }

  .mtfap-kicker-dot::after,
  .mtfap-trigger-button::before{
    animation:none !important;
  }
}


/* ==========================================================
   v2.2 UI FIXES
   ========================================================== */

.mtfap-modal{
  padding:12px !important;
}

.mtfap-dialog{
  width:min(760px, calc(100vw - 24px)) !important;
  max-height:calc(100vh - 24px) !important;
  max-height:calc(100dvh - 24px) !important;
  padding:22px 28px 18px !important;
  border-radius:26px !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}

.mtfap-dialog::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}

.mtfap-head{
  padding-right:52px !important;
}

.mtfap-kicker{
  gap:8px !important;
  margin:0 0 10px !important;
  color:#1769e0 !important;
  font-size:11.5px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:.055em !important;
}

.mtfap-kicker-dot{
  width:8px !important;
  height:8px !important;
  flex-basis:8px !important;
}

.mtfap-title{
  margin-bottom:8px !important;
  font-size:clamp(29px,3vw,38px) !important;
  line-height:1.06 !important;
}

.mtfap-subtitle{
  margin-bottom:14px !important;
  font-size:13.5px !important;
  line-height:1.48 !important;
}

.mtfap-modal .wpforms-field{
  padding:4px 0 !important;
}

.mtfap-modal .wpforms-field-label{
  margin-bottom:4px !important;
  font-size:12.5px !important;
  line-height:1.25 !important;
}

.mtfap-modal input[type="text"],
.mtfap-modal input[type="email"],
.mtfap-modal input[type="tel"],
.mtfap-modal input[type="url"],
.mtfap-modal input[type="number"],
.mtfap-modal select,
.mtfap-modal textarea{
  min-height:42px !important;
  padding:8px 11px !important;
  border-radius:12px !important;
  font-size:13.5px !important;
}

.mtfap-modal textarea{
  min-height:72px !important;
}

.mtfap-modal .wpforms-submit-container{
  padding-top:8px !important;
}

.mtfap-modal button[type="submit"].wpforms-submit{
  min-height:46px !important;
  border-radius:13px !important;
}

.mtfap-trust{
  margin-top:11px !important;
  padding-top:11px !important;
}

/* Theme-proof close button */
.mtfap-modal button.mtfap-close,
button.mtfap-close{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  z-index:20 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:44px !important;
  min-width:44px !important;
  max-width:44px !important;
  height:44px !important;
  min-height:44px !important;
  max-height:44px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #d9e6f8 !important;
  border-radius:14px !important;
  background:#eef5ff !important;
  background-image:none !important;
  color:#1769e0 !important;
  font-family:Arial,sans-serif !important;
  font-size:25px !important;
  font-weight:400 !important;
  line-height:1 !important;
  text-align:center !important;
  text-decoration:none !important;
  box-shadow:0 7px 18px rgba(23,105,224,.12) !important;
  cursor:pointer !important;
  transform:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease !important;
}

.mtfap-modal button.mtfap-close:hover,
button.mtfap-close:hover{
  border-color:#1769e0 !important;
  background:#1769e0 !important;
  color:#fff !important;
  transform:translateY(-1px) !important;
  box-shadow:0 10px 22px rgba(23,105,224,.20) !important;
}

.mtfap-modal button.mtfap-close:focus-visible,
button.mtfap-close:focus-visible{
  outline:3px solid rgba(23,105,224,.18) !important;
  outline-offset:2px !important;
}

@media (max-width:600px){
  .mtfap-modal{
    padding:8px !important;
    align-items:center !important;
  }

  .mtfap-dialog{
    width:100% !important;
    max-height:calc(100vh - 16px) !important;
    max-height:calc(100dvh - 16px) !important;
    padding:20px 16px 16px !important;
    border-radius:20px !important;
  }

  .mtfap-head{
    padding-right:46px !important;
  }

  .mtfap-kicker{
    font-size:10.5px !important;
    letter-spacing:.04em !important;
  }

  .mtfap-title{
    font-size:28px !important;
  }

  .mtfap-subtitle{
    margin-bottom:12px !important;
    font-size:13px !important;
  }

  .mtfap-modal button.mtfap-close,
  button.mtfap-close{
    top:12px !important;
    right:12px !important;
    width:40px !important;
    min-width:40px !important;
    max-width:40px !important;
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    border-radius:13px !important;
    font-size:23px !important;
  }
}


/* ==========================================================
   v2.3 FORM CONFIRMATION FIX
   Keep WPForms success confirmation clear and readable
   inside the popup after AJAX or normal form submission.
   ========================================================== */

.mtfap-modal .wpforms-confirmation-container-full,
.mtfap-modal .wpforms-confirmation-container,
.mtfap-modal .wpforms-confirmation-scroll{
  margin:8px 0 2px !important;
  padding:18px 20px !important;
  border:1px solid #cfe3ff !important;
  border-radius:14px !important;
  background:#f3f8ff !important;
  color:#18365f !important;
  font-family:inherit !important;
  font-size:14px !important;
  line-height:1.6 !important;
  box-shadow:none !important;
}

.mtfap-modal .wpforms-confirmation-container-full p,
.mtfap-modal .wpforms-confirmation-container p,
.mtfap-modal .wpforms-confirmation-scroll p{
  margin:0 !important;
  color:#18365f !important;
  font-family:inherit !important;
  font-size:14px !important;
  line-height:1.6 !important;
}

/* Backdrop is intentionally not clickable in v2.3. */
.mtfap-backdrop{
  cursor:default !important;
}


/* v2.5 video testimonials */
.mtfap-video-testimonials{margin-top:14px;padding-top:14px;border-top:1px solid #e7eef8}
.mtfap-video-toggle{width:100%!important;min-height:46px!important;margin:0!important;padding:11px 14px!important;border:1px solid #d8e6f8!important;border-radius:12px!important;background:#f6faff!important;color:#1769e0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;font-family:inherit!important;font-size:13.5px!important;font-weight:700!important;line-height:1.2!important;box-shadow:none!important;cursor:pointer!important;transition:.16s ease!important}
.mtfap-video-toggle:hover{background:#eef5ff!important;border-color:#bcd5f7!important;transform:translateY(-1px)!important}
.mtfap-video-play{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#1769e0;color:#fff;font-size:10px;padding-left:1px}
.mtfap-video-chevron{font-size:18px;line-height:1;transition:transform .18s ease}.mtfap-video-toggle[aria-expanded="true"] .mtfap-video-chevron{transform:rotate(180deg)}
.mtfap-video-panel{margin-top:12px}.mtfap-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mtfap-video-item{width:100%;min-width:0;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#0d1420}
.mtfap-video-placeholder{position:relative!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:#0d1420!important;cursor:pointer!important;box-shadow:none!important}
.mtfap-video-placeholder img{display:block;width:100%;height:100%;object-fit:cover;opacity:.92;transition:transform .2s ease,opacity .2s ease}.mtfap-video-placeholder:hover img{transform:scale(1.025);opacity:.82}
.mtfap-video-bigplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;padding-left:3px;background:#1769e0;color:#fff;font-size:17px;box-shadow:0 8px 22px rgba(0,0,0,.24)}
.mtfap-video-iframe{display:block;width:100%;height:100%;border:0;background:#0d1420}
@media(max-width:600px){.mtfap-video-grid{grid-template-columns:1fr}.mtfap-video-toggle{font-size:13px!important}}


/* ==========================================================
   v2.6 VIDEO TESTIMONIAL UI POLISH
   ========================================================== */

.mtfap-video-testimonials{
  margin-top:14px !important;
  padding-top:14px !important;
  border-top:1px solid #e7eef8 !important;
}

.mtfap-video-toggle{
  position:relative !important;
  width:100% !important;
  min-height:64px !important;
  margin:0 !important;
  padding:10px 14px !important;
  border:1px solid #d5e5fa !important;
  border-radius:15px !important;
  background:linear-gradient(135deg,#f8fbff,#eef6ff) !important;
  color:#0f1f3a !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) 18px !important;
  gap:11px !important;
  align-items:center !important;
  text-align:left !important;
  font-family:inherit !important;
  box-shadow:0 6px 18px rgba(23,105,224,.07) !important;
  cursor:pointer !important;
  transform:none !important;
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
}

.mtfap-video-toggle:hover{
  background:linear-gradient(135deg,#f4f9ff,#e9f3ff) !important;
  border-color:#b8d4f7 !important;
  box-shadow:0 8px 22px rgba(23,105,224,.10) !important;
  transform:none !important;
}

.mtfap-video-toggle-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#1769e0;
  box-shadow:0 6px 14px rgba(23,105,224,.20);
}

.mtfap-video-toggle-triangle,
.mtfap-video-bigplay-triangle{
  display:block;
  width:0;
  height:0;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  border-left:9px solid #fff;
  margin-left:2px;
}

.mtfap-video-toggle-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}

.mtfap-video-toggle-title{
  color:#1769e0;
  font-size:13.5px;
  font-weight:700;
  line-height:1.2;
}

.mtfap-video-toggle-subtitle{
  color:#72819a;
  font-size:11px;
  font-weight:600;
  line-height:1.2;
}

.mtfap-video-chevron{
  width:10px;
  height:10px;
  border-right:2px solid #1769e0;
  border-bottom:2px solid #1769e0;
  transform:rotate(45deg) translateY(-2px);
  transform-origin:center;
  transition:transform .18s ease;
  justify-self:end;
  margin-right:4px;
}

.mtfap-video-toggle[aria-expanded="true"] .mtfap-video-chevron{
  transform:rotate(225deg) translate(-1px,-1px);
}

.mtfap-video-panel{
  margin-top:12px !important;
  padding:12px !important;
  border:1px solid #e0eaf7 !important;
  border-radius:15px !important;
  background:#f8fbff !important;
}

.mtfap-video-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.mtfap-video-panel-label{
  color:#1769e0;
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.08em;
}

.mtfap-video-panel-note{
  color:#8390a5;
  font-size:10.5px;
  font-weight:600;
}

.mtfap-video-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}

.mtfap-video-grid.is-single{
  grid-template-columns:minmax(0,520px) !important;
  justify-content:center !important;
}

.mtfap-video-item{
  position:relative;
  width:100%;
  min-width:0;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:14px !important;
  background:#0d1420;
  box-shadow:0 8px 22px rgba(7,27,59,.12);
}

.mtfap-video-placeholder{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:14px !important;
  background:#0d1420 !important;
  cursor:pointer !important;
  box-shadow:none !important;
  transform:none !important;
}

.mtfap-video-placeholder img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:1;
  transition:transform .22s ease;
}

.mtfap-video-placeholder:hover img{
  transform:scale(1.025);
  opacity:1;
}

.mtfap-video-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(to top,rgba(4,14,30,.82) 0%,rgba(4,14,30,.22) 42%,rgba(4,14,30,.05) 75%),
    rgba(8,25,50,.08);
  pointer-events:none;
}

.mtfap-video-bigplay{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-58%);
  width:54px;
  height:54px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#1769e0;
  border:4px solid rgba(255,255,255,.92);
  color:#fff;
  box-shadow:0 10px 28px rgba(0,0,0,.28);
  transition:transform .18s ease,background .18s ease;
}

.mtfap-video-placeholder:hover .mtfap-video-bigplay{
  transform:translate(-50%,-58%) scale(1.06);
  background:#0f5fcf;
}

.mtfap-video-bigplay-triangle{
  border-top-width:7px;
  border-bottom-width:7px;
  border-left-width:10px;
}

.mtfap-video-caption{
  position:absolute;
  left:14px;
  right:14px;
  bottom:12px;
  display:flex;
  flex-direction:column;
  gap:2px;
  color:#fff;
  text-align:left;
  pointer-events:none;
}

.mtfap-video-caption strong{
  color:#fff !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
}

.mtfap-video-caption small{
  color:rgba(255,255,255,.82) !important;
  font-size:10.5px !important;
  font-weight:500 !important;
  line-height:1.2 !important;
}

.mtfap-video-iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
  border-radius:14px;
  background:#0d1420;
}

@media(max-width:600px){
  .mtfap-video-toggle{
    grid-template-columns:38px minmax(0,1fr) 16px !important;
    min-height:60px !important;
    padding:9px 11px !important;
    gap:9px !important;
  }

  .mtfap-video-toggle-icon{
    width:38px;
    height:38px;
    border-radius:11px;
  }

  .mtfap-video-toggle-title{
    font-size:12.5px;
  }

  .mtfap-video-toggle-subtitle{
    font-size:10.5px;
  }

  .mtfap-video-panel{
    padding:10px !important;
  }

  .mtfap-video-panel-head{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }

  .mtfap-video-grid,
  .mtfap-video-grid.is-single{
    grid-template-columns:1fr !important;
  }
}


/* ==========================================================
   v2.7 VIDEO TESTIMONIAL CAROUSEL
   Two videos on desktop/tablet, one on mobile.
   No external slider library.
   ========================================================== */

.mtfap-video-panel-head{
  align-items:center !important;
}

.mtfap-video-panel-head > div:first-child{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}

.mtfap-video-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex:0 0 auto;
}

.mtfap-video-nav-btn{
  width:30px !important;
  min-width:30px !important;
  max-width:30px !important;
  height:30px !important;
  min-height:30px !important;
  max-height:30px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #d5e4f7 !important;
  border-radius:9px !important;
  background:#fff !important;
  color:#1769e0 !important;
  display:grid !important;
  place-items:center !important;
  font-family:Arial,sans-serif !important;
  font-size:23px !important;
  font-weight:400 !important;
  line-height:1 !important;
  box-shadow:0 4px 12px rgba(23,105,224,.07) !important;
  cursor:pointer !important;
  transition:background .16s ease,border-color .16s ease,color .16s ease !important;
}

.mtfap-video-nav-btn:hover:not(:disabled){
  border-color:#1769e0 !important;
  background:#1769e0 !important;
  color:#fff !important;
}

.mtfap-video-nav-btn:disabled{
  opacity:.35 !important;
  cursor:default !important;
}

.mtfap-video-count{
  min-width:58px;
  color:#8a97aa;
  font-size:10.5px;
  line-height:1;
  text-align:center;
  white-space:nowrap;
}

.mtfap-video-count strong{
  color:#1769e0 !important;
  font-size:11px !important;
  font-weight:800 !important;
}

.mtfap-video-viewport{
  width:100%;
  overflow:hidden;
  border-radius:14px;
}

.mtfap-video-track{
  display:flex !important;
  width:100% !important;
  gap:0 !important;
  transform:translateX(0);
  transition:transform .28s ease;
  will-change:transform;
}

.mtfap-video-track .mtfap-video-item{
  flex:0 0 50% !important;
  width:50% !important;
  padding-right:5px;
  padding-left:5px;
  box-shadow:none !important;
  background:transparent !important;
  overflow:visible !important;
  aspect-ratio:auto !important;
}

.mtfap-video-track .mtfap-video-placeholder,
.mtfap-video-track .mtfap-video-iframe{
  width:100% !important;
  aspect-ratio:16/9 !important;
  height:auto !important;
  border-radius:14px !important;
  overflow:hidden !important;
  box-shadow:0 8px 22px rgba(7,27,59,.12) !important;
}

@media(max-width:600px){
  .mtfap-video-panel-head{
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
  }

  .mtfap-video-panel-note{
    display:none;
  }

  .mtfap-video-nav{
    gap:5px;
  }

  .mtfap-video-nav-btn{
    width:28px !important;
    min-width:28px !important;
    max-width:28px !important;
    height:28px !important;
    min-height:28px !important;
    max-height:28px !important;
    border-radius:8px !important;
    font-size:21px !important;
  }

  .mtfap-video-count{
    min-width:42px;
    font-size:10px;
  }

  .mtfap-video-track .mtfap-video-item{
    flex-basis:100% !important;
    width:100% !important;
    padding-left:0;
    padding-right:0;
  }
}

@media(prefers-reduced-motion:reduce){
  .mtfap-video-track{
    transition:none !important;
  }
}