/* ConjuresUp Mobile – safer targeted astrology/mobile fixes */
@media (max-width: 767px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }

  /* Main astrology wrappers: keep centered without forcing everything sitewide */
  .csu-astrology-tools,
  .csu-astrology-wrap,
  .csu-birth-chart,
  .csu-birth-chart-results,
  .csu-generated-chart,
  .csu-horoscope,
  .csu-horoscope-card,
  .csu-daily-horoscope-card,
  .csu-lunar-calendar,
  .csu-lunar-calendar-card,
  .csu-moon-phase,
  .csu-saved-inputs,
  .csu-profile-panel,
  .csu-profile-actions {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  /* Prevent inner cards and generated blocks from shifting right */
  .csu-birth-chart-results > *,
  .csu-generated-chart > *,
  .csu-horoscope > *,
  .csu-horoscope-card > *,
  .csu-daily-horoscope-card > *,
  .csu-lunar-calendar > *,
  .csu-profile-panel > * {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Generated birth-chart cards */
  .csu-generated-chart .csu-core-card,
  .csu-generated-chart .csu-keywords-card,
  .csu-generated-chart .csu-aspects-card,
  .csu-generated-chart .csu-house-card,
  .csu-generated-chart .csu-moon-phase-card,
  .csu-generated-chart .csu-card,
  .csu-generated-chart .csu-panel,
  .csu-birth-chart-results .csu-card,
  .csu-birth-chart-results .csu-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Copy summary button in generated chart */
  .csu-generated-chart .csu-copy-summary,
  .csu-birth-chart-results .csu-copy-summary,
  .csu-generated-chart .csu-summary-button {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
  }

  /* Profile + saved input buttons */
  .csu-profile-actions,
  .csu-profile-panel .csu-profile-actions,
  .csu-profile-panel .csu-action-row,
  .csu-profile-panel .csu-button-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .csu-profile-actions button,
  .csu-profile-actions a,
  .csu-profile-panel .csu-btn,
  .csu-profile-panel button,
  .csu-profile-panel a,
  .csu-saved-inputs,
  .csu-birth-chart button,
  .csu-birth-chart .button,
  .csu-birth-chart a.button {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Horoscope selector/actions */
  .csu-horoscope .csu-action-row,
  .csu-horoscope .csu-button-row,
  .csu-horoscope-card .csu-action-row,
  .csu-daily-horoscope-card .csu-action-row,
  .csu-daily-horoscope-card .csu-button-row,
  .csu-horoscope .csu-tab-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .csu-horoscope .csu-action-row > *,
  .csu-horoscope .csu-button-row > *,
  .csu-daily-horoscope-card .csu-action-row > *,
  .csu-daily-horoscope-card .csu-button-row > *,
  .csu-horoscope button,
  .csu-horoscope a,
  .csu-horoscope .csu-btn,
  .csu-daily-horoscope-card button,
  .csu-daily-horoscope-card a,
  .csu-daily-horoscope-card .csu-btn,
  .csu-daily-horoscope-card .csu-tab,
  .csu-daily-horoscope-card .csu-pill {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Best / Avoid must stack cleanly */
  .csu-best-avoid,
  .csu-best-avoid-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .csu-best-avoid > *,
  .csu-best-avoid-row > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* Moon phase + premium pills should wrap inside the card */
  .csu-journal-prompts,
  .csu-ritual-suggestions,
  .csu-premium,
  .csu-lunar-details {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .csu-journal-prompts .csu-pill,
  .csu-ritual-suggestions .csu-pill,
  .csu-premium .csu-pill,
  .csu-lunar-details .csu-pill,
  .csu-journal-prompts button,
  .csu-ritual-suggestions button,
  .csu-premium button,
  .csu-lunar-details button {
    max-width: 100% !important;
    width: auto !important;
    min-width: 0 !important;
    white-space: normal !important;
  }

  /* Calendar section */
  .csu-lunar-calendar,
  .csu-lunar-calendar-card,
  .csu-lunar-calendar-wrap {
    overflow: hidden !important;
  }

  .csu-lunar-calendar .csu-calendar-nav,
  .csu-lunar-calendar-card .csu-calendar-nav {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    align-items: center !important;
  }

  .csu-lunar-calendar .csu-calendar-nav > *,
  .csu-lunar-calendar-card .csu-calendar-nav > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .csu-lunar-calendar-grid,
  .csu-calendar-grid {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .csu-lunar-calendar-grid > *,
  .csu-calendar-grid > *,
  .csu-day,
  .csu-day-cell,
  .calendar-day {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 72px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  /* Keep lunar icons and labels visible without taking over the whole day cell */
  .csu-day .csu-phase,
  .csu-day-cell .csu-phase,
  .calendar-day .phase {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    max-width: calc(100% - 8px) !important;
    min-width: 0 !important;
    width: auto !important;
    padding: 2px 6px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
  }

  .csu-day .csu-phase-icon,
  .csu-day-cell .csu-phase-icon,
  .calendar-day .phase-icon {
    flex: 0 0 auto !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
  }

  .csu-day .csu-phase-label,
  .csu-day-cell .csu-phase-label,
  .calendar-day .phase-label {
    display: inline-block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  /* Prevent long text from pushing cards off-screen */
  .csu-generated-chart,
  .csu-birth-chart-results,
  .csu-daily-horoscope-card,
  .csu-horoscope-card,
  .csu-moon-phase,
  .csu-saved-inputs,
  .csu-aspects-card,
  .csu-keywords-card,
  .csu-house-card,
  .csu-profile-panel,
  .csu-lunar-calendar,
  .csu-lunar-details {
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
}