/* =========================================================================
   BpExch — urdu.css
   Language-switch button (Read in Urdu / Read in English) shown below the
   featured image, plus RTL Nastaliq styling for single Urdu translation pages.
   Loaded only on single `post` and `betpro_urdu` pages.
   ========================================================================= */

/* --- Language switch button --------------------------------------------- */
.betpro-lang-switch {
  margin: 0 0 1.5rem;
}
.betpro-lang-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 1.15rem;
  font-family: var(--font-body);
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
  background: var(--green, #047857);
  border: 1px solid var(--green, #047857);
  border-radius: var(--r-pill, 999px);
  text-decoration: none;
  transition: background-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.betpro-lang-btn:hover,
.betpro-lang-btn:focus {
  background: var(--green-dark, #065f46);
  box-shadow: 0 10px 22px -12px rgba(4, 120, 87, 0.7);
  transform: translateY(-1px);
}
.betpro-lang-btn:active {
  transform: translateY(0);
}
.betpro-lang-globe {
  font-size: 1.05em;
  line-height: 1;
}
/* Urdu label needs the Nastaliq face and a little more breathing room. */
.betpro-lang-btn[lang='ur'] {
  font-family: 'Noto Nastaliq Urdu', var(--font-body);
  padding: 0.65rem 1.25rem;
  line-height: 1.9;
}

/* --- Urdu single-post reading tweaks ------------------------------------ */
body.betpro-urdu-single .post-hero-title,
body.betpro-urdu-single .post-content {
  font-family: 'Noto Nastaliq Urdu', var(--font-body);
  line-height: 2;
}
body.betpro-urdu-single .post-content {
  direction: rtl;
  text-align: right;
}
body.betpro-urdu-single .post-content ul,
body.betpro-urdu-single .post-content ol {
  padding-right: 1.4em;
  padding-left: 0;
}
/* Keep the switch button left-aligned/LTR even on the RTL Urdu page. */
body.betpro-urdu-single .betpro-lang-switch {
  direction: ltr;
  text-align: left;
}