/* ==========================================================================
   02. UI spec table / app summary
   Moved from Gutenberg HTML block
   ========================================================================== */

.ui-spec-table {
  max-width: 920px;
  margin: 26px auto;
  padding: 8px;
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(0, 94, 210, .09), rgba(255,255,255,.96) 42%, rgba(0, 118, 255, .07)),
    #fff;
  border: 1px solid rgba(0, 82, 180, .14);
  box-shadow: 0 14px 34px rgba(0, 52, 125, .10);
}

.ui-spec-row {
  display: grid;
  grid-template-columns: 210px 1fr;
  align-items: center;
  gap: 16px;
  min-height: 46px;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(255,255,255,.72);
  border: 1px solid transparent;
}

.ui-spec-row + .ui-spec-row {
  margin-top: 6px;
}

.ui-spec-row:hover {
  background: #fff;
  border-color: rgba(0, 95, 210, .16);
  box-shadow: 0 8px 20px rgba(0, 52, 125, .07);
}

.ui-spec-head {
  position: sticky;
  top: 0;
  z-index: 2;
  min-height: 38px;
  background: linear-gradient(135deg, #005bd6, #0b7cff);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  box-shadow: 0 8px 18px rgba(0, 91, 214, .18);
}

.ui-spec-label {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #587394;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.ui-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 8px;
  background: rgba(0, 102, 220, .09);
  color: #0064dc;
  font-size: 12px;
  font-weight: 700;
}

.ui-spec-value {
  color: #0d2b52;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.35;
}

.ui-spec-value a {
  color: #005bd6;
  font-weight: 700;
  text-decoration: none;
}

.ui-spec-value a:hover {
  text-decoration: underline;
}

.ui-muted {
  margin-left: 6px;
  color: #7890aa;
  font-size: 12px;
  font-weight: 600;
}

.ui-badge,
.ui-chip {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.ui-badge {
  padding: 6px 11px;
}

.ui-chip {
  margin: 2px 4px 2px 0;
  padding: 5px 9px;
  background: rgba(0, 91, 214, .08);
  color: #0b4fa8;
  border: 1px solid rgba(0, 91, 214, .10);
}

.ui-badge-blue {
  background: linear-gradient(135deg, #005bd6, #0b7cff);
  color: #fff;
  box-shadow: 0 7px 16px rgba(0, 91, 214, .20);
}

.ui-badge-green {
  background: rgba(0, 145, 105, .10);
  color: #007f5f;
  border: 1px solid rgba(0, 145, 105, .16);
}

.ui-rating {
  margin-right: 7px;
  color: #f4a900;
  letter-spacing: 1px;
}

@media (max-width: 700px) {
  .ui-spec-table {
    padding: 7px;
    border-radius: 16px;
  }

  .ui-spec-row,
  .ui-spec-head {
    grid-template-columns: 1fr;
    gap: 5px;
    min-height: auto;
    padding: 10px 12px;
  }

  .ui-spec-head {
    display: none;
  }

  .ui-spec-label {
    font-size: 11px;
  }

  .ui-spec-value {
    font-size: 14px;
  }

  .ui-muted {
    display: inline-block;
    margin-left: 0;
    margin-top: 4px;
  }
}


/* ==========================================================================
   04. Modern info table / informasi dasar
   Moved from Gutenberg HTML block
   ========================================================================== */

/* ===== MODERN INFO TABLE ===== */

.info-card-table {
    width: 100%;
    margin: 24px 0 32px;

    padding: 10px;

    border-radius: 22px;

    background:
        linear-gradient(
            135deg,
            rgba(0,91,214,.08),
            rgba(255,255,255,.98) 45%,
            rgba(0,140,255,.06)
        );

    border: 1px solid rgba(0,91,214,.12);

    box-shadow:
        0 14px 34px rgba(0,52,125,.08);
}

/* HEADER */

.info-card-header {
    display: grid;

    grid-template-columns: 240px 1fr;

    padding: 12px 18px;

    margin-bottom: 8px;

    border-radius: 14px;

    background:
        linear-gradient(
            135deg,
            #005bd6,
            #0b7cff
        );

    color: #fff;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: .08em;

    text-transform: uppercase;
}

/* ROW */

.info-card-row {
    display: grid;

    grid-template-columns: 240px 1fr;

    align-items: center;

    gap: 18px;

    min-height: 52px;

    padding: 10px 14px;

    margin-bottom: 7px;

    border-radius: 16px;

    background: rgba(255,255,255,.82);

    border: 1px solid rgba(0,91,214,.06);

    transition: .2s ease;
}

.info-card-row:last-child {
    margin-bottom: 0;
}

.info-card-row:hover {
    background: #fff;

    border-color: rgba(0,91,214,.16);

    box-shadow:
        0 10px 22px rgba(0,52,125,.07);
}

/* LEFT */

.info-card-label {
    display: flex;

    align-items: center;

    gap: 10px;

    color: #5d7899;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: .08em;

    text-transform: uppercase;
}

.info-card-icon {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 24px;
    height: 24px;

    border-radius: 8px;

    background: rgba(0,91,214,.08);

    color: #0064dc;

    font-size: 12px;

    font-weight: 700;
}

/* RIGHT */

.info-card-value {
    color: #0d2b52;

    font-size: 15px;

    font-weight: 650;

    line-height: 1.45;
}

/* BADGES */

.info-badge {
    display: inline-flex;

    align-items: center;

    padding: 6px 12px;

    border-radius: 999px;

    font-size: 12px;

    font-weight: 700;
}

.info-badge-blue {
    background:
        linear-gradient(
            135deg,
            #005bd6,
            #0b7cff
        );

    color: #fff;

    box-shadow:
        0 6px 16px rgba(0,91,214,.18);
}

.info-chip {
    display: inline-flex;

    align-items: center;

    padding: 5px 10px;

    border-radius: 999px;

    background: rgba(0,91,214,.08);

    color: #005bd6;

    border: 1px solid rgba(0,91,214,.10);

    font-size: 12px;

    font-weight: 700;
}

/* MOBILE */

@media (max-width: 768px) {

    .info-card-header {
        display: none;
    }

    .info-card-row {
        grid-template-columns: 1fr;

        gap: 6px;

        min-height: auto;

        padding: 12px;
    }

    .info-card-label {
        font-size: 11px;
    }

    .info-card-value {
        font-size: 14px;
    }
}


/* ==========================================================================
   05. APK requirements table
   Moved from Gutenberg HTML block
   ========================================================================== */

.apk-req-table {
  width: 100%;
  max-width: none;
  margin: 24px 0 34px;
  padding: 10px;
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(0, 91, 214, .08), rgba(255,255,255,.98) 46%, rgba(0, 140, 255, .06)),
    #fff;
  border: 1px solid rgba(0, 91, 214, .12);
  box-shadow: 0 14px 34px rgba(0, 52, 125, .08);
}

.apk-req-row {
  display: grid;
  grid-template-columns: minmax(260px, 42%) 1fr;
  align-items: center;
  gap: 18px;
  min-height: 48px;
  padding: 9px 14px;
  margin-bottom: 7px;
  border-radius: 15px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(0, 91, 214, .06);
  transition: .2s ease;
}

.apk-req-row:last-child {
  margin-bottom: 0;
}

.apk-req-row:hover {
  background: #fff;
  border-color: rgba(0, 91, 214, .16);
  box-shadow: 0 10px 22px rgba(0, 52, 125, .07);
}

.apk-req-label {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #5d7899;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.apk-req-icon {
  flex: 0 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  background: rgba(0, 91, 214, .08);
  color: #0064dc;
  font-size: 12px;
  font-weight: 700;
}

.apk-req-value {
  color: #0d2b52;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}

.apk-req-chip {
  display: inline-flex;
  align-items: center;
  padding: 5px 11px;
  border-radius: 999px;
  background: rgba(0, 91, 214, .08);
  color: #005bd6;
  border: 1px solid rgba(0, 91, 214, .12);
  font-size: 12px;
  font-weight: 700;
}

.apk-req-status {
  display: inline-flex;
  align-items: center;
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

.apk-req-status.yes {
  background: rgba(0, 145, 105, .10);
  color: #007f5f;
  border: 1px solid rgba(0, 145, 105, .16);
}

.apk-req-status.no {
  background: rgba(220, 60, 70, .09);
  color: #b42335;
  border: 1px solid rgba(220, 60, 70, .14);
}

@media (max-width: 768px) {
  .apk-req-table {
    padding: 8px;
    border-radius: 18px;
  }

  .apk-req-row {
    grid-template-columns: 1fr;
    gap: 6px;
    min-height: auto;
    padding: 11px 12px;
  }

  .apk-req-label {
    font-size: 11px;
  }

  .apk-req-value {
    font-size: 14px;
  }
}


/* ==========================================================================
   06. License / security info table
   Moved from Gutenberg HTML block
   ========================================================================== */

.license-info-table {
  width: 100%;
  margin: 24px 0 34px;
  padding: 10px;

  border-radius: 22px;

  background:
    linear-gradient(
      135deg,
      rgba(0,91,214,.08),
      rgba(255,255,255,.98) 46%,
      rgba(0,140,255,.06)
    );

  border: 1px solid rgba(0,91,214,.12);

  box-shadow:
    0 14px 34px rgba(0,52,125,.08);
}

.license-info-row {
  display: grid;

  grid-template-columns: minmax(260px,42%) 1fr;

  align-items: center;

  gap: 18px;

  min-height: 48px;

  padding: 9px 14px;

  margin-bottom: 7px;

  border-radius: 15px;

  background: rgba(255,255,255,.82);

  border: 1px solid rgba(0,91,214,.06);

  transition: .2s ease;
}

.license-info-row:last-child {
  margin-bottom: 0;
}

.license-info-row:hover {
  background: #fff;

  border-color: rgba(0,91,214,.16);

  box-shadow:
    0 10px 22px rgba(0,52,125,.07);
}

.license-info-label {
  display: flex;

  align-items: center;

  gap: 10px;

  color: #5d7899;

  font-size: 12px;

  font-weight: 700;

  letter-spacing: .06em;

  text-transform: uppercase;
}

.license-info-icon {
  width: 24px;
  height: 24px;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  border-radius: 8px;

  background: rgba(0,91,214,.08);

  color: #0064dc;

  font-size: 12px;

  font-weight: 700;
}

.license-info-value {
  color: #0d2b52;

  font-size: 15px;

  font-weight: 700;

  line-height: 1.4;
}

.license-badge {
  display: inline-flex;

  align-items: center;

  padding: 5px 11px;

  border-radius: 999px;

  font-size: 12px;

  font-weight: 700;
}

.license-badge.blue {
  background: rgba(0,91,214,.08);

  color: #005bd6;

  border: 1px solid rgba(0,91,214,.12);
}

.license-badge.gray {
  background: rgba(90,110,140,.08);

  color: #607089;

  border: 1px solid rgba(90,110,140,.12);
}

@media (max-width: 768px) {

  .license-info-table {
    padding: 8px;
    border-radius: 18px;
  }

  .license-info-row {
    grid-template-columns: 1fr;

    gap: 6px;

    min-height: auto;

    padding: 11px 12px;
  }

  .license-info-label {
    font-size: 11px;
  }

  .license-info-value {
    font-size: 14px;
  }

}


/* ==========================================================================
   07. Release feed / old APK versions
   Moved from Gutenberg HTML block
   ========================================================================== */

.release-feed {
    width: 100%;
    max-width: none;
    margin: 24px 0;
}

.release-card {
    display: block;

    width: 100%;

    padding: 18px 22px;

    margin-bottom: 10px;

    text-decoration: none !important;

    background:
        linear-gradient(
            180deg,
            #ffffff,
            #f8fbff
        );

    border: 1px solid rgba(0, 91, 214, .08);

    border-radius: 18px;

    box-shadow:
        0 4px 18px rgba(0, 60, 150, .05);

    transition: all .2s ease;
}

.release-card:hover {
    transform: translateY(-2px);

    border-color: rgba(0, 91, 214, .18);

    box-shadow:
        0 12px 28px rgba(0, 60, 150, .10);
}

.release-version {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    font-size: 18px;

    font-weight: 700;

    color: #0b2f63;

    line-height: 1.2;
}

.release-version::before {
    content: "";

    width: 10px;
    height: 10px;

    border-radius: 50%;

    background: #1677ff;

    box-shadow:
        0 0 12px rgba(22,119,255,.35);
}

.release-meta {
    display: flex;

    gap: 14px;

    margin-top: 6px;

    flex-wrap: wrap;
}

.release-meta span {
    color: #6f8199;

    font-size: 13px;

    font-weight: 600;
}

.release-meta span:first-child::after {
    content: "•";

    margin-left: 14px;

    color: #b0bfd3;
}

@media (max-width:768px) {

    .release-card {
        padding: 15px 16px;
        border-radius: 16px;
    }

    .release-version {
        font-size: 16px;
    }

    .release-meta {
        gap: 8px;
    }

    .release-meta span:first-child::after {
        display: none;
    }

}


/* ==========================================================================
   09. Android vs iOS comparison table
   Moved from Gutenberg HTML block
   ========================================================================== */

.compare-table {
    width: 100%;
    margin: 24px 0 34px;

    border-radius: 22px;

    overflow: hidden;

    border: 1px solid rgba(0,91,214,.12);

    background: #fff;

    box-shadow:
        0 14px 34px rgba(0,52,125,.08);
}

.compare-head {
    display: grid;

    grid-template-columns:
        1.2fr
        1fr
        1fr
        140px;

    background:
        linear-gradient(
            135deg,
            #005bd6,
            #0b7cff
        );

    color: #fff;

    font-weight: 700;

    font-size: 13px;

    letter-spacing: .06em;

    text-transform: uppercase;
}

.compare-head div {
    padding: 16px;
}

.compare-row {
    display: grid;

    grid-template-columns:
        1.2fr
        1fr
        1fr
        140px;

    align-items: center;

    min-height: 58px;

    border-top: 1px solid rgba(0,91,214,.08);

    transition: .18s ease;
}

.compare-row:hover {
    background: rgba(0,91,214,.03);
}

.compare-row > div {
    padding: 14px 16px;
}

.compare-title {
    font-weight: 700;
    color: #0d2b52;
}

.compare-row div:not(.compare-title) {
    color: #4f6480;
    font-weight: 600;
}

.winner {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 78px;

    padding: 6px 12px;

    border-radius: 999px;

    font-size: 12px;

    font-weight: 700;
}

.winner.android {
    background: rgba(0,145,105,.10);

    color: #007f5f;

    border: 1px solid rgba(0,145,105,.18);
}

.winner.ios {
    background: rgba(0,91,214,.10);

    color: #005bd6;

    border: 1px solid rgba(0,91,214,.18);
}

.winner.tie {
    background: rgba(120,130,150,.10);

    color: #65758c;

    border: 1px solid rgba(120,130,150,.18);
}

@media (max-width: 900px) {

    .compare-head {
        display: none;
    }

    .compare-row {
        grid-template-columns: 1fr;

        padding: 12px;

        gap: 5px;

        border-top: none;

        border-bottom:
            1px solid rgba(0,91,214,.08);
    }

    .compare-row > div {
        padding: 2px 0;
    }

    .compare-title {
        font-size: 15px;
        margin-bottom: 5px;
    }
}


/* ==========================================================================
   10. Payment methods table
   Moved from Gutenberg HTML block
   ========================================================================== */

.payment-table {
  width: 100%;
  margin: 24px 0 34px;
  padding: 10px;
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(0,91,214,.08), rgba(255,255,255,.98) 46%, rgba(0,140,255,.06)),
    #fff;
  border: 1px solid rgba(0,91,214,.12);
  box-shadow: 0 14px 34px rgba(0,52,125,.08);
}

.payment-head,
.payment-row {
  display: grid;
  grid-template-columns: 1.55fr .9fr .85fr 1.05fr;
  align-items: center;
  gap: 12px;
}

.payment-head {
  padding: 11px 14px;
  margin-bottom: 8px;
  border-radius: 14px;
  background: linear-gradient(135deg, #005bd6, #0b7cff);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.payment-row {
  min-height: 58px;
  padding: 10px 14px;
  margin-bottom: 7px;
  border-radius: 15px;
  background: rgba(255,255,255,.84);
  border: 1px solid rgba(0,91,214,.06);
  transition: .2s ease;
}

.payment-row:last-child {
  margin-bottom: 0;
}

.payment-row:hover {
  background: #fff;
  border-color: rgba(0,91,214,.16);
  box-shadow: 0 10px 22px rgba(0,52,125,.07);
}

.payment-method {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #0d2b52;
  font-size: 15px;
  font-weight: 700;
}

.payment-method small {
  display: block;
  margin-top: 2px;
  color: #667f9e;
  font-size: 12px;
  font-weight: 650;
}

.payment-icon {
  flex: 0 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  background: rgba(0,91,214,.08);
  color: #0064dc;
  font-size: 12px;
  font-weight: 700;
}

.payment-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 6px 11px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.payment-chip.blue {
  background: rgba(0,91,214,.09);
  color: #005bd6;
  border: 1px solid rgba(0,91,214,.14);
}

.payment-chip.dark {
  background: rgba(13,43,82,.08);
  color: #0d2b52;
  border: 1px solid rgba(13,43,82,.12);
}

.payment-chip.green {
  background: rgba(0,145,105,.10);
  color: #007f5f;
  border: 1px solid rgba(0,145,105,.16);
}

.payment-chip.orange {
  background: rgba(240,138,0,.10);
  color: #a65f00;
  border: 1px solid rgba(240,138,0,.16);
}

@media (max-width: 900px) {
  .payment-head {
    display: none;
  }

  .payment-row {
    grid-template-columns: 1fr;
    gap: 7px;
    min-height: auto;
    padding: 13px 14px;
  }

  .payment-row > div:nth-child(2)::before {
    content: "Waktu Proses: ";
    color: #6b7f99;
    font-weight: 700;
  }

  .payment-row > div:nth-child(3)::before {
    content: "Minimal: ";
    color: #6b7f99;
    font-weight: 700;
  }

  .payment-row > div:nth-child(4)::before {
    content: "Fee: ";
    color: #6b7f99;
    font-weight: 700;
  }
}


/* ==========================================================================
   11. Casino providers table
   Moved from Gutenberg HTML block
   ========================================================================== */

.provider-table {
  width: 100%;
  margin: 24px 0 34px;
  padding: 10px;
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(0,91,214,.08), rgba(255,255,255,.98) 46%, rgba(0,140,255,.06)),
    #fff;
  border: 1px solid rgba(0,91,214,.12);
  box-shadow: 0 14px 34px rgba(0,52,125,.08);
}

.provider-head,
.provider-row {
  display: grid;
  grid-template-columns: 1.15fr 1.7fr .8fr .85fr 1fr;
  align-items: center;
  gap: 12px;
}

.provider-head {
  padding: 11px 14px;
  margin-bottom: 8px;
  border-radius: 14px;
  background: linear-gradient(135deg, #005bd6, #0b7cff);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.provider-row {
  min-height: 58px;
  padding: 10px 14px;
  margin-bottom: 7px;
  border-radius: 15px;
  background: rgba(255,255,255,.84);
  border: 1px solid rgba(0,91,214,.06);
  transition: .2s ease;
}

.provider-row:last-child {
  margin-bottom: 0;
}

.provider-row:hover {
  background: #fff;
  border-color: rgba(0,91,214,.16);
  box-shadow: 0 10px 22px rgba(0,52,125,.07);
}

.provider-name {
  color: #0d2b52;
  font-size: 15px;
  font-weight: 700;
}

.provider-games {
  color: #4f6480;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.4;
}

.provider-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 6px 11px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.provider-chip.blue {
  background: rgba(0,91,214,.09);
  color: #005bd6;
  border: 1px solid rgba(0,91,214,.14);
}

.provider-chip.dark {
  background: rgba(13,43,82,.08);
  color: #0d2b52;
  border: 1px solid rgba(13,43,82,.12);
}

.provider-chip.red {
  background: rgba(220,60,70,.09);
  color: #b42335;
  border: 1px solid rgba(220,60,70,.15);
}

.provider-chip.orange {
  background: rgba(240,138,0,.10);
  color: #a65f00;
  border: 1px solid rgba(240,138,0,.16);
}

.provider-chip.gray {
  background: rgba(100,116,139,.09);
  color: #64748b;
  border: 1px solid rgba(100,116,139,.14);
}

@media (max-width: 900px) {
  .provider-head {
    display: none;
  }

  .provider-row {
    grid-template-columns: 1fr;
    gap: 7px;
    min-height: auto;
    padding: 13px 14px;
  }

  .provider-name {
    font-size: 15px;
  }

  .provider-row > div:nth-child(2)::before {
    content: "Game Populer: ";
    color: #6b7f99;
    font-weight: 700;
  }

  .provider-row > div:nth-child(3)::before {
    content: "RTP: ";
    color: #6b7f99;
    font-weight: 700;
  }

  .provider-row > div:nth-child(4)::before {
    content: "Max Win: ";
    color: #6b7f99;
    font-weight: 700;
  }

  .provider-row > div:nth-child(5)::before {
    content: "Volatility: ";
    color: #6b7f99;
    font-weight: 700;
  }
}


/* ==========================================================================
   12. Editor note marker
   Moved from Gutenberg HTML block
   ========================================================================== */

.wp-editor-note {
  background: #fff3cd !important;
  border: 1px solid #ffda6a !important;
  color: #664d03 !important;
  padding: 10px 14px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
}

body:not(.wp-admin) .entry-content .wp-editor-note,
body:not(.wp-admin) main .wp-editor-note {
  display: none !important;
}


/* ==========================================================================
   13. Live chat widget
   Moved from Gutenberg HTML block
   ========================================================================== */

.live-chat-widget {
  position: fixed;
  right: 22px;
  bottom: 90px;
  z-index: 999999;
  font-family: Arial, sans-serif;
}

.live-chat-button {
  display: flex;
  align-items: center;
  gap: 9px;
  background: linear-gradient(135deg, #0b66ff, #004ac7);
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 12px 18px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(0, 63, 158, 0.35);
}

.live-chat-dot {
  width: 10px;
  height: 10px;
  background: #35ff6b;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(53, 255, 107, 0.25);
}

.live-chat-icon {
  display: none;
}

.live-chat-icon svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

.live-chat-box {
  display: none;
  width: 340px;
  max-width: calc(100vw - 30px);
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.22);
}

.live-chat-box.active {
  display: block;
}


.live-chat-header {
  background: linear-gradient(135deg, #0b66ff, #004ac7);
  color: #fff;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.live-chat-header strong {
  display: block;
  font-size: 16px;
}

.live-chat-header span {
  display: block;
  font-size: 12px;
  opacity: 0.9;
  margin-top: 3px;
}

.live-chat-close {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  border: none;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}

.live-chat-body {
  padding: 16px;
  background: #f4f7fb;
}

.live-message {
  max-width: 85%;
  padding: 12px 14px;
  border-radius: 14px;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 12px;
}

.live-message.bot {
  background: #fff;
  color: #1b2430;
  border-bottom-left-radius: 4px;
}

.live-message.user {
  background: #0b66ff;
  color: #fff;
  margin-left: auto;
  border-bottom-right-radius: 4px;
}

.live-chat-option {
  width: 100%;
  border: none;
  background: linear-gradient(135deg, #1673ff, #0056d8);
  color: #fff;
  border-radius: 12px;
  padding: 13px;
  font-weight: 700;
  cursor: pointer;
}

.live-chat-form {
  display: none;
  padding: 16px;
  background: #fff;
}

.live-chat-form.active {
  display: block;
}

.live-form-title {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 700;
  color: #1b2430;
}

.live-chat-form input {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
  padding: 12px 13px;
  border: 1px solid #c9d7e6;
  border-radius: 10px;
  font-size: 14px;
  outline: none;
  background: #eaf7ff;
}

.live-chat-form input:focus {
  border-color: #0b66ff;
  background: #fff;
}

.live-chat-form button {
  width: 100%;
  border: none;
  background: linear-gradient(135deg, #0b66ff, #004ac7);
  color: #fff;
  border-radius: 12px;
  padding: 13px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.live-chat-error {
  display: none;
  margin: 0 0 10px;
  padding: 10px 12px;
  background: #fff1f1;
  color: #b00020;
  border: 1px solid #ffcaca;
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.35;
}

@media (max-width: 1470px) {
  .live-chat-widget {
    right: 16px;
    bottom: 86px;
  }

  .live-chat-button {
    width: 52px;
    height: 52px;
    padding: 0;
    justify-content: center;
    border-radius: 50%;
  }

  .live-chat-text,
  .live-chat-dot {
    display: none !important;
  }

  .live-chat-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  .live-chat-box {
    width: calc(100vw - 28px);
  }
}

.live-chat-form textarea {
  width: 100%;
  box-sizing: border-box;
  min-height: 82px;
  resize: none;
  margin-bottom: 6px;
  padding: 12px 13px;
  border: 1px solid #c9d7e6;
  border-radius: 10px;
  font-size: 14px;
  font-family: Arial, sans-serif;
  outline: none;
  background: #eaf7ff;
}

.live-chat-form textarea:focus {
  border-color: #0b66ff;
  background: #fff;
}

.live-chat-counter {
  text-align: right;
  font-size: 12px;
  color: #6b7a90;
  margin: 0 0 10px;
}

#liveChatButton.hidden {
  display: none !important;
}
/* customize theme css */ 



footer{
    padding-top: 20px;
}

h2{
    padding-bottom: 8px;
}

.top-1x{
    padding: 6px !important;
    margin: 5px !important;
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    width: 75%;
    margin: 0 auto;
    padding: 16px 24px;
    background-color: #4caf50;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s;
    margin-bottom: 20px;
}

.btn:hover {
    background-color: #518553;
}

figure img {
    margin: 20px 0;
}

.footer-nav-wrap{
    margin-top: 20px;
}

.footer-nav-wrap li a{
    color: #fff;
}

footer,
footer p,
footer span,
footer div,
.site-footer,
.site-footer p,
.site-footer span,
.site-footer div,
.footer,
.footer p,
.footer span,
.footer div {
    color: #ffffff !important;
}

.entry-title{
    padding-top: 16px;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd){
    background-color: #caeaff !important;
}

h1{
    font-size: 22px !important;
    text-align: center;
}

.footer-download-banner{
    background:#4CAF50;
    border-radius:16px;
    max-width:1010px;
    margin:40px auto;
    padding:28px 40px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    box-sizing:border-box;
}

.footer-download-content h3{
    margin:0 0 8px;
    color:#fff !important;
    font-size:22px;
    font-weight:700;
    text-transform:uppercase;
}

.footer-download-content p{
    margin:0;
    color:rgba(255,255,255,.95) !important;
    font-size:14px;
}

.footer-download-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    background:#ffffff;
    color:#4CAF50 !important;
    text-decoration:none;
    font-size:16px;
    font-weight:700;
    padding:16px 30px;
    border-radius:999px;
    min-width:260px;
    transition:.2s;
}

.footer-download-btn:hover{
    opacity:.95;
    transform:translateY(-2px);
}

@media (max-width:1010px){

    .footer-download-banner{
        margin:30px 15px;
        padding:24px;
        flex-direction:column;
        text-align:center;
    }

    .footer-download-btn{
        width:100%;
        min-width:0;
    }
}

.footer-badges{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    flex-wrap:nowrap;
    margin:16px auto;
}

.footer-badges p{
    margin:0 !important;
    padding:0 !important;
    line-height:0 !important;
}

.footer-badges br{
    display:none !important;
}

.footer-badges a{
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:0;
}

.footer-badges img{
    display:block !important;
    width:auto !important;
    height:24px !important;
    max-height:24px !important;
    max-width:130px !important;
    object-fit:contain;
}

.footer-badges img[src*="gamblingtherapyorg"]{
    height:22px !important;
    transform:translateY(-2px);
}

@media (max-width:768px){

    .footer-badges{
        flex-wrap:wrap;
        gap:10px;
    }

    .footer-badges img{
        height:22px !important;
    }
}

.footer-info-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    max-width:1220px;
    margin:40px auto;
    padding:0 24px;
    box-sizing:border-box;
}

.footer-info-card{
    border:2px solid #efefef;
    border-radius:18px;
    background:#ffffff;
    padding:38px 48px;
    box-sizing:border-box;
    color:#000000 !important;
}

.footer-info-card,
.footer-info-card p,
.footer-info-card div,
.footer-info-card span,
.footer-info-card a,
.footer-info-card li,
.footer-info-card strong,
.footer-info-card h1,
.footer-info-card h2,
.footer-info-card h3,
.footer-info-card h4,
.footer-info-card h5,
.footer-info-card h6{
    color:#000000 !important;
}

.footer-logo img{
    display:block;
    max-width:160px;
    height:auto;
    margin-bottom:28px;
}

.footer-media-section{
    margin-bottom:22px;
}

.footer-section-title,
.footer-disclaimer-title{
    margin:0 0 14px;
    font-size:15px;
    font-weight:700;
    color:#000000 !important;
}

.footer-disclaimer-title{
    text-transform:uppercase;
}

.footer-icon-row{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
}

.footer-icon-row a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    text-decoration:none;
    line-height:0;
}

.footer-icon-row img{
    display:block !important;
    width:38px !important;
    height:38px !important;
    object-fit:contain;
}

.footer-small-text{
    margin:22px 0 0;
    font-size:15px;
    line-height:1.65;
    color:#000000 !important;
}

.footer-contact-list{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:14px;
    margin-top:28px;
}

.footer-contact-item{
    display:flex;
    align-items:center;
    gap:9px;
    padding:12px 16px;
    border:1px solid #d7dce5;
    border-radius:9px;
    color:#000000 !important;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    background:#ffffff;
}

.footer-contact-item:hover{
    background:#f5f7fb;
    text-decoration:none;
}

.footer-contact-item svg{
    width:18px;
    height:18px;
    fill:#000000 !important;
    flex-shrink:0;
}

@media (max-width:900px){

    .footer-info-grid{
        grid-template-columns:1fr;
        gap:24px;
        padding:0 16px;
    }

    .footer-info-card{
        padding:28px 24px;
    }
}

@media (max-width:520px){

    .footer-icon-row{
        gap:14px;
    }

    .footer-contact-list{
        flex-direction:column;
    }

    .footer-contact-item{
        justify-content:center;
        width:100%;
    }
}

.social-svg-row a{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.social-svg-row svg{
    width:28px;
    height:28px;
    display:block;
}

/* Facebook */
.social-svg-row a[aria-label="Facebook"]{
    color:#1877F2 !important;
}

/* Telegram */
.social-svg-row a[aria-label="Telegram"]{
    color:#229ED9 !important;
}

/* X */
.social-svg-row a[aria-label="X"]{
    color:#000000 !important;
}

.social-svg-row a[aria-label="Facebook"] svg,
.social-svg-row a[aria-label="Telegram"] svg,
.social-svg-row a[aria-label="X"] svg{
    fill:currentColor;
}

.social-svg-row a:hover{
    opacity:.8;
}

.social-svg-row svg{
    width:36px !important;
    height:36px !important;
    display:block;
}
























/* end */






.entry-content .rath-ui-card,
.block-editor-block-list__layout .rath-ui-card,
.editor-styles-wrapper .rath-ui-card {
	/* v6 palette: scoped to Rath UI only, matched to Astra source colors (#0067FF / #005EE9 / #0F172A). */
	--rath-ui-blue: #0067FF;
	--rath-ui-blue-dark: #0F172A;
	--rath-ui-blue-soft: #EEF5FF;
	--rath-ui-red: #F05252;
	--rath-ui-red-soft: #FFF1F1;
	--rath-ui-green: #18B957;
	--rath-ui-green-soft: #EEFDF4;
	--rath-ui-text: #0F172A;
	--rath-ui-muted: #364151;
	--rath-ui-border: rgba(0, 103, 255, 0.12);
	--rath-ui-shadow: 0 18px 45px rgba(13, 43, 82, 0.10);
	--rath-ui-shadow-soft: 0 8px 24px rgba(13, 43, 82, 0.07);
}

.entry-content .rath-ui-card,
.block-editor-block-list__layout .rath-ui-card,
.editor-styles-wrapper .rath-ui-card {
	box-sizing: border-box;
	width: 100%;
	max-width: 920px;
	margin: clamp(24px, 4vw, 44px) auto;
	padding: clamp(22px, 4vw, 34px);
	border: 1px solid var(--rath-ui-border);
	
	background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
	box-shadow: var(--rath-ui-shadow);
	color: var(--rath-ui-text);
	overflow: hidden;
}

.rath-ui-card,
.rath-ui-card * {
	box-sizing: border-box;
}

.rath-ui-card .wp-block-group,
.rath-ui-card .wp-block-buttons,
.rath-ui-card .wp-block-button,
.rath-ui-card p,
.rath-ui-card h2,
.rath-ui-card h3,
.rath-ui-card h4 {
	margin-top: 0;
	margin-bottom: 0;
}

.rath-ui-card.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.rath-ui-card .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.rath-ui-card .wp-block-group,
.rath-ui-card .wp-block-buttons {
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.rath-ui-card .wp-block-button__link {
	box-sizing: border-box;
}

.rath-ui-icon__glyph {
	display: block;
	width: 1em;
	height: 1em;
	background: currentColor;
	-webkit-mask: var(--rath-icon) center / contain no-repeat;
	mask: var(--rath-icon) center / contain no-repeat;
}

.rath-ui-icon--alert { --rath-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22black%22%20d=%22M12%203%2022%2020H2L12%203Zm-1%206.8v5.4h2V9.8h-2Zm0%207.2v2h2v-2h-2Z%22/%3E%3C/svg%3E"); }
.rath-ui-icon--wifi { --rath-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222.2%22%20stroke-linecap=%22round%22%20d=%22M4.5%209.5a11%2011%200%200%201%2015%200M7.8%2012.9a6.3%206.3%200%200%201%208.4%200M11%2016.4a1.4%201.4%200%200%201%202%200%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2218.5%22%20r=%221.25%22%20fill=%22black%22/%3E%3C/svg%3E"); }
.rath-ui-icon--refresh { --rath-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222.2%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20d=%22M20%2012a8%208%200%201%201-2.35-5.66M20%204.5v5.2h-5.2%22/%3E%3C/svg%3E"); }
.rath-ui-icon--trash { --rath-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20d=%22M6%208h12M9%208V5.8c0-.8.6-1.3%201.4-1.3h3.2c.8%200%201.4.5%201.4%201.3V8M8%208.5%208.8%2019c.1.9.8%201.5%201.7%201.5h3c.9%200%201.6-.6%201.7-1.5L16%208.5M11%2011.2v5.8M13%2011.2v5.8%22/%3E%3C/svg%3E"); }
.rath-ui-icon--shield { --rath-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22black%22%20d=%22M12%203.4%2019%206v5.3c0%204.2-2.7%207.8-7%209.3-4.3-1.5-7-5.1-7-9.3V6l7-2.6Z%22/%3E%3C/svg%3E"); }
.rath-ui-icon--shield-check { --rath-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22black%22%20d=%22M12%203.4%2019%206v5.2c0%204.2-2.7%207.8-7%209.3-4.3-1.5-7-5.1-7-9.3V6l7-2.6Zm4.05%206.35-1.45-1.35-3.75%204.1-1.55-1.55-1.4%201.4%203.05%203.05%205.1-5.65Z%22/%3E%3C/svg%3E"); }
.rath-ui-icon--headset { --rath-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22black%22%20d=%22M12%204a8%208%200%200%200-8%208v3.6A3.4%203.4%200%200%200%207.4%2019H8a2%202%200%200%200%202-2v-3.1a2%202%200%200%200-2-2H6a6%206%200%200%201%2012%200h-2a2%202%200%200%200-2%202V17a2%202%200%200%200%202%202h.8c-.4.6-1.1%201-2%201H13a1%201%200%201%200%200%202h1.8c2.3%200%204.2-1.9%204.2-4.2V12a8%208%200%200%200-8-8Z%22/%3E%3C/svg%3E"); }
.rath-ui-icon--heart { --rath-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22black%22%20d=%22M12%2020.3C10.6%2019.4%205%2015.8%205%2010.7A4%204%200%200%201%2012%208a4%204%200%200%201%207%202.7c0%205.1-5.6%208.7-7%209.6Z%22/%3E%3C/svg%3E"); }
.rath-ui-icon--user { --rath-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222.2%22%20stroke-linecap=%22round%22%20d=%22M12%2011.4a3.6%203.6%200%201%200%200-7.2%203.6%203.6%200%200%200%200%207.2ZM5.2%2020c.9-3.9%203.2-5.8%206.8-5.8s5.9%201.9%206.8%205.8%22/%3E%3C/svg%3E"); }
.rath-ui-icon--form { --rath-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20d=%22M6.5%204.5h8.8L18%207.2v12.3H6.5v-15ZM14.8%204.8V8h3M9%2011h5M9%2014h3%22/%3E%3Cpath%20fill=%22black%22%20d=%22m14%2016.8%203.8-3.8%201.2%201.2-3.8%203.8-1.7.5.5-1.7Z%22/%3E%3C/svg%3E"); }
.rath-ui-icon--gift { --rath-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20d=%22M4.8%2010h14.4v9.5H4.8V10ZM3.8%207h16.4v3H3.8V7ZM12%207v12.5M12%207c-2.2%200-4.2-1-4.2-2.4%200-1%20.8-1.7%201.8-1.7%201.7%200%202.4%202.4%202.4%204.1Zm0%200c2.2%200%204.2-1%204.2-2.4%200-1-.8-1.7-1.8-1.7C12.7%202.9%2012%205.3%2012%207Z%22/%3E%3C/svg%3E"); }
.rath-ui-icon--star { --rath-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22black%22%20d=%22m12%203.6%202.4%204.9%205.4.8-3.9%203.8.9%205.4-4.8-2.5-4.8%202.5.9-5.4-3.9-3.8%205.4-.8L12%203.6Z%22/%3E%3C/svg%3E"); }
.rath-ui-icon--check { --rath-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%223%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20d=%22m6.7%2012.2%203.4%203.4%207.2-7.6%22/%3E%3C/svg%3E"); }
.rath-ui-icon--globe { --rath-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20d=%22M3.5%2012h17M12%203.5c2.3%202.2%203.5%205%203.5%208.5s-1.2%206.3-3.5%208.5c-2.3-2.2-3.5-5-3.5-8.5s1.2-6.3%203.5-8.5Z%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%228.5%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22/%3E%3C/svg%3E"); }
.rath-ui-icon--telegram { --rath-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22black%22%20d=%22M20.8%204.1%203.7%2010.7c-1.2.5-1.1%202.2.1%202.6l4.3%201.3%201.7%205.2c.4%201.1%201.8%201.3%202.5.3l2.3-3%204.3%203.2c1%20.8%202.4.2%202.6-1L22.3%205.5c.1-1-.7-1.8-1.5-1.4ZM9.3%2013.8l8.7-5.4-6.7%207.1-.4%203.1-1.6-4.8Z%22/%3E%3C/svg%3E"); }
.rath-ui-icon--whatsapp { --rath-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22black%22%20d=%22M4.3%2020.3%205.5%2016A8.2%208.2%200%201%201%209%2019.2l-4.7%201.1ZM12%205.7A6.3%206.3%200%200%200%206.7%2015.4l.3.5-.6%202.1%202.2-.5.5.3A6.3%206.3%200%201%200%2012%205.7Zm-2.6%203c.2-.4.4-.5.7-.5h.5c.2%200%20.5.1.6.5l.5%201.2c.1.4%200%20.6-.2.8l-.4.5c.5%201%201.3%201.8%202.5%202.4l.5-.6c.2-.2.5-.3.8-.2l1.2.6c.4.2.5.4.5.7v.5c0%20.4-.2.7-.6.9-.5.3-1.3.4-2.3.1-2.4-.7-4.3-2.5-5.1-4.9-.3-.9-.1-1.6.3-2Z%22/%3E%3C/svg%3E"); }
.rath-ui-icon--mail { --rath-icon: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20fill=%22black%22%20d=%22M4.8%206h14.4c1%200%201.8.8%201.8%201.8v8.4c0%201-.8%201.8-1.8%201.8H4.8c-1%200-1.8-.8-1.8-1.8V7.8C3%206.8%203.8%206%204.8%206Zm7.2%207.1%206.5-4.9h-13l6.5%204.9Zm-6.9%202.8h13.8V9.7l-6.3%204.7c-.4.3-.8.3-1.2%200L5.1%209.7v6.2Z%22/%3E%3C/svg%3E"); }

.rath-ui-badge,
.rath-ui-row__icon,
.rath-ui-note__icon,
.rath-ui-step__number,
.rath-ui-step__icon,
.rath-ui-feature__check,
.rath-ui-channel-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	margin: 0;
	line-height: 1;
}

.rath-ui-badge {
	width: 46px;
	height: 46px;
	border-radius: 18px;
	background: linear-gradient(135deg, #0067FF 0%, #005EE9 100%);
	box-shadow: 0 10px 24px rgba(0, 103, 255, 0.23);
	color: #ffffff;
	font-size: 29px;
}

.rath-ui-badge--alert {
	background: var(--rath-ui-red-soft);
	box-shadow: none;
	color: var(--rath-ui-red);
}

.rath-ui-badge--green {
	background: linear-gradient(135deg, #26be63 0%, #149449 100%);
	box-shadow: 0 10px 24px rgba(34, 179, 91, 0.20);
}

.rath-ui-card__header {
	display: flex !important;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
	margin-bottom: 22px !important;
}

.rath-ui-card__titlebox {
	min-width: 0;
}

.rath-ui-card__title {
	margin-bottom: 6px !important;
	color: var(--rath-ui-blue-dark);
	font-size: clamp(20px, 2vw, 28px) !important;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.025em;
}

.rath-ui-card__subtitle {
	max-width: 680px;
	color: var(--rath-ui-muted);
	font-size: clamp(14px, 1.35vw, 16px);
	line-height: 1.55;
}

.rath-ui-list,
.rath-ui-step-list,
.rath-ui-benefit-list,
.rath-ui-channel-list {
	display: grid !important;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.rath-ui-list { gap: 12px; }
.rath-ui-step-list { gap: 14px; }
.rath-ui-benefit-list { gap: 10px; }
.rath-ui-channel-list { gap: 10px; }

.rath-ui-row {
	display: grid !important;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	gap: 14px;
	width: 100%;
	min-width: 0;
	padding: 15px 16px;
	border: 1px solid rgba(29, 37, 72, 0.09);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.88);
	box-shadow: var(--rath-ui-shadow-soft);
}

.rath-ui-row__icon,
.rath-ui-channel-icon {
	width: 42px;
	height: 42px;
	border-radius: 14px;
	font-size: 22px;
}

.rath-ui-row__content,
.rath-ui-channel__content {
	min-width: 0;
}

.rath-ui-row__title {
	margin-bottom: 3px !important;
	color: var(--rath-ui-blue-dark);
	font-size: clamp(16px, 1.7vw, 18px);
	font-weight: 700;
	line-height: 1.28;
}

.rath-ui-row__text {
	color: var(--rath-ui-muted);
	font-size: clamp(14px, 1.5vw, 16px);
	line-height: 1.45;
}

.rath-ui-note {
	display: grid !important;
	grid-template-columns: 46px minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px;
	width: 100%;
	margin-top: 22px !important;
	padding: 18px;
	border-radius: 20px;
	background: linear-gradient(135deg, var(--rath-ui-blue-soft), #ffffff);
	color: var(--rath-ui-blue-dark);
}

.rath-ui-note__icon {
	width: 46px;
	height: 46px;
	border-radius: 16px;
	background: #ffffff;
	box-shadow: var(--rath-ui-shadow-soft);
	color: var(--rath-ui-blue);
	font-size: 24px;
}

.rath-ui-note p {
	font-size: clamp(14px, 1.5vw, 16px);
	line-height: 1.5;
}

.rath-ui-actions,
.rath-ui-channel__action {
	margin: 0;
}

.rath-ui-card .wp-block-button__link,
.rath-ui-card a.rath-ui-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 10px 18px;
	border-radius: 13px;
	background: var(--rath-ui-blue);
	box-shadow: none;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}

.rath-ui-card .wp-block-button__link:hover,
.rath-ui-card a.rath-ui-chip:hover {
	filter: brightness(0.96);
	text-decoration: none;
}

.rath-ui-error-card {
	background: linear-gradient(180deg, #ffffff 0%, #fffafa 100%);
}

.rath-ui-error-card .rath-ui-row {
	box-shadow: none;
	border-color: transparent;
	background: transparent;
	padding: 10px 0;
}

.rath-ui-error-card .rath-ui-row__icon {
	background: var(--rath-ui-red-soft);
	color: var(--rath-ui-red);
}

.rath-ui-error-card .rath-ui-note {
	background: linear-gradient(135deg, #fff1f1 0%, #fff8f8 100%);
	color: #3a2042;
}

.rath-ui-error-card .rath-ui-note__icon {
	color: var(--rath-ui-red);
}

.rath-ui-error-card .wp-block-button__link {
	border: 1px solid rgba(240, 82, 82, 0.55);
	background: #ffffff;
	color: var(--rath-ui-red);
}

.rath-ui-step-card {
	background: radial-gradient(circle at 12% 12%, #f5f9ff 0, #ffffff 36%, #ffffff 100%);
}

.rath-ui-step {
	position: relative;
	display: grid !important;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 16px;
	align-items: stretch;
	width: 100%;
}

.rath-ui-step:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 52px;
	bottom: -15px;
	left: 23px;
	border-left: 2px dashed rgba(0, 103, 255, 0.24);
}

.rath-ui-step__number {
	position: relative;
	z-index: 1;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--rath-ui-blue);
	box-shadow: 0 10px 22px rgba(0, 103, 255, 0.23);
	color: #ffffff;
	font-weight: 700;
}

.rath-ui-step__box {
	display: grid !important;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	width: 100%;
	padding: 16px;
	border: 1px solid rgba(0, 103, 255, 0.10);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: var(--rath-ui-shadow-soft);
}

.rath-ui-step__icon {
	width: 48px;
	height: 48px;
	border-radius: 15px;
	background: var(--rath-ui-blue-soft);
	color: var(--rath-ui-blue);
	font-size: 24px;
}

.rath-ui-step-card .rath-ui-actions {
	margin-top: 20px !important;
}

.rath-ui-step-card .wp-block-button,
.rath-ui-benefits-card .wp-block-button {
	width: 100%;
}

.rath-ui-step-card .wp-block-button__link,
.rath-ui-benefits-card .wp-block-button__link {
	width: 100%;
	min-height: 54px;
	border-radius: 16px;
	font-size: 16px;
}

.rath-ui-benefits-card {
	background: linear-gradient(180deg, #ffffff 0%, #fbfffc 100%);
}

.rath-ui-feature {
	display: grid !important;
	grid-template-columns: 34px minmax(150px, 0.9fr) minmax(0, 1.4fr);
	gap: 16px;
	align-items: center;
	width: 100%;
	padding: 14px 16px;
	border: 1px solid rgba(34, 179, 91, 0.10);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 6px 18px rgba(10, 61, 33, 0.06);
}

.rath-ui-feature__check {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--rath-ui-green);
	color: #ffffff;
	font-size: 17px;
}

.rath-ui-feature__title {
	color: var(--rath-ui-blue-dark);
	font-size: clamp(14px, 1.5vw, 16px);
	font-weight: 700;
	line-height: 1.3;
}

.rath-ui-feature__text {
	padding-left: 16px;
	border-left: 1px solid rgba(29, 37, 72, 0.12);
	color: var(--rath-ui-muted);
	font-size: clamp(14px, 1.5vw, 16px);
	line-height: 1.45;
}

.rath-ui-benefits-card .rath-ui-note {
	background: linear-gradient(135deg, var(--rath-ui-green-soft) 0%, #f7fff9 100%);
	color: #17492e;
}

.rath-ui-benefits-card .rath-ui-note__icon {
	color: var(--rath-ui-green);
}

.rath-ui-benefits-card .wp-block-button__link {
	background: var(--rath-ui-green);
}

.rath-ui-channels-card {
	background: radial-gradient(circle at 13% 9%, #f3f7ff 0, #ffffff 42%, #ffffff 100%);
}

.rath-ui-channel {
	display: grid !important;
	grid-template-columns: 46px minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	width: 100%;
	min-width: 0;
	padding: 14px 16px;
	border: 1px solid rgba(0, 103, 255, 0.10);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: var(--rath-ui-shadow-soft);
}

.rath-ui-channel-icon {
	width: 36px;
	height: 36px;
	border-radius: 15px;
	background: linear-gradient(135deg, #0067FF 0%, #005EE9 100%);
	box-shadow: 0 10px 22px rgba(0, 103, 255, 0.18);
	color: #ffffff;
	font-size: 23px;
}

.rath-ui-channel--telegram .rath-ui-channel-icon {
	background: linear-gradient(135deg, #0067FF 0%, #005EE9 100%);
}

.rath-ui-channel--whatsapp .rath-ui-channel-icon {
	background: linear-gradient(135deg, #20c45a 0%, #0aa548 100%);
}

.rath-ui-channel--email .rath-ui-channel-icon {
	background: linear-gradient(135deg, #0067FF 0%, #005EE9 100%);
}

.rath-ui-channel__title {
	margin-bottom: 2px !important;
	color: var(--rath-ui-blue-dark);
	font-size: clamp(15px, 1.6vw, 17px);
	font-weight: 700;
	line-height: 1.3;
}

.rath-ui-channel__text {
	color: var(--rath-ui-muted);
	font-size: clamp(13px, 1.45vw, 15px);
	line-height: 1.42;
}

.rath-ui-channel__action {
	justify-self: end;
	align-self: center;
	white-space: nowrap;
}

.rath-ui-channel__action .wp-block-button,
.rath-ui-channel__action .wp-block-button__link {
	width: auto;
}

.rath-ui-channel__action .wp-block-button__link,
.rath-ui-card a.rath-ui-chip {
	min-height: 38px;
	padding: 9px 13px;
	border-radius: 12px;
	background: #eef5ff;
	color: var(--rath-ui-blue);
	font-size: 13px;
}

.rath-ui-channels-card .rath-ui-note {
	margin-top: 22px !important;
	background: linear-gradient(135deg, #eaf3ff 0%, #f6faff 100%);
}

.rath-ui-channels-card .rath-ui-note strong {
	color: var(--rath-ui-blue);
}

@media (min-width: 900px) {
	.entry-content .rath-ui-card--narrow,
	.block-editor-block-list__layout .rath-ui-card--narrow,
	.editor-styles-wrapper .rath-ui-card--narrow {
		max-width: 620px;
	}
}

@media (max-width: 720px) {
	.entry-content .rath-ui-card,
	.block-editor-block-list__layout .rath-ui-card,
	.editor-styles-wrapper .rath-ui-card {
		padding: 22px 16px;
		border-radius: 22px;
		box-shadow: 0 12px 32px rgba(10, 24, 61, 0.09);
	}

	.rath-ui-card__header {
		gap: 12px;
		margin-bottom: 18px !important;
	}

	.rath-ui-badge {
		width: 48px;
		height: 48px;
		border-radius: 16px;
		font-size: 25px;
	}

	.rath-ui-row {
		align-items: flex-start;
		padding: 13px 12px;
	}

	.rath-ui-note {
		grid-template-columns: 44px minmax(0, 1fr);
		align-items: flex-start;
		gap: 12px;
		padding: 16px;
	}

	.rath-ui-note .wp-block-buttons {
		grid-column: 1 / -1;
		width: 100%;
	}

	.rath-ui-note .wp-block-button,
	.rath-ui-note .wp-block-button__link {
		width: 100%;
	}

	.rath-ui-step {
		grid-template-columns: 42px minmax(0, 1fr);
		gap: 10px;
	}

	.rath-ui-step:not(:last-child)::after {
		left: 20px;
	}

	.rath-ui-step__number {
		width: 42px;
		height: 42px;
	}

	.rath-ui-step__box {
		grid-template-columns: 42px minmax(0, 1fr);
		gap: 12px;
		padding: 14px;
	}

	.rath-ui-step__icon {
		width: 42px;
		height: 42px;
		font-size: 21px;
	}

	.rath-ui-feature {
		grid-template-columns: 30px minmax(0, 1fr);
		gap: 10px 12px;
	}

	.rath-ui-feature__text {
		grid-column: 2;
		padding-left: 0;
		border-left: 0;
	}

	.rath-ui-channel {
		grid-template-columns: 46px minmax(0, 1fr);
		align-items: flex-start;
		padding: 13px 12px;
	}

	.rath-ui-channel__action {
		grid-column: 2;
		justify-self: start;
		margin-top: 4px !important;
	}
}

@media (max-width: 420px) {
	.entry-content .rath-ui-card,
	.block-editor-block-list__layout .rath-ui-card,
	.editor-styles-wrapper .rath-ui-card {
		padding-inline: 14px;
		border-radius: 20px;
	}

	.rath-ui-card__header {
		align-items: flex-start;
	}

	.rath-ui-card__title {
		font-size: 19px !important;
		line-height: 1.22 !important;
	}

	.rath-ui-channel__action,
	.rath-ui-channel__action .wp-block-buttons,
	.rath-ui-channel__action .wp-block-button,
	.rath-ui-channel__action .wp-block-button__link {
		width: 100%;
	}

	.rath-ui-channel__action .wp-block-button__link {
		justify-content: center;
	}
}

/* v3: Gutenberg editor/layout hardening */
.entry-content .rath-ui-card.rath-ui-card--narrow,
.block-editor-block-list__layout .rath-ui-card.rath-ui-card--narrow,
.editor-styles-wrapper .rath-ui-card.rath-ui-card--narrow,
body .editor-styles-wrapper .wp-block-group.rath-ui-card.rath-ui-card--narrow {
	max-width: 620px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.entry-content .wp-block-group.rath-ui-channel,
.editor-styles-wrapper .wp-block-group.rath-ui-channel,
.block-editor-block-list__layout .wp-block-group.rath-ui-channel,
body .editor-styles-wrapper .wp-block-group.rath-ui-channel {
	display: grid !important;
	grid-template-columns: 46px minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: 14px !important;
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.entry-content .rath-ui-channel > .rath-ui-channel-icon,
.editor-styles-wrapper .rath-ui-channel > .rath-ui-channel-icon,
.block-editor-block-list__layout .rath-ui-channel > .rath-ui-channel-icon {
	grid-column: 1 !important;
	grid-row: 1 !important;
}

.entry-content .rath-ui-channel > .rath-ui-channel__content,
.editor-styles-wrapper .rath-ui-channel > .rath-ui-channel__content,
.block-editor-block-list__layout .rath-ui-channel > .rath-ui-channel__content {
	grid-column: 2 !important;
	grid-row: 1 !important;
	width: auto !important;
	min-width: 0 !important;
}

.entry-content .rath-ui-channel > .rath-ui-channel__action,
.editor-styles-wrapper .rath-ui-channel > .rath-ui-channel__action,
.block-editor-block-list__layout .rath-ui-channel > .rath-ui-channel__action {
	grid-column: 3 !important;
	grid-row: 1 !important;
	justify-self: end !important;
	align-self: center !important;
	width: auto !important;
	margin-top: 0 !important;
}

.entry-content .rath-ui-channel__action .wp-block-button,
.entry-content .rath-ui-channel__action .wp-block-button__link,
.editor-styles-wrapper .rath-ui-channel__action .wp-block-button,
.editor-styles-wrapper .rath-ui-channel__action .wp-block-button__link,
.block-editor-block-list__layout .rath-ui-channel__action .wp-block-button,
.block-editor-block-list__layout .rath-ui-channel__action .wp-block-button__link {
	width: auto !important;
	max-width: none !important;
	white-space: nowrap !important;
}

.entry-content .rath-ui-channel-icon .rath-ui-icon__glyph,
.editor-styles-wrapper .rath-ui-channel-icon .rath-ui-icon__glyph,
.block-editor-block-list__layout .rath-ui-channel-icon .rath-ui-icon__glyph,
.entry-content .rath-ui-badge .rath-ui-icon__glyph,
.editor-styles-wrapper .rath-ui-badge .rath-ui-icon__glyph,
.block-editor-block-list__layout .rath-ui-badge .rath-ui-icon__glyph {
	color: #fff !important;
	background-color: currentColor !important;
}

@media (max-width: 560px) {
	.entry-content .wp-block-group.rath-ui-channel,
	.editor-styles-wrapper .wp-block-group.rath-ui-channel,
	.block-editor-block-list__layout .wp-block-group.rath-ui-channel,
	body .editor-styles-wrapper .wp-block-group.rath-ui-channel {
		grid-template-columns: 42px minmax(0, 1fr) !important;
		align-items: flex-start !important;
	}

	.entry-content .rath-ui-channel > .rath-ui-channel__action,
	.editor-styles-wrapper .rath-ui-channel > .rath-ui-channel__action,
	.block-editor-block-list__layout .rath-ui-channel > .rath-ui-channel__action {
		grid-column: 2 !important;
		grid-row: 2 !important;
		justify-self: start !important;
		margin-top: 6px !important;
	}
}

/* v4: wider desktop channels block and smaller mobile channel icons */
@media (min-width: 721px) {
	.entry-content .rath-ui-card.rath-ui-channels-card,
	.entry-content .rath-ui-card.rath-ui-channels-card.rath-ui-card--narrow,
	.block-editor-block-list__layout .rath-ui-card.rath-ui-channels-card,
	.block-editor-block-list__layout .rath-ui-card.rath-ui-channels-card.rath-ui-card--narrow,
	.editor-styles-wrapper .rath-ui-card.rath-ui-channels-card,
	.editor-styles-wrapper .rath-ui-card.rath-ui-channels-card.rath-ui-card--narrow,
	body .editor-styles-wrapper .wp-block-group.rath-ui-card.rath-ui-channels-card.rath-ui-card--narrow {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.entry-content .rath-ui-channels-card .rath-ui-channel-list,
	.block-editor-block-list__layout .rath-ui-channels-card .rath-ui-channel-list,
	.editor-styles-wrapper .rath-ui-channels-card .rath-ui-channel-list,
	.entry-content .rath-ui-channels-card .rath-ui-note,
	.block-editor-block-list__layout .rath-ui-channels-card .rath-ui-note,
	.editor-styles-wrapper .rath-ui-channels-card .rath-ui-note {
		max-width: none !important;
	}

	.entry-content .rath-ui-channels-card .rath-ui-channel,
	.block-editor-block-list__layout .rath-ui-channels-card .rath-ui-channel,
	.editor-styles-wrapper .rath-ui-channels-card .rath-ui-channel {
		grid-template-columns: 46px minmax(0, 1fr) auto !important;
	}
}

@media (max-width: 720px) {
	.entry-content .rath-ui-channel-icon,
	.block-editor-block-list__layout .rath-ui-channel-icon,
	.editor-styles-wrapper .rath-ui-channel-icon {
		width: 38px !important;
		height: 38px !important;
		border-radius: 13px !important;
		font-size: 18px !important;
	}

	.entry-content .rath-ui-card__header .rath-ui-badge,
	.block-editor-block-list__layout .rath-ui-card__header .rath-ui-badge,
	.editor-styles-wrapper .rath-ui-card__header .rath-ui-badge {
		width: 44px !important;
		height: 44px !important;
		border-radius: 15px !important;
		font-size: 22px !important;
	}

	.entry-content .wp-block-group.rath-ui-channel,
	.editor-styles-wrapper .wp-block-group.rath-ui-channel,
	.block-editor-block-list__layout .wp-block-group.rath-ui-channel,
	body .editor-styles-wrapper .wp-block-group.rath-ui-channel {
		grid-template-columns: 38px minmax(0, 1fr) !important;
		gap: 12px !important;
	}
}

/* v5: mobile channels block — remove nested outer frame, keep clean row cards */
@media (max-width: 720px) {
	.entry-content .rath-ui-card.rath-ui-channels-card,
	.entry-content .rath-ui-card.rath-ui-channels-card.rath-ui-card--narrow,
	.block-editor-block-list__layout .rath-ui-card.rath-ui-channels-card,
	.block-editor-block-list__layout .rath-ui-card.rath-ui-channels-card.rath-ui-card--narrow,
	.editor-styles-wrapper .rath-ui-card.rath-ui-channels-card,
	.editor-styles-wrapper .rath-ui-card.rath-ui-channels-card.rath-ui-card--narrow,
	body .editor-styles-wrapper .wp-block-group.rath-ui-card.rath-ui-channels-card.rath-ui-card--narrow {
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		overflow: visible !important;
	}

	.entry-content .rath-ui-channels-card .rath-ui-card__header,
	.block-editor-block-list__layout .rath-ui-channels-card .rath-ui-card__header,
	.editor-styles-wrapper .rath-ui-channels-card .rath-ui-card__header {
		margin-bottom: 18px !important;
		padding: 0 2px !important;
	}

	.entry-content .rath-ui-channels-card .rath-ui-channel,
	.block-editor-block-list__layout .rath-ui-channels-card .rath-ui-channel,
	.editor-styles-wrapper .rath-ui-channels-card .rath-ui-channel {
		padding: 14px !important;
		border: 1px solid rgba(11, 99, 229, 0.08) !important;
		border-radius: 18px !important;
		background: #ffffff !important;
		box-shadow: 0 8px 22px rgba(10, 24, 61, 0.06) !important;
	}

	.entry-content .rath-ui-channels-card .rath-ui-channel-list,
	.block-editor-block-list__layout .rath-ui-channels-card .rath-ui-channel-list,
	.editor-styles-wrapper .rath-ui-channels-card .rath-ui-channel-list {
		gap: 12px !important;
	}

	.entry-content .rath-ui-channels-card .rath-ui-note,
	.block-editor-block-list__layout .rath-ui-channels-card .rath-ui-note,
	.editor-styles-wrapper .rath-ui-channels-card .rath-ui-note {
		margin-top: 14px !important;
		border: 0 !important;
		border-radius: 18px !important;
		box-shadow: 0 8px 22px rgba(10, 24, 61, 0.05) !important;
	}
}

@media (max-width: 420px) {
	.entry-content .rath-ui-channels-card .rath-ui-channel-icon,
	.block-editor-block-list__layout .rath-ui-channels-card .rath-ui-channel-icon,
	.editor-styles-wrapper .rath-ui-channels-card .rath-ui-channel-icon {
		width: 34px !important;
		height: 34px !important;
		border-radius: 12px !important;
		font-size: 16px !important;
	}

	.entry-content .rath-ui-channels-card .wp-block-group.rath-ui-channel,
	.editor-styles-wrapper .rath-ui-channels-card .wp-block-group.rath-ui-channel,
	.block-editor-block-list__layout .rath-ui-channels-card .wp-block-group.rath-ui-channel,
	body .editor-styles-wrapper .rath-ui-channels-card .wp-block-group.rath-ui-channel {
		grid-template-columns: 34px minmax(0, 1fr) !important;
		gap: 11px !important;
	}
}


/* v6: tighter headings and source-code blue palette safeguards */
.entry-content .rath-ui-card .rath-ui-card__title,
.block-editor-block-list__layout .rath-ui-card .rath-ui-card__title,
.editor-styles-wrapper .rath-ui-card .rath-ui-card__title {
	color: #0F172A !important;
	font-size: clamp(20px, 2vw, 28px) !important;
	line-height: 1.18 !important;
	letter-spacing: -0.018em !important;
}

.entry-content .rath-ui-channel-icon,
.block-editor-block-list__layout .rath-ui-channel-icon,
.editor-styles-wrapper .rath-ui-channel-icon,
.entry-content .rath-ui-badge:not(.rath-ui-badge--alert):not(.rath-ui-badge--green),
.block-editor-block-list__layout .rath-ui-badge:not(.rath-ui-badge--alert):not(.rath-ui-badge--green),
.editor-styles-wrapper .rath-ui-badge:not(.rath-ui-badge--alert):not(.rath-ui-badge--green),
.entry-content .rath-ui-step__number,
.block-editor-block-list__layout .rath-ui-step__number,
.editor-styles-wrapper .rath-ui-step__number {
	background: linear-gradient(135deg, #0067FF 0%, #005EE9 100%) !important;
}

.entry-content .rath-ui-channel__action .wp-block-button__link,
.block-editor-block-list__layout .rath-ui-channel__action .wp-block-button__link,
.editor-styles-wrapper .rath-ui-channel__action .wp-block-button__link,
.entry-content .rath-ui-card a.rath-ui-chip,
.block-editor-block-list__layout .rath-ui-card a.rath-ui-chip,
.editor-styles-wrapper .rath-ui-card a.rath-ui-chip {
	color: #0067FF !important;
}

@media (max-width: 720px) {
	.entry-content .rath-ui-card .rath-ui-card__title,
	.block-editor-block-list__layout .rath-ui-card .rath-ui-card__title,
	.editor-styles-wrapper .rath-ui-card .rath-ui-card__title {
		font-size: 20px !important;
		line-height: 1.22 !important;
		letter-spacing: -0.012em !important;
	}

	.entry-content .rath-ui-channels-card .rath-ui-card__title,
	.block-editor-block-list__layout .rath-ui-channels-card .rath-ui-card__title,
	.editor-styles-wrapper .rath-ui-channels-card .rath-ui-card__title {
		font-size: 21px !important;
	}
}

@media (max-width: 420px) {
	.entry-content .rath-ui-card .rath-ui-card__title,
	.block-editor-block-list__layout .rath-ui-card .rath-ui-card__title,
	.editor-styles-wrapper .rath-ui-card .rath-ui-card__title,
	.entry-content .rath-ui-channels-card .rath-ui-card__title,
	.block-editor-block-list__layout .rath-ui-channels-card .rath-ui-card__title,
	.editor-styles-wrapper .rath-ui-channels-card .rath-ui-card__title {
		font-size: 19px !important;
		line-height: 1.22 !important;
	}
}

/* ========================================================================== 
   Soft sections, FAQ, screenshots and CTA controls
   ========================================================================== */

:root {
  --rath-section-width: 1200px;
  --rath-section-gap: 22px;
  --rath-blue: #0067ff;
  --rath-blue-dark: #071c42;
  --rath-text: #082044;
  --rath-muted: #536f92;
  --rath-border: rgba(0, 103, 255, .14);
  --rath-soft-blue: rgba(0, 103, 255, .045);
}

.entry-content,
.site-content,
.wp-site-blocks {
  overflow-x: clip;
}

.entry-content h1.wp-block-heading,
.editor-styles-wrapper h1.wp-block-heading,
.block-editor-block-list__layout h1.wp-block-heading {
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.12;
  font-weight: 700;
  letter-spacing: -.025em;
}

.entry-content h2.wp-block-heading,
.editor-styles-wrapper h2.wp-block-heading,
.block-editor-block-list__layout h2.wp-block-heading {
  font-size: clamp(23px, 2.05vw, 30px);
  line-height: 1.18;
  font-weight: 700;
  letter-spacing: -.02em;
}

.entry-content h3.wp-block-heading,
.editor-styles-wrapper h3.wp-block-heading,
.block-editor-block-list__layout h3.wp-block-heading {
  font-size: clamp(19px, 1.55vw, 24px);
  line-height: 1.24;
  font-weight: 700;
  letter-spacing: -.015em;
}

.entry-content h4.wp-block-heading,
.editor-styles-wrapper h4.wp-block-heading,
.block-editor-block-list__layout h4.wp-block-heading {
  font-size: clamp(16px, 1.15vw, 20px);
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -.01em;
}

.entry-content > .wp-block-columns.rath-soft-sections-shell,
.editor-styles-wrapper .wp-block-columns.rath-soft-sections-shell,
.block-editor-block-list__layout .wp-block-columns.rath-soft-sections-shell,
.entry-content > .wp-block-columns:has(.rath-soft-section-card) {
  display: block;
  box-sizing: border-box;
  width: min(100%, var(--rath-section-width));
  max-width: var(--rath-section-width);
  margin: 0 auto;
  padding: 0;
  gap: 0;
}

.entry-content .rath-soft-sections-column,
.editor-styles-wrapper .rath-soft-sections-column,
.block-editor-block-list__layout .rath-soft-sections-column,
.entry-content > .wp-block-columns:has(.rath-soft-section-card) > .wp-block-column {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.entry-content .rath-soft-section-card,
.editor-styles-wrapper .rath-soft-section-card,
.block-editor-block-list__layout .rath-soft-section-card {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: var(--rath-section-width);
  margin: 0 auto;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid var(--rath-border);
  border-radius: 24px;
  background: linear-gradient(135deg, var(--rath-soft-blue), rgba(255, 255, 255, .98) 54%, rgba(0, 103, 255, .025)), #fff;
  color: var(--rath-text);
  box-shadow: none;
  overflow: hidden;
}

.entry-content .rath-soft-section-card + .rath-soft-section-card,
.editor-styles-wrapper .rath-soft-section-card + .rath-soft-section-card,
.block-editor-block-list__layout .rath-soft-section-card + .rath-soft-section-card {
  margin-top: var(--rath-section-gap);
}

.entry-content .rath-soft-section-card > *:first-child,
.editor-styles-wrapper .rath-soft-section-card > *:first-child,
.block-editor-block-list__layout .rath-soft-section-card > *:first-child {
  margin-top: 0;
}

.entry-content .rath-soft-section-card > *:last-child,
.editor-styles-wrapper .rath-soft-section-card > *:last-child,
.block-editor-block-list__layout .rath-soft-section-card > *:last-child {
  margin-bottom: 0;
}

.entry-content .rath-soft-section-card > h2.wp-block-heading:first-child,
.editor-styles-wrapper .rath-soft-section-card > h2.wp-block-heading:first-child,
.block-editor-block-list__layout .rath-soft-section-card > h2.wp-block-heading:first-child {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 16px;
  color: var(--rath-blue-dark);
  font-size: clamp(22px, 1.85vw, 28px);
  line-height: 1.18;
  font-weight: 700;
  letter-spacing: -.018em;
}

.entry-content .rath-soft-section-card > h2.wp-block-heading:first-child::before,
.editor-styles-wrapper .rath-soft-section-card > h2.wp-block-heading:first-child::before,
.block-editor-block-list__layout .rath-soft-section-card > h2.wp-block-heading:first-child::before {
  content: "";
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  margin-top: 1px;
  border-radius: 11px;
  background: radial-gradient(circle at 62% 38%, rgba(255, 255, 255, .95) 0 2px, transparent 3px), linear-gradient(135deg, var(--rath-blue), #0050c8);
}

.entry-content .rath-soft-section-card p,
.editor-styles-wrapper .rath-soft-section-card p,
.block-editor-block-list__layout .rath-soft-section-card p {
  color: #20324f;
}

.entry-content .rath-soft-section-card h3.wp-block-heading,
.entry-content .rath-soft-section-card h4.wp-block-heading,
.editor-styles-wrapper .rath-soft-section-card h3.wp-block-heading,
.editor-styles-wrapper .rath-soft-section-card h4.wp-block-heading,
.block-editor-block-list__layout .rath-soft-section-card h3.wp-block-heading,
.block-editor-block-list__layout .rath-soft-section-card h4.wp-block-heading {
  color: var(--rath-blue-dark);
  font-weight: 700;
}

.entry-content .rath-soft-section-card .wp-block-group,
.editor-styles-wrapper .rath-soft-section-card .wp-block-group,
.block-editor-block-list__layout .rath-soft-section-card .wp-block-group,
.entry-content .rath-soft-section-card .wp-block-html,
.editor-styles-wrapper .rath-soft-section-card .wp-block-html,
.block-editor-block-list__layout .rath-soft-section-card .wp-block-html {
  margin-block-start: 0px;
  margin-block-end: 0px;
}

.entry-content .rath-soft-section-card .info-card-table,
.editor-styles-wrapper .rath-soft-section-card .info-card-table,
.block-editor-block-list__layout .rath-soft-section-card .info-card-table,
.entry-content .rath-soft-section-card .apk-req-table,
.entry-content .rath-soft-section-card .license-info-table,
.entry-content .rath-soft-section-card .compare-table,
.entry-content .rath-soft-section-card .payment-table,
.entry-content .rath-soft-section-card .provider-table,
.entry-content .rath-soft-section-card .release-feed,
.editor-styles-wrapper .rath-soft-section-card .apk-req-table,
.editor-styles-wrapper .rath-soft-section-card .license-info-table,
.editor-styles-wrapper .rath-soft-section-card .compare-table,
.editor-styles-wrapper .rath-soft-section-card .payment-table,
.editor-styles-wrapper .rath-soft-section-card .provider-table,
.editor-styles-wrapper .rath-soft-section-card .release-feed,
.block-editor-block-list__layout .rath-soft-section-card .apk-req-table,
.block-editor-block-list__layout .rath-soft-section-card .license-info-table,
.block-editor-block-list__layout .rath-soft-section-card .compare-table,
.block-editor-block-list__layout .rath-soft-section-card .payment-table,
.block-editor-block-list__layout .rath-soft-section-card .provider-table,
.block-editor-block-list__layout .rath-soft-section-card .release-feed {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.entry-content .wp-block-uagb-table-of-contents,
.editor-styles-wrapper .wp-block-uagb-table-of-contents,
.block-editor-block-list__layout .wp-block-uagb-table-of-contents,
.entry-content .uagb-toc__wrap,
.editor-styles-wrapper .uagb-toc__wrap,
.block-editor-block-list__layout .uagb-toc__wrap {
  margin-bottom: var(--rath-section-gap);
}

.entry-content .rath-screenshots-section,
.editor-styles-wrapper .rath-screenshots-section,
.block-editor-block-list__layout .rath-screenshots-section {
  box-sizing: border-box;
  width: min(100%, var(--rath-section-width));
  max-width: var(--rath-section-width);
  margin: var(--rath-section-gap) auto;
  padding: 0;
  overflow: hidden;
}

.entry-content .rath-screenshots-section + br,
.editor-styles-wrapper .rath-screenshots-section + br,
.block-editor-block-list__layout .rath-screenshots-section + br {
  display: none;
}

.entry-content .rath-screenshots-title,
.editor-styles-wrapper .rath-screenshots-title,
.block-editor-block-list__layout .rath-screenshots-title {
  width: 100%;
  max-width: var(--rath-section-width);
  margin: 0 auto 18px;
}

.entry-content .rath-screenshots-viewport,
.editor-styles-wrapper .rath-screenshots-viewport,
.block-editor-block-list__layout .rath-screenshots-viewport,
.entry-content .rath-screenshots-gallery,
.editor-styles-wrapper .rath-screenshots-gallery,
.block-editor-block-list__layout .rath-screenshots-gallery {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.entry-content .rath-screenshots-viewport .slick-list,
.editor-styles-wrapper .rath-screenshots-viewport .slick-list,
.block-editor-block-list__layout .rath-screenshots-viewport .slick-list,
.entry-content .rath-screenshots-viewport .uagb-slick-carousel,
.editor-styles-wrapper .rath-screenshots-viewport .uagb-slick-carousel,
.block-editor-block-list__layout .rath-screenshots-viewport .uagb-slick-carousel {
  max-width: 100%;
  overflow: hidden;
}

.entry-content .rath-screenshots-section + br + .wp-block-uagb-table-of-contents,
.entry-content .rath-screenshots-section + .wp-block-uagb-table-of-contents,
.editor-styles-wrapper .rath-screenshots-section + br + .wp-block-uagb-table-of-contents,
.editor-styles-wrapper .rath-screenshots-section + .wp-block-uagb-table-of-contents,
.block-editor-block-list__layout .rath-screenshots-section + br + .wp-block-uagb-table-of-contents,
.block-editor-block-list__layout .rath-screenshots-section + .wp-block-uagb-table-of-contents {
  margin-top: 0;
}

.entry-content .top-mobile-download-buttons,
.editor-styles-wrapper .top-mobile-download-buttons,
.block-editor-block-list__layout .top-mobile-download-buttons {
  display: none;
}

.entry-content .bottom-desktop-download-buttons,
.editor-styles-wrapper .bottom-desktop-download-buttons,
.block-editor-block-list__layout .bottom-desktop-download-buttons {
  display: flex;
  justify-content: center;
  gap: 16px;
  width: min(100%, 760px);
  max-width: 760px;
  margin: 20px auto var(--rath-section-gap);
}

.entry-content .top-mobile-download-buttons form,
.entry-content .bottom-desktop-download-buttons form,
.editor-styles-wrapper .top-mobile-download-buttons form,
.editor-styles-wrapper .bottom-desktop-download-buttons form,
.block-editor-block-list__layout .top-mobile-download-buttons form,
.block-editor-block-list__layout .bottom-desktop-download-buttons form {
  display: flex;
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.entry-content .top-mobile-download-buttons .btn,
.entry-content .bottom-desktop-download-buttons .btn,
.editor-styles-wrapper .top-mobile-download-buttons .btn,
.editor-styles-wrapper .bottom-desktop-download-buttons .btn,
.block-editor-block-list__layout .top-mobile-download-buttons .btn,
.block-editor-block-list__layout .bottom-desktop-download-buttons .btn,
.entry-content form .btn,
.editor-styles-wrapper form .btn,
.block-editor-block-list__layout form .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  min-height: 54px;
  margin: 0 auto 20px;
  padding: 14px 22px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(135deg, #31c960, #21b64f);
  color: #fff;
  box-shadow: 0 12px 26px rgba(33, 182, 79, .18);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.entry-content .top-mobile-download-buttons .btn::before,
.entry-content .bottom-desktop-download-buttons .btn::before,
.editor-styles-wrapper .top-mobile-download-buttons .btn::before,
.editor-styles-wrapper .bottom-desktop-download-buttons .btn::before,
.block-editor-block-list__layout .top-mobile-download-buttons .btn::before,
.block-editor-block-list__layout .bottom-desktop-download-buttons .btn::before,
.entry-content form .btn::before,
.editor-styles-wrapper form .btn::before,
.block-editor-block-list__layout form .btn::before {
  content: "";
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 4h2v9l3.5-3.5 1.4 1.4L12 16.8l-5.9-5.9 1.4-1.4L11 13V4Zm-5 14h12v2H6v-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 4h2v9l3.5-3.5 1.4 1.4L12 16.8l-5.9-5.9 1.4-1.4L11 13V4Zm-5 14h12v2H6v-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.entry-content .top-mobile-download-buttons .btn:hover,
.entry-content .bottom-desktop-download-buttons .btn:hover,
.entry-content form .btn:hover {
  color: #fff;
  filter: brightness(.98);
  transform: translateY(-1px);
  text-decoration: none;
  box-shadow: 0 14px 30px rgba(33, 182, 79, .22);
}

.entry-content .rath-soft-list,
.editor-styles-wrapper .rath-soft-list,
.block-editor-block-list__layout .rath-soft-list {
  display: grid;
  gap: 10px;
  margin: 16px 0 20px;
  padding: 0;
  list-style: none;
}

.entry-content .rath-soft-list li,
.editor-styles-wrapper .rath-soft-list li,
.block-editor-block-list__layout .rath-soft-list li {
  position: relative;
  margin: 0;
  padding: 14px 16px 14px 48px;
  border: 1px solid rgba(0, 103, 255, .1);
  border-radius: 15px;
  background: rgba(255, 255, 255, .84);
  color: var(--rath-text);
  font-size: 15px;
  line-height: 1.5;
}

.entry-content .rath-soft-list li::before,
.editor-styles-wrapper .rath-soft-list li::before,
.block-editor-block-list__layout .rath-soft-list li::before {
  position: absolute;
  top: 13px;
  left: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 8px;
  background: rgba(0, 103, 255, .09);
  color: var(--rath-blue);
  font-size: 12px;
  font-weight: 700;
}

.entry-content .rath-soft-list--error li::before,
.editor-styles-wrapper .rath-soft-list--error li::before,
.block-editor-block-list__layout .rath-soft-list--error li::before {
  content: "!";
}

.entry-content .rath-soft-list--steps,
.editor-styles-wrapper .rath-soft-list--steps,
.block-editor-block-list__layout .rath-soft-list--steps {
  counter-reset: rath-step;
}

.entry-content .rath-soft-list--steps li,
.editor-styles-wrapper .rath-soft-list--steps li,
.block-editor-block-list__layout .rath-soft-list--steps li {
  counter-increment: rath-step;
}

.entry-content .rath-soft-list--steps li::before,
.editor-styles-wrapper .rath-soft-list--steps li::before,
.block-editor-block-list__layout .rath-soft-list--steps li::before {
  content: counter(rath-step);
  background: var(--rath-blue);
  color: #fff;
}

.entry-content .rath-soft-list--benefits li::before,
.editor-styles-wrapper .rath-soft-list--benefits li::before,
.block-editor-block-list__layout .rath-soft-list--benefits li::before {
  content: "✓";
  background: rgba(33, 182, 79, .12);
  color: #149449;
}

.entry-content .rath-soft-section-card--5 .rath-soft-faq,
.editor-styles-wrapper .rath-soft-section-card--5 .rath-soft-faq,
.block-editor-block-list__layout .rath-soft-section-card--5 .rath-soft-faq {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
}

.entry-content .rath-soft-section-card--5 .uagb-faq-child__outer-wrap,
.editor-styles-wrapper .rath-soft-section-card--5 .uagb-faq-child__outer-wrap,
.block-editor-block-list__layout .rath-soft-section-card--5 .uagb-faq-child__outer-wrap {
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(0, 103, 255, .1);
  border-radius: 16px;
  background: rgba(255, 255, 255, .86);
}

.entry-content .rath-soft-section-card--5 .uagb-faq-item-active,
.editor-styles-wrapper .rath-soft-section-card--5 .uagb-faq-item-active,
.block-editor-block-list__layout .rath-soft-section-card--5 .uagb-faq-item-active {
  grid-column: 1 / -1;
  background: #fff;
}

.entry-content .rath-soft-section-card--5 .uagb-faq-questions-button,
.editor-styles-wrapper .rath-soft-section-card--5 .uagb-faq-questions-button,
.block-editor-block-list__layout .rath-soft-section-card--5 .uagb-faq-questions-button {
  position: relative;
  display: block;
  min-height: 50px;
  padding: 12px 58px 12px 16px;
  background: transparent;
}

.entry-content .rath-soft-section-card--5 .uagb-question,
.editor-styles-wrapper .rath-soft-section-card--5 .uagb-question,
.block-editor-block-list__layout .rath-soft-section-card--5 .uagb-question {
  display: block;
  max-width: 100%;
  margin: 0;
  color: var(--rath-text);
  font-size: clamp(13px, .82vw, 14px);
  line-height: 1.28;
  font-weight: 700;
  letter-spacing: .01em;
  overflow-wrap: normal;
  word-break: normal;
}

.entry-content .rath-soft-section-card--5 .uagb-faq-questions-button > .uagb-icon,
.entry-content .rath-soft-section-card--5 .uagb-faq-questions-button > .uagb-icon-active,
.editor-styles-wrapper .rath-soft-section-card--5 .uagb-faq-questions-button > .uagb-icon,
.editor-styles-wrapper .rath-soft-section-card--5 .uagb-faq-questions-button > .uagb-icon-active,
.block-editor-block-list__layout .rath-soft-section-card--5 .uagb-faq-questions-button > .uagb-icon,
.block-editor-block-list__layout .rath-soft-section-card--5 .uagb-faq-questions-button > .uagb-icon-active {
  display: none;
}

.entry-content .rath-soft-section-card--5 .uagb-faq-questions-button::after,
.editor-styles-wrapper .rath-soft-section-card--5 .uagb-faq-questions-button::after,
.block-editor-block-list__layout .rath-soft-section-card--5 .uagb-faq-questions-button::after {
  content: "›";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 18px;
  color: var(--rath-blue);
  font-size: 17px;
  line-height: 1;
  text-align: center;
  transform: translateY(-50%);
}

.entry-content .rath-soft-section-card--5 .uagb-faq-item-active .uagb-faq-questions-button::after,
.editor-styles-wrapper .rath-soft-section-card--5 .uagb-faq-item-active .uagb-faq-questions-button::after,
.block-editor-block-list__layout .rath-soft-section-card--5 .uagb-faq-item-active .uagb-faq-questions-button::after {
  content: "⌃";
}

.entry-content .rath-soft-section-card--5 .uagb-faq-content,
.editor-styles-wrapper .rath-soft-section-card--5 .uagb-faq-content,
.block-editor-block-list__layout .rath-soft-section-card--5 .uagb-faq-content {
  padding: 0 16px 16px;
  color: #20324f;
  font-size: 14px;
  line-height: 1.55;
}

.entry-content .dgs-nav,
.entry-content .ais-nav,
.entry-content .iis-nav,
.editor-styles-wrapper .dgs-nav,
.editor-styles-wrapper .ais-nav,
.editor-styles-wrapper .iis-nav,
.block-editor-block-list__layout .dgs-nav,
.block-editor-block-list__layout .ais-nav,
.block-editor-block-list__layout .iis-nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 72px;
  border: 0;
  border-radius: 14px;
  background: rgba(220, 229, 238, .88);
  color: #4f86b7;
  box-shadow: none;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}

.entry-content .dgs-nav:hover,
.entry-content .ais-nav:hover,
.entry-content .iis-nav:hover {
  background: #d7e3ee;
  color: var(--rath-blue);
  transform: translateY(-1px);
}

.entry-content .dgs-nav--prev,
.entry-content .ais-nav--prev,
.entry-content .iis-nav--prev,
.editor-styles-wrapper .dgs-nav--prev,
.editor-styles-wrapper .ais-nav--prev,
.editor-styles-wrapper .iis-nav--prev,
.block-editor-block-list__layout .dgs-nav--prev,
.block-editor-block-list__layout .ais-nav--prev,
.block-editor-block-list__layout .iis-nav--prev {
  left: 24px;
}

.entry-content .dgs-nav--next,
.entry-content .ais-nav--next,
.entry-content .iis-nav--next,
.editor-styles-wrapper .dgs-nav--next,
.editor-styles-wrapper .ais-nav--next,
.editor-styles-wrapper .iis-nav--next,
.block-editor-block-list__layout .dgs-nav--next,
.block-editor-block-list__layout .ais-nav--next,
.block-editor-block-list__layout .iis-nav--next {
  right: 24px;
}

.entry-content .dgs-dots button,
.entry-content .ais-dots button,
.entry-content .iis-dots button,
.editor-styles-wrapper .dgs-dots button,
.editor-styles-wrapper .ais-dots button,
.editor-styles-wrapper .iis-dots button,
.block-editor-block-list__layout .dgs-dots button,
.block-editor-block-list__layout .ais-dots button,
.block-editor-block-list__layout .iis-dots button {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
  border-radius: 999px;
}

@media (max-width: 1240px) {
  .entry-content > .wp-block-columns.rath-soft-sections-shell,
  .editor-styles-wrapper .wp-block-columns.rath-soft-sections-shell,
  .block-editor-block-list__layout .wp-block-columns.rath-soft-sections-shell,
  .entry-content > .wp-block-columns:has(.rath-soft-section-card),
  .entry-content .rath-screenshots-section,
  .editor-styles-wrapper .rath-screenshots-section,
  .block-editor-block-list__layout .rath-screenshots-section {
    width: calc(100% - 32px);
  }
}

@media (max-width: 921px) {
  :root { --rath-section-gap: 18px; }

  .entry-content .rath-soft-section-card,
  .editor-styles-wrapper .rath-soft-section-card,
  .block-editor-block-list__layout .rath-soft-section-card {
    padding: 22px 18px;
    border-radius: 20px;
  }

  .entry-content .rath-soft-section-card > h2.wp-block-heading:first-child,
  .editor-styles-wrapper .rath-soft-section-card > h2.wp-block-heading:first-child,
  .block-editor-block-list__layout .rath-soft-section-card > h2.wp-block-heading:first-child {
    gap: 10px;
    font-size: clamp(20px, 5.5vw, 24px);
  }

  .entry-content .rath-soft-section-card > h2.wp-block-heading:first-child::before,
  .editor-styles-wrapper .rath-soft-section-card > h2.wp-block-heading:first-child::before,
  .block-editor-block-list__layout .rath-soft-section-card > h2.wp-block-heading:first-child::before {
    flex-basis: 28px;
    width: 28px;
    height: 28px;
  }

  .entry-content .rath-soft-section-card--5 .rath-soft-faq,
  .editor-styles-wrapper .rath-soft-section-card--5 .rath-soft-faq,
  .block-editor-block-list__layout .rath-soft-section-card--5 .rath-soft-faq {
    grid-template-columns: 1fr;
  }

  .entry-content .rath-soft-section-card--5 .uagb-faq-questions-button,
  .editor-styles-wrapper .rath-soft-section-card--5 .uagb-faq-questions-button,
  .block-editor-block-list__layout .rath-soft-section-card--5 .uagb-faq-questions-button {
    padding: 12px 50px 12px 14px;
  }

  .entry-content .rath-soft-section-card--5 .uagb-question,
  .editor-styles-wrapper .rath-soft-section-card--5 .uagb-question,
  .block-editor-block-list__layout .rath-soft-section-card--5 .uagb-question {
    font-size: 13px;
    line-height: 1.28;
  }

  .entry-content .rath-soft-section-card--5 .uagb-faq-questions-button::after,
  .editor-styles-wrapper .rath-soft-section-card--5 .uagb-faq-questions-button::after,
  .block-editor-block-list__layout .rath-soft-section-card--5 .uagb-faq-questions-button::after {
    right: 16px;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .entry-content h1.wp-block-heading,
  .editor-styles-wrapper h1.wp-block-heading,
  .block-editor-block-list__layout h1.wp-block-heading { font-size: 24px; }

  .entry-content h2.wp-block-heading,
  .editor-styles-wrapper h2.wp-block-heading,
  .block-editor-block-list__layout h2.wp-block-heading { font-size: 21px; }

  .entry-content .top-mobile-download-buttons,
  .editor-styles-wrapper .top-mobile-download-buttons,
  .block-editor-block-list__layout .top-mobile-download-buttons {
    display: flex;
    align-items: stretch;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    margin: 16px auto;
    padding: 0 8px;
  }

  .entry-content .bottom-desktop-download-buttons,
  .editor-styles-wrapper .bottom-desktop-download-buttons,
  .block-editor-block-list__layout .bottom-desktop-download-buttons {
    display: none;
  }

  .entry-content .top-mobile-download-buttons .btn,
  .editor-styles-wrapper .top-mobile-download-buttons .btn,
  .block-editor-block-list__layout .top-mobile-download-buttons .btn {
    min-height: 48px;
    padding: 12px 9px;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.12;
    white-space: nowrap;
  }

  .entry-content .top-mobile-download-buttons .btn::before,
  .editor-styles-wrapper .top-mobile-download-buttons .btn::before,
  .block-editor-block-list__layout .top-mobile-download-buttons .btn::before {
    content: none;
  }
}

@media (max-width: 544px) {
  :root { --rath-section-gap: 16px; }

  .entry-content > .wp-block-columns.rath-soft-sections-shell,
  .editor-styles-wrapper .wp-block-columns.rath-soft-sections-shell,
  .block-editor-block-list__layout .wp-block-columns.rath-soft-sections-shell,
  .entry-content > .wp-block-columns:has(.rath-soft-section-card),
  .entry-content .rath-screenshots-section,
  .editor-styles-wrapper .rath-screenshots-section,
  .block-editor-block-list__layout .rath-screenshots-section {
    width: calc(100% - 20px);
  }

  .entry-content .rath-soft-section-card,
  .editor-styles-wrapper .rath-soft-section-card,
  .block-editor-block-list__layout .rath-soft-section-card {
    padding: 20px 14px;
    border-radius: 18px;
  }

  .entry-content .rath-soft-section-card--5 .uagb-faq-questions-button,
  .editor-styles-wrapper .rath-soft-section-card--5 .uagb-faq-questions-button,
  .block-editor-block-list__layout .rath-soft-section-card--5 .uagb-faq-questions-button {
    padding: 12px 44px 12px 14px;
  }

  .entry-content .rath-soft-section-card--5 .uagb-question,
  .editor-styles-wrapper .rath-soft-section-card--5 .uagb-question,
  .block-editor-block-list__layout .rath-soft-section-card--5 .uagb-question {
    font-size: 12.5px;
    line-height: 1.3;
  }

  .entry-content .dgs-nav,
  .entry-content .ais-nav,
  .entry-content .iis-nav,
  .editor-styles-wrapper .dgs-nav,
  .editor-styles-wrapper .ais-nav,
  .editor-styles-wrapper .iis-nav,
  .block-editor-block-list__layout .dgs-nav,
  .block-editor-block-list__layout .ais-nav,
  .block-editor-block-list__layout .iis-nav {
    width: 34px;
    height: 64px;
    border-radius: 12px;
    font-size: 22px;
  }

  .entry-content .dgs-nav--prev,
  .entry-content .ais-nav--prev,
  .entry-content .iis-nav--prev,
  .editor-styles-wrapper .dgs-nav--prev,
  .editor-styles-wrapper .ais-nav--prev,
  .editor-styles-wrapper .iis-nav--prev,
  .block-editor-block-list__layout .dgs-nav--prev,
  .block-editor-block-list__layout .ais-nav--prev,
  .block-editor-block-list__layout .iis-nav--prev {
    left: 10px;
  }

  .entry-content .dgs-nav--next,
  .entry-content .ais-nav--next,
  .entry-content .iis-nav--next,
  .editor-styles-wrapper .dgs-nav--next,
  .editor-styles-wrapper .ais-nav--next,
  .editor-styles-wrapper .iis-nav--next,
  .block-editor-block-list__layout .dgs-nav--next,
  .block-editor-block-list__layout .ais-nav--next,
  .block-editor-block-list__layout .iis-nav--next {
    right: 10px;
  }
}
/* Slider arrows single glyph v25 */
.entry-content .xbet-download-steps .dgs-nav,
.entry-content .android-install .ais-nav,
.entry-content .ios-install .iis-nav,
.editor-styles-wrapper .xbet-download-steps .dgs-nav,
.editor-styles-wrapper .android-install .ais-nav,
.editor-styles-wrapper .ios-install .iis-nav {
  position: absolute !important;
  top: 50% !important;
  z-index: 8 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 64px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #e8eef5 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  cursor: pointer !important;
  opacity: 1 !important;
  filter: none !important;
  transform: translateY(-50%) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.entry-content .xbet-download-steps .dgs-nav--prev,
.entry-content .android-install .ais-nav--prev,
.entry-content .ios-install .iis-nav--prev,
.editor-styles-wrapper .xbet-download-steps .dgs-nav--prev,
.editor-styles-wrapper .android-install .ais-nav--prev,
.editor-styles-wrapper .ios-install .iis-nav--prev {
  left: clamp(12px, 3vw, 42px) !important;
}

.entry-content .xbet-download-steps .dgs-nav--next,
.entry-content .android-install .ais-nav--next,
.entry-content .ios-install .iis-nav--next,
.editor-styles-wrapper .xbet-download-steps .dgs-nav--next,
.editor-styles-wrapper .android-install .ais-nav--next,
.editor-styles-wrapper .ios-install .iis-nav--next {
  right: clamp(12px, 3vw, 42px) !important;
}

.entry-content .xbet-download-steps .dgs-nav::before,
.entry-content .android-install .ais-nav::before,
.entry-content .ios-install .iis-nav::before,
.editor-styles-wrapper .xbet-download-steps .dgs-nav::before,
.editor-styles-wrapper .android-install .ais-nav::before,
.editor-styles-wrapper .ios-install .iis-nav::before {
  content: "" !important;
  display: none !important;
}

.entry-content .xbet-download-steps .dgs-nav::after,
.entry-content .android-install .ais-nav::after,
.entry-content .ios-install .iis-nav::after,
.editor-styles-wrapper .xbet-download-steps .dgs-nav::after,
.editor-styles-wrapper .android-install .ais-nav::after,
.editor-styles-wrapper .ios-install .iis-nav::after {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #5f8db4 !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
}

.entry-content .xbet-download-steps .dgs-nav--prev::after,
.entry-content .android-install .ais-nav--prev::after,
.entry-content .ios-install .iis-nav--prev::after,
.editor-styles-wrapper .xbet-download-steps .dgs-nav--prev::after,
.editor-styles-wrapper .android-install .ais-nav--prev::after,
.editor-styles-wrapper .ios-install .iis-nav--prev::after {
  content: "‹" !important;
}

.entry-content .xbet-download-steps .dgs-nav--next::after,
.entry-content .android-install .ais-nav--next::after,
.entry-content .ios-install .iis-nav--next::after,
.editor-styles-wrapper .xbet-download-steps .dgs-nav--next::after,
.editor-styles-wrapper .android-install .ais-nav--next::after,
.editor-styles-wrapper .ios-install .iis-nav--next::after {
  content: "›" !important;
}

.entry-content .xbet-download-steps .dgs-nav:hover,
.entry-content .android-install .ais-nav:hover,
.entry-content .ios-install .iis-nav:hover,
.entry-content .xbet-download-steps .dgs-nav:focus-visible,
.entry-content .android-install .ais-nav:focus-visible,
.entry-content .ios-install .iis-nav:focus-visible,
.editor-styles-wrapper .xbet-download-steps .dgs-nav:hover,
.editor-styles-wrapper .android-install .ais-nav:hover,
.editor-styles-wrapper .ios-install .iis-nav:hover,
.editor-styles-wrapper .xbet-download-steps .dgs-nav:focus-visible,
.editor-styles-wrapper .android-install .ais-nav:focus-visible,
.editor-styles-wrapper .ios-install .iis-nav:focus-visible {
  background: #dce8f2 !important;
  transform: translateY(-50%) !important;
}

.entry-content .xbet-download-steps .dgs-nav:hover::after,
.entry-content .android-install .ais-nav:hover::after,
.entry-content .ios-install .iis-nav:hover::after,
.entry-content .xbet-download-steps .dgs-nav:focus-visible::after,
.entry-content .android-install .ais-nav:focus-visible::after,
.entry-content .ios-install .iis-nav:focus-visible::after,
.editor-styles-wrapper .xbet-download-steps .dgs-nav:hover::after,
.editor-styles-wrapper .android-install .ais-nav:hover::after,
.editor-styles-wrapper .ios-install .iis-nav:hover::after,
.editor-styles-wrapper .xbet-download-steps .dgs-nav:focus-visible::after,
.editor-styles-wrapper .android-install .ais-nav:focus-visible::after,
.editor-styles-wrapper .ios-install .iis-nav:focus-visible::after {
  color: #0b6bdc !important;
}

.entry-content .xbet-download-steps .dgs-nav[disabled],
.entry-content .android-install .ais-nav[disabled],
.entry-content .ios-install .iis-nav[disabled],
.entry-content .xbet-download-steps .dgs-nav.is-disabled,
.entry-content .android-install .ais-nav.is-disabled,
.entry-content .ios-install .iis-nav.is-disabled,
.entry-content .xbet-download-steps .dgs-nav.slick-disabled,
.entry-content .android-install .ais-nav.slick-disabled,
.entry-content .ios-install .iis-nav.slick-disabled,
.editor-styles-wrapper .xbet-download-steps .dgs-nav[disabled],
.editor-styles-wrapper .android-install .ais-nav[disabled],
.editor-styles-wrapper .ios-install .iis-nav[disabled],
.editor-styles-wrapper .xbet-download-steps .dgs-nav.is-disabled,
.editor-styles-wrapper .android-install .ais-nav.is-disabled,
.editor-styles-wrapper .ios-install .iis-nav.is-disabled,
.editor-styles-wrapper .xbet-download-steps .dgs-nav.slick-disabled,
.editor-styles-wrapper .android-install .ais-nav.slick-disabled,
.editor-styles-wrapper .ios-install .iis-nav.slick-disabled {
  pointer-events: auto !important;
  cursor: pointer !important;
  opacity: 1 !important;
  filter: none !important;
  background: #e8eef5 !important;
}

.entry-content .xbet-download-steps .dgs-nav[disabled]::after,
.entry-content .android-install .ais-nav[disabled]::after,
.entry-content .ios-install .iis-nav[disabled]::after,
.entry-content .xbet-download-steps .dgs-nav.is-disabled::after,
.entry-content .android-install .ais-nav.is-disabled::after,
.entry-content .ios-install .iis-nav.is-disabled::after,
.entry-content .xbet-download-steps .dgs-nav.slick-disabled::after,
.entry-content .android-install .ais-nav.slick-disabled::after,
.entry-content .ios-install .iis-nav.slick-disabled::after,
.editor-styles-wrapper .xbet-download-steps .dgs-nav[disabled]::after,
.editor-styles-wrapper .android-install .ais-nav[disabled]::after,
.editor-styles-wrapper .ios-install .iis-nav[disabled]::after,
.editor-styles-wrapper .xbet-download-steps .dgs-nav.is-disabled::after,
.editor-styles-wrapper .android-install .ais-nav.is-disabled::after,
.editor-styles-wrapper .ios-install .iis-nav.is-disabled::after,
.editor-styles-wrapper .xbet-download-steps .dgs-nav.slick-disabled::after,
.editor-styles-wrapper .android-install .ais-nav.slick-disabled::after,
.editor-styles-wrapper .ios-install .iis-nav.slick-disabled::after {
  color: #5f8db4 !important;
}

@media (max-width: 768px) {
  .entry-content .xbet-download-steps .dgs-nav,
  .entry-content .android-install .ais-nav,
  .entry-content .ios-install .iis-nav,
  .editor-styles-wrapper .xbet-download-steps .dgs-nav,
  .editor-styles-wrapper .android-install .ais-nav,
  .editor-styles-wrapper .ios-install .iis-nav {
    width: 34px !important;
    height: 58px !important;
    border-radius: 11px !important;
  }

  .entry-content .xbet-download-steps .dgs-nav--prev,
  .entry-content .android-install .ais-nav--prev,
  .entry-content .ios-install .iis-nav--prev,
  .editor-styles-wrapper .xbet-download-steps .dgs-nav--prev,
  .editor-styles-wrapper .android-install .ais-nav--prev,
  .editor-styles-wrapper .ios-install .iis-nav--prev {
    left: 10px !important;
  }

  .entry-content .xbet-download-steps .dgs-nav--next,
  .entry-content .android-install .ais-nav--next,
  .entry-content .ios-install .iis-nav--next,
  .editor-styles-wrapper .xbet-download-steps .dgs-nav--next,
  .editor-styles-wrapper .android-install .ais-nav--next,
  .editor-styles-wrapper .ios-install .iis-nav--next {
    right: 10px !important;
  }

  .entry-content .xbet-download-steps .dgs-nav::after,
  .entry-content .android-install .ais-nav::after,
  .entry-content .ios-install .iis-nav::after,
  .editor-styles-wrapper .xbet-download-steps .dgs-nav::after,
  .editor-styles-wrapper .android-install .ais-nav::after,
  .editor-styles-wrapper .ios-install .iis-nav::after {
    font-size: 26px !important;
  }
}
/* FAQ native icon cleanup v26 */
.entry-content .rath-soft-section-card--5 .rath-soft-faq .uagb-faq-questions-button .uagb-icon,
.entry-content .rath-soft-section-card--5 .rath-soft-faq .uagb-faq-questions-button .uagb-icon-active,
.entry-content .rath-soft-section-card--5 .rath-soft-faq .uagb-faq-questions-button .uagb-faq-icon-wrap,
.entry-content .rath-soft-section-card--5 .wp-block-uagb-faq .uagb-faq-questions-button .uagb-icon,
.entry-content .rath-soft-section-card--5 .wp-block-uagb-faq .uagb-faq-questions-button .uagb-icon-active,
.entry-content .rath-soft-section-card--5 .wp-block-uagb-faq .uagb-faq-questions-button .uagb-faq-icon-wrap,
.editor-styles-wrapper .rath-soft-section-card--5 .rath-soft-faq .uagb-faq-questions-button .uagb-icon,
.editor-styles-wrapper .rath-soft-section-card--5 .rath-soft-faq .uagb-faq-questions-button .uagb-icon-active,
.editor-styles-wrapper .rath-soft-section-card--5 .rath-soft-faq .uagb-faq-questions-button .uagb-faq-icon-wrap,
.editor-styles-wrapper .rath-soft-section-card--5 .wp-block-uagb-faq .uagb-faq-questions-button .uagb-icon,
.editor-styles-wrapper .rath-soft-section-card--5 .wp-block-uagb-faq .uagb-faq-questions-button .uagb-icon-active,
.editor-styles-wrapper .rath-soft-section-card--5 .wp-block-uagb-faq .uagb-faq-questions-button .uagb-faq-icon-wrap {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
}

.entry-content .rath-soft-section-card--5 .rath-soft-faq .uagb-faq-questions-button svg,
.entry-content .rath-soft-section-card--5 .wp-block-uagb-faq .uagb-faq-questions-button svg,
.editor-styles-wrapper .rath-soft-section-card--5 .rath-soft-faq .uagb-faq-questions-button svg,
.editor-styles-wrapper .rath-soft-section-card--5 .wp-block-uagb-faq .uagb-faq-questions-button svg {
  display: none !important;
}

.entry-content .rath-soft-section-card--5 .rath-soft-faq .uagb-faq-item-active .uagb-faq-questions-button,
.entry-content .rath-soft-section-card--5 .wp-block-uagb-faq .uagb-faq-item-active .uagb-faq-questions-button,
.editor-styles-wrapper .rath-soft-section-card--5 .rath-soft-faq .uagb-faq-item-active .uagb-faq-questions-button,
.editor-styles-wrapper .rath-soft-section-card--5 .wp-block-uagb-faq .uagb-faq-item-active .uagb-faq-questions-button {
  align-items: center !important;
}
/* Heading class alias v27 */
.entry-content .h3,
.editor-styles-wrapper .h3,
.block-editor-block-list__layout .h3 {
  margin-top: 0;
  margin-bottom: .75em;
  color: var(--rath-text, #082044);
  font-size: clamp(19px, 1.55vw, 24px);
  line-height: 1.24;
  font-weight: 700;
  letter-spacing: -.015em;
}

.footer-download-content .h3 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 22px;
  line-height: 1.24;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
}

@media (max-width: 544px) {
  .entry-content .h3,
  .editor-styles-wrapper .h3,
  .block-editor-block-list__layout .h3 {
    font-size: 18px;
    line-height: 1.24;
  }

  .footer-download-content .h3 {
    font-size: 18px;
    line-height: 1.25;
  }
}
/* Footer download form v28 */
.footer-download-form {
  display: flex;
  justify-content: flex-end;
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
}

.footer-download-form .footer-download-btn {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  font-family: inherit;
  cursor: pointer;
}

.footer-download-form .footer-download-btn span {
  display: inline-flex;
  line-height: 1;
}

@media (max-width: 768px) {
  .footer-download-form {
    justify-content: center;
    width: 100%;
  }

  .footer-download-form .footer-download-btn {
    width: 100%;
  }
}
/* Footer download button hover v29 */
.footer-download-form .footer-download-btn,
.footer-download-form .footer-download-btn:visited {
  background: #fff !important;
  color: #4CAF50 !important;
  text-decoration: none !important;
}

.footer-download-form .footer-download-btn:hover,
.footer-download-form .footer-download-btn:focus,
.footer-download-form .footer-download-btn:focus-visible {
  background: #f4fff6 !important;
  color: #2f8f3b !important;
  opacity: 1 !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(0, 0, 0, .10);
  outline: none;
}

.footer-download-form .footer-download-btn:active {
  background: #ecfaef !important;
  color: #247d31 !important;
  transform: translateY(0);
  box-shadow: none;
}

.footer-download-form .footer-download-btn:hover span,
.footer-download-form .footer-download-btn:focus span,
.footer-download-form .footer-download-btn:focus-visible span,
.footer-download-form .footer-download-btn:active span {
  color: currentColor !important;
}
/* Live chat fix v30 */
.live-chat-widget.live-chat-disabled {
  display: block;
}

.live-chat-widget.is-open .live-chat-box {
  display: block;
}

.live-chat-widget.is-open .live-chat-button {
  display: none;
}
/* Hide floating chat button v31 */
.live-chat-widget .live-chat-button,
.live-chat-widget .live-chat-button.hidden,
.live-chat-widget.is-open .live-chat-button {
  display: none !important;
}

.live-chat-widget {
  pointer-events: none;
}

.live-chat-widget .live-chat-box {
  pointer-events: auto;
}
/* Desktop balanced media layout v33 */
.entry-content .rath-media-row {
  display: flex;
  align-items: flex-start;
  gap: clamp(18px, 2.4vw, 32px);
  margin-top: 18px;
  margin-bottom: 24px;
}

.entry-content .rath-media-row > .wp-block-column {
  margin-bottom: 0;
}

.entry-content .rath-media-content {
  min-width: 0;
  flex: 1 1 auto;
}

.entry-content .rath-media-content > :last-child {
  margin-bottom: 0;
}

.entry-content .rath-media-content p {
  margin-top: 7px;
}

.entry-content .rath-media-side {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
}

.entry-content .rath-side-media {
  width: 100%;
  max-width: 230px;
  margin: 0 auto;
}

.entry-content .rath-side-media img {
  display: block;
  width: 100%;
  max-width: 230px;
  max-height: 410px;
  height: auto;
  object-fit: contain;
  border-radius: 22px;
  background: #f6fbff;
  box-shadow: 0 14px 32px rgba(8, 32, 68, .11);
}

.entry-content .rath-side-media--download img,
.entry-content .rath-side-media--install img,
.entry-content .rath-side-media--deposit img,
.entry-content .rath-side-media--registration img,
.entry-content .rath-side-media--support img {
  max-width: 220px;
  max-height: 392px;
}

.entry-content .rath-side-media--login img,
.entry-content .rath-side-media--sports img,
.entry-content .rath-side-media--casino img {
  max-width: 210px;
  max-height: 374px;
}

.entry-content .rath-media-row--payment,
.entry-content .rath-media-row--casino,
.entry-content .rath-media-row--registration {
  align-items: flex-start;
}

.entry-content .rath-media-row--payment .rath-media-content,
.entry-content .rath-media-row--casino .rath-media-content,
.entry-content .rath-media-row--registration .rath-media-content {
  display: block;
}

.entry-content .rath-media-row--payment .payment-table,
.entry-content .rath-media-row--casino .provider-table {
  margin-bottom: 18px;
}

.entry-content .rath-media-row--error .rath-side-media img {
  max-width: 190px;
  max-height: 338px;
}

.entry-content .rath-media-side--benefits {
  flex-direction: column;
  gap: 14px;
}

.entry-content .rath-media-side--benefits .wp-block-image {
  max-width: 128px;
  margin: 0 auto;
}

.entry-content .rath-media-side--benefits .wp-block-image img {
  width: 100%;
  height: auto;
}

@media (min-width: 922px) {
  .entry-content .rath-media-row {
    column-gap: clamp(22px, 3vw, 40px);
  }

  .entry-content .rath-media-row .rath-media-side {
    flex: 0 0 clamp(190px, 20vw, 240px);
  }

  .entry-content .rath-media-row--payment .rath-media-content,
  .entry-content .rath-media-row--casino .rath-media-content {
    max-width: calc(100% - 260px);
  }
}

@media (max-width: 921px) {
  .entry-content .rath-media-row {
    flex-direction: column;
    gap: 18px;
    margin-top: 18px;
    margin-bottom: 24px;
  }

  .entry-content .rath-media-row > .wp-block-column,
  .entry-content .rath-media-side {
    width: 100%;
    flex-basis: auto;
  }

  .entry-content .rath-side-media {
    max-width: min(330px, 88vw);
  }

  .entry-content .rath-side-media img,
  .entry-content .rath-side-media--download img,
  .entry-content .rath-side-media--install img,
  .entry-content .rath-side-media--deposit img,
  .entry-content .rath-side-media--registration img,
  .entry-content .rath-side-media--support img,
  .entry-content .rath-side-media--login img,
  .entry-content .rath-side-media--sports img,
  .entry-content .rath-side-media--casino img {
    max-width: min(330px, 88vw);
    max-height: none;
    border-radius: 22px;
  }

  .entry-content .rath-media-side--benefits .wp-block-image {
    max-width: 140px;
  }
}

@media (max-width: 544px) {
  .entry-content .rath-media-row {
    gap: 16px;
  }

  .entry-content .rath-side-media {
    max-width: min(300px, 86vw);
  }

  .entry-content .rath-side-media img,
  .entry-content .rath-side-media--download img,
  .entry-content .rath-side-media--install img,
  .entry-content .rath-side-media--deposit img,
  .entry-content .rath-side-media--registration img,
  .entry-content .rath-side-media--support img,
  .entry-content .rath-side-media--login img,
  .entry-content .rath-side-media--sports img,
  .entry-content .rath-side-media--casino img {
    max-width: min(300px, 86vw);
    box-shadow: 0 14px 32px rgba(8, 32, 68, .11);
  }
}
/* Mobile media fit v34 */
@media (max-width: 921px) {
  .entry-content .rath-media-row--error .rath-side-media {
    max-width: min(360px, 92vw);
  }

  .entry-content .rath-media-row--error .rath-side-media img {
    width: 100%;
    max-width: min(360px, 92vw);
    max-height: none;
    height: auto;
    object-fit: contain;
  }
}

@media (max-width: 544px) {
  .entry-content .rath-media-row--error .rath-side-media,
  .entry-content .rath-media-row--error .rath-side-media img {
    max-width: min(340px, 92vw);
  }
}


.entry-content > .wp-block-group, .entry-content > .wp-block-cover, .entry-content > .wp-block-columns{
	padding-bottom: 0;
}





@media (max-width: 768px) {
.entry-content > .wp-block-group, .entry-content > .wp-block-cover, .entry-content > .wp-block-columns{
	padding: 10px;
}

:root :where(.is-layout-flex){ gap: 0;}

.rath-ui-note, .rath-ui-card__header{ gap: 16px;}
	
	

}



.rath-soft-section-card figure img{margin: 0;}
.rath-soft-section-card .wp-block-column.is-vertically-aligned-center{align-self: start;}