/* ==========================================================================
   Flash Health — flash-frontend plugin page redesigns (CSS only)
   --------------------------------------------------------------------------
   Loaded by the child theme's functions.php on every page that uses one of the
   plugin's flash-*.php templates. Each section below is scoped to its own
   template's body class, so adding a page here never affects the others:

     body.page-template-flash-login-template   /login/     (phone → OTP → account)
     body.page-template-flash-home-template    /dashboard/ (dashboard home)

   The plugin's markup, IDs and classes are never changed, so its API calls
   keep working.
   ========================================================================== */

/* ==========================================================================
   Flash Health — login / order-now redesign (flash-frontend "flashLogin" template)
   CSS only: the plugin's markup, IDs and classes are untouched, so its
   phone → OTP → create-account API flow keeps working. The plugin's JS shows
   each step with inline display styles, so nothing here sets display on
   .falshadmin-logindash itself; the card is drawn on its .container.
   ========================================================================== */

body.page-template-flash-login-template {
  --fhl-red: #E02E40;
  --fhl-red-hover: #C92032;
  --fhl-red-light: #FFF1F2;
  --fhl-green: #059669;
  --fhl-green-light: #D1FAE5;
  --fhl-text: #111827;
  --fhl-text-2: #374151;
  --fhl-muted: #6B7280;
  --fhl-border: #E5E7EB;
  --fhl-page: #F8F9FB;
}

/* Page + card ------------------------------------------------------------ */
body.page-template-flash-login-template .falshadmin-logindash {
  padding: 48px 0 72px;
  background: var(--fhl-page);
  align-items: flex-start;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
body.page-template-flash-login-template .falshadmin-logindash > .container {
  position: relative;
  width: calc(100% - 40px);
  max-width: 600px;
  margin: 0 auto !important;
  padding: 36px 36px 40px !important;
  background: #ffffff;
  border: 1px solid var(--fhl-border);
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}

/* Step bar: "1 Mobile" / "2 Verify OTP" (drawn on the phone + OTP steps).
   The bar itself is painted on the card's background (grey half, divider,
   red underline under the active half); the two labels are the card's
   ::before / ::after, each centred over its half with the number circle as
   a background image so it lines up with the text. */
body.page-template-flash-login-template .falshadmin-logindash.step1 > .container,
body.page-template-flash-login-template .falshadmin-logindash.step3 > .container {
  padding-top: 92px !important;
}
body.page-template-flash-login-template .falshadmin-logindash.step1 > .container {
  background:
    linear-gradient(var(--fhl-red), var(--fhl-red)) left 0 top 54px / 50% 2px no-repeat,
    linear-gradient(var(--fhl-border), var(--fhl-border)) left 0 top 55px / 100% 1px no-repeat,
    linear-gradient(#FAFBFD, #FAFBFD) right 0 top 0 / 50% 55px no-repeat,
    #ffffff;
}
body.page-template-flash-login-template .falshadmin-logindash.step3 > .container {
  background:
    linear-gradient(var(--fhl-red), var(--fhl-red)) right 0 top 54px / 50% 2px no-repeat,
    linear-gradient(var(--fhl-border), var(--fhl-border)) left 0 top 55px / 100% 1px no-repeat,
    linear-gradient(#FAFBFD, #FAFBFD) left 0 top 0 / 50% 55px no-repeat,
    #ffffff;
}
body.page-template-flash-login-template .falshadmin-logindash.step1 > .container::before,
body.page-template-flash-login-template .falshadmin-logindash.step1 > .container::after,
body.page-template-flash-login-template .falshadmin-logindash.step3 > .container::before,
body.page-template-flash-login-template .falshadmin-logindash.step3 > .container::after {
  position: absolute;
  top: 0;
  height: 55px;
  display: flex;
  align-items: center;
  padding-left: 34px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 26px 26px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  color: var(--fhl-muted);
  transform: translateX(-50%);
  pointer-events: none;
}
body.page-template-flash-login-template .falshadmin-logindash.step1 > .container::before,
body.page-template-flash-login-template .falshadmin-logindash.step3 > .container::before {
  content: 'Mobile';
  left: 25%;
}
body.page-template-flash-login-template .falshadmin-logindash.step1 > .container::after,
body.page-template-flash-login-template .falshadmin-logindash.step3 > .container::after {
  content: 'Verify OTP';
  left: 75%;
}
/* Phone step: tab 1 active, tab 2 waiting */
body.page-template-flash-login-template .falshadmin-logindash.step1 > .container::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Ccircle cx='13' cy='13' r='13' fill='%23E02E40'/%3E%3Ctext x='13' y='17.5' text-anchor='middle' font-family='Arial,sans-serif' font-size='13' font-weight='700' fill='%23fff'%3E1%3C/text%3E%3C/svg%3E");
  color: var(--fhl-red);
}
body.page-template-flash-login-template .falshadmin-logindash.step1 > .container::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Ccircle cx='13' cy='13' r='13' fill='%23E5E7EB'/%3E%3Ctext x='13' y='17.5' text-anchor='middle' font-family='Arial,sans-serif' font-size='13' font-weight='700' fill='%234B5563'%3E2%3C/text%3E%3C/svg%3E");
}
/* OTP step: tab 1 done, tab 2 active */
body.page-template-flash-login-template .falshadmin-logindash.step3 > .container::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Ccircle cx='13' cy='13' r='13' fill='%23D1FAE5'/%3E%3Cpath d='M8 13.5l3.2 3.2L18 9.8' fill='none' stroke='%23059669' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  color: var(--fhl-green);
}
body.page-template-flash-login-template .falshadmin-logindash.step3 > .container::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Ccircle cx='13' cy='13' r='13' fill='%23E02E40'/%3E%3Ctext x='13' y='17.5' text-anchor='middle' font-family='Arial,sans-serif' font-size='13' font-weight='700' fill='%23fff'%3E2%3C/text%3E%3C/svg%3E");
  color: var(--fhl-red);
}

/* Headings --------------------------------------------------------------- */
body.page-template-flash-login-template .falshadmin-logintitle {
  margin: 0 0 6px;
  padding: 0;
  font-family: inherit;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--fhl-text);
}
body.page-template-flash-login-template .falshadmin-logindash.step1 .falshadmin-logintitle::after {
  content: 'Enter your mobile number to receive a secure login OTP code.';
  display: block;
  margin-top: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: var(--fhl-muted);
}
body.page-template-flash-login-template .falshadmin-logintitle.crea-acconunt-title {
  margin-bottom: 26px;
  font-size: 27px;
  font-weight: 700;
}
body.page-template-flash-login-template .falshadmin-sublogintitle {
  margin: 0 0 4px;
  font-family: inherit;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--fhl-text);
}
body.page-template-flash-login-template .otp-msg {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.55;
  color: var(--fhl-muted);
}
body.page-template-flash-login-template .otp-msg #fh_opt_phonenumber {
  font-weight: 600;
  color: var(--fhl-text);
}

/* Forms ------------------------------------------------------------------ */
body.page-template-flash-login-template .falshadmin-loginform {
  margin-top: 26px;
}
body.page-template-flash-login-template .falshadmin-loginform.opt-loginform {
  margin-top: 8px;
}
body.page-template-flash-login-template .falshadmin-loginform .form-group label {
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--fhl-text-2);
}
body.page-template-flash-login-template .falshadmin-loginform .form-group label .requre {
  color: var(--fhl-red);
}
body.page-template-flash-login-template .falshadmin-loginform .form-group .form-control {
  width: 100%;
  height: 48px;
  margin: 0;
  padding: 12px 14px;
  background-color: #ffffff;
  border: 1px solid var(--fhl-border) !important;
  border-radius: 8px;
  box-shadow: none !important;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--fhl-text);
  transition: border-color 0.2s, box-shadow 0.2s;
}
body.page-template-flash-login-template .falshadmin-loginform .form-group .form-control::placeholder {
  color: #9CA3AF;
  opacity: 1;
}
body.page-template-flash-login-template .falshadmin-loginform .form-group .form-control:focus {
  outline: none;
  border-color: var(--fhl-red) !important;
  box-shadow: 0 0 0 3px rgba(224, 46, 64, 0.1) !important;
}
body.page-template-flash-login-template .falshadmin-loginform select.form-control {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px;
  cursor: pointer;
}

/* Phone number with country code (intl-tel-input) */
body.page-template-flash-login-template .falshadmin-loginform .iti {
  display: block;
  width: 100%;
}
body.page-template-flash-login-template .iti--separate-dial-code .iti__selected-flag {
  padding: 0 12px 0 14px;
  background: #F9FAFB !important;
  border-right: 1px solid var(--fhl-border);
  border-radius: 8px 0 0 8px;
}
body.page-template-flash-login-template .iti--separate-dial-code .iti__selected-dial-code {
  font-size: 16px;
  font-weight: 600;
  color: var(--fhl-text-2);
}
body.page-template-flash-login-template .iti__country-list {
  border-radius: 8px;
  border-color: var(--fhl-border);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}

/* CH17 loyalty card toggle */
body.page-template-flash-login-template .ch17ToggleRow {
  align-items: center;
  padding: 14px 16px;
  background: #F9FAFB;
  border: 1px solid var(--fhl-border);
  border-radius: 10px;
}
body.page-template-flash-login-template .ch17ToggleRow h5 {
  margin: 0;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--fhl-text-2);
}
body.page-template-flash-login-template .ch17ToggleRow .switch {
  margin: 0;
}
body.page-template-flash-login-template #card_num {
  margin-top: 12px;
}
body.page-template-flash-login-template .errorMessage {
  font-size: 14px;
  text-transform: none;
  color: var(--fhl-red);
}

body.page-template-flash-login-template .g-recaptcha {
  margin-top: 4px;
}

/* Buttons ---------------------------------------------------------------- */
body.page-template-flash-login-template .btn-login {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 50px;
  margin-top: 24px;
  padding: 0 20px;
  background: var(--fhl-red);
  border: none;
  border-radius: 8px !important;
  box-shadow: none;
  font-family: inherit;
  font-size: 17px !important;
  font-weight: 600;
  line-height: 1 !important;
  color: #ffffff;
  transition: background 0.2s, transform 0.1s;
}
body.page-template-flash-login-template .btn-login:hover {
  background: var(--fhl-red-hover);
}
body.page-template-flash-login-template .btn-login:active {
  transform: translateY(1px);
}
body.page-template-flash-login-template .btn-login:focus-visible {
  outline: 2px solid var(--fhl-red);
  outline-offset: 3px;
}
/* Continue stays brand red but faded until reCAPTCHA is ticked. */
body.page-template-flash-login-template #submitButton:disabled {
  background-color: var(--fhl-red) !important;
  color: #ffffff;
  opacity: 0.45;
}
body.page-template-flash-login-template .falshadmin-logindash.step1 #submitButton::after {
  content: '\2192';
  font-size: 18px;
  line-height: 1;
}

/* OTP step --------------------------------------------------------------- */
body.page-template-flash-login-template .falshadmin-loginform .form-group.otp-group {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin: 20px 0 8px;
}
body.page-template-flash-login-template .falshadmin-loginform .form-group.otp-group .form-control {
  width: 56px;
  height: 56px;
  margin: 0 !important;
  padding: 0;
  background: #FAFAFA;
  border-radius: 12px;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
}
body.page-template-flash-login-template .falshadmin-loginform .form-group.otp-group .form-control:focus {
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(224, 46, 64, 0.12) !important;
}
body.page-template-flash-login-template .otp-resendtext-div {
  margin-top: 18px;
}
body.page-template-flash-login-template .otp-resendtext-div > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
body.page-template-flash-login-template .otp-resendtext-div > div::after {
  display: none;
}
body.page-template-flash-login-template .otp-resendtext-div p {
  float: none;
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--fhl-muted);
}
body.page-template-flash-login-template .otp-resendtext-div #otp_time {
  font-weight: 600;
  color: var(--fhl-text);
}
body.page-template-flash-login-template .otp-resendtext-div a {
  float: none;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  color: var(--fhl-red);
}
body.page-template-flash-login-template .otp-resendtext-div a:hover {
  text-decoration: underline;
}
body.page-template-flash-login-template .btn-resend-login-otp {
  background: #F3F4F6;
  color: var(--fhl-text-2);
}
body.page-template-flash-login-template .btn-resend-login-otp:hover {
  background: #E5E7EB;
}
body.page-template-flash-login-template .OTP_error,
body.page-template-flash-login-template .create_account_error {
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  color: var(--fhl-red);
}

/* Create account --------------------------------------------------------- */
body.page-template-flash-login-template .falshadmin-createaccount-form .form-group {
  margin-bottom: 18px;
}
body.page-template-flash-login-template .falshadmin-createaccount-form .clickaccount-text {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--fhl-muted);
}
body.page-template-flash-login-template .falshadmin-createaccount-form .clickaccount-text a {
  font-weight: 500;
  color: var(--fhl-red);
}
body.page-template-flash-login-template #fh-createAccountform .btn-login.disabled {
  background: var(--fhl-red) !important;
  border: none;
  color: #ffffff;
  opacity: 0.45;
}

/* Health conditions / interests chips */
body.page-template-flash-login-template .falshadmin-conditionchek-form {
  margin: 12px 0 32px !important;
}
body.page-template-flash-login-template .falshadmin-conditionchek-form .form-group {
  margin: 4px;
}
body.page-template-flash-login-template .falshadmin-conditionchek-form .form-group label {
  padding: 10px 16px;
  background: #ffffff;
  border: 1px solid var(--fhl-border);
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  color: var(--fhl-text-2);
  transition: border-color 0.2s, background 0.2s;
}
body.page-template-flash-login-template .falshadmin-conditionchek-form .form-group label:before {
  border-color: #D1D5DB;
  border-radius: 4px;
}
body.page-template-flash-login-template .falshadmin-conditionchek-form .form-group input:checked + label {
  background: var(--fhl-red-light);
  border-color: rgba(224, 46, 64, 0.35);
}
body.page-template-flash-login-template .falshadmin-conditionchek-form .form-group input:checked + label span {
  color: var(--fhl-red);
}
body.page-template-flash-login-template .falshadmin-conditionchek-form .form-group input:checked + label span:before {
  background: transparent;
}
body.page-template-flash-login-template .falshadmin-conditionchek-btndiv {
  gap: 12px;
}
/* Continue / Skip are outline buttons (the plugin makes them transparent). */
body.page-template-flash-login-template .falshadmin-conditionchek-btndiv .btn-login {
  flex: 1;
  width: auto !important;
  margin-top: 0;
  border: 1px solid var(--fhl-red);
  color: var(--fhl-red);
}
body.page-template-flash-login-template .falshadmin-conditionchek-btndiv .btn-login:hover,
body.page-template-flash-login-template .falshadmin-conditionchek-btndiv .btn-login:focus {
  background: var(--fhl-red) !important;
  color: #ffffff !important;
}

/* Phone ------------------------------------------------------------------ */
@media (max-width: 600px) {
  body.page-template-flash-login-template .falshadmin-logindash {
    padding: 24px 0 48px;
  }
  body.page-template-flash-login-template .falshadmin-logindash > .container {
    width: calc(100% - 32px);
    padding: 28px 20px 32px !important;
  }
  body.page-template-flash-login-template .falshadmin-logindash.step1 > .container,
  body.page-template-flash-login-template .falshadmin-logindash.step3 > .container {
    padding-top: 80px !important;
  }
  body.page-template-flash-login-template .falshadmin-logindash.step1 > .container::before,
  body.page-template-flash-login-template .falshadmin-logindash.step1 > .container::after,
  body.page-template-flash-login-template .falshadmin-logindash.step3 > .container::before,
  body.page-template-flash-login-template .falshadmin-logindash.step3 > .container::after {
    height: 51px;
    font-size: 14px;
  }
  body.page-template-flash-login-template .falshadmin-logindash.step1 > .container {
    background-position: left 0 top 50px, left 0 top 51px, right 0 top 0, 0 0;
    background-size: 50% 2px, 100% 1px, 50% 51px, auto;
  }
  body.page-template-flash-login-template .falshadmin-logindash.step3 > .container {
    background-position: right 0 top 50px, left 0 top 51px, left 0 top 0, 0 0;
    background-size: 50% 2px, 100% 1px, 50% 51px, auto;
  }
  body.page-template-flash-login-template .falshadmin-logintitle,
  body.page-template-flash-login-template .falshadmin-logintitle.crea-acconunt-title {
    font-size: 23px;
  }
  body.page-template-flash-login-template .falshadmin-logindash.step1 .falshadmin-logintitle::after,
  body.page-template-flash-login-template .otp-msg {
    font-size: 15px;
  }
  body.page-template-flash-login-template .falshadmin-loginform .form-group.otp-group {
    gap: 10px;
  }
  body.page-template-flash-login-template .falshadmin-loginform .form-group.otp-group .form-control {
    width: 52px;
    height: 52px;
    font-size: 24px;
  }
  body.page-template-flash-login-template .g-recaptcha {
    transform: scale(0.92);
    transform-origin: left top;
  }
}

/* ==========================================================================
   DASHBOARD — every logged-in flash-frontend page (/dashboard/, /my-orders/,
   /my-account/, upload prescription, Raya, …). The header card, tab bar and
   breadcrumb are shared by all of them, so they're styled for any flash-*
   template; each page's own content follows further down.
   CSS only; the plugin's markup and API-driven content are untouched.
   ========================================================================== */

body[class*="page-template-flash-"] {
  --fhd-red: #E02E40;
  --fhd-red-light: #FFF1F2;
  --fhd-text: #111827;
  --fhd-text-2: #374151;
  --fhd-muted: #6B7280;
  --fhd-border: #E5E7EB;
  --fhd-page: #F8F9FB;
}
body[class*="page-template-flash-"] .falshadmin-wrapper {
  padding: 32px 0 8px;
  background: var(--fhd-page);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
body[class*="page-template-flash-"] .falshadmin-mainwrap {
  padding-bottom: 56px;
}

/* Greeting card: photo · greeting + quote · wallet ------------------------ */
body[class*="page-template-flash-"] .falshadmin-header .container {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px !important;
  background: #ffffff;
  border: 1px solid var(--fhd-border);
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}
/* The greeting card is drawn on Salient's .container, whose own side padding
   it replaces, so match the content width Salient gives the other rows:
   90px gutters from 1000px up, a fixed 600px from 690px, 16px on phones. */
@media (min-width: 1000px) {
  body[class*="page-template-flash-"] .falshadmin-header .container {
    width: calc(100% - 180px) !important;
    max-width: 1245px;
    margin: 0 auto;
  }
}
@media (max-width: 689px) {
  body[class*="page-template-flash-"] .falshadmin-header .container {
    width: auto !important;
    max-width: none;
    margin: 0 16px;
  }
}
/* The plugin's clearfix would become an empty extra row in the flex card. */
body[class*="page-template-flash-"] .falshadmin-header .container::before,
body[class*="page-template-flash-"] .falshadmin-header .container::after {
  display: none !important;
}
body[class*="page-template-flash-"] .falshadmin-userpic {
  position: relative;
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  float: none;
  overflow: visible;
  background: #FFF1EE;
  border-radius: 14px;
}
body[class*="page-template-flash-"] .falshadmin-userpic img {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  object-fit: cover;
}
body[class*="page-template-flash-"] .falshadmin-userpic::after {
  content: '';
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 12px;
  height: 12px;
  background: #10B981;
  border: 2px solid #ffffff;
  border-radius: 50%;
}
body[class*="page-template-flash-"] .falshadmin-header-msg {
  flex: 1;
  min-width: 0;
  width: auto;
  float: none;
  padding: 0;
}
body[class*="page-template-flash-"] .falshadmin-header-msg h2 {
  margin: 0 0 4px;
  font-family: inherit;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--fhd-text);
}
body[class*="page-template-flash-"] .falshadmin-header-msg p {
  display: inline;
  margin: 0;
  font-size: 14px;
  font-style: italic;
  line-height: 1.5;
  color: var(--fhd-muted);
}
body[class*="page-template-flash-"] .falshadmin-header-msg p small {
  font-size: 14px;
}
body[class*="page-template-flash-"] .falshadmin-wallet {
  flex-shrink: 0;
  width: auto;
  float: none;
  padding: 0;
}
body[class*="page-template-flash-"] .falshadmin-wallet a {
  display: block;
  padding: 10px 18px;
  background: #ffffff;
  border: 1px solid var(--fhd-border);
  border-radius: 12px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
body[class*="page-template-flash-"] .falshadmin-wallet a:hover {
  border-color: rgba(224, 46, 64, 0.35);
  box-shadow: 0 6px 18px rgba(224, 46, 64, 0.08);
}
body[class*="page-template-flash-"] .falshadmin-wallet-num {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-family: inherit;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
  color: var(--fhd-text);
}
body[class*="page-template-flash-"] .falshadmin-wallet-num img {
  width: 26px;
  margin: 0;
  top: 0;
}
body[class*="page-template-flash-"] .falshadmin-wallet p {
  margin: 2px 0 0 34px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.08em;
  color: var(--fhd-muted);
}

/* Sidebar → full-width tabs (Home / My Orders / My Account) --------------- */
body[class*="page-template-flash-"] .falshadmin-helthbox {
  margin-top: 16px;
}
body[class*="page-template-flash-"] .falshadmin-helthbox > .container {
  display: block;
}
body[class*="page-template-flash-"] .falshadmin-helthbox > .container > .falshadmin-sidebar {
  float: none;
  width: 100%;
  margin: 0 0 16px;
  padding: 4px;
  background: #ffffff;
  border: 1px solid var(--fhd-border);
  border-radius: 14px;
  overflow: visible;
}
body[class*="page-template-flash-"] .falshadmin-helthbox > .container > .falshadmin-sidebar ul {
  flex-direction: row;
  gap: 4px;
}
body[class*="page-template-flash-"] .falshadmin-helthbox > .container > .falshadmin-sidebar ul li {
  flex: 1;
  margin: 0;
  background: transparent;
  border-radius: 10px;
  transition: background 0.2s;
}
body[class*="page-template-flash-"] .falshadmin-helthbox > .container > .falshadmin-sidebar ul li a,
body[class*="page-template-flash-"] .falshadmin-helthbox > .container > .falshadmin-sidebar ul li:hover a,
body[class*="page-template-flash-"] .falshadmin-helthbox > .container > .falshadmin-sidebar ul li.active a {
  background: transparent;
  border-radius: 0;
}
body[class*="page-template-flash-"] .falshadmin-helthbox > .container > .falshadmin-sidebar ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 12px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--fhd-text-2);
}
body[class*="page-template-flash-"] .falshadmin-helthbox > .container > .falshadmin-sidebar li .icon {
  width: 20px;
  margin: 0;
  display: inline-flex;
}
body[class*="page-template-flash-"] .falshadmin-helthbox > .container > .falshadmin-sidebar li .icon img {
  width: 20px;
  height: 20px;
}
body[class*="page-template-flash-"] .falshadmin-helthbox > .container > .falshadmin-sidebar ul li:hover {
  background: #F3F4F6;
}
body[class*="page-template-flash-"] .falshadmin-helthbox > .container > .falshadmin-sidebar ul li:hover a {
  color: var(--fhd-text);
}
body[class*="page-template-flash-"] .falshadmin-helthbox > .container > .falshadmin-sidebar ul li.active {
  background: var(--fhd-red);
  box-shadow: 0 6px 16px rgba(224, 46, 64, 0.25);
}
body[class*="page-template-flash-"] .falshadmin-helthbox > .container > .falshadmin-sidebar ul li.active a {
  color: #ffffff;
}
body[class*="page-template-flash-"] .falshadmin-helthbox > .container > .falshadmin-sidebar ul li.active .icon img {
  filter: brightness(0) invert(1);
}
/* The plugin swaps the icon images for inline SVGs and recolours them per
   breakpoint (white on its old red mobile bar); set one colour everywhere. */
body[class*="page-template-flash-"] .falshadmin-helthbox > .container > .falshadmin-sidebar ul li .icon svg {
  width: 20px;
  height: 20px;
}
body[class*="page-template-flash-"] .falshadmin-helthbox > .container > .falshadmin-sidebar ul li .icon svg path {
  stroke: var(--fhd-text-2) !important;
}
body[class*="page-template-flash-"] .falshadmin-helthbox > .container > .falshadmin-sidebar ul li.active .icon svg path {
  stroke: #ffffff !important;
}

/* Content area + breadcrumb ---------------------------------------------- */
body[class*="page-template-flash-"] .falshadmin-helthbox > .container > .helth-rightpart {
  float: none;
  width: 100%;
  padding: 0;
}
body[class*="page-template-flash-"] .falshadmin-breadcrumb {
  margin-bottom: 16px;
}
body[class*="page-template-flash-"] .falshadmin-breadcrumb .breadcrumb {
  padding: 13px 20px;
  border: 1px solid var(--fhd-border);
  border-radius: 12px;
}
body[class*="page-template-flash-"] .falshadmin-breadcrumb .breadcrumb li,
body[class*="page-template-flash-"] .falshadmin-breadcrumb .breadcrumb li a {
  font-size: 15px;
  font-weight: 600;
  color: var(--fhd-text);
}

/* Service cards: 2 columns ----------------------------------------------- */
body[class*="page-template-flash-"] .falshadmin-helthbox .home_page_div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
}
body[class*="page-template-flash-"] .falshadmin-helthbox .home_page_div::after {
  display: none;
}
body[class*="page-template-flash-"] .falshadmin-helthbox .home_page_div .col-md-3 {
  position: relative;
  float: none;
  width: auto;
  padding: 0;
  clear: none !important;
}
body[class*="page-template-flash-"] .falshadmin-helthbox .home_page_div .col-md-3 > a {
  display: block;
  height: 100%;
  cursor: pointer;
}
/* Discount / free-delivery / free-calls badge (inline-styled by the plugin) */
body[class*="page-template-flash-"] .falshadmin-helthbox .home_page_div .col-md-3 > div[style] {
  position: absolute !important;
  top: -9px !important;
  right: 16px !important;
  left: auto !important;
  z-index: 2;
  float: none !important;
  padding: 3px 10px !important;
  background: #DCFCE7 !important;
  border: 1px solid #BBF7D0;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  font-weight: 700;
  line-height: 1.4;
  color: #15803D !important;
  white-space: nowrap;
}
body[class*="page-template-flash-"] .falshadmin-helthbox .helth-boxdiv {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) 20px;
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 16px;
  height: 100%;
  margin: 0;
  padding: 22px 24px;
  background: #ffffff;
  border: 1px solid var(--fhd-border);
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}
body[class*="page-template-flash-"] .falshadmin-helthbox .col-md-3 > a:hover .helth-boxdiv {
  transform: translateY(-2px);
  border-color: rgba(224, 46, 64, 0.3);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.07);
}
body[class*="page-template-flash-"] .falshadmin-helthbox .helth-boxdiv img {
  grid-column: 1;
  grid-row: 1 / span 2;
  float: none;
  width: 52px;
  height: 52px;
  margin: 0 !important;
  padding: 9px;
  object-fit: contain;
  background: var(--fhd-red-light);
  border-radius: 12px;
}
body[class*="page-template-flash-"] .falshadmin-helthbox .helth-boxdiv h3,
body[class*="page-template-flash-"] .falshadmin-helthbox .helth-boxdiv h3.heading {
  grid-column: 2;
  align-self: end;
  margin: 0 0 4px;
  font-family: inherit;
  font-size: 18px !important;
  font-weight: 700;
  line-height: 1.3;
  color: var(--fhd-text);
}
body[class*="page-template-flash-"] .falshadmin-helthbox .helth-boxdiv p {
  grid-column: 2;
  align-self: start;
  margin: 0;
  font-size: 14px !important;
  line-height: 1.5;
  color: var(--fhd-muted);
}
body[class*="page-template-flash-"] .falshadmin-helthbox .helth-boxdiv::after {
  content: '';
  grid-column: 3;
  grid-row: 1 / span 2;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center / 18px;
  transition: transform 0.2s;
}
body[class*="page-template-flash-"] .falshadmin-helthbox .col-md-3 > a:hover .helth-boxdiv::after {
  transform: translateX(3px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E02E40' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
}

/* Tablet / phone ---------------------------------------------------------- */
@media (max-width: 768px) {
  body[class*="page-template-flash-"] .falshadmin-wrapper {
    padding-top: 20px;
  }
  body[class*="page-template-flash-"] .falshadmin-header .container {
    flex-wrap: wrap;
    padding: 18px !important;
  }
  body[class*="page-template-flash-"] .falshadmin-header-msg h2 {
    font-size: 19px;
  }
  body[class*="page-template-flash-"] .falshadmin-wallet {
    width: 100%;
  }
  body[class*="page-template-flash-"] .falshadmin-wallet a {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  body[class*="page-template-flash-"] .falshadmin-wallet p {
    margin: 0;
  }
  body[class*="page-template-flash-"] .falshadmin-helthbox > .container > .falshadmin-sidebar ul li a {
    flex-direction: column;
    gap: 4px;
    padding: 9px 6px;
    font-size: 13px;
  }
  body[class*="page-template-flash-"] .falshadmin-helthbox .home_page_div {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
  body[class*="page-template-flash-"] .falshadmin-helthbox .helth-boxdiv {
    padding: 18px;
  }
  body[class*="page-template-flash-"] .falshadmin-helthbox .helth-boxdiv h3,
  body[class*="page-template-flash-"] .falshadmin-helthbox .helth-boxdiv h3.heading {
    font-size: 16px !important;
  }
}

/* ==========================================================================
   DASHBOARD PAGE CONTENT — My Orders, My Account, Upload Prescription, Raya
   These classes only exist in the plugin's dashboard templates, so the rules
   apply wherever they appear (e.g. the order list on Lab Tests / 1st Advice
   order tabs too).
   ========================================================================== */

/* My Orders: Pharma / Lab / 1st Advice switch ----------------------------- */
body[class*="page-template-flash-"] .pharma-laba-advic-link {
  margin-bottom: 16px;
}
body[class*="page-template-flash-"] .pharma-laba-advic-link ul {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 4px;
  background: #ffffff;
  border: 1px solid var(--fhd-border);
  border-radius: 12px;
}
body[class*="page-template-flash-"] .pharma-laba-advic-link ul li {
  margin: 0;
}
body[class*="page-template-flash-"] .pharma-laba-advic-link ul li a {
  display: block;
  padding: 10px 20px;
  background: transparent;
  border: none;
  border-radius: 9px !important;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--fhd-text-2);
  transition: background 0.2s, color 0.2s;
}
body[class*="page-template-flash-"] .pharma-laba-advic-link ul li a:hover {
  background: #F3F4F6;
  color: var(--fhd-text);
}
body[class*="page-template-flash-"] .pharma-laba-advic-link ul li a.active {
  background: var(--fhd-red);
  color: #ffffff;
  box-shadow: 0 6px 16px rgba(224, 46, 64, 0.25);
}

/* My Orders: order cards (2 columns) */
body[class*="page-template-flash-"] .falshadmin-pharma-listwrap {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
body[class*="page-template-flash-"] .falshadmin-pharma-listwrap::after {
  display: none;
}
body[class*="page-template-flash-"] .falshadmin-pharma-listwrap .falshadmin-pla-boxdiv {
  float: none;
  width: auto;
  margin: 0 !important;
  padding: 18px 20px;
  background: #ffffff;
  border: 1px solid var(--fhd-border);
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.2s, border-color 0.2s;
}
body[class*="page-template-flash-"] .falshadmin-pharma-listwrap .falshadmin-pla-boxdiv:hover {
  border-color: rgba(224, 46, 64, 0.3);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.07);
}
body[class*="page-template-flash-"] .falshadmin-pla-head {
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #F3F4F6;
}
body[class*="page-template-flash-"] .falshadmin-pla-head .falshadmin-label-two {
  display: flex;
  align-items: center;
  gap: 10px;
}
body[class*="page-template-flash-"] .falshadmin-pla-head p {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: var(--fhd-text);
}
body[class*="page-template-flash-"] .falshadmin-pla-head .falshadmin-label-two p {
  margin: 0;
  font-weight: 600;
  color: var(--fhd-text-2);
}
body[class*="page-template-flash-"] .falshadmin-submited-label,
body[class*="page-template-flash-"] .falshadmin-cancelled-label,
body[class*="page-template-flash-"] .falshadmin-completed-label {
  margin: 0;
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}
body[class*="page-template-flash-"] .falshadmin-submited-label { background: #FEF3C7; color: #B45309; }
body[class*="page-template-flash-"] .falshadmin-cancelled-label { background: #FFE4E6; color: #BE123C; }
body[class*="page-template-flash-"] .falshadmin-completed-label { background: #DCFCE7; color: #15803D; }
body[class*="page-template-flash-"] .falshadmin-address-orderlink {
  align-items: flex-end;
  gap: 16px;
}
body[class*="page-template-flash-"] .falshadmin-addressdiv {
  flex: 1;
  min-width: 0;
  width: auto;
}
body[class*="page-template-flash-"] .falshadmin-addressdiv p {
  padding-bottom: 6px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--fhd-muted);
}
body[class*="page-template-flash-"] .falshadmin-orderlink .falshadmin-orderlink {
  padding: 9px 16px;
  border: 1px solid var(--fhd-red);
  border-radius: 8px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  color: var(--fhd-red);
  transition: background 0.2s, color 0.2s;
}
body[class*="page-template-flash-"] .falshadmin-orderlink .falshadmin-orderlink:hover {
  background: var(--fhd-red);
  color: #ffffff;
}

/* Empty states (no orders / no products) */
body[class*="page-template-flash-"] .falshadmin-pla-noproduct {
  padding: 40px 24px;
  background: #ffffff;
  border: 1px solid var(--fhd-border);
  border-radius: 16px !important;
}
body[class*="page-template-flash-"] .falshadmin-pla-noproduct img {
  max-width: 260px;
}
body[class*="page-template-flash-"] .falshadmin-pla-noproduct h2 {
  margin: 12px 0 8px;
  font-family: inherit;
  font-size: 22px;
  font-weight: 700;
  color: var(--fhd-text);
}
body[class*="page-template-flash-"] .falshadmin-pla-noproduct h3 {
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  color: var(--fhd-muted);
}

/* Order-detail boxes (upload prescription address step etc.) */
body[class*="page-template-flash-"] .falshadmin-orderdetail-box {
  padding: 24px;
  background: #ffffff;
  border: 1px solid var(--fhd-border);
  border-radius: 16px;
}
body[class*="page-template-flash-"] .falshadmin-orderdetail-title {
  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  color: var(--fhd-text);
}

/* My Account: Profile / Transactions boxes -------------------------------- */
body[class*="page-template-flash-"] .helth-rightpart .myaccount-boxdiv {
  margin-bottom: 16px;
  padding: 20px 24px;
  background: #ffffff;
  border: 1px solid var(--fhd-border);
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}
body[class*="page-template-flash-"] .helth-rightpart a:hover .myaccount-boxdiv {
  transform: translateY(-2px);
  border-color: rgba(224, 46, 64, 0.3);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.07);
}
body[class*="page-template-flash-"] .helth-rightpart .myaccount-boxdiv img {
  float: none;
  width: 52px;
  height: 52px;
  margin-right: 16px;
  padding: 10px;
  object-fit: contain;
  background: var(--fhd-red-light);
  border-radius: 12px;
}
body[class*="page-template-flash-"] .helth-rightpart .myaccount-boxdiv h3 {
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  color: var(--fhd-text);
}
body[class*="page-template-flash-"] .helth-rightpart .myaccount-boxdiv .myaccount-arrowdiv {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  transform: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center / 18px;
}
body[class*="page-template-flash-"] .flash-logout-div {
  padding: 8px 0 0;
}
body[class*="page-template-flash-"] .flash-logout-div .flash-logout {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  padding: 11px 24px;
  background: #ffffff;
  border: 1px solid var(--fhd-red);
  border-radius: 8px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  color: var(--fhd-red);
  transition: background 0.2s, color 0.2s;
}
body[class*="page-template-flash-"] .flash-logout-div .flash-logout:hover {
  background: var(--fhd-red);
  color: #ffffff;
}

/* Upload prescription ----------------------------------------------------- */
body[class*="page-template-flash-"] .upload-prescription-div .falshadmin-uploadpres-box {
  padding: 24px;
  background: #ffffff;
  border: 1px solid var(--fhd-border);
  border-radius: 16px;
}
body[class*="page-template-flash-"] .falshadmin-uploadbox {
  padding: 22px;
  background: #FFF5F6;
  border: 1.5px dashed rgba(224, 46, 64, 0.4);
  border-radius: 12px;
  transition: background 0.2s, border-color 0.2s;
}
body[class*="page-template-flash-"] .falshadmin-uploadbox:hover {
  background: var(--fhd-red-light);
  border-color: var(--fhd-red);
}
body[class*="page-template-flash-"] .falshadmin-uploadbox .falshadmin-uploadtitle {
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  color: var(--fhd-text);
}
body[class*="page-template-flash-"] .upload-prescription-div .form-group label {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--fhd-text-2);
}
body[class*="page-template-flash-"] .upload-prescription-div .form-control {
  padding: 12px 14px;
  border: 1px solid var(--fhd-border);
  border-radius: 8px;
  box-shadow: none;
  font-family: inherit;
  font-size: 15px;
  color: var(--fhd-text);
  transition: border-color 0.2s, box-shadow 0.2s;
}
body[class*="page-template-flash-"] .upload-prescription-div .form-control:focus {
  outline: none;
  border-color: var(--fhd-red);
  box-shadow: 0 0 0 3px rgba(224, 46, 64, 0.1);
}
body[class*="page-template-flash-"] .upload-prescription-div .form-control::placeholder {
  color: #9CA3AF;
}
body[class*="page-template-flash-"] .upload-prescription-div .field_error {
  border-color: var(--fhd-red);
}
body[class*="page-template-flash-"] .falshadmin-or-left-right {
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #9CA3AF;
}
body[class*="page-template-flash-"] .falshadmin-chekbox-switch input:checked + div {
  background-color: var(--fhd-red-light);
  border-color: rgba(224, 46, 64, 0.35);
}
body[class*="page-template-flash-"] .falshadmin-continuebtn .continue-btn {
  height: 50px;
  padding: 0 24px;
  background: var(--fhd-red);
  border: none;
  border-radius: 8px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  transition: background 0.2s;
}
body[class*="page-template-flash-"] .falshadmin-continuebtn .continue-btn:hover {
  background: #C92032;
}
body[class*="page-template-flash-"] .falshadmin-continuebtn .continue-btn.disabled {
  opacity: 0.45;
}

/* Raya listing: search + product cards ------------------------------------ */
body[class*="page-template-flash-"] .falshadmin-productbox {
  height: calc(100% - 20px);
  margin-bottom: 20px;
  padding: 12px 12px 14px;
  background: #ffffff;
  border: 1px solid var(--fhd-border);
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}
body[class*="page-template-flash-"] .falshadmin-productbox:hover {
  transform: translateY(-2px);
  border-color: rgba(224, 46, 64, 0.3);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.07);
}
body[class*="page-template-flash-"] .falshadmin-productimg {
  margin-bottom: 12px;
  background: #F9FAFB;
  border-radius: 10px;
}
body[class*="page-template-flash-"] .falshadmin-productimg > img {
  background: #F9FAFB;
}
body[class*="page-template-flash-"] .falshadmin-productbox .falshadmin-product-title {
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--fhd-text);
}
body[class*="page-template-flash-"] .falshadmin-productbox .falshadmin-product-price {
  font-size: 16px;
  font-weight: 700;
  color: var(--fhd-red);
}
body[class*="page-template-flash-"] .falshadmin-productbox .flash-delivery {
  margin-top: 6px;
  font-size: 13px;
  color: var(--fhd-muted);
}
body[class*="page-template-flash-"] .raya-search-cart-filter .flash_search input:focus {
  background-color: #ffffff;
  box-shadow: 0 0 0 3px rgba(224, 46, 64, 0.1);
}
body[class*="page-template-flash-"] .falshadmin-pagination li a {
  border-radius: 10px;
}

@media (max-width: 768px) {
  body[class*="page-template-flash-"] .falshadmin-pharma-listwrap {
    grid-template-columns: minmax(0, 1fr);
  }
  body[class*="page-template-flash-"] .pharma-laba-advic-link ul {
    display: flex;
  }
  body[class*="page-template-flash-"] .pharma-laba-advic-link ul li {
    flex: 1;
  }
  body[class*="page-template-flash-"] .pharma-laba-advic-link ul li a {
    padding: 10px 8px;
    font-size: 14px;
    text-align: center;
  }
  body[class*="page-template-flash-"] .upload-prescription-div .falshadmin-uploadpres-box,
  body[class*="page-template-flash-"] .falshadmin-orderdetail-box {
    padding: 18px;
  }
}

/* ==========================================================================
   MY PROFILE (/profile/) — photo card + profile form, and the membership
   card popup. Classes are unique to the plugin's profile template.
   ========================================================================== */

/* Two cards side by side: photo + membership on the left, form on the right */
body[class*="page-template-flash-"] .falshadmin-myprofile-sec {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
body[class*="page-template-flash-"] .falshadmin_uploadimg,
body[class*="page-template-flash-"] .falshadmin_profile_form {
  margin: 0;
  padding: 28px 24px;
  background: #ffffff;
  border: 1px solid var(--fhd-border);
  border-radius: 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
body[class*="page-template-flash-"] .falshadmin_profile_form {
  padding: 28px;
}

/* Profile photo with the camera badge (the whole circle is the upload input) */
body[class*="page-template-flash-"] .falshadmin_uploadimg .user-profile-image-div {
  width: 120px;
  height: 120px;
  margin: 0 auto 28px;
  background: #FFF1EE;
  box-shadow: 0 0 0 4px #ffffff, 0 0 0 5px var(--fhd-border);
}
body[class*="page-template-flash-"] .falshadmin_uploadimg .profile_image {
  width: 120px;
  height: 120px;
}
body[class*="page-template-flash-"] .falshadmin_uploadimg .user-profile-image-div::after {
  width: 34px;
  height: 34px;
  bottom: -6px;
  left: auto;
  right: -2px;
  margin-left: 0;
  background: var(--fhd-red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z'/%3E%3Ccircle cx='12' cy='13' r='4'/%3E%3C/svg%3E") no-repeat center / 16px;
  border: 3px solid #ffffff;
  border-radius: 50%;
  pointer-events: none;
}
body[class*="page-template-flash-"] .falshadmin_membership_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  padding: 11px 16px;
  background: #ffffff;
  border: 1px solid var(--fhd-red);
  border-radius: 8px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--fhd-red);
  transition: background 0.2s, color 0.2s;
}
body[class*="page-template-flash-"] .falshadmin_membership_btn::before {
  content: '';
  width: 18px;
  height: 18px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cline x1='2' y1='10' x2='22' y2='10'/%3E%3C/svg%3E") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cline x1='2' y1='10' x2='22' y2='10'/%3E%3C/svg%3E") no-repeat center / contain;
}
body[class*="page-template-flash-"] .falshadmin_membership_btn:hover {
  background: var(--fhd-red);
  color: #ffffff;
}

/* Form: Name full width, then DOB | Gender, Email | Phone */
body[class*="page-template-flash-"] .falshadmin_profile_form::before {
  content: 'Personal details';
  display: block;
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid #F3F4F6;
  font-size: 18px;
  font-weight: 700;
  color: var(--fhd-text);
}
body[class*="page-template-flash-"] .falshadmin-myprofile-sec .form-group {
  margin-bottom: 18px;
}
body[class*="page-template-flash-"] .falshadmin_profile_form .form-group.row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 18px !important;
  padding: 0;
}
body[class*="page-template-flash-"] .falshadmin_profile_form .form-group.row::before,
body[class*="page-template-flash-"] .falshadmin_profile_form .form-group.row::after {
  display: none;
}
body[class*="page-template-flash-"] .falshadmin_profile_form .form-group.fild_half {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
}
body[class*="page-template-flash-"] .falshadmin-myprofile-sec .form-group label {
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--fhd-text-2);
}
body[class*="page-template-flash-"] .falshadmin-myprofile-sec .form-control {
  height: 48px;
  padding: 12px 14px !important;
  border: 1px solid var(--fhd-border) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-family: inherit;
  font-size: 15px !important;
  line-height: 1.4 !important;
  color: var(--fhd-text) !important;
  transition: border-color 0.2s, box-shadow 0.2s;
}
body[class*="page-template-flash-"] .falshadmin-myprofile-sec .form-control:focus {
  outline: none;
  border-color: var(--fhd-red) !important;
  box-shadow: 0 0 0 3px rgba(224, 46, 64, 0.1) !important;
}
body[class*="page-template-flash-"] .falshadmin-myprofile-sec select.form-control {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 40px !important;
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center / 16px !important;
  cursor: pointer;
}
body[class*="page-template-flash-"] .falshadmin-myprofile-sec input.update_profile {
  min-width: 160px;
  height: 48px;
  margin: 4px 0 0;
  padding: 0 32px !important;
  background: var(--fhd-red) !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-family: inherit;
  font-size: 16px !important;
  font-weight: 600;
  line-height: 1 !important;
  color: #ffffff !important;
  cursor: pointer;
  transition: background 0.2s;
}
body[class*="page-template-flash-"] .falshadmin-myprofile-sec input.update_profile:hover {
  background: #C92032 !important;
}

/* Membership card popup: the card fits inside the box ------------------- */
body[class*="page-template-flash-"] .membercard-overlay {
  background: rgba(17, 24, 39, 0.6);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
body[class*="page-template-flash-"] .membercard-wrapper {
  width: calc(100% - 32px);
  max-width: 560px;
  padding: 24px;
  border-radius: 20px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
}
body[class*="page-template-flash-"] .membercard-modal .membercard-close {
  top: 14px;
  right: 14px;
  z-index: 2;
  width: 36px;
  height: 36px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F3F4F6;
  border-radius: 50%;
  transition: background 0.2s;
}
body[class*="page-template-flash-"] .membercard-modal .membercard-close:hover {
  background: #E5E7EB;
}
body[class*="page-template-flash-"] .membercard-modal .membercard-content::before {
  content: 'Your Membership Card';
  display: block;
  margin: 2px 0 18px;
  padding-right: 44px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--fhd-text);
}
body[class*="page-template-flash-"] .membercard-modal .membercard-content img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 14px 34px rgba(224, 46, 64, 0.28);
}
/* Name + member number sit on the card's bottom-left */
body[class*="page-template-flash-"] .membercard-infodiv {
  bottom: 5%;
  left: 5%;
}
body[class*="page-template-flash-"] .membercard-infodiv p {
  margin: 0;
  padding: 0 0 2px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
body[class*="page-template-flash-"] .membercard-infodiv p + p {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.12em;
  opacity: 0.9;
}

@media (max-width: 900px) {
  body[class*="page-template-flash-"] .falshadmin-myprofile-sec {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 600px) {
  body[class*="page-template-flash-"] .falshadmin_profile_form {
    padding: 20px;
  }
  body[class*="page-template-flash-"] .falshadmin_profile_form .form-group.row {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    margin-bottom: 0 !important;
  }
  body[class*="page-template-flash-"] .falshadmin_profile_form .form-group.fild_half {
    margin-bottom: 18px;
  }
  body[class*="page-template-flash-"] .falshadmin-myprofile-sec input.update_profile {
    width: 100%;
  }
  body[class*="page-template-flash-"] .membercard-wrapper {
    padding: 18px;
    border-radius: 16px;
  }
  body[class*="page-template-flash-"] .membercard-modal .membercard-close {
    top: 10px;
    right: 10px;
  }
  body[class*="page-template-flash-"] .membercard-infodiv p {
    font-size: 12px;
  }
  body[class*="page-template-flash-"] .membercard-infodiv p + p {
    font-size: 11px;
  }
}

/* ==========================================================================
   ORDERS — single order tracker (/my-orders/?id=…) and order details
   (/my-orders/details/{id}/). Classes are unique to these plugin templates.
   ========================================================================== */

/* Single order tracker: order image + progress steps */
body[class*="page-template-flash-"] .falshadmin-ordersubmit-sec .falshadmin-orderdetail-title {
  margin-bottom: 16px;
}
body[class*="page-template-flash-"] .falshadmin-ordersubmit-image,
body[class*="page-template-flash-"] .falshadmin-progressbar {
  background: #ffffff;
  border: 1px solid var(--fhd-border);
  border-radius: 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
body[class*="page-template-flash-"] .falshadmin-progressbar {
  padding: 26px 28px;
}
body[class*="page-template-flash-"] .falshadmin-progressbar ul li p {
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  color: #9CA3AF;
}
body[class*="page-template-flash-"] .falshadmin-progressbar ul li.active p { color: var(--fhd-red); }
body[class*="page-template-flash-"] .falshadmin-progressbar ul li.done p { color: #059669; }
body[class*="page-template-flash-"] .falshadmin-progressbar ul li span {
  font-size: 14px;
  line-height: 1.5;
  color: var(--fhd-muted);
}
body[class*="page-template-flash-"] .falshadmin-progressbar ul li.done:before,
body[class*="page-template-flash-"] .falshadmin-progressbar ul li.done .progressbox-div:before { border-color: #10B981; }
body[class*="page-template-flash-"] .falshadmin-progressbar ul li.done .progressbox-div:after { background: #10B981; }

/* Shared buttons: Contact Support / Order Details / View Quote / Approve / Cancel */
body[class*="page-template-flash-"] .falshadmin-ordersubmit-btndiv a {
  min-width: 160px;
  padding: 10px 20px;
  border: 1px solid var(--fhd-red);
  border-radius: 8px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--fhd-red);
  transition: background 0.2s, color 0.2s;
}
body[class*="page-template-flash-"] .falshadmin-ordersubmit-btndiv a:hover {
  background: var(--fhd-red);
  color: #ffffff;
}
body[class*="page-template-flash-"] .falshadmin-ordersubmit-btndiv a.order_detail_approve_order_btn {
  background: var(--fhd-red);
  color: #ffffff;
}
body[class*="page-template-flash-"] .falshadmin-ordersubmit-btndiv a.order_detail_approve_order_btn:hover {
  background: #C92032;
  border-color: #C92032;
}

/* Order details card */
body[class*="page-template-flash-"] .falshadmin-orderdetail-sec {
  margin-bottom: 16px;
  padding: 24px 28px;
  background: #ffffff;
  border: 1px solid var(--fhd-border);
  border-radius: 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
body[class*="page-template-flash-"] .falshadmin-orderdetail-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0 0 20px;
  padding: 0 0 16px;
  border-bottom: 1px solid #F3F4F6;
  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--fhd-text);
}
body[class*="page-template-flash-"] .falshadmin-orderdetail-title small {
  font-size: 14px;
  font-weight: 500;
  color: var(--fhd-muted);
}
body[class*="page-template-flash-"] .falshadmin-orderdetail-sec .falshadmin-order-group {
  margin-bottom: 16px;
}
body[class*="page-template-flash-"] .falshadmin-orderdetail-sec .falshadmin-order-group > label {
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--fhd-text-2);
}
body[class*="page-template-flash-"] .falshadmin-orderdetail-sec .falshadmin-order-control {
  margin-bottom: 8px;
  padding: 12px 14px;
  background: #F9FAFB;
  border: 1px solid var(--fhd-border);
  border-radius: 10px;
  font-size: 14.5px;
  line-height: 1.5;
  color: var(--fhd-text);
}
body[class*="page-template-flash-"] .falshadmin-orderdetail-sec .addresspin .falshadmin-order-control {
  padding-left: 50px;
}
/* An order item row: name, "price X qty", line total on the right */
body[class*="page-template-flash-"] .falshadmin-orderdetail-sec .falshadmin-order-control > label {
  display: block;
  margin: 0 0 2px;
  padding-right: 120px;
  font-size: 15px;
  font-weight: 600;
  color: var(--fhd-text);
}
body[class*="page-template-flash-"] .falshadmin-orderdetail-sec .falshadmin-order-control > .flash-order-item.rate {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  font-weight: 700;
  color: var(--fhd-text);
}
body[class*="page-template-flash-"] .falshadmin-order-control .lacoation-label {
  width: auto;
  display: inline-block;
  padding: 3px 10px;
  background: #ffffff;
  border: 1px solid var(--fhd-border);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--fhd-text-2);
}
body[class*="page-template-flash-"] .falshadmin-orderperscription {
  overflow: hidden;
  background: #ffffff;
  border: 1px solid var(--fhd-border);
  border-radius: 10px;
}
body[class*="page-template-flash-"] .falshadmin-orderperscription img {
  border-radius: 0;
}

/* Totals: Total / Delivery / Order Total (both detail layouts) */
body[class*="page-template-flash-"] .falshadmin-orderdetail-sec .total,
body[class*="page-template-flash-"] .falshadmin-orderdetail-sec .flash-cart-item,
body[class*="page-template-flash-"] .falshadmin-orderdetail-sec .ordervalue-div p {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin: 0;
  padding: 8px 0;
  font-size: 15px;
  line-height: 1.5;
  color: var(--fhd-text-2);
}
body[class*="page-template-flash-"] .falshadmin-orderdetail-sec .flash-cart-item.order-total,
body[class*="page-template-flash-"] .falshadmin-orderdetail-sec .ordervalue-div p:last-child {
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid var(--fhd-border);
  font-size: 17px;
  font-weight: 700;
  color: var(--fhd-text);
}
body[class*="page-template-flash-"] .falshadmin-orderdetail-sec .flash-cart-item.order-total span[style] {
  float: none !important;
  color: var(--fhd-red);
}
body[class*="page-template-flash-"] .falshadmin-orderdetail-sec .ordervalue-div p:last-child span:last-child {
  color: var(--fhd-red);
}

/* Quote: item quantity stepper */
body[class*="page-template-flash-"] .falshadmin-quantity {
  overflow: hidden;
  border: 1px solid var(--fhd-border);
  border-radius: 8px;
}
body[class*="page-template-flash-"] .falshadmin-quantity input[type="button"],
body[class*="page-template-flash-"] .falshadmin-quantity input[type="number"] {
  height: 32px;
  border: none;
  font-size: 15px;
  font-weight: 600;
  color: var(--fhd-text);
}
body[class*="page-template-flash-"] .falshadmin-quantity input[type="button"] {
  min-width: 32px;
  background: #F3F4F6;
}
body[class*="page-template-flash-"] .falshadmin-quantity input[type="button"]:hover {
  background: var(--fhd-red);
  color: #ffffff;
}

@media (max-width: 600px) {
  body[class*="page-template-flash-"] .falshadmin-orderdetail-sec,
  body[class*="page-template-flash-"] .falshadmin-progressbar {
    padding: 18px;
  }
  body[class*="page-template-flash-"] .falshadmin-orderdetail-title {
    font-size: 18px;
  }
  body[class*="page-template-flash-"] .falshadmin-ordersubmit-btndiv a {
    width: 100%;
    margin: 0 0 10px;
  }
}

/* ==========================================================================
   MY TRANSACTIONS (/my-account/transactions/) — wallet points history,
   grouped by date. Classes are unique to the plugin's transactions template.
   ========================================================================== */
body[class*="page-template-flash-"] .transiction-datetitle {
  margin: 8px 0 10px;
  padding: 0;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fhd-muted);
}
body[class*="page-template-flash-"] .transiction-datetitle:not(:first-child) {
  margin-top: 20px;
}
body[class*="page-template-flash-"] .tarstion-innerwarp {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
body[class*="page-template-flash-"] .transiction-box {
  width: auto;
  margin: 0;
  padding: 16px 18px;
  gap: 14px;
  background: #ffffff;
  border: 1px solid var(--fhd-border);
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
body[class*="page-template-flash-"] .transictiont-textdiv {
  flex: 1;
  min-width: 0;
  width: auto;
  padding-left: 56px;
}
/* +/- icon in a soft tile */
body[class*="page-template-flash-"] .trastion-plus-min {
  width: 42px;
  height: 42px;
  margin-top: -21px;
  border-radius: 12px;
  background-size: 18px 18px;
}
body[class*="page-template-flash-"] .transiction-box.plus .trastion-plus-min {
  background: #DCFCE7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315803D' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E") no-repeat center / 18px;
}
body[class*="page-template-flash-"] .transiction-box.minus .trastion-plus-min {
  background: var(--fhd-red-light) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E02E40' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E") no-repeat center / 18px;
}
body[class*="page-template-flash-"] .transictiont-textdiv h5 {
  margin: 0 0 2px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--fhd-text);
}
body[class*="page-template-flash-"] .transictiont-textdiv p {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--fhd-muted);
}
body[class*="page-template-flash-"] .transictiont-pricediv {
  flex-shrink: 0;
  width: auto;
}
body[class*="page-template-flash-"] .transictiont-pricediv h4 {
  font-family: inherit;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  color: #15803D;
}
body[class*="page-template-flash-"] .transictiont-pricediv h4::after {
  content: ' pts';
  font-size: 12px;
  font-weight: 600;
  color: var(--fhd-muted);
}
body[class*="page-template-flash-"] .transiction-box.minus .transictiont-pricediv h4 {
  color: var(--fhd-red);
}

@media (max-width: 768px) {
  body[class*="page-template-flash-"] .tarstion-innerwarp {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* ==========================================================================
   1ST ADVICE (/dashboard/first-advice/) — the consultation itself runs in an
   iframe from consult.flash.health, which this CSS can't reach; this frames
   it: title bar, rounded card, loading state, reassurance note.
   ========================================================================== */
body.page-template-flash-1st-advice-page .falshadmin-helthbox > .container > .helth-rightpart {
  display: flex;
  flex-direction: column;
}
body.page-template-flash-1st-advice-page .falshadmin-helthbox > .container > .helth-rightpart > .falshadmin-breadcrumb {
  order: 0;
}
/* Title bar */
body.page-template-flash-1st-advice-page .falshadmin-helthbox > .container > .helth-rightpart::before {
  content: 'Consult a Doctor';
  order: 1;
  display: flex;
  align-items: center;
  min-height: 64px;
  padding: 14px 24px 14px 70px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E02E40' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3v6a4 4 0 0 0 8 0V3'/%3E%3Cpath d='M10 13v2a5 5 0 0 0 10 0v-2'/%3E%3Ccircle cx='20' cy='11' r='2'/%3E%3C/svg%3E") no-repeat 34px center / 22px,
    radial-gradient(circle at 45px 50%, var(--fhd-red-light) 0, var(--fhd-red-light) 20px, transparent 21px),
    #ffffff;
  border: 1px solid var(--fhd-border);
  border-bottom: none;
  border-radius: 16px 16px 0 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--fhd-text);
}
/* The consultation window */
body.page-template-flash-1st-advice-page #myIframe {
  order: 2;
  display: block;
  width: 100% !important;
  height: calc(100vh - 220px) !important;
  min-height: 600px;
  border: 1px solid var(--fhd-border);
  border-radius: 0 0 16px 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
  /* Shows until the consultation app paints its own page */
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='90' viewBox='0 0 260 90'%3E%3Ccircle cx='130' cy='22' r='16' fill='none' stroke='%23F3D2D6' stroke-width='4'/%3E%3Cpath d='M130 6 a16 16 0 0 1 16 16' fill='none' stroke='%23E02E40' stroke-width='4' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 130 22' to='360 130 22' dur='0.9s' repeatCount='indefinite'/%3E%3C/path%3E%3Ctext x='130' y='72' text-anchor='middle' font-family='Inter,Arial,sans-serif' font-size='14' fill='%236B7280'%3ELoading your consultation%E2%80%A6%3C/text%3E%3C/svg%3E") no-repeat center 40% / 260px 90px,
    #ffffff;
}
/* Reassurance note under the window */
body.page-template-flash-1st-advice-page .falshadmin-helthbox > .container > .helth-rightpart::after {
  content: 'Private & secure \00b7  Video or audio consultation with SLMC-registered doctors';
  order: 3;
  display: block;
  margin-top: 12px;
  padding-left: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") no-repeat left center / 14px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--fhd-muted);
}

@media (max-width: 768px) {
  body.page-template-flash-1st-advice-page .falshadmin-helthbox > .container > .helth-rightpart::before {
    min-height: 56px;
    padding: 12px 16px 12px 58px;
    background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E02E40' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3v6a4 4 0 0 0 8 0V3'/%3E%3Cpath d='M10 13v2a5 5 0 0 0 10 0v-2'/%3E%3Ccircle cx='20' cy='11' r='2'/%3E%3C/svg%3E") no-repeat 24px center / 20px,
      radial-gradient(circle at 34px 50%, var(--fhd-red-light) 0, var(--fhd-red-light) 18px, transparent 19px),
      #ffffff;
    font-size: 16px;
  }
  body.page-template-flash-1st-advice-page #myIframe {
    height: calc(100vh - 160px) !important;
    min-height: 520px;
  }
  body.page-template-flash-1st-advice-page .falshadmin-helthbox > .container > .helth-rightpart::after {
    font-size: 12px;
  }
}