/* Start custom CSS for html, class: .elementor-element-1dd81aa *//* If using table */
td, th {
  color: #000000 !important;
}

/* If using div/list */
.your-container div,
.your-container span,
.your-container p {
  color: #000000 !important;
}

/* If the text has a specific muted/faded class */
.text-muted,
.faded-text,
[class*="light"] {
  color: #000000 !important;
}

/* ===== FIX: Option items overflow ===== */
.opt-item {
  display: flex;
  align-items: flex-start;
  gap: .7rem;
  padding: .65rem .9rem;
  border: 1.5px solid var(--border);
  border-radius: 7px;
  background: #fff;
  font-family: 'Source Serif 4', serif;
  font-size: .9rem;
  color: var(--text);
  line-height: 1.55;
  word-break: break-word;
  overflow-wrap: anywhere;
  box-sizing: border-box;
  width: 100%;          /* ADD: ensure full width */
  min-width: 0;         /* ADD: critical flex overflow fix */
  max-width: 100%;      /* ADD: prevent exceeding parent */
}

/* ===== FIX: Option text wrapping ===== */
.opt-txt {
  flex: 1;
  word-break: break-word;
  overflow-wrap: anywhere;
  white-space: normal;  /* ADD: force wrap */
  min-width: 0;         /* ADD: critical - fixes flex child overflow */
  max-width: 100%;      /* ADD */
}

/* ===== FIX: Options list container ===== */
.q-opts {
  padding: 1rem 1.1rem .5rem;
  margin: 0;
  list-style: none;
  display: grid;
  gap: .55rem;
  width: 100%;          /* ADD */
  box-sizing: border-box; /* ADD */
  overflow: hidden;     /* ADD */
}

/* ===== FIX: Question card ===== */
.q-card {
  border: 1.5px solid var(--border);
  border-radius: 10px;
  overflow: hidden;
  width: 100%;          /* ADD */
  max-width: 100%;
  box-sizing: border-box; /* ADD */
  background: #fff;
}

/* ===== FIX: Question top row ===== */
.q-top {
  display: flex;
  align-items: flex-start;
  gap: .8rem;
  background: var(--bg);
  padding: .95rem 1.1rem;
  border-bottom: 1.5px solid var(--border);
  width: 100%;          /* ADD */
  box-sizing: border-box; /* ADD */
  overflow: hidden;     /* ADD */
}

/* ===== FIX: MCQ body ===== */
.mcq-body {
  background: #fff;
  border: 2px solid var(--border);
  border-top: none;
  border-radius: 0 0 12px 12px;
  padding: 1.5rem;
  display: grid;
  gap: 1.8rem;
  width: 100%;          /* ADD */
  box-sizing: border-box; /* ADD */
  overflow: hidden;     /* ADD */
}

/* ===== MOBILE FIX (max-width: 640px) ===== */
@media(max-width: 640px) {
  .opt-item {
    padding: .55rem .7rem;
    font-size: .84rem;
    gap: .5rem;
    min-width: 0;       /* ADD */
    width: 100%;        /* ADD */
  }

  .opt-txt {
    min-width: 0;       /* ADD */
    font-size: .84rem;  /* ADD */
    line-height: 1.5;   /* ADD */
  }

  .q-opts {
    padding: .75rem .75rem .3rem;
    gap: .4rem;
    overflow: hidden;   /* ADD */
  }
}

/* ===== SMALLEST SCREEN FIX (max-width: 380px) ===== */
@media(max-width: 380px) {
  .opt-item {
    padding: .5rem .55rem;
    font-size: .8rem;
    min-width: 0;       /* ADD */
    width: 100%;        /* ADD */
  }

  .opt-txt {
    min-width: 0;       /* ADD */
    font-size: .8rem;
  }

  .q-opts {
    padding: .6rem .55rem; /* ADD */
  }
}/* End custom CSS */