/* ============================================================
   ULTIMATE MEMBER — BASE UI LAYER
   Scope: .um (login, register, profile, account)
   Depends on: global.css (tokens + typography)
   ============================================================ */

/* ------------------------------------------------------------
   ROOT SCOPE
   ------------------------------------------------------------ */
.um,
.um * {
  font-family: var(--font-main) !important; /* UM needs this */
}

/* ------------------------------------------------------------
   FORM WRAPPER & SPACING
   ------------------------------------------------------------ */
.um-form {
  background: transparent;
}

.um .um-field {
  margin-bottom: 14px;
}

/* ------------------------------------------------------------
   LABELS
   ------------------------------------------------------------ */

.um-profile.um-viewing .um-field-label {
  display: block !important;
  margin: 0 0 4px 0 !important;
  padding-bottom: 0 !important;
  border: 1px solid bottom #e9e9e9 !important;
}

/* ------------------------------------------------------------
   LABEL TEXT (INNER)
   ------------------------------------------------------------ */

.um .um-field-label label {
  font-weight: 400 !important;
  color: var(--color-black) !important;
}

/* ------------------------------------------------------------
   VALUES
   ------------------------------------------------------------ */

.um .um-field-value {
  font-weight: 600 !important;
  color: var(--color-black) !important;
}

/* ------------------------------------------------------------
   BASE LABEL OVERRIDE (UM DEFAULT)
   ------------------------------------------------------------ */

.um .um-field-label {
  color: var(--color-black) !important;
}


/* ============================================================
   ULTIMATE MEMBER — FINAL INPUT OVERRIDE (AUTHORITATIVE)
   ============================================================ */

.um-form input[type=number],
.um-form input[type=password],
.um-form input[type=search],
.um-form input[type=tel],
.um-form input[type=text],
.um-form input[type=email],
.um-form textarea,
.um-form select {
  height: 50px !important;
  padding: 10px 14px !important;
  border: 1px solid #e9e9e9 !important;
  border-radius: 0 !important;
  background-color: #f9f9f9 !important;
  box-shadow: none !important;
  margin: 0 !important;
}

/* Textarea exception */
.um-form textarea {
  height: auto !important;
  min-height: 110px !important;
}

/* Wrapper cleanup */
.um-form .um-field-area {
  padding: 0 !important;
  margin: 0 !important;
}

.um-form .um-field {
  margin-bottom: 5px !important;
}


/* ------------------------------------------------------------
   BUTTONS (PRIMARY ACTIONS)
   ------------------------------------------------------------ */
.um .um-button,
.um input[type="submit"] {
  display: inline-block !important;
  background: var(--color-primary) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 20px 20px !important;
  font-size: var(--font-p) !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.um .um-button:hover,
.um .um-button:focus,
.um .um-button:active,
.um input[type="submit"]:hover,
.um input[type="submit"]:focus,
.um input[type="submit"]:active {
  background: var(--color-primary) !important;
  color: #fff !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Secondary links (login/register switch, forgot) */
.um a {
  color: var(--color-text);
  font-weight: 600;
  text-decoration: none;
}

.um a:hover {
  text-decoration: underline;
}

/* ------------------------------------------------------------
   CHECKBOXES & RADIO
   ------------------------------------------------------------ */
.um input[type="checkbox"],
.um input[type="radio"] {
  accent-color: var(--color-primary);
}

/* ------------------------------------------------------------
   NOTICES & ERRORS
   ------------------------------------------------------------ */
.um .um-field-error,
.um .um-notice.err {
  background: #fff5f5;
  border: 1px solid #f5c2c2;
  color: #b30000;
  font-size: var(--font-small);
  padding: 8px 10px;
  border-radius: var(--radius-sm);
  margin-top: 6px;
}

.um .um-notice.success {
  background: #f4fbf6;
  border: 1px solid #cfe7d6;
  color: #1a7f37;
  font-size: var(--font-small);
  padding: 8px 10px;
  border-radius: var(--radius-sm);
}

/* =========================================
   ULTIMATE MEMBER – PROFILE NAV (FINAL)
   ========================================= */

/* NAV BAR */
.um .um-profile-nav {
  background: #f9f9f9 !important; /* brand bar */
  border: none !important;
  padding: 0 !important;
  text-align: left !important;
}

/* NAV ITEMS */
.um .um-profile-nav-item a {
  padding: 12px 16px !important;
  color: black !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border: none !important;
}

/* REMOVE DEFAULT ACTIVE BLUE COMPLETELY */
.um .um-profile-nav-item.active a {
  border: none !important;
  color: black !important;
  background: var(--color-primary) !important;
}

/* HOVER (SUBTLE, NO BLUE) */
.um .um-profile-nav-item a:hover {
  color: black !important;
  opacity: 0.85;
}

/* ICONS – FORCE BLACK */
.um .um-profile-nav-item a i,
.um .um-profile-nav-item a svg {
  color: var(--color-black) !important;
  fill: var(--color-black) !important;
}

/* =========================================
   ULTIMATE MEMBER – PROFILE NAME AS H1
   ========================================= */

.um-profile.um .um-name a {
  font-family: var(--font-main) !important;
  font-size: var(--font-h1) !important;
  line-height: var(--line-height-heading) !important;
  font-weight: 700 !important;
  color: var(--color-heading) !important;
  text-decoration: none !important;
}




/* =========================================
   UM PROFILE NAV – TEXT ONLY (RESPONSIVE)
   ========================================= */

/* HIDE ALL ICONS */
.um .um-profile-nav i,
.um .um-profile-nav svg {
  display: none !important;
}

/* SHOW TITLES */
.um .um-profile-nav .title {
  display: inline !important;
}

/* -------------------------
   DESKTOP (>= 801px)
   ------------------------- */
@media (min-width: 801px) {

  /* Hide MOBILE version */
  .um .um-profile-nav a.uimob800-show,
  .um .um-profile-nav a.uimob500-show,
  .um .um-profile-nav a.uimob340-show {
    display: none !important;
  }

  /* Show DESKTOP version */
  .um .um-profile-nav a.uimob800-hide,
  .um .um-profile-nav a.uimob500-hide,
  .um .um-profile-nav a.uimob340-hide {
    display: inline-flex !important;
  }
}

/* -------------------------
   MOBILE (<= 800px)
   ------------------------- */
@media (max-width: 800px) {

  /* Hide DESKTOP version */
  .um .um-profile-nav a.uimob800-hide,
  .um .um-profile-nav a.uimob500-hide,
  .um .um-profile-nav a.uimob340-hide {
    display: none !important;
  }

  /* Show MOBILE version */
  .um .um-profile-nav a.uimob800-show,
  .um .um-profile-nav a.uimob500-show,
  .um .um-profile-nav a.uimob340-show {
    display: inline-flex !important;
  }
}

/* =========================================
   ULTIMATE MEMBER – HIDE AVATAR
   ========================================= */

/* Hide avatar image everywhere */
.um-profile img {
  display: none !important;
}

/* Hide avatar container */
.um-profile .um-profile-photo {
  display: none !important;
}

/* ============================================================
   ULTIMATE MEMBER – REMOVE PROFILE COG COMPLETELY
   ============================================================ */

.um-profile-edit,
.um-profile-edit-a,
.um-profile-edit-a i.um-faicon-cog {
    display: none !important;
}



/* =========================================
   ULTIMATE MEMBER – HEADER BASE RESET
   ========================================= */

.um-header {
  position: relative;
  padding: 0 !important;
  border: none !important;
  min-height: 0 !important;
  box-sizing: content-box !important;
}

/* =========================================
   ULTIMATE MEMBER – PROFILE NAME COLOR
   ========================================= */

.um-profile.um .um-name a {
  color: var(--color-black) !important;
}

.profile-username {
  font-size: var(--font-h1);
  font-weight: 700;
  color: var(--color-heading);
  margin: 0 0 16px 0;
}

/* =========================================
   ULTIMATE MEMBER – HIDE NAME & NAV (ALL)
   ========================================= */

/* Hide profile name (all views) */
.um-profile.um .um-name,
.um-profile.um .um-name a {
  display: none !important;
}

/* Hide UM profile navigation – desktop */
.um-profile .um-profile-nav {
  display: none !important;
}

/* Hide UM profile navigation – mobile wrappers */
div.uimob800 .um-profile-nav,
div.uimob500 .um-profile-nav,
div.uimob340 .um-profile-nav {
  display: none !important;
}


/* ============================================================
   PYOD FORMS – TYPOGRAPHY (MATCH UM LABEL / VALUE LOGIC)
   ============================================================ */

/* Main question label (like UM label) */
.pyodq-form .pyodq-label {
  font-family: var(--font-main);
  font-size: 15px;
  font-weight: 600 !important;
  color: var(--color-black);
  margin-bottom: 6px;
  display: block;
}

/* Remove <strong> visual weight – we control weight via CSS */
.pyodq-form .pyodq-label strong {
  font-weight: inherit;
}

/* Radio / checkbox labels (Yes / No) */
.pyodq-form label {
  font-family: var(--font-main);
  font-size: 14px;
  font-weight: 600; /* VALUE logic */
  color: var(--color-black);
}

/* Textarea & inputs = value */
.pyodq-form input,
.pyodq-form textarea,
.pyodq-form select {
  font-family: var(--font-main);
  font-size: 14px;
  font-weight: 600;
  color: var(--color-black);
}

/* ------------------------------------------------------------
   PYOD FORMS – TEXTAREA (USER VALUE)
   ------------------------------------------------------------ */

.pyodq-form .pyodq-textarea,
.pyodq-form textarea {
  font-family: var(--font-main) !important;
  font-size: 14px !important;
  font-weight: 600 !important; /* VALUE logic */
  color: var(--color-black) !important;
  line-height: 1.5;
}

/* ============================================================
   PYOD – LAST UPDATED META LINE
   ============================================================ */

.pyod-title + p {
  font-family: var(--font-main);
  font-size: 13px;
  color: var(--color-black);
  margin: 4px 0 16px 0;
}

/* Label */
.pyod-title + p strong {
  font-weight: 400;
}

/* Value (date/time) */
.pyod-title + p strong + text,
.pyod-title + p {
  font-weight: 600;
}

/* ============================================================
   PYOD – SECTION HEADING DIVIDER
   ============================================================ */

.pyod-title {
  padding-bottom: 6px;
  margin-bottom: 6px;
  border-bottom: 1px solid #e9e9e9;
}

/* ============================================================
   PY PROFILE – EDIT BUTTON (PRIMARY)
   ============================================================ */

.py-profile-edit-btn {
  display: inline-block;
  padding: 8px 16px;
  background-color: var(--color-primary);
  color: #000;
  font-weight: 600;
  text-decoration: none;
  border-radius: 4px;
  transition: opacity 0.2s ease;
}

/* Hover */
.py-profile-edit-btn:hover {
  opacity: 0.85;
  color: #000;
}

/* ============================================================
   HIDE CUSTOM EDIT BUTTON DURING UM EDIT MODE
   ============================================================ */

/* When profile is in edit mode */
.um.um-editing .py-profile-edit-btn-wrapper {
  display: none !important;
}

/* ============================================================
   PYOD – COMPACT QUESTION BLOCK SPACING
   ============================================================ */

/* Remove artificial <br> spacing inside PYOD blocks */
.pyodq-block br {
  display: none;
}

/* Question block spacing */
.pyodq-block {
  margin-bottom: 30px;
}

/* Question label (the question text) */
.pyodq-block .pyodq-label {
  margin-bottom: 6px;
}

/* Radio options spacing */
.pyodq-block label {
  margin-right: 12px;
}

/* Textarea spacing */
.pyodq-block .pyodq-textarea {
  margin-top: 8px;
}

/* ============================================================
   PYOD – PRIMARY ACTION BUTTON (NO HOVER)
   ============================================================ */

.pyodq-btn {
  display: inline-block;
  padding: 10px 18px;
  background-color: var(--color-primary);
  color: #000;
  font-family: var(--font-main);
  font-size: 14px;
  font-weight: 600;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* Remove any hover effects explicitly */
.pyodq-btn:hover,
.pyodq-btn:focus,
.pyodq-btn:active {
  background-color: var(--color-primary);
  color: #000;
  outline: none;
}


/* ============================================================
   PYOD – LARGE RADIO BUTTONS
   ============================================================ */

.pyodq-form input[type="radio"] {
  transform: scale(1.3);
  margin-right: 6px;
  cursor: pointer;
}

/* ============================================================
   PYOD – NORMALIZE STYLES ACROSS UM ROLES (DOCTOR / MEMBER)
   ============================================================ */

/* Anchor PYOD forms inside any UM profile context */
.um-profile .pyodq-form,
.um-profile .pyodq-block {
  font-family: var(--font-main);
}

/* Compact spacing – remove <br> everywhere */
.um-profile .pyodq-block br {
  display: none;
}

/* Question label */
.um-profile .pyodq-label {
  font-weight: 400 !important;
  margin-bottom: 6px;
  display: block;
  color: var(--color-black);
}

/* Radio labels */
.um-profile .pyodq-block label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  color: var(--color-black);
}

/* Textarea value */
.um-profile .pyodq-textarea {
  margin-top: 8px;
  font-weight: 600;
  color: var(--color-black);
}

/* Radio size */
.um-profile input[type="radio"] {
  transform: scale(1.3);
}

/* ============================================================
   PYOD MEDICAL HISTORY – READ-ONLY VIEW (DOCTOR / ADMIN)
   ============================================================ */

/* Container spacing */
.um-profile .pyodmh-item {
  margin-bottom: 16px;
}

/* Question (LABEL logic) */
.um-profile .pyodmh-question {
  font-family: var(--font-main);
  font-size: 15px;
  font-weight: 400;
  color: var(--color-black);
  margin-bottom: 4px;
}

/* Selected answer (VALUE logic) */
.um-profile .pyodmh-selected-answer {
  font-family: var(--font-main);
  font-size: 14px;
  font-weight: 600;
  color: var(--color-black);
  margin-bottom: 6px;
}

/* Free text / details (VALUE logic) */
.um-profile .pyodmh-text {
  font-family: var(--font-main);
  font-size: 14px;
  font-weight: 600;
  color: var(--color-black);
  line-height: 1.5;
}

/* Divider – subtle & compact */
.um-profile .pyodmh-divider {
  border: none;
  border-top: 1px solid #e9e9e9;
  margin: 12px 0 0;
}


/* ============================================================
   PYOD PRESCRIPTIONS – GLOBAL
   ============================================================ */

/* Empty state */
.pyod-empty {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-black);
}

/* ------------------------------------------------------------
   UPLOAD FORM (EDITOR)
   ------------------------------------------------------------ */

.pyod-form {
  margin-bottom: 24px;
}

.pyod-form .pyod-label {
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 6px;
  margin-top: 6px;
  color: var(--color-black);
}

.pyod-form .pyod-input,
.pyod-form .pyod-textarea {
  width: 100%;
  margin-bottom: 20px;
  font-family: var(--font-main);
  font-size: 14px;
  font-weight: 600;
  color: var(--color-black);
}

/* ------------------------------------------------------------
   PRIMARY BUTTON (NO HOVER)
   ------------------------------------------------------------ */

.pyod-btn {
  padding: 10px 18px;
  background-color: var(--color-primary);
  color: #000;
  font-family: var(--font-main);
  font-size: 14px;
  font-weight: 600;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.pyod-btn:hover,
.pyod-btn:focus,
.pyod-btn:active {
  background-color: var(--color-primary);
  color: #000;
  outline: none;
  box-shadow: none;
}

/* ------------------------------------------------------------
   TABLE – FULL BORDERS (LABEL / VALUE LOGIC)
   ------------------------------------------------------------ */

.pyod-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--font-main);
  font-size: 14px;
  border: 1px solid #e9e9e9;
}

/* Header = LABEL */
.pyod-table th {
  text-align: left;
  font-weight: 400;
  color: var(--color-black);
  padding: 10px 8px;
  border: 1px solid #e9e9e9;
  background: #f9f9f9;
}

/* Cell = VALUE */
.pyod-table td {
  font-weight: 600;
  color: var(--color-black);
  padding: 10px 8px;
  border: 1px solid #e9e9e9;
  vertical-align: top;
}

.pyod-table a {
  font-weight: 600;
  color: var(--color-black);
  text-decoration: none;
}

.pyod-delete-btn {
  font-weight: 600;
  color: var(--color-black);
}

/* ============================================================
   PYOD TABLE – REMOVE DEFAULT TOP HEADER BORDER
   ============================================================ */

.pyod-table thead tr:first-child th,
.pyod-table thead tr:first-child td {
  border-top: none !important;
  border-block-start: none !important;
}



/* ------------------------------------------------------------
   MODALS (PDF + NOTES)
   ------------------------------------------------------------ */

.pyod-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.pyod-modal-inner {
  background: #fff;
  width: 90%;
  max-width: 800px;
  padding: 16px;
  position: relative;
}

.pyod-modal-close {
  position: absolute;
  top: 8px;
  right: 10px;
  cursor: pointer;
  font-size: 18px;
}

.pyod-pdf-frame {
  width: 100%;
  height: 70vh;
  border: none;
}

.pyod-notes-content {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-black);
}

/* ------------------------------------------------------------
   MOBILE CARDS
   ------------------------------------------------------------ */

.pyod-mobile-cards {
  display: none;
}

.pyod-card {
  border-bottom: 1px solid #e9e9e9;
  padding: 12px 0;
}

.pyod-card-id {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-black);
}

.pyod-card-date {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 0px;
    color: var(--color-primary);
}

.pyod-card-links a {
  font-size: 13px;
  font-weight: 600;
  color: var(--color-black);
  text-decoration: none;
}

/* ------------------------------------------------------------
   RESPONSIVE SWITCH
   ------------------------------------------------------------ */

@media (max-width: 768px) {
  .pyod-table {
    display: none;
  }

  .pyod-mobile-cards {
    display: block;
  }
}

/* ============================================================
   PYOD SUBSCRIPTION TAB
   ============================================================ */

/* Main container */
.py-sub-box {
  font-family: var(--font-main);
}

/* Heading – SAME as other tabs */
.py-sub-box h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-black);
  margin: 0 0 12px 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #e9e9e9;
}

/* Package name / main value */
.py-sub-box p {
  font-size: 14px;
  font-weight: 600; /* VALUE logic */
  color: var(--color-black);
  margin: 0 0 6px 0;
}

/* Label inside paragraph (e.g. Days left:) */
.py-sub-box p strong {
  font-weight: 400; /* LABEL logic */
}

/* Spacing between rows */
.py-sub-box p + p {
  margin-top: 4px;
}

/* ============================================================
   PYOD – HIDE UM ACCOUNT HEADING
   ============================================================ */

.um-account-heading {
    display: none !important;
}


/* ============================================================
   PYOD – HIDE AVATAR IMAGE
   ============================================================ */

.um-avatar,
.um-avatar-default,
.gravatar.avatar {
    display: none !important;
}


/* ============================================================
   PYOD – HIDE ACCOUNT NAME & PROFILE LINK
   ============================================================ */

.um-account-name,
.um-account-profile-link {
    display: none !important;
}

/* ============================================================
   PYOD – CLEAN ACCOUNT HEADER SPACING
   ============================================================ */

.um-account {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.um-account-meta {
    display: none !important;
}

/* ============================================================
   PYOD – HIDE UM USERNAME FIELD (FULL BLOCK)
   ============================================================ */

#um_field_0_user_login,
.um-field-user_login {
    display: none !important;
}

/* ============================================================
   PYOD – HIDE UM ACCOUNT ICON
   ============================================================ */

.um-account-icon {
    display: none !important;
}

/* ============================================================
   PYOD – HIDE UM USER ICON (DESKTOP & MOBILE)
   ============================================================ */

.um-faicon-user {
    display: none !important;
}

/* ============================================================
   PYOD – HIDE UM ASTERISK ICON
   ============================================================ */

.um-faicon-asterisk {
    display: none !important;
}


/* ============================================================
   HIDE PRIVATE BUTTON
   ============================================================ */

.um-profile-navbar .um-messaging-btn {
    display: none !important;
}

/* ============================================================
   PYOD – BILLING TABLE (MATCH PRESCRIPTIONS TABLE)
   ============================================================ */

/* Inherit full table system */
.py-billing-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--font-main);
  font-size: 14px;
  border: 1px solid #e9e9e9;
}

/* Header = LABEL logic */
.py-billing-table th {
  text-align: left;
  font-weight: 400;
  color: var(--color-black);
  padding: 10px 8px;
  border: 1px solid #e9e9e9;
  background: #f9f9f9;
}

/* Cell = VALUE logic */
.py-billing-table td {
  font-weight: 600;
  color: var(--color-black);
  padding: 10px 8px;
  border: 1px solid #e9e9e9;
  vertical-align: top;
}

/* Remove top border (match prescriptions) */
.py-billing-table thead tr:first-child th {
  border-top: none !important;
}

/* Links consistency (if any appear later) */
.py-billing-table a {
  font-weight: 600;
  color: var(--color-black);
  text-decoration: none;
}

/* Mobile behavior – same as prescriptions */
@media (max-width: 768px) {
  .py-billing-table {
    display: none;
  }
}

/* ============================================================
   PYOD – SUBSCRIPTION BILLING (MOBILE FIX)
   ============================================================ */

/* Desktop default */
.py-billing-table {
  display: table;
}

/* Mobile behavior – SAME AS PRESCRIPTIONS */
@media (max-width: 768px) {

  /* Hide billing table */
  .py-billing-table {
    display: none !important;
  }

  /* Show billing mobile cards */
  .py-sub-box .pyod-mobile-cards {
    display: block !important;
  }
}

/* ============================================================
   WOOCOMMERCE PRICE – FORCE BLACK COLOR
   ============================================================ */

.woocommerce-Price-amount,
.woocommerce-Price-amount *,
.woocommerce-Price-currencySymbol {
  color: var(--color-black) !important;
  font-size: 13px;
  font-weight: bold;
}

/* ============================================================
   PY SUBSCRIPTION TAB – PRICE INHERIT TEXT STYLE
   ============================================================ */

.py-sub-box .woocommerce-Price-amount,
.py-sub-box .woocommerce-Price-amount *,
.py-sub-box .woocommerce-Price-currencySymbol,
.pyod-table .woocommerce-Price-amount,
.pyod-table .woocommerce-Price-amount *,
.pyod-table .woocommerce-Price-currencySymbol,
.py-member-card .woocommerce-Price-amount,
.py-member-card .woocommerce-Price-amount *,
.py-member-card .woocommerce-Price-currencySymbol {
    color: inherit !important;
    font-size: inherit;
    font-weight: inherit;
}


/* ============================================================
   RENEW BUTTON
   ============================================================ */

.py-renew-btn {
    display: inline-block;
    background-color: var(--e-global-color-primary);
    color: #ffffff !important;
    padding: 12px 22px;
    font-weight: 600;
    text-decoration: none;

}

.py-renew-btn:hover {
    background-color: rgba(0, 0, 0, 0.85);
    color: #ffffff !important;
}

/* ============================================================
   REQUIRED MARK
   ============================================================ */

.um span.um-req {
    color: #d32f2f !important;
    font-size: 20px;
    font-weight: 700;
    margin-left: 3px;
}

/* ------------------------------------------------------------
   PYOD MOBILE CARD – TYPE (MATCH ID STYLE)
   ------------------------------------------------------------ */

.pyod-card-type {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-black);
  margin-bottom: 4px;
}


/* --------------------------------------------------
   MEDICAL HISTORY – COMPACT FORM LAYOUT
-------------------------------------------------- */

.pyodq-block {
    margin-bottom: 14px;
}

.pyodq-label {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 1.4;
}

/* Yes / No row clearly below the question */
.pyodq-block label {
    font-size: 13px;
    line-height: 1.3;
}

.pyodq-block input[type="radio"] {
    margin-right: 4px;
    transform: scale(0.95);
}

/* Compact radio container spacing */
.pyodq-block > label + br + label,
.pyodq-block > label + br + br {
    display: block;
}

/* Textarea: exactly 2 lines high */
.pyodq-textarea {
    width: 100%;
    min-height: 52px;       /* ~2 lines */
    max-height: 52px;
    resize: vertical;      /* allow optional expand */
    padding: 6px 8px;
    font-size: 13px;
    line-height: 1.4;
    box-sizing: border-box;
}

/* Reduce extra gaps */
.pyodq-block br {
    line-height: 0.6;
}

.pyodq-btn {
    margin-top: 10px;
    padding: 8px 14px;
    font-size: 14px;
}


/* Extra-compact textarea */
.pyodq-textarea {
    width: 100%;
    min-height: 36px;      /* ~1.3 lines */
    max-height: 36px;
    resize: vertical;
    padding: 4px 6px;
    font-size: 12.5px;
    line-height: 1.35;
    box-sizing: border-box;
}

.pyodq-block {
    margin-bottom: 10px;
}

.pyodq-label {
    margin-bottom: 4px;
    font-size: 13.5px;
}

.pyodq-radios {
    margin-bottom: 4px;
}

/* Fallback: bold only inside medical history form */
.pyodq-form .pyodq-label strong {
    font-weight: 600;
}