/* State / structure helpers (:has, :not(:has), etc.). Loaded after main.css and mo-main.css. */

.change_status_ul li:has(.live_btn):hover {
    background: rgba(107, 176, 33, 0.2);
}

.change_status_ul li:has(.cancelled_btn):hover {
    background: var(--hover-bg-shadow);
}

.change_status_ul li:has(.pending_launch_btn):hover {
    background: var(--hover-bg-shadow);
}

.change_status_ul li:has(.change_to_activate_from_stopped):hover {
    background: rgba(107, 176, 33, 0.2);
}

.change_status_ul li:has(.live_btn):hover+li {}

.change_status_ul li:has(.change_to_activate_from_stopped):hover+li {}

.change_status_ul li:has(.paused_btn):hover {
    background: rgba(255, 166, 0, 0.1);
}

.change_status_ul li:has(.paused_btn):hover+li {}

.change_status_ul li:hover:has(.stopped_btn) {
    background: var(--stroke-secondary-2);
}

.change_status_ul li:hover:has(.finished_btn) {
    background: rgba(51, 61, 96, 0.2);
    border: 1px solid var(--bg-secondary-default);
}

/* write if dashboard_open_hide_blk css display block. then dashboard_single_item_content padding-bottom: 0; */

.dashboard_single_item_content:has(.dashboard_open_hide_blk[style*="display: block;"])
{
    padding-bottom: 0;
}

.audienceBalance_single_list:has(input[type="checkbox"]:checked) {
    background: var(--bg-default) !important;
    border-radius: 4px;
}

.audienceBalance_single_list:not(:has(input[type="checkbox"]:checked)) {
    opacity: 0.5;
}

.audienceBalance_single_list:has(input[type="checkbox"]:checked) label {
    color: var(--mo-text-1) !important;
}

.audiences_survey_list_wrapper:has(.has-lottie-player) {
    background: var(--bg-default) !important;
}

.offcanvas_area:has(.commentsAndUpdate_modal) {
    max-width: 1300px;
}

.settings__offcanvas_area:has(.interlock_wrapper) {
    max-width: 1300px !important;
    background: var(--mo-bg-2);
}

.interlock_item_wrapper:has(.quota-disabled-style) {
    background: var(--bg-default-1);
}

body:has(.sd_audience_visible_check) #testAudienceListSelect {
    display: block;
}

.external_check_blk_area:has(input[type="checkbox"]:checked) {
    background: var(--bg-primary);
    border: 1px solid var(--stroke-primary);
}

.external_check_blk_area:has(input[type="checkbox"]:checked) label {
    color: var(--text-primary)
}

.settings__offcanvas_area:has(.interlock_question_area[style*="display:none"]) {
    max-width: 900px !important;
    /* Set your desired max-width */
}

.recontacts_main_header:has(.pill_components:not([style*="display: none"])) .topic_title {
    color: var(--text-primary);
}

.custom_screener_input:has(.quotas_percentage_blk:is([style*="display: none"])) {
    background: var(--bg-default);
}

.custom_screener_input:has(.quotas_percentage_blk:is([style*="display: none"])) input {
    border: solid 1px var(--stroke-transparent);
}

.scheduling_item_container:has(.fa-square:is([style*="display: none"])) {
    background: var(--bg-default);
}

.recontacts_header_wrapper:has(.fa-square:is([style*="display: none"])) {
    background: var(--bg-default);
}

.blockCpxProjectWrapper:has(.fa-square:is([style*="display: none"])) {
    background: var(--bg-default);
}

*/
.mo_side_nav_wrapper:has(.project_feasibility_wrapper) {
    max-width: 1300px;
}

.custom_check_container:has(input:disabled)+span label {
    color: var(--text-disabled) !important;
}

.quotas_answer_blk:has([name="target-disabled-icon"]:not([style*="display: none"])) {
    color: var(--mo-text-2);
}

.quotas_answer_blk:has([name="target-disabled-icon"]:not([style*="display: none"])) input{
color: var(--mo-text-2);
}

.age_answer_module_list_blk:has([name="target-disabled-icon"]:not([style*="display: none"])){
color: var(--mo-text-2);
}

.age_answer_module_list_blk:has([name="target-disabled-icon"]:not([style*="display: none"])) .gender_list_text{
color: var(--mo-text-2) !important;
}

.age_answer_module_list_blk:has([name="target-disabled-icon"]:not([style*="display: none"])) input{
color: var(--mo-text-2);
}

.massUpdateAudienceItemWrapper:has(.custom_check_input:checked) .massUpdateAudienceFieldWrapper {
    display: block;
}

.mo_checkEvent_area:has(.custom_check_input:checked) .mo_settings_pill
{
    display: flex !important;
}

.mo_settings_item:has(.custom_check_input:checked)
{
    background: var(--bg-default) !important;
    border: 1px solid var(--stroke-primary) !important;
}

.mo_settings_item:has(.custom_check_input:checked) .mo_settings_title 
{
    color: var(--text-primary) !important;
}

.mo_sub_check:has(.custom_check_input:checked) .check_label
{
    color: var(--text-primary) !important;
}

.launch_summary_details:has(.cpi-block:not([style*="display: none"])) {
  width: 205px;
}

.audienceDetailsWrapper:has(#audience-details-wrapper[style*="display: none"])
{
    display: none !important;
}

#custom-screener-msg-container:has(.mo_alert_wrapper) {
    margin-bottom: -4px;
    margin-top: -1px;
}

#audiences-overview-wrapper:has(.has-lottie-player)
{
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0px !important;
}


.scheduling_item_container:has(.fa-square-check:not([style*="display: none"])) {
    border: 1px solid var(--stroke-primary);
  }

#dashboardProjectWrapper:has(dotlottie-player)
{
    box-shadow: none !important;
    background: var(--bg-default) !important;
}

.survey_parent_li:hover:has(.survey__answer_area[style*="display: block;"]) .manageScreenerQuestionToolbar
{
    visibility: visible !important;
    opacity: 1 !important;
}

.funnelPercnetageWrapper:not(:has(.prhcb))
{
    border-bottom: 0 !important;
}

#audiencesOverviewWrapperOverwall:has(#empty-audiences:not([style*="display: none"]))
{
    display: none !important;
}

.mo_box_shadow_border_3:has(#add-new-audience-spinner.d-block)
{
    box-shadow: none !important;
}

/* When quotas are enabled, style all inputs with a different background */
/* Target when disable-quotas is visible (not hidden) OR when enable-quotas is hidden */
#edit-question-content-area:has(#disable-quotas:not([style*="display: none"])) input,
#edit-question-content-area:has(#enable-quotas[style*="display: none"]) input,
#edit-question-content-area:has(#disable-quotas:not([style*="display: none"])) input[type="text"],
#edit-question-content-area:has(#disable-quotas:not([style*="display: none"])) input[type="number"],
#edit-question-content-area:has(#enable-quotas[style*="display: none"]) input[type="text"],
#edit-question-content-area:has(#enable-quotas[style*="display: none"]) input[type="number"]
{
    background: var(--mo-bg-1);
}

/* More specific targeting for all input types in the edit question screen when quotas are enabled */
#edit-question-content-area:has(#disable-quotas:not([style*="display: none"])) .module_list_answers_wrapper input,
#edit-question-content-area:has(#enable-quotas[style*="display: none"]) .module_list_answers_wrapper input,
#edit-question-content-area:has(#disable-quotas:not([style*="display: none"])) input[name="start_age_range"],
#edit-question-content-area:has(#disable-quotas:not([style*="display: none"])) input[name="end_age_range"],
#edit-question-content-area:has(#disable-quotas:not([style*="display: none"])) input[name="quota_percent"],
#edit-question-content-area:has(#disable-quotas:not([style*="display: none"])) input[name="quota_completes"],
#edit-question-content-area:has(#enable-quotas[style*="display: none"]) input[name="start_age_range"],
#edit-question-content-area:has(#enable-quotas[style*="display: none"]) input[name="end_age_range"],
#edit-question-content-area:has(#enable-quotas[style*="display: none"]) input[name="quota_percent"],
#edit-question-content-area:has(#enable-quotas[style*="display: none"]) input[name="quota_completes"]
{
    background: var(--mo-bg-1);
}

.settings_offcanvas_area_wrapper:has(#interlockquotas-breadcrumbs)
{
    overflow: hidden !important;
}

.modal-header:has(.auto-height)
{
    height: auto !important;
}

.modal-footer:not(:has(button)) {
    display: none;
}

.mo_side_nav_wrapper:has(#bulk-updates-header)
{
    max-width: 1080px !important;
}

#audiencesOverviewWrapperOverwall:has(#audience-details-wrapper > *)
#audiences-overview-wrapper:not(:has(#loading_animation_span)) {
    display: none !important;
}

.mo_side_nav_wrapper:has(.matrixQuestionV2) {
  /* max-width: 1300px; */
}

.mo_side_nav_wrapper:has(.mo_edit_expanded) {
  max-width: 1500px;
}

body:has(.mo_side_nav_wrapper.active) {
  overflow: hidden;
}

.mo_overview_question_li:has(.mo_section_parent) {
  
  
}

.mo_overview_question_li:has(.sd_logic_item)
{
  border-left: 1px solid var(--mo-stroke-1);
}

.mo_overview_question_li:has(.sd_else_block)
{
  cursor: auto !important;
  pointer-events: none !important;
}

.mo_overview_question_li:has(.mo_logic_wrapper) {
  /* border-top: none ;
  border-bottom: none;
  background: var(--mo-bg-2);
  border-right: none; */
  /* border-bottom: 0; */
}

.mo_overview_question_li:has(.mo_section_parent:has(.sd_accordion_click_blk .sd_accordion_open)) {
  margin-bottom: 0px !important;
}

.mo_overview_question_li:has(.mo_page_expanded) {
  margin-bottom: 0px !important;
}

.mo_action_btn_2:has(.fa-toggle-on) {
  background: var(--mo-bg-3);
  color: var(--mo-text-3);
}

.mo_quota_row:has([name="target-disabled-label"]:not([style*="display: none"])) {
  color: var(--mo-text-2);
}

.mo_settings_item:has(.mo_disabled)
{
  background: var(--mo-bg-9);
}

body:has(.mo_feasibility_login)
{
  background-color: var(--mo-text-1) !important;
  color: var(--mo-text-3);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 !important;
  padding-bottom: 0px !important;
}

.mo_overview_question_li:hover .mo_survey_overview_answer_wrapper:has(.mo_answer_blue_bg)
{
  background: var(--mo-bg-2) !important;
}

.mo_overview_question_li:has(.mo_grandchildren_section)
{
  margin-left: 70px !important;
}

.mo_setting_item:has(.custom_check_input:checked)
{
  color: var(--mo-text-7);
}

.mo_survey_overview_answer_wrapper:has(.mo_answer_blue_bg), .mo_survey_overview_answer_wrapper:has(.checking_answer_audience.active)
{
  background: var(--mo-bg-5);
  color: var(--mo-text-7);
  border: 1px solid var(--mo-stroke-6);
}

.mo_survey_overview_answer_wrapper:has(input:checked)
{
  background: var(--mo-bg-5);
  color: var(--mo-text-7);
  border: 1px solid var(--mo-stroke-6);
}

/* When "Sample" (value="1") is checked, slide to the right */
.mo_project_type_select_wrapper:has(input[value="1"]:checked)::before {
  transform: translateX(0%);
}

/* Optional: if you want to be explicit when Survey is checked */
.mo_project_type_select_wrapper:has(input[value="2"]:checked)::before {
  transform: translateX(100%);
  
}

/* Active card text color (background handled by ::before) */
.mo_project_type_select:has(input[type="radio"]:checked) {
  color: var(--mo-text-7) !important;
}

.mo_project_type_select:has(input[type="radio"]:checked)  .mo_create_project_type_icon{
  color: var(--mo-text-2) !important;
  opacity: 0.7 !important;
}

.mo_custom_check_with_input:has(input:checked) {
  border-radius: 4px;
  border: 1px solid var(--mo-stroke-3);
  background: var(--mo-bg-3);
}

.mo_custom_check_with_input:has(input:checked) + span label {
  color: var(--mo-text-7);
}

.mo_un_selected_questions_list .mo_overview_question_li:not(:has(input[type="checkbox"]:checked)) .mo_question_type_icon_wrapper {
  background: var(--mo-stroke-9);
  box-shadow: var(--mo-box-shadow-disabled) !important;
}

.select_templates_other
{
  background: var(--mo-bg-1);
  color: var(--mo-text-1);
}

.select_templates_other:has(option:checked:not([value="0"])) {
  background: var(--mo-bg-3) !important;
  color: var(--mo-text-3) !important;
}