/* ===============================
   Responsive Overrides (Organized)
   =============================== */

/* --- My Account Navigation --- */
@media (max-width: 992px) {
  .woocommerce-MyAccount-navigation {
    display: none !important;
  }
  .woocommerce-MyAccount-navigation.active {
    display: block !important;
    width: 100% !important;
    position: static !important;
    top: auto !important;
    max-width: none !important;
    max-height: none !important;
    overflow-y: visible !important;
  }
  .menu-toggle {
    display: block !important;
    cursor: pointer;
  }
  .woocommerce-account .woocommerce-MyAccount-content,
  .woocommerce-account .woocommerce-MyAccount-navigation {
    float: none !important;
    width: 100% !important;
  }
  .woocommerce-MyAccount-navigation ul li {
    display: inline-block !important;
    padding: 0 1em !important;
  }
}


/* --- Dashboard & Orders Layout --- */
@media (max-width: 990px) {
  .dashboard_boxs.account_boxs,
  .dashboard_boxs {
    padding: 0.5em !important;
    box-shadow: none !important;
  }
  .dashboard_boxs .account_boxs{
    display: block !important;
  }
  .dashboard_boxs .credit_information,
  .dashboard_boxs .credit_tab,
  .dashboard_boxs .credit_2,
  .dashboard_boxs .credit_3 {
    flex-direction: column !important;
    width: 100% !important;
    padding: 0.5em !important;
    text-align: center !important;
  }
  .dashboard_boxs .credit_information {
    flex-wrap: wrap !important;
    gap: 0.5em !important;
  }
  .dashboard_boxs .credit_tab,
  .dashboard_boxs .credit_2,
  .dashboard_boxs .credit_3 {
    border: none !important;
    margin-bottom: 1em !important;
  }
  .dashboard_boxs > div[style*="display:flex"],
  .dashboard_boxs > div[style*="display: flex"],
  .dashboard_boxs > div[style*="display:  flex"] {
    flex-direction: column !important;
    gap: 0.5em !important;
  }
  .table-container,
  .orders-main,
  .dc-top-products-column {
    flex-direction: column !important;
    width: 100% !important;
    display: block !important;
    padding: 0 !important;
  }
  .dc-top-products-column {
    margin-top: 1em !important;
    gap: 0.5em !important;
  }
  .dashboard_boxs .account_title,
  .dashboard_boxs .autopay_status {
    width: 100% !important;
    text-align: center !important;
    padding: 0.5em 0 !important;
  }
  .dashboard_boxs .autopay_info {
    padding: 0.5em !important;
  }
  .dashboard_boxs form,
  .dashboard_boxs button,
  .dashboard_boxs input,
  .dashboard_boxs select {
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 0.5em !important;
  }
  .dashboard_boxs .button,
  .dashboard_boxs button {
    font-size: 1em !important;
    padding: 0.75em 1em !important;
  }
}

/* --- Header & Misc --- */
@media (max-width: 990px) {
  #design-viewer-logo {
    max-width: 200px;
  }
}
@media (max-width: 730px) {
  .user-display {
    display: none;
  }
}


@media (max-width: 640px) {
  #header .top-account-menu,
  #header .top-menu-contact {
    display: none;
  }
}
@media only screen and (max-width: 592px) {
    .order_details .wc-item-meta li {
        flex-direction: column;
    }
}
@media (max-width: 540px) {
  #user_display,
  #header .separator {
    display: none;
  }
  #design-viewer-logo {
    max-width: 150px;
  }
}
@media (max-width: 424px) {
  #header .searchform-popup {
    display: none !important;
  }
}
@media (max-width: 375px) {
  #header #mini-cart {
    display: none !important;
  }
}