/* Modern Tables redesign v1.3.3
   - Plugin name and slug are unchanged.
   - Mobile keeps the same real table layout as desktop; no cards, no stack mode. */

:root{
  --mtable-redesign-radius: 22px;
  --mtable-redesign-border: rgba(15, 23, 42, .11);
}

body .mtable-container,
.mtable-container{
  --mtable-accent: #2563eb;
  --mtable-accent-2: #7c3aed;
  --mtable-surface: #f8fafc;
  --mtable-ink: #0f172a;
  --mtable-muted: #64748b;
  --mtable-line: rgba(15, 23, 42, .12);
  width: 100% !important;
  max-width: 100% !important;
  margin: 22px auto !important;
  padding: clamp(10px, 1.4vw, 16px) !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: touch !important;
  border-radius: calc(var(--mtable-redesign-radius) + 8px) !important;
  border: 1px solid color-mix(in srgb, var(--mtable-accent) 24%, transparent) !important;
  background:
    radial-gradient(900px 220px at 100% 0%, color-mix(in srgb, var(--mtable-accent) 18%, transparent), transparent 64%),
    radial-gradient(760px 260px at 0% 100%, color-mix(in srgb, var(--mtable-accent-2) 13%, transparent), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.9)) !important;
  box-shadow:
    0 24px 55px rgba(15, 23, 42, .10),
    inset 0 1px 0 rgba(255,255,255,.82) !important;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--mtable-accent) 58%, #94a3b8) rgba(226,232,240,.8);
}

body .mtable-container::-webkit-scrollbar{ height: 10px !important; }
body .mtable-container::-webkit-scrollbar-track{ background: rgba(226,232,240,.72) !important; border-radius: 999px !important; }
body .mtable-container::-webkit-scrollbar-thumb{
  background: linear-gradient(90deg, var(--mtable-accent), var(--mtable-accent-2)) !important;
  border-radius: 999px !important;
  border: 2px solid rgba(255,255,255,.72) !important;
}

body .mtable-container table.mtable,
body table.mtable{
  direction: inherit !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  table-layout: fixed !important;
  display: table !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border-radius: var(--mtable-redesign-radius) !important;
  border: 1px solid var(--mtable-line) !important;
  background: #ffffff !important;
  color: var(--mtable-ink) !important;
  font-size: clamp(13.5px, 1vw, 15.5px) !important;
  line-height: 1.75 !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.85), 0 16px 38px rgba(15,23,42,.075) !important;
}

body table.mtable caption{
  caption-side: top !important;
  display: table-caption !important;
  width: auto !important;
  margin: 0 0 12px !important;
  padding: 10px 14px !important;
  border: 1px solid color-mix(in srgb, var(--mtable-accent) 28%, transparent) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--mtable-accent) 13%, #fff), color-mix(in srgb, var(--mtable-accent-2) 9%, #fff)) !important;
  color: var(--mtable-ink) !important;
  font-weight: 850 !important;
  text-align: center !important;
  letter-spacing: -.01em !important;
  box-shadow: none !important;
}

body table.mtable thead,
body table.mtable tbody,
body table.mtable tfoot{ display: table-row-group !important; }
body table.mtable thead{ display: table-header-group !important; }
body table.mtable tfoot{ display: table-footer-group !important; }
body table.mtable tr{ display: table-row !important; }
body table.mtable th,
body table.mtable td{ display: table-cell !important; }

body table.mtable thead th,
body table.mtable > tbody > tr:first-child > th{
  position: relative !important;
  isolation: isolate !important;
  padding: 16px 18px !important;
  border: 0 !important;
  border-inline-end: 1px solid rgba(255,255,255,.16) !important;
  border-bottom: 0 !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--mtable-accent) 92%, #020617), color-mix(in srgb, var(--mtable-accent-2) 82%, #0f172a)) !important;
  color: #fff !important;
  font-weight: 900 !important;
  text-align: center !important;
  vertical-align: middle !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.18) !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

body table.mtable thead th::after,
body table.mtable > tbody > tr:first-child > th::after{
  content: '' !important;
  position: absolute !important;
  inset-inline: 14px !important;
  bottom: 8px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.34) !important;
  z-index: -1 !important;
}

body table.mtable th,
body table.mtable td{
  padding: 14px 16px !important;
  border: 0 !important;
  border-inline-end: 1px solid rgba(15,23,42,.08) !important;
  border-bottom: 1px solid rgba(15,23,42,.08) !important;
  background: transparent !important;
  color: inherit !important;
  vertical-align: middle !important;
  text-align: center !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  hyphens: auto !important;
}

body table.mtable tr > *:last-child{ border-inline-end: 0 !important; }
body table.mtable tbody tr:last-child > *{ border-bottom: 0 !important; }

body table.mtable tbody tr{
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--mtable-accent) 4%, #ffffff), #ffffff 34%, #ffffff) !important;
  transition: background-color .18s ease, box-shadow .18s ease !important;
}
body table.mtable tbody tr:nth-child(even){
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--mtable-accent-2) 5%, #f8fafc), #f8fafc 36%, #ffffff) !important;
}
body table.mtable tbody tr:hover{
  background: color-mix(in srgb, var(--mtable-accent) 9%, #ffffff) !important;
  box-shadow: inset 0 0 0 999px rgba(255,255,255,.10) !important;
}

body table.mtable tbody td:first-child,
body table.mtable tbody th:first-child{
  position: relative !important;
  font-weight: 850 !important;
  color: color-mix(in srgb, var(--mtable-accent) 74%, #0f172a) !important;
  background: linear-gradient(90deg, color-mix(in srgb, var(--mtable-accent) 9%, #ffffff), rgba(255,255,255,.25)) !important;
}
body table.mtable tbody td:first-child::before,
body table.mtable tbody th:first-child::before{
  content: '' !important;
  position: absolute !important;
  inset-block: 10px !important;
  inset-inline-start: 0 !important;
  width: 4px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, var(--mtable-accent), var(--mtable-accent-2)) !important;
}
html[dir="rtl"] body table.mtable tbody td:first-child::before,
html[dir="rtl"] body table.mtable tbody th:first-child::before,
body.rtl table.mtable tbody td:first-child::before,
body.rtl table.mtable tbody th:first-child::before{
  inset-inline-start: auto !important;
  inset-inline-end: 0 !important;
}

body table.mtable a{
  color: color-mix(in srgb, var(--mtable-accent) 82%, #1d4ed8) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  border-bottom: 1px dashed color-mix(in srgb, var(--mtable-accent) 45%, transparent) !important;
}
body table.mtable a:hover{ border-bottom-style: solid !important; }

body table.mtable .price-badge,
body table.mtable .mt-price-badge,
body table.mtable .price-text,
body table.mtable [class*="badge"]{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .25em !important;
  margin: 2px !important;
  padding: .34em .64em !important;
  border-radius: 10px !important;
  border: 1px solid color-mix(in srgb, var(--mtable-accent) 26%, transparent) !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--mtable-accent) 12%, #ffffff), color-mix(in srgb, var(--mtable-accent-2) 8%, #ffffff)) !important;
  color: color-mix(in srgb, var(--mtable-accent) 82%, #0f172a) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75) !important;
  white-space: nowrap !important;
  line-height: 1.35 !important;
}

body table.mtable .mtbl-price-range,
body table.mtable .price-badge--stacked{
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  white-space: normal !important;
}
body table.mtable .mtbl-price-range .min,
body table.mtable .mtbl-price-range .max,
body table.mtable .mtbl-price-range .sep,
body table.mtable .mtbl-price-range .currency,
body table.mtable .price-badge--stacked .pb-part,
body table.mtable .price-badge--stacked .pb-sep,
body table.mtable .price-badge--stacked .pb-currency{
  display: inline !important;
}

/* Model variations under the new design */
body.mtable-model-1 table.mtable,
body table.mtable.mtable-model-1{ border-radius: 18px !important; }
body.mtable-model-2 table.mtable,
body table.mtable.mtable-model-2{ border: 2px solid color-mix(in srgb, var(--mtable-accent) 46%, #0f172a) !important; }
body.mtable-model-3 table.mtable tbody tr:nth-child(odd),
body table.mtable.mtable-model-3 tbody tr:nth-child(odd){ background: color-mix(in srgb, var(--mtable-accent) 8%, #ffffff) !important; }
body.mtable-model-4 table.mtable,
body table.mtable.mtable-model-4{ font-size: 13px !important; }
body.mtable-model-4 table.mtable th,
body.mtable-model-4 table.mtable td,
body table.mtable.mtable-model-4 th,
body table.mtable.mtable-model-4 td{ padding: 10px 12px !important; }
body.mtable-model-5 table.mtable th,
body.mtable-model-5 table.mtable td,
body table.mtable.mtable-model-5 th,
body table.mtable.mtable-model-5 td{ padding: 18px 22px !important; }
body.mtable-model-6 table.mtable,
body table.mtable.mtable-model-6{ border-spacing: 0 8px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
body.mtable-model-6 table.mtable tbody tr,
body table.mtable.mtable-model-6 tbody tr{ box-shadow: 0 8px 22px rgba(15,23,42,.08) !important; }
body.mtable-model-7 table.mtable,
body table.mtable.mtable-model-7{ outline: 3px solid color-mix(in srgb, var(--mtable-accent) 15%, transparent) !important; outline-offset: 4px !important; }
body.mtable-model-8 .mtable-container,
.mtable-container.mtable-model-8{ background: radial-gradient(720px 220px at 100% 0%, color-mix(in srgb, var(--mtable-accent) 28%, transparent), transparent 62%), linear-gradient(180deg, #111827, #020617) !important; }
body.mtable-model-8 table.mtable,
body table.mtable.mtable-model-8{ background: #0f172a !important; color: #e5e7eb !important; border-color: rgba(148,163,184,.24) !important; }
body.mtable-model-8 table.mtable td,
body table.mtable.mtable-model-8 td{ border-color: rgba(148,163,184,.18) !important; }
body.mtable-model-8 table.mtable tbody tr,
body table.mtable.mtable-model-8 tbody tr{ background: linear-gradient(90deg, rgba(255,255,255,.06), rgba(15,23,42,.92)) !important; }
body.mtable-model-8 table.mtable tbody tr:nth-child(even),
body table.mtable.mtable-model-8 tbody tr:nth-child(even){ background: linear-gradient(90deg, rgba(255,255,255,.045), rgba(2,6,23,.95)) !important; }
body.mtable-model-8 table.mtable tbody td:first-child,
body table.mtable.mtable-model-8 tbody td:first-child{ color: #fff !important; background: rgba(255,255,255,.035) !important; }

/* Hard mobile rule: the table stays a table, exactly like desktop. */
@media (max-width: 900px){
  body .mtable-container,
  .mtable-container{
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding: 9px !important;
    margin: 14px auto !important;
    touch-action: pan-x pan-y !important;
  }

  body .mtable-container table.mtable,
  body table.mtable,
  body table.rtbl,
  body .rtbl.mtbl-ssr-card,
  body table.mtable.mtable-stack-5plus,
  body table.mtable.mt-auto-stack{
    display: table !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    table-layout: auto !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
  }

  body table.mtable thead,
  body table.rtbl thead,
  body .rtbl.mtbl-ssr-card thead,
  body table.mtable.mtable-stack-5plus thead,
  body table.mtable.mt-auto-stack thead{
    display: table-header-group !important;
    visibility: visible !important;
    height: auto !important;
    opacity: 1 !important;
  }
  body table.mtable tbody,
  body table.rtbl tbody,
  body .rtbl.mtbl-ssr-card tbody,
  body table.mtable.mtable-stack-5plus tbody,
  body table.mtable.mt-auto-stack tbody{ display: table-row-group !important; }
  body table.mtable tfoot,
  body table.rtbl tfoot,
  body .rtbl.mtbl-ssr-card tfoot{ display: table-footer-group !important; }
  body table.mtable tr,
  body table.rtbl tr,
  body .rtbl.mtbl-ssr-card tr,
  body table.mtable.mtable-stack-5plus tr,
  body table.mtable.mt-auto-stack tr{
    display: table-row !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  body table.mtable th,
  body table.mtable td,
  body table.rtbl th,
  body table.rtbl td,
  body .rtbl.mtbl-ssr-card th,
  body .rtbl.mtbl-ssr-card td,
  body table.mtable.mtable-stack-5plus th,
  body table.mtable.mtable-stack-5plus td,
  body table.mtable.mt-auto-stack th,
  body table.mtable.mt-auto-stack td{
    display: table-cell !important;
    width: auto !important;
    min-width: 118px !important;
    max-width: 260px !important;
    padding: 12px 13px !important;
    text-align: center !important;
    vertical-align: middle !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }
  body table.mtable th:first-child,
  body table.mtable td:first-child,
  body table.rtbl th:first-child,
  body table.rtbl td:first-child{
    min-width: 158px !important;
  }

  body table.mtable td::before,
  body table.rtbl td::before,
  body .rtbl.mtbl-ssr-card td::before,
  body table.mtable.mtable-stack-5plus td::before,
  body table.mtable.mt-auto-stack td::before,
  body.mtable-mobile-card table.mtable tbody tr::after,
  body table.mtable.mtable-mobile-card tbody tr::after{
    content: none !important;
    display: none !important;
  }
  body table.mtable .mtable-label-badge,
  body table.rtbl .mtable-label-badge,
  body table.mtable .mtable-price-mobile,
  body table.rtbl .mtable-price-mobile{
    display: none !important;
  }
}

@supports not (color: color-mix(in srgb, white, black)){
  body .mtable-container,
  .mtable-container{ border-color: rgba(37,99,235,.18) !important; }
  body table.mtable thead th,
  body table.mtable > tbody > tr:first-child > th{ background: linear-gradient(135deg, var(--mtable-accent), var(--mtable-accent-2)) !important; }
  body table.mtable tbody td:first-child,
  body table.mtable tbody th:first-child{ color: var(--mtable-accent) !important; }
}

body.mtable-theme-1 .mtable-container,
.mtable-container.mtable-theme-1,
table.mtable.mtable-theme-1{
  --mtable-accent: #dc2626;
  --mtable-accent-2: #f97316;
}

body.mtable-theme-2 .mtable-container,
.mtable-container.mtable-theme-2,
table.mtable.mtable-theme-2{
  --mtable-accent: #ea580c;
  --mtable-accent-2: #facc15;
}

body.mtable-theme-3 .mtable-container,
.mtable-container.mtable-theme-3,
table.mtable.mtable-theme-3{
  --mtable-accent: #d97706;
  --mtable-accent-2: #84cc16;
}

body.mtable-theme-4 .mtable-container,
.mtable-container.mtable-theme-4,
table.mtable.mtable-theme-4{
  --mtable-accent: #65a30d;
  --mtable-accent-2: #16a34a;
}

body.mtable-theme-5 .mtable-container,
.mtable-container.mtable-theme-5,
table.mtable.mtable-theme-5{
  --mtable-accent: #059669;
  --mtable-accent-2: #14b8a6;
}

body.mtable-theme-6 .mtable-container,
.mtable-container.mtable-theme-6,
table.mtable.mtable-theme-6{
  --mtable-accent: #0d9488;
  --mtable-accent-2: #06b6d4;
}

body.mtable-theme-7 .mtable-container,
.mtable-container.mtable-theme-7,
table.mtable.mtable-theme-7{
  --mtable-accent: #0284c7;
  --mtable-accent-2: #2563eb;
}

body.mtable-theme-8 .mtable-container,
.mtable-container.mtable-theme-8,
table.mtable.mtable-theme-8{
  --mtable-accent: #1d4ed8;
  --mtable-accent-2: #4f46e5;
}

body.mtable-theme-9 .mtable-container,
.mtable-container.mtable-theme-9,
table.mtable.mtable-theme-9{
  --mtable-accent: #4338ca;
  --mtable-accent-2: #7c3aed;
}

body.mtable-theme-10 .mtable-container,
.mtable-container.mtable-theme-10,
table.mtable.mtable-theme-10{
  --mtable-accent: #7e22ce;
  --mtable-accent-2: #c026d3;
}

body.mtable-theme-11 .mtable-container,
.mtable-container.mtable-theme-11,
table.mtable.mtable-theme-11{
  --mtable-accent: #be185d;
  --mtable-accent-2: #e11d48;
}

body.mtable-theme-12 .mtable-container,
.mtable-container.mtable-theme-12,
table.mtable.mtable-theme-12{
  --mtable-accent: #be123c;
  --mtable-accent-2: #fb7185;
}

body.mtable-theme-13 .mtable-container,
.mtable-container.mtable-theme-13,
table.mtable.mtable-theme-13{
  --mtable-accent: #b45309;
  --mtable-accent-2: #ef4444;
}

body.mtable-theme-14 .mtable-container,
.mtable-container.mtable-theme-14,
table.mtable.mtable-theme-14{
  --mtable-accent: #15803d;
  --mtable-accent-2: #ca8a04;
}

body.mtable-theme-15 .mtable-container,
.mtable-container.mtable-theme-15,
table.mtable.mtable-theme-15{
  --mtable-accent: #047857;
  --mtable-accent-2: #0ea5e9;
}

body.mtable-theme-16 .mtable-container,
.mtable-container.mtable-theme-16,
table.mtable.mtable-theme-16{
  --mtable-accent: #0369a1;
  --mtable-accent-2: #22c55e;
}

body.mtable-theme-17 .mtable-container,
.mtable-container.mtable-theme-17,
table.mtable.mtable-theme-17{
  --mtable-accent: #1e40af;
  --mtable-accent-2: #06b6d4;
}

body.mtable-theme-18 .mtable-container,
.mtable-container.mtable-theme-18,
table.mtable.mtable-theme-18{
  --mtable-accent: #3730a3;
  --mtable-accent-2: #8b5cf6;
}

body.mtable-theme-19 .mtable-container,
.mtable-container.mtable-theme-19,
table.mtable.mtable-theme-19{
  --mtable-accent: #6d28d9;
  --mtable-accent-2: #ec4899;
}

body.mtable-theme-20 .mtable-container,
.mtable-container.mtable-theme-20,
table.mtable.mtable-theme-20{
  --mtable-accent: #9d174d;
  --mtable-accent-2: #f43f5e;
}

body.mtable-theme-21 .mtable-container,
.mtable-container.mtable-theme-21,
table.mtable.mtable-theme-21{
  --mtable-accent: #0f766e;
  --mtable-accent-2: #84cc16;
}

body.mtable-theme-22 .mtable-container,
.mtable-container.mtable-theme-22,
table.mtable.mtable-theme-22{
  --mtable-accent: #0891b2;
  --mtable-accent-2: #a3e635;
}

body.mtable-theme-23 .mtable-container,
.mtable-container.mtable-theme-23,
table.mtable.mtable-theme-23{
  --mtable-accent: #2563eb;
  --mtable-accent-2: #22d3ee;
}

body.mtable-theme-24 .mtable-container,
.mtable-container.mtable-theme-24,
table.mtable.mtable-theme-24{
  --mtable-accent: #4f46e5;
  --mtable-accent-2: #38bdf8;
}

body.mtable-theme-25 .mtable-container,
.mtable-container.mtable-theme-25,
table.mtable.mtable-theme-25{
  --mtable-accent: #7c3aed;
  --mtable-accent-2: #60a5fa;
}

body.mtable-theme-26 .mtable-container,
.mtable-container.mtable-theme-26,
table.mtable.mtable-theme-26{
  --mtable-accent: #9333ea;
  --mtable-accent-2: #f472b6;
}

body.mtable-theme-27 .mtable-container,
.mtable-container.mtable-theme-27,
table.mtable.mtable-theme-27{
  --mtable-accent: #db2777;
  --mtable-accent-2: #fb7185;
}

body.mtable-theme-28 .mtable-container,
.mtable-container.mtable-theme-28,
table.mtable.mtable-theme-28{
  --mtable-accent: #f43f5e;
  --mtable-accent-2: #f59e0b;
}

body.mtable-theme-29 .mtable-container,
.mtable-container.mtable-theme-29,
table.mtable.mtable-theme-29{
  --mtable-accent: #ea580c;
  --mtable-accent-2: #22c55e;
}

body.mtable-theme-30 .mtable-container,
.mtable-container.mtable-theme-30,
table.mtable.mtable-theme-30{
  --mtable-accent: #16a34a;
  --mtable-accent-2: #06b6d4;
}

body.mtable-theme-31 .mtable-container,
.mtable-container.mtable-theme-31,
table.mtable.mtable-theme-31{
  --mtable-accent: #0ea5e9;
  --mtable-accent-2: #6366f1;
}

body.mtable-theme-32 .mtable-container,
.mtable-container.mtable-theme-32,
table.mtable.mtable-theme-32{
  --mtable-accent: #2563eb;
  --mtable-accent-2: #a855f7;
}

body.mtable-theme-33 .mtable-container,
.mtable-container.mtable-theme-33,
table.mtable.mtable-theme-33{
  --mtable-accent: #7c3aed;
  --mtable-accent-2: #ef4444;
}

body.mtable-theme-34 .mtable-container,
.mtable-container.mtable-theme-34,
table.mtable.mtable-theme-34{
  --mtable-accent: #c026d3;
  --mtable-accent-2: #f97316;
}

body.mtable-theme-35 .mtable-container,
.mtable-container.mtable-theme-35,
table.mtable.mtable-theme-35{
  --mtable-accent: #e11d48;
  --mtable-accent-2: #facc15;
}

body.mtable-theme-36 .mtable-container,
.mtable-container.mtable-theme-36,
table.mtable.mtable-theme-36{
  --mtable-accent: #0f172a;
  --mtable-accent-2: #475569;
}

body.mtable-theme-37 .mtable-container,
.mtable-container.mtable-theme-37,
table.mtable.mtable-theme-37{
  --mtable-accent: #334155;
  --mtable-accent-2: #0ea5e9;
}

body.mtable-theme-38 .mtable-container,
.mtable-container.mtable-theme-38,
table.mtable.mtable-theme-38{
  --mtable-accent: #14532d;
  --mtable-accent-2: #16a34a;
}

body.mtable-theme-39 .mtable-container,
.mtable-container.mtable-theme-39,
table.mtable.mtable-theme-39{
  --mtable-accent: #164e63;
  --mtable-accent-2: #0891b2;
}

body.mtable-theme-40 .mtable-container,
.mtable-container.mtable-theme-40,
table.mtable.mtable-theme-40{
  --mtable-accent: #312e81;
  --mtable-accent-2: #6366f1;
}

body.mtable-theme-41 .mtable-container,
.mtable-container.mtable-theme-41,
table.mtable.mtable-theme-41{
  --mtable-accent: #581c87;
  --mtable-accent-2: #a855f7;
}

body.mtable-theme-42 .mtable-container,
.mtable-container.mtable-theme-42,
table.mtable.mtable-theme-42{
  --mtable-accent: #831843;
  --mtable-accent-2: #ec4899;
}

body.mtable-theme-43 .mtable-container,
.mtable-container.mtable-theme-43,
table.mtable.mtable-theme-43{
  --mtable-accent: #7f1d1d;
  --mtable-accent-2: #ef4444;
}

body.mtable-theme-44 .mtable-container,
.mtable-container.mtable-theme-44,
table.mtable.mtable-theme-44{
  --mtable-accent: #713f12;
  --mtable-accent-2: #eab308;
}

body.mtable-theme-45 .mtable-container,
.mtable-container.mtable-theme-45,
table.mtable.mtable-theme-45{
  --mtable-accent: #365314;
  --mtable-accent-2: #84cc16;
}

body.mtable-theme-46 .mtable-container,
.mtable-container.mtable-theme-46,
table.mtable.mtable-theme-46{
  --mtable-accent: #064e3b;
  --mtable-accent-2: #10b981;
}

body.mtable-theme-47 .mtable-container,
.mtable-container.mtable-theme-47,
table.mtable.mtable-theme-47{
  --mtable-accent: #134e4a;
  --mtable-accent-2: #14b8a6;
}

body.mtable-theme-48 .mtable-container,
.mtable-container.mtable-theme-48,
table.mtable.mtable-theme-48{
  --mtable-accent: #0c4a6e;
  --mtable-accent-2: #38bdf8;
}

body.mtable-theme-49 .mtable-container,
.mtable-container.mtable-theme-49,
table.mtable.mtable-theme-49{
  --mtable-accent: #1e3a8a;
  --mtable-accent-2: #818cf8;
}

body.mtable-theme-50 .mtable-container,
.mtable-container.mtable-theme-50,
table.mtable.mtable-theme-50{
  --mtable-accent: #4c1d95;
  --mtable-accent-2: #c084fc;
}

/* === Fix v1.3.4: make WhatsApp buttons/links clearly visible on mobile tables === */
@media (max-width: 900px){
  body table.mtable a[href*="wa.me"],
  body table.mtable a[href*="whatsapp.com"],
  body table.mtable a[href*="api.whatsapp.com"],
  body table.mtable a[href*="web.whatsapp.com"],
  body table.mtable a[href^="whatsapp://"],
  body table.mtable a[class*="whatsapp" i],
  body table.mtable button[class*="whatsapp" i],
  body table.rtbl a[href*="wa.me"],
  body table.rtbl a[href*="whatsapp.com"],
  body table.rtbl a[href^="whatsapp://"],
  body table.rtbl a[class*="whatsapp" i],
  body table.rtbl button[class*="whatsapp" i]{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-width: 92px !important;
    min-height: 38px !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #25d366 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: 0 8px 18px rgba(37, 211, 102, .32) !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    position: relative !important;
    z-index: 5 !important;
    overflow: visible !important;
  }

  body table.mtable a[href*="wa.me"]:empty::before,
  body table.mtable a[href*="whatsapp.com"]:empty::before,
  body table.mtable a[href^="whatsapp://"]:empty::before,
  body table.rtbl a[href*="wa.me"]:empty::before,
  body table.rtbl a[href*="whatsapp.com"]:empty::before,
  body table.rtbl a[href^="whatsapp://"]:empty::before{
    content: "واتساپ" !important;
  }

  body table.mtable a[href*="wa.me"] img,
  body table.mtable a[href*="whatsapp.com"] img,
  body table.mtable a[href^="whatsapp://"] img,
  body table.rtbl a[href*="wa.me"] img,
  body table.rtbl a[href*="whatsapp.com"] img,
  body table.rtbl a[href^="whatsapp://"] img{
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
  }
}