/* =========================================================
   YITH Category Accordion – Responsive Dropdown
   ID-frei & für mehrere Widgets geeignet
   ========================================================= */

#secondary li {
    margin-bottom: 0;
}
#secondary li {
   text-transform:capitalize
}
.widget_yith_wc_category_accordion ul {
    padding-left: 0;
}

.widget_yith_wc_category_accordion .highlight_cat {
    color: #88335d;
}

/* =========================
   Mobile + Tablet Dropdown
   ========================= */
@media (max-width: 921px){

  /* Titel klickbar */
  .widget_yith_wc_category_accordion .widget-title,
  .widget_yith_wc_category_accordion .ywcca_widget_title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    user-select:none;
    font-weight:600;
    padding:.75rem 1rem;
    margin:0;
  }

  /* Burger Icon */
  .widget_yith_wc_category_accordion .widget-title:after,
  .widget_yith_wc_category_accordion .ywcca_widget_title:after{
    content:"☰ Categories";
    font-size:29px;
    line-height:1;
    margin-left: -10px;
  }

  /* Inhalt standardmäßig geschlossen */
  .widget_yith_wc_category_accordion .ywcca_category_accordion_widget{
    display:none;
    margin-top:.5rem;
  }

  /* Offen-Zustand */
  .widget_yith_wc_category_accordion.is-open .ywcca_category_accordion_widget{
    display:block;
    max-width: 500px;
    width: 80%;
    position: absolute;
    z-index: 999999;
    background: #fff;
    padding-right: 20px; 
    box-shadow:0px 2px 10px 0px #66666645;

  }

  .widget_yith_wc_category_accordion.is-open .widget-title:after,
  .widget_yith_wc_category_accordion.is-open .ywcca_widget_title:after{
    content:"✕";
  }
  .ast-left-sidebar #content > .ast-container{
    flex-direction: column;
  }
}

/* =========================
   Astra Mobile Layout Fix
   ========================= */
@media (max-width: 921px){
  /* .ast-left-sidebar #content > .ast-container{
    flex-direction: column;
  } */
/* .widget-area.secondary{
padding: 0 !important;
    height: 35px;
    background: rebeccapurple;
    margin-top: 18px;
    margin-bottom: 0;
  }
  .sidebar-main{
        z-index: 99999;
    position: absolute;
    background: #ffff;
  }
  .content-area primary{
    margin-top: 20px;
  } */

}