/**
 * MediTrue gate state styles.
 *
 * Advisory panels are compact inline status notes that sit directly above
 * the product Buy Now button. They are informational only — no buttons.
 * All CTAs live in .product-card__actions (Buy Now / Start Consultation).
 *
 * Colour palette mirrors the site theme:
 *   green-primary   #12B5AF  (rgb 18 181 175)
 *   green-tertiary  #E8F4F4  (rgb 232 244 244)
 *   blue-primary    #0B1929
 *   blue-secondary  #1C2E42
 *   grey-primary    #F2F7F9
 *   grey-secondary  #8A99A8
 */

/* ── Shared advisory wrapper ─────────────────────────────────────────────── */

.meditrue-advisory {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: #E8F4F4;
    border-left: 3px solid #12B5AF;
    border-radius: 0 8px 8px 0;
    padding: 12px 14px;
    margin: 0 0 16px;
    font-family: inherit;
}

.meditrue-advisory__icon {
    flex-shrink: 0;
    font-size: 15px;
    line-height: 1.5;
    color: #12B5AF;
}

.meditrue-advisory__heading {
    font-size: 13px;
    font-weight: 600;
    color: #0B1929;
    margin: 0 0 2px;
    line-height: 1.3;
}

.meditrue-advisory__body {
    font-size: 13px;
    color: #1C2E42;
    margin: 0;
    line-height: 1.4;
}

.meditrue-advisory__footnote {
    font-size: 12px;
    color: #8A99A8;
    margin: 4px 0 0;
    line-height: 1.4;
}

/* ── State modifiers ─────────────────────────────────────────────────────── */

/* Pending — consultation submitted, under review */
.meditrue-advisory--pending {
    background: #E8F4F4;
    border-color: #12B5AF;
}

/* Approved — clinician approved */
.meditrue-advisory--approved {
    background: #E8F4F4;
    border-color: #12B5AF;
}
.meditrue-advisory--approved .meditrue-advisory__heading {
    color: #0D8F8A;
}

/* None — no consultation yet */
.meditrue-advisory--none {
    background: #F2F7F9;
    border-color: #8A99A8;
}
.meditrue-advisory--none .meditrue-advisory__icon {
    color: #8A99A8;
}

/* Draft — started but not submitted */
.meditrue-advisory--draft {
    background: #E8F4F4;
    border-color: #12B5AF;
}

/* Declined — not approved, in cooldown */
.meditrue-advisory--declined {
    background: #F2F7F9;
    border-color: #8A99A8;
}
.meditrue-advisory--declined .meditrue-advisory__icon {
    color: #8A99A8;
}

/* ── Advisory content wrapper (shared between advisory and gate panels) ─────── */

.meditrue-advisory__content,
.meditrue-gate .meditrue-advisory__content {
    flex: 1;
    min-width: 0;
}

/* ── Gate hard-block panels (not-logged-in, unavailable) ─────────────────── */

.meditrue-gate {
    background: #F2F7F9;
    border-left: 3px solid #8A99A8;
    border-radius: 0 8px 8px 0;
    padding: 12px 14px;
    margin: 0 0 16px;
    font-family: inherit;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.meditrue-gate__icon {
    flex-shrink: 0;
    font-size: 15px;
    line-height: 1.5;
    color: #8A99A8;
}

.meditrue-gate__heading {
    font-size: 13px;
    font-weight: 600;
    color: #0B1929;
    margin: 0 0 2px;
}

.meditrue-gate__body {
    font-size: 13px;
    color: #1C2E42;
    margin: 0;
    line-height: 1.4;
}

.meditrue-gate__footnote {
    font-size: 12px;
    color: #8A99A8;
    margin: 4px 0 0;
}

/* ── Approved badge (eligibility-approved.php) ───────────────────────────── */

.meditrue-gate--approved {
    background: #E8F4F4;
    border-color: #12B5AF;
}

.meditrue-gate--approved .meditrue-gate__icon {
    color: #12B5AF;
}

.meditrue-gate--approved .meditrue-gate__heading {
    color: #0D8F8A;
}

.meditrue-gate__approved-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    font-weight: 600;
    color: #0D8F8A;
    margin-bottom: 2px;
}

.meditrue-gate__approved-icon {
    color: #12B5AF;
    font-size: 14px;
}

.meditrue-gate__approved-expiry {
    display: block;
    font-size: 12px;
    color: #1C2E42;
    margin-top: 2px;
}

/* ── Header account nav ──────────────────────────────────────────────────── */

.meditrue-account-wrap {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.meditrue-account-nav {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 0.875rem;
}

.meditrue-account-nav__greeting {
    color: #1C2E42;
    font-weight: 500;
}

.meditrue-account-nav__link {
    color: #12B5AF;
    text-decoration: none;
    font-weight: 500;
}

.meditrue-account-nav__link:hover {
    text-decoration: underline;
}

.meditrue-account-nav__link--logout {
    color: #8A99A8;
}

.meditrue-account-nav__link--cta {
    background: #1C2E42;
    color: #fff !important;
    padding: 6px 16px;
    border-radius: 100px;
    font-weight: 600;
}

.meditrue-account-nav__link--cta:hover {
    opacity: 0.9;
    text-decoration: none;
}