/* MinglesAdda Advanced — assets/css/theme.css
   Non-critical styles (deferred). Complements critical.css.
   - Dark/Light variables sync with header.php body.mx-dark
   - Grids, cards, chips, breadcrumbs, related searches (hidden), forms
   - Player polish, IMA skip UI, pause overlay visuals
   - Ads wrappers, utilities
   - Zero CLS: no fixed heights unless required; ad wrappers flex-safe
*/

/* ---------------- Global Resets / Safety ---------------- */
*,
*::before,
*::after { box-sizing: border-box; }

html { overflow-x: hidden; }
body {
  line-height: 1.55;
  word-wrap: break-word;
  overflow-wrap: anywhere;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img, video, canvas, svg, iframe {
  display: block;
  max-width: 100%;
  height: auto;
}
figure { margin: 0; }
a { text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }

/* ---------------- Root Palette ---------------- */
:root{
  --mx-gap:10px;
  --mx-radius:12px;
  --mx-border:1px solid rgba(0,0,0,.06);
  --mx-muted:#707070;
  --mx-muted-dark:#9b9b9b;
  --mx-accent:#ff1f1f;
}
body.mx-dark{
  --mx-border:1px solid rgba(255,255,255,.06);
  --mx-muted: var(--mx-muted-dark);
}

/* ---------------- Base / Typography ---------------- */
h1,h2,h3,h4 { line-height:1.25; }
p { margin: 0 0 .9rem 0; }
small, .small { font-size:.875rem; opacity:.85; }

/* ---------------- Container Helpers ---------------- */
.mx-wrap{
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 12px;
}

/* ---------------- Links & Focus ---------------- */
a.btn-link { text-decoration:underline; font-weight:700; }
:focus-visible{
  outline: 3px solid rgba(100,150,255,.22);
  outline-offset: 2px;
}

/* ---------------- Buttons ---------------- */
.btn,
.button,
button[type="button"],
button[type="submit"]{
  appearance:none;
  border:var(--mx-border);
  background:transparent;
  color:inherit;
  border-radius:10px;
  padding:.55rem .9rem;
  cursor:pointer;
  transition:background .2s ease, border-color .2s ease;
}
.btn:hover{ background:rgba(0,0,0,.04); }
body.mx-dark .btn:hover{ background:rgba(255,255,255,.06); }

/* ---------------- Chips ---------------- */
.mx-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.mx-chips a{
  font-size:12px;
  border:var(--mx-border);
  padding:6px 10px;
  border-radius:999px;
  color:inherit;
  text-decoration:none;
  transition:background .2s ease,border-color .2s ease;
}
.mx-chips a:hover{ background:rgba(0,0,0,.04); }
body.mx-dark .mx-chips a:hover{ background:rgba(255,255,255,.06); }

/* ---------------- Breadcrumbs ---------------- */
.mx-breadcrumbs{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  font-size:12px;
  color:var(--mx-muted);
}
.mx-breadcrumbs a{ color:inherit; }
.mx-breadcrumbs a:hover{ text-decoration:underline; }

/* ---------------- Search Suggestions (generic) ---------------- */
.mx-suggest{
  position:absolute;
  z-index:1500;
  left:0;
  right:0;
  margin-top:6px;
  background:var(--panel,#fff);
  border:var(--mx-border);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.mx-suggest ul{
  list-style:none;
  margin:0;
  padding:6px;
}
.mx-suggest li{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border-radius:8px;
  cursor:pointer;
}
.mx-suggest li:hover{background:rgba(0,0,0,.04);}
body.mx-dark .mx-suggest li:hover{background:rgba(255,255,255,.06);}
.mx-suggest .k{font-weight:700;}
.mx-suggest .t{font-size:12px;color:var(--mx-muted);}

/* ---------------- Cards ---------------- */
.mx-card{
  border-radius: var(--mx-radius);
  border: var(--mx-border);
  overflow: hidden;
  background: var(--card, #fff);
}
body.mx-dark .mx-card{
  background: var(--card, #101010);
}
.mx-card-article{
  transition:transform .08s ease, box-shadow .12s ease;
}
.mx-card-article:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 18px rgba(0,0,0,.06);
}
body.mx-dark .mx-card-article:hover{
  box-shadow:0 4px 18px rgba(0,0,0,.18);
}
.mx-card .title a{
  display:inline-block;
  max-width:100%;
}
.mx-card img,
.mx-card video,
.mx-card iframe {
  max-width:100%;
  height:auto;
}

/* ---------------- Grid System (5 → 4 → 3 → 2 → 2) ---------------- */
.mx-grid{
  display:grid;
  gap: var(--mx-gap);
  align-items: stretch;
  width: 100%;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.mx-grid.tight { gap:8px; }
.mx-grid.wide  { gap:14px; }

/* Prevent wide children from causing horizontal scroll */
.mx-grid > *{
  min-width:0;
  overflow:hidden;
}

/* Explicit column counts at breakpoints */
@media (max-width: 1280px){
  .mx-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1024px){
  .mx-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 768px){
  .mx-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px){
  .mx-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* ---------------- Player Polish ---------------- */
.mx-player{
  border-radius:12px;
  overflow:hidden;
  background:#000;
}
.video-js{ background:#000; }
.vjs-control-bar{ font-size:13px; }

/* Big play button – circular yellow Pornhub-style */
.video-js .vjs-big-play-button{
  width:72px;
  height:72px;
  border-radius:50%;
  border:0;
  background:#ffcc00;
  box-shadow:0 4px 16px rgba(0,0,0,.45);
  line-height:72px;
  transform:translate(-50%, -50%);
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before{
  content:"";
  display:block;
  margin:0 auto;
  width:0;
  height:0;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
  border-left:18px solid #fff;
}
.video-js.vjs-paused .vjs-big-play-button{ opacity:1; }
.video-js.vjs-has-started .vjs-big-play-button{ display:none; }

/* Fluid player (Video.js) */
.vjs-fluid{ padding-top: 56.25% !important; }
.vjs-fluid .vjs-tech{
  position:absolute !important;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

/* Seek hover time tooltip – move BELOW progress bar (YouTube-like) */
.video-js .vjs-progress-control .vjs-mouse-display,
.video-js .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip{
  top:auto !important;
  bottom:-26px !important;
}
.video-js .vjs-progress-control .vjs-time-tooltip{
  white-space:nowrap;
  writing-mode:horizontal-tb !important;
  transform:translateX(-50%) !important;
}

/* Hide vertical volume % tooltip completely */
.video-js .vjs-volume-panel .vjs-mouse-display,
.video-js .vjs-volume-panel .vjs-volume-tooltip{
  display:none !important;
}

/* Skip pill enhanced */
.mx-skip{
  backdrop-filter:saturate(140%) blur(2px);
  -webkit-backdrop-filter:saturate(140%) blur(2px);
}
.mx-skip .bar{ transition: width .2s linear; }

/* Pause overlay container */
#mxPauseOverlay{
  position:absolute;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.75);
  z-index:30;
}

/* Pause overlay ad box – exact sizes */
#mxPauseOverlay .mx-pause-adbox,
#mxPauseOverlay .mx-slot,
#mxPauseOverlay .mx-ad-slot{
  display:flex;
  justify-content:center;
  align-items:center;
  background:#000;
}

@media (min-width:768px){
  #mxPauseOverlay .mx-pause-adbox,
  #mxPauseOverlay .mx-slot,
  #mxPauseOverlay .mx-ad-slot{
    width:300px;
    height:250px;
  }
  #mxPauseOverlay iframe{
    width:300px !important;
    height:250px !important;
    max-height:none !important;
    border:0;
  }
}

@media (max-width:767px){
  #mxPauseOverlay .mx-pause-adbox,
  #mxPauseOverlay .mx-slot,
  #mxPauseOverlay .mx-ad-slot{
    width:300px;
    height:50px;
  }
  #mxPauseOverlay iframe{
    width:300px !important;
    height:50px !important;
    max-height:none !important;
    border:0;
  }
}

/* ---------------- Ads (GLOBAL) ---------------- */
.mx-slot,
.mx-ad-slot{
  position:relative;
  display:block;
  max-width:100%;
  width:100%;
  contain:layout paint;
  overflow:visible;
}
.mx-slot * ,
.mx-ad-slot * {
  max-width:100%;
}
.mx-slot iframe,
.mx-ad-slot iframe{
  display:block;
  max-width:100%;
  width:100%;
  border:0;
  height:auto; /* height controlled per-slot or by ad code */
}
.mx-slot img,
.mx-ad-slot img{
  height:auto;
}

/* Small mode marker dot (optional) */
.mx-slot[data-mode="auto"]::after{
  content:'';
  position:absolute;
  inset:auto auto 2px 2px;
  width:6px;
  height:6px;
  border-radius:999px;
  background:var(--mx-accent);
  opacity:.18;
  pointer-events:none;
}

/* Legacy header slot */
.mx-slot.slot_header{
  max-width:728px;
  margin:0 auto;
}

/* Inline native fallback styling hook (card-like) */
.mx-card .mx-slot .native-fallback{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#777;
  font-weight:700;
  background:linear-gradient(90deg,#f6f6f6,#efefef);
}

/* Generic inline card-like wrapper */
.mx-card [data-card-like="1"]{
  display:block;
  width:100%;
  height:100%;
}

/* Default behaviour for creative INSIDE card-like: contain, no crop */
.mx-card [data-card-like="1"] iframe,
.mx-card [data-card-like="1"] img,
.mx-card [data-card-like="1"] video{
  width:100% !important;
  height:100% !important;
  object-fit:contain;
  background:#000;
}

/* ---------------- SIDERAIL / SIDE ADS — HARD ANTI-CROP ---------------- */

/* Siderail container itself: never clip, let children grow */
.mx-siderail{
  overflow:visible !important;
}

/* Siderail children must keep natural height */
.mx-siderail > *{
  flex:0 0 auto !important;
  overflow:visible !important;
}

/* All side slots + pause desktop: 300×250 area, no cropping */
.mx-siderail .mx-slot,
.mx-siderail .mx-ad-slot,
.mx-slot.slot_side_1,
.mx-slot.slot_side_2,
.mx-slot.slot_side_3,
.mx-slot.slot_pause_desktop{
  max-width:300px !important;
  width:100% !important;
  min-height:250px !important;
  height:auto !important;
  overflow:visible !important;
}

/* Iframe inside those slots: full 300×250 rendered, no max-height */
.mx-siderail iframe,
.mx-slot.slot_side_1 iframe,
.mx-slot.slot_side_2 iframe,
.mx-slot.slot_side_3 iframe,
.mx-slot.slot_pause_desktop iframe{
  display:block;
  width:100% !important;
  height:250px !important;
  max-height:none !important;
  border:0 !important;
}

/* Just in case any inner wrapper is clipping */
.mx-siderail *,
.mx-slot.slot_side_1 *,
.mx-slot.slot_side_2 *,
.mx-slot.slot_side_3 *,
.mx-slot.slot_pause_desktop *{
  overflow:visible !important;
}

/* =========================================
 * ALL AD SLOTS – EXACT SIZE, NO CROP
 * =======================================*/

/* Base: slot wrappers never clip (additional safety) */
.mx-slot,
.mx-ad-slot{
  max-height:none !important;
}

/* ---------------- DESKTOP / TABLET (≥768px) ---------------- */
@media (min-width:768px){
  /* 728×90: top / above / below / footer / sticky / desktop_sticky */
  [data-slot="slot_top"],
  [data-slot="slot_above_player"],
  [data-slot="slot_below_player"],
  [data-slot="slot_footer"],
  [data-slot="sticky_bottom"],
  [data-slot="slot_desktop_sticky"]{
    max-width:728px;
    width:100%;
    margin:0 auto;
    overflow:visible !important;
  }
  [data-slot="slot_top"] iframe,
  [data-slot="slot_above_player"] iframe,
  [data-slot="slot_below_player"] iframe,
  [data-slot="slot_footer"] iframe,
  [data-slot="sticky_bottom"] iframe,
  [data-slot="slot_desktop_sticky"] iframe{
    width:728px !important;
    height:90px !important;
    max-height:none !important;
  }

  /* 300×250 side + pause_desktop */
  [data-slot="slot_side_1"],
  [data-slot="slot_side_2"],
  [data-slot="slot_side_3"],
  [data-slot="slot_pause_desktop"]{
    max-width:300px;
    width:100%;
    height:auto !important;
    overflow:visible !important;
  }
  [data-slot="slot_side_1"] iframe,
  [data-slot="slot_side_2"] iframe,
  [data-slot="slot_side_3"] iframe,
  [data-slot="slot_pause_desktop"] iframe{
    width:300px !important;
    height:250px !important;
    max-height:none !important;
  }

  /* Siderail container: never clip */
  .mx-siderail{
    overflow:visible !important;
  }
  .mx-siderail > *{
    overflow:visible !important;
  }
}

/* ---------------- MOBILE (<768px) ---------------- */
@media (max-width:767px){
  /* 300×100: top / above / below / sticky / footer (+ fallback footer slot) */
  [data-slot="slot_top_mobile"],
  [data-slot="slot_above_player_mobile"],
  [data-slot="slot_below_player_mobile"],
  [data-slot="sticky_bottom_mobile"],
  [data-slot="slot_footer_mobile"],
  [data-slot="slot_footer"]{
    max-width:300px;
    width:100%;
    margin:0 auto;
    overflow:visible !important;
  }
  [data-slot="slot_top_mobile"] iframe,
  [data-slot="slot_above_player_mobile"] iframe,
  [data-slot="slot_below_player_mobile"] iframe,
  [data-slot="sticky_bottom_mobile"] iframe,
  [data-slot="slot_footer_mobile"] iframe,
  [data-slot="slot_footer"] iframe{
    width:300px !important;
    height:100px !important;
    max-height:none !important;
  }

  /* 300×50: pause_mobile */
  [data-slot="slot_pause_mobile"]{
    max-width:300px;
    width:100%;
    overflow:visible !important;
  }
  [data-slot="slot_pause_mobile"] iframe{
    width:300px !important;
    height:50px !important;
    max-height:none !important;
  }
}

/* ---------------- INLINE GRID SLOTS (16:9 CARD, NO CROP) ---------------- */
/* slot_inline_after6 / slot_inline_after6_b (desktop)
   slot_inline_after4 / slot_inline_after4_b (mobile) */

.mx-card [data-slot="slot_inline_after6"][data-card-like="1"],
.mx-card [data-slot="slot_inline_after6_b"][data-card-like="1"],
.mx-card [data-slot="slot_inline_after4"][data-card-like="1"],
.mx-card [data-slot="slot_inline_after4_b"][data-card-like="1"]{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:12px;
  background:#000;
}

.mx-card [data-slot="slot_inline_after6"][data-card-like="1"] iframe,
.mx-card [data-slot="slot_inline_after6_b"][data-card-like="1"] iframe,
.mx-card [data-slot="slot_inline_after4"][data-card-like="1"] iframe,
.mx-card [data-slot="slot_inline_after4_b"][data-card-like="1"] iframe,
.mx-card [data-slot="slot_inline_after6"][data-card-like="1"] img,
.mx-card [data-slot="slot_inline_after6_b"][data-card-like="1"] img,
.mx-card [data-slot="slot_inline_after4"][data-card-like="1"] img,
.mx-card [data-slot="slot_inline_after4_b"][data-card-like="1"] img,
.mx-card [data-slot="slot_inline_after6"][data-card-like="1"] video,
.mx-card [data-slot="slot_inline_after6_b"][data-card-like="1"] video,
.mx-card [data-slot="slot_inline_after4"][data-card-like="1"] video,
.mx-card [data-slot="slot_inline_after4_b"][data-card-like="1"] video{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important; /* no cropping */
  background:#000;
}

/* ---------------- Tables ---------------- */
table.mx-table{
  width:100%;
  border-collapse:collapse;
  border:var(--mx-border);
  border-radius:12px;
  overflow:hidden;
}
table.mx-table th,
table.mx-table td{
  padding:.6rem .7rem;
  border-bottom:var(--mx-border);
  text-align:left;
  vertical-align:top;
}
table.mx-table th{font-weight:800;}
table.mx-table tr:hover{background:rgba(0,0,0,.02);}
body.mx-dark table.mx-table tr:hover{background:rgba(255,255,255,.04);}
.mx-table-wrap{ width:100%; overflow-x:auto; }

/* ---------------- Pagination ---------------- */
.mx-pagination{
  display:flex;
  justify-content:center;
  margin:18px 0 8px;
}

/* UL wrapper from paginate_links( type => 'list' ) */
.mx-pagination ul.page-numbers{
  display:flex !important;
  gap:6px;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* Reset li */
.mx-pagination ul.page-numbers > li{
  list-style:none !important;
  margin:0;
  padding:0;
}

/* Default page links */
.mx-pagination a.page-numbers,
.mx-pagination span.page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:34px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  color:inherit;
  background:#fff;
}

/* Current page (gray box) */
.mx-pagination span.page-numbers.current{
  background:#eceff4;
  border-color:rgba(0,0,0,.05);
}

/* Prev / Next buttons (yellow) */
.mx-pagination a.page-numbers.prev,
.mx-pagination a.page-numbers.next{
  background:#ffc62a;
  border-color:#ffc62a;
  color:#000;
  font-weight:700;
}

/* Hover */
.mx-pagination a.page-numbers:hover{
  filter:brightness(0.97);
}

/* Dark mode tweaks */
body.mx-dark .mx-pagination a.page-numbers,
body.mx-dark .mx-pagination span.page-numbers{
  background:#111;
  border-color:rgba(255,255,255,.1);
}
body.mx-dark .mx-pagination span.page-numbers.current{
  background:#222;
}
body.mx-dark .mx-pagination a.page-numbers.prev,
body.mx-dark .mx-pagination a.page-numbers.next{
  background:#ffc62a;
  border-color:#ffc62a;
  color:#000;
}

/* ---------------- Forms ---------------- */
input[type="search"],
input[type="text"],
input[type="url"],
input[type="number"],
textarea,
select{
  border:var(--mx-border);
  background:transparent;
  color:inherit;
  border-radius:10px;
  padding:.6rem .75rem;
  width:100%;
}
input[type="search"]:focus,
input[type="text"]:focus,
textarea:focus,
select:focus{
  outline:3px solid rgba(100,150,255,.12);
}
label{ display:block; margin-bottom:6px; }
textarea{ min-height: 120px; }

/* ---------------- Alerts / Badges ---------------- */
.mx-alert{
  padding:.65rem .85rem;
  border-radius:12px;
  border:var(--mx-border);
  background:rgba(0,0,0,.02);
}
body.mx-dark .mx-alert{background:rgba(255,255,255,.04);}
.mx-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:22px;
  padding:0 8px;
  border-radius:999px;
  border:var(--mx-border);
  font-size:12px;
}

/* ---------------- Hidden Related Searches (SEO) ---------------- */
.mx-related-searches{
  display:none !important;
  visibility:hidden !important;
}

/* ---------------- Utility ---------------- */
.mx-muted{ color:var(--mx-muted); }
.mx-center{ text-align:center; }
.mx-right{ text-align:right; }
.mx-flex{ display:flex; }
.mx-flex-center{ display:flex; align-items:center; justify-content:center; }
.mx-gap-4{ gap:4px; }
.mx-gap-8{ gap:8px; }
.mx-gap-12{ gap:12px; }
.mx-rad-8{ border-radius:8px; }
.mx-rad-10{ border-radius:10px; }
.mx-rad-12{ border-radius:12px; }
.mx-border{ border:var(--mx-border); }
.mx-shadow{ box-shadow:0 4px 18px rgba(0,0,0,.06); }
body.mx-dark .mx-shadow{ box-shadow:0 4px 18px rgba(0,0,0,.22); }
.nowrap{ white-space: nowrap; }

/* ---------------- Responsive Player Layout (mirror PHP) ---------------- */
.mx-player-layout{
  display:grid;
  grid-template-columns: 1fr 300px;
  gap:16px;
}
@media (max-width: 1024px){
  .mx-player-layout{ grid-template-columns: 1fr; }
}

/* ---------------- Header Ad hide transition support ---------------- */
.header-ad{
  transition: opacity .2s ease, height .2s ease, margin .2s ease;
}

/* ---------------- Footer ---------------- */
.site-footer{ padding-top:14px; }
.site-footer .mx-legal{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.site-footer .mx-legal a{ margin:0 .2rem; }

/* =========================
 * GLOBAL AD TIGHTENING (NO EXTRA GAP)
 * ========================= */

.mx-slot,
.mx-ad-slot {
  line-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Player page above / below player */
.mx-player-top-ad,
.mx-player-below-ad {
  margin: 4px 0 !important;
  padding: 0 !important;
}

/* Any generic ad <section aria-label="Advertisement"> */
section[aria-label="Advertisement"] {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  padding: 0 !important;
}

/* Footer ad white surface – remove extra padding/border */
.mx-ad-white-surface {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Footer outer flex wrapper margin tightening */
.site-footer .mx-wrap > div[style*="display:flex"][style*="justify-content:center"] {
  margin-top: 4px !important;
  margin-bottom: 8px !important;
}

/* Top banner / generic ad-center wrappers */
.body-top-ad,
.ad-center {
  margin: 0 !important;
  padding: 0 !important;
}

/* Siderail margins small & clean */
.mx-siderail .mx-slot,
.mx-siderail .mx-ad-slot {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  line-height: 0 !important;
}

/* ===============================
 * GLOBAL AD BOXES
 * =============================== */

[data-slot]{
  display:flex;
  justify-content:center;
  align-items:center;
  line-height:0;
  margin:6px auto;
  padding:0;
}
[data-slot] > *{
  display:block;
  max-width:100%;
}

/* Inline grid ads basic */
[data-slot="slot_inline_after6"],
[data-slot="slot_inline_after6_b"],
[data-slot="slot_inline_after4"],
[data-slot="slot_inline_after4_b"]{
  width:100%;
  height:auto;
  margin:0;
}
[data-slot="slot_inline_after6"] iframe,
[data-slot="slot_inline_after6_b"] iframe,
[data-slot="slot_inline_after4"] iframe,
[data-slot="slot_inline_after4_b"] iframe{
  width:100% !important;
  height:100% !important;
  max-height:none !important;
  display:block;
  border:0;
}

/* ---------------- Print (minimal) ---------------- */
@media print{
  .site-header,
  .site-footer,
  .mx-slot,
  #mxSticky,
  #mxStickyDesktop {
    display:none !important;
  }
  a:after{
    content:" (" attr(href) ")";
    font-size:12px;
    opacity:.7;
  }
}

/* Footer legal links colors */
.site-footer .mx-legal a{
  margin: 0 .2rem;
  color: #000;
}
body.mx-dark .site-footer .mx-legal a{
  color: #fff;
}
