/* ===== AVIATOR GLOBAL EDITOR CSS ===== */
/* This file contains CSS from the global CSS editor */
/* Generated: 2025-11-24 16:37:26 */

:root, html {
  /* Base Typography Scaling */
  --baseFontSize: 16px;
  --scaleFontSize: 1.05;
  --lineHeight: 1.7;
  --scaleLineHeight: 0.97;

  /* Max Width Scaling */
  --readableMaxWidth: 70ch;
  --scaleMaxWidth: 0.93;

  /* Responsive Typography */
  @media (min-width: 768px) {
    --baseFontSize: 16px;
    --scaleFontSize: 1.05;
  }

  @media (min-width: 1024px) {
    --baseFontSize: 16px;
    --scaleFontSize: 1.09;
  }

  @media (min-width: 1280px) {
    --baseFontSize: 17px;
    --scaleFontSize: 1.1;
  }

  @media (min-width: 1536px) {
    --baseFontSize: 18px;
    --scaleFontSize: 1.1;
  }

  /* Eyebrow Text Styles */
  --eyebrowFontFamily: 'Figtree', system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --eyebrowFontWeight: 500;
  --eyebrowLetterSpacing: .1em;
  --eyebrowMarginBottom: 1.5rem;
  --eyebrowTextTransform: uppercase;

  /* Heading Styles */
  --headingFontFamily: "Figtree", system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --headingFontWeight: 700;
  --headingLetterSpacing: -0.015em;
  --headingMarginBottom: .4em;
  --headingTextWrap: balance;

  /* Text Styles */
  --textFontFamily: "Figtree", system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --readableFontWeight: 400;
  --strongFontWeight: 600;
  --readableMarginBottom: 1.5em;
  --readableTextWrap: pretty;

  /* Max Width Calculations - Based on Scale Factor */
  --typeMaxWidth-3: var(--readableMaxWidth);
  --typeMaxWidth-2: calc(var(--typeMaxWidth-3) * var(--scaleMaxWidth));
  --typeMaxWidth-1: calc(var(--typeMaxWidth-2) * var(--scaleMaxWidth));
  --typeMaxWidth0: calc(var(--typeMaxWidth-1) * var(--scaleMaxWidth));
  --typeMaxWidth1: calc(var(--typeMaxWidth0) * var(--scaleMaxWidth));
  --typeMaxWidth2: calc(var(--typeMaxWidth1) * var(--scaleMaxWidth));
  --typeMaxWidth3: calc(var(--typeMaxWidth2) * var(--scaleMaxWidth));
  --typeMaxWidth4: calc(var(--typeMaxWidth3) * var(--scaleMaxWidth));
  --typeMaxWidth5: calc(var(--typeMaxWidth4) * var(--scaleMaxWidth));
  --typeMaxWidth6: calc(var(--typeMaxWidth5) * var(--scaleMaxWidth));
  --typeMaxWidth7: calc(var(--typeMaxWidth6) * var(--scaleMaxWidth));
  --typeMaxWidth8: calc(var(--typeMaxWidth7) * var(--scaleMaxWidth));
  --typeMaxWidth9: calc(var(--typeMaxWidth8) * var(--scaleMaxWidth));
  --typeMaxWidth10: calc(var(--typeMaxWidth9) * var(--scaleMaxWidth));
  --typeMaxWidth11: calc(var(--typeMaxWidth10) * var(--scaleMaxWidth));
  --typeMaxWidth12: calc(var(--typeMaxWidth11) * var(--scaleMaxWidth));
  --typeMaxWidth13: calc(var(--typeMaxWidth12) * var(--scaleMaxWidth));
  --typeMaxWidth14: calc(var(--typeMaxWidth13) * var(--scaleMaxWidth));
  --typeMaxWidth15: calc(var(--typeMaxWidth14) * var(--scaleMaxWidth));
  --typeMaxWidth16: calc(var(--typeMaxWidth15) * var(--scaleMaxWidth));
  --typeMaxWidth17: calc(var(--typeMaxWidth16) * var(--scaleMaxWidth));

  /* Semantic Max Width Mappings */
  --biggestMaxWidth: var(--typeMaxWidth17);
  --biggerMaxWidth: var(--typeMaxWidth14);
  --bigMaxWidth: var(--typeMaxWidth11);
  --largestMaxWidth: var(--typeMaxWidth8);
  --largerMaxWidth: var(--typeMaxWidth5);
  --largeMaxWidth: var(--typeMaxWidth2);
  --mediumMaxWidth: var(--typeMaxWidth0);
  --smallMaxWidth: var(--typeMaxWidth-1);
  --smallerMaxWidth: var(--typeMaxWidth-2);
  --smallestMaxWidth: var(--typeMaxWidth-3);
}


:root {
  /* Primary palette (zinc) */
  --p-000: 250 250 250;
  --p-100: 244 244 245;
  --p-200: 228 228 231;
  --p-300: 212 212 216;
  --p-400: 161 161 170;
  --p-500: 113 113 122;
  --p-600: 82 82 91;
  --p-700: 63 63 70;
  --p-800: 39 39 42;
  --p-900: 24 24 27;
  --p-1000: 9 9 11;

  /* Accent palette (blue) */
  --a-000: 239 246 255;
  --a-100: 219 234 254;
  --a-200: 191 219 254;
  --a-300: 147 197 253;
  --a-400: 96 165 250;
  --a-500: 59 130 246;
  --a-600: 37 99 235;
  --a-700: 29 78 216;
  --a-800: 30 64 175;
  --a-900: 30 58 138;
  --a-1000: 23 37 84;

  /* RGB function wrapped custom properties - Primary */
  --color-p-000: rgb(var(--p-000));
  --color-p-100: rgb(var(--p-100));
  --color-p-200: rgb(var(--p-200));
  --color-p-300: rgb(var(--p-300));
  --color-p-400: rgb(var(--p-400));
  --color-p-500: rgb(var(--p-500));
  --color-p-600: rgb(var(--p-600));
  --color-p-700: rgb(var(--p-700));
  --color-p-800: rgb(var(--p-800));
  --color-p-900: rgb(var(--p-900));
  --color-p-1000: rgb(var(--p-1000));

  /* RGB function wrapped custom properties - Accent */
  --color-a-000: rgb(var(--a-000));
  --color-a-100: rgb(var(--a-100));
  --color-a-200: rgb(var(--a-200));
  --color-a-300: rgb(var(--a-300));
  --color-a-400: rgb(var(--a-400));
  --color-a-500: rgb(var(--a-500));
  --color-a-600: rgb(var(--a-600));
  --color-a-700: rgb(var(--a-700));
  --color-a-800: rgb(var(--a-800));
  --color-a-900: rgb(var(--a-900));
  --color-a-1000: rgb(var(--a-1000));
}




/** To add **/

:root {
  --borderColor: var(--color-p-200);
  --accentColor: var(--color-a-600);
  --borderRadius: 2rem;
  --docMaxWidth: 1440px;
}

/* layout */

/* body:not(.aviator-iframe *) {
  opacity: 0;
  transition: opacity .1s ease;
} */

/** RESULTS STYLES **/

.slug-start header,
.slug-start footer {
  display: none;
}

/* Initial state: Hide Lisdexamfetamine by default */
#lisdexamfetamine-result {
  display: none;
}

/* Show Lisdexamfetamine when binge-eating is "yes" */
#assessment[data-answer-binge-eating="yes"] #lisdexamfetamine-result {
  display: block;
}

/* Initially show Contrave (it's already visible by default) */
#contrave-result {
  display: block;
}

/* Hide Contrave when seizures issues is "yes" */
#assessment[data-answer-seizures="yes"] #contrave-result {
  display: none;
}

/* Hide Semaglutide, Liraglutide, Tirzepatide when thyroid issues is "yes" */
#assessment[data-answer-thyroid="yes"] #semaglutide-result,
#assessment[data-answer-thyroid="yes"] #liraglutide-result,
#assessment[data-answer-thyroid="yes"] #tirzepatide-result {
  display: none;
}

/* Hide Semaglutide, Liraglutide, Tirzepatide when gallbladder issues is "yes" */
#assessment[data-answer-gallbladder="yes"] #semaglutide-result,
#assessment[data-answer-gallbladder="yes"] #liraglutide-result,
#assessment[data-answer-gallbladder="yes"] #tirzepatide-result {
  display: none;
}

/* Hide all medications if pregnant */
#assessment[data-answer-pregnancy="yes"] #semaglutide-result,
#assessment[data-answer-pregnancy="yes"] #liraglutide-result,
#assessment[data-answer-pregnancy="yes"] #tirzepatide-result,
#assessment[data-answer-pregnancy="yes"] #lisdexamfetamine-result,
#assessment[data-answer-pregnancy="yes"] #contrave-result {
  display: none;
}

/* Optional: Add styling for when medications are shown to indicate they're recommended */
/* #assessment[data-answer-binge-eating="yes"] #lisdexamfetamine-result {
  border-color: #2196F3;
  background-image: linear-gradient(white, rgba(33, 150, 243, 0.1));
  position: relative;
} */

/* Age-based medication restrictions */

/* Hide all medications except Liraglutide for 12-17 age group */
#assessment[data-answer-age-range="12-17"] #semaglutide-result,
#assessment[data-answer-age-range="12-17"] #tirzepatide-result,
#assessment[data-answer-age-range="12-17"] #lisdexamfetamine-result,
#assessment[data-answer-age-range="12-17"] #contrave-result {
  display: none;
}

/* Highlight Liraglutide as the only FDA-approved option for 12-17 year olds */
#assessment[data-answer-age-range="12-17"] #liraglutide-result {
  border-color: #2196F3;
  background-image: linear-gradient(white, rgba(33, 150, 243, 0.1));
}

/* Keep the original rules for other conditions */
#assessment[data-answer-age-range="12-17"][data-answer-thyroid="yes"] #liraglutide-result,
#assessment[data-answer-age-range="12-17"][data-answer-gallbladder="yes"] #liraglutide-result,
#assessment[data-answer-age-range="12-17"][data-answer-pregnancy="yes"] #liraglutide-result {
  display: none;
}

/** END RESULTS STYLES **/

:root {
  --headerHeight: 6rem;

  /* 	primary colors */
  --p-000: 250 250 249;
  --p-100: 245 245 244;
  --p-200: 231 229 228;
  --p-300: 214 211 209;
  --p-400: 168 162 158;
  --p-500: 120 113 108;
  --p-600: 87 83 78;
  --p-700: 68 64 60;
  --p-800: 41 37 36;
  --p-900: 28 25 23;
  --p-1000: 12 10 9;
  /* accent colors */
  --a-000: 240 253 250;
  --a-100: 204 251 241;
  --a-200: 153 246 228;
  --a-300: 94 234 212;
  --a-400: 45 212 191;
  --a-500: 20 184 166;
  --a-600: 13 148 136;
  --a-700: 15 118 110;
  --a-800: 17 94 89;
  --a-900: 19 78 74;
  --a-1000: 4 47 46;

}

.figtree {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  /* Or another weight like 300, 500, 600, 700 */
  font-style: normal;
}

:root {
  /*   --headingFontFamily: 'Figtree', 'Satoshi'; */
  --headingFontWeight: 600;
  /*   --textFontFamily: 'Figtree', 'Satoshi'; */
  --marginBottomHeading: 1.5rem;
}

.prose :first-child {
  margin-top: 0;
}

.prose h2 {
  text-wrap: balance;
}

.prose p {
  text-wrap: pretty;
}

header {
  height: var(--headerHeight);
}

.swiper-slide {
  max-height: calc(100vh - var(--headerHeight));
  overflow-y: auto;
  overflow-x: hidden;
}

/** Typography **/
.ww-title {
  color: var(--color-p-800);
  font-size: var(--largestFontSize);
  line-height: var(--largestLineHeight);
  font-weight: 500;
  letter-spacing: var(--headingLetterSpacing);
  margin-bottom: 1rem;
  text-wrap: balance
}

.ww-description {
  font-size: var(--mediumFontSize);
  margin-bottom: var(--readableMarginBottom);
}

.ww-note {
  font-size: var(--smallFontSize);
  margin-bottom: var(--readableMarginBottom);
}

/** Navigation and Buttons **/
.ww-buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
}

.ww-btn {
  width: 100%;
  /*   border: 1px solid var(--color-a-700); */
  border-radius: 0.375rem !important;
  padding: 1em 1.5em;
  font-weight: 600;
  cursor: pointer;
  background-color: var(--color-p-800);
  /* Fallback color if variable not defined */
  color: white;
  transition: background-color 0.3s ease;
}

.ww-btn:hover {
  background-color: var(--color-p-700, #3a7ca8);
  /* Darker shade */
}

.ww-btn.disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #cccccc;
  border-color: #cccccc;
}

.ww-btn[disabled] {
  pointer-events: none;
}

/* Styling for the back link container */
.ww-back-container {
  margin-top: 16px;
  text-align: center;
}

/* Styling for the back link */
.ww-prev-link,
[data-navigate="prev"] {
  color: var(--contrast-aa) !important;
  text-decoration: none;
  font-size: 14px;
  display: inline-block;
  padding: 5px 0;
  transition: color 0.2s ease;
}

.ww-prev-link:hover,
[data-navigate="prev"]:hover {
  color: var(--contrast-highest);
  text-decoration: underline;
}

/** Form styles **/
.ww-form {
  display: flex;
  flex-direction: column;
  gap: 0rem;
}

@media(min-width:768px) {
  .ww-form {
    flex-direction: row;
    gap: 2rem;
  }
}

.ww-form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
}

.ww-label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
  color: var(--contrastHigh, #333);
}

.ww-input-group {
  display: flex;
  gap: 0.5rem;
}

.ww-input {
  padding: 0.75rem;
  border: 2px solid var(--color-p-200, #e0e0e0);
  border-radius: 0.375rem !important;
  font-size: 1rem;
  width: 100%;
}

.ww-input:focus {
  border-color: var(--color-p-400, #4b9cd3) !important;
  outline: none;
}

input,
select {
  border-radius: 0.375rem !important;
  border-color: var(--color-p-200) !important;
}

button.wsf-button.wsf-button-primary {
  background-color: var(--color-p-800) !important;
  border-color: var(--color-p-800) !important;
}

/** Button groups for choices **/
.ww-button-group {
  display: flex;
  gap: 1rem;
  margin: 2rem 0;
  justify-content: center;
  flex-wrap: wrap;
}

/* Individual choice buttons */
.ww-choice-btn {
  padding: 1rem 2rem;
  border: 2px solid var(--color-p-200, #e0e0e0);
  border-radius: 0.375rem !important;
  background-color: white;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  min-width: 120px;
  transition: all 0.3s ease;
}

.ww-choice-btn:hover {
  border-color: var(--color-p-300);
  background-color: var(--color-p-300);
}

/* Active state for selected button */
.ww-choice-btn.active {
  border-color: var(--p-400, #4b9cd3);
  background-color: var(--color-p-100, #f0f7ff);
  color: var(--color-p-400, #4b9cd3);
}

/* Radio style selections */
.ww-radio-group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}

.ww-radio {
  display: flex;
  padding: 1rem;
  border: 2px solid var(--color-p-200, #e0e0e0);
  border-radius: 0.375rem !important;
  background-color: white;
  cursor: pointer;
  transition: all 0.3s ease;
  align-items: center;
  appearance: none;
}

.ww-radio:hover {
  border-color: var(--color-a-700);
  color: var(--color-a-700);
  background-color: var(--color-a-000);
}

.ww-radio.active {
  border-color: var(--color-p-400, #4b9cd3);
  background-color: var(--color-p-100, #f0f7ff);
}

input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.ww-radio-text {
  display: block;
  width: 100%;
  text-align: center;
}

.ww-radio.active {
  border-color: var(--color-a-600);
  background-color: var(--color-a-100);
  box-shadow: 0 0 0 2px var(--color-a-600);
}

.ww-radio-text {
  font-weight: 500;
}

/* Additional styles for the summary results */
.ww-summary {
  margin-top: 1rem;
}

.ww-section-heading {
  font-size: var(--step5FontSize) !important;
  color: var(--contrastHighest);
  margin-bottom: 6rem !important;
}

.ww-subtitle {
  font-size: var(--fontSize8);
  font-weight: 500;
  margin: 1.5rem 0 1rem;
  color: var(--contrastHigh);
}

.ww-summary-list {
  list-style-type: none;
  padding: 0;
  margin: 0 0 2rem;
}

.ww-summary-item {
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--color-p-100);
  font-size: var(--fontSize4);
}

.ww-summary-item:last-child {
  border-bottom: none;
}

.ww-summary-item strong {
  color: var(--contrast-high);
  margin-right: 0.5rem;
}

.ww-recommendations {
  background-color: var(--color-p-50);
  border-left: 4px solid var(--color-p-400);
  padding: 1.5rem;
  border-radius: 0.5rem;
  margin: 1rem 0 2rem;
}

.ww-recommendation {
  margin-bottom: 1rem;
  font-size: var(--fontSize4);
}

.ww-recommendation:last-child {
  margin-bottom: 0;
}

.ww-result-item {
  border: 1px solid var(--color-p-200);
  text-align: center;
  padding: 4rem 2rem 2rem;
  border-radius: .5rem;
  background-image: linear-gradient(white, var(--color-p-100));
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

}

.ww-result-item h3 {
  font-size: var(--fontSize4);
  font-weight: 500;
  color: var(--contrastHighest);
}

/** Slides **/
.swiper-slide {
  padding: 10% 0;
  display: flex;
  flex-direction: column;
  /*   height: 100svh; */
}

.aviator-iframe .swiper-wrapper {
  display: block;
}

.aviator-iframe .swiper-slide {
  outline: 5px dotted red;
  outline-offset: -5px;
}

.swiper-horizontal > .swiper-pagination-progressbar {
  width: 80%;
  left: 10%;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--color-a-700) !important;
}

.hyperlink {
  font-weight: var(--strongFontWeight);
  text-decoration: underline;
  text-decoration-color: var(--color-a-700) !important;
  text-decoration-thickness: 1px;
  color: var(--contrastHighest);
  transition: all .3s ease;
}

.hyperlink:hover {
  color: var(--color-a-500);
  text-decoration-thickness: 2px;
}

/** Utilities **/

:root {
  --headerHeight: 4rem;
}

body {
  padding-top: var(--headerHeight);
}

header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
  height: var(--headerHeight);
}

header section {
  height: var(--headerHeight);
}

@media(min-width:1024px) {
  :root {
    --sectionPadding: 8rem
  }
}

summary {
  cursor: pointer;
}