/* Mobile collapsible toggle styles (Elementor controls aware) */
@media (min-width: 768px) {
  .ecpf-collapsible .ecpf-toggle { display: none; }
  .ecpf-collapsible .ecpf-panel { display: block !important; max-height: none !important; overflow: visible !important; }
}
@media (max-width: 767.98px) {
  .ecpf-collapsible .ecpf-toggle {
    position: sticky; top: 0; z-index: 5; width: 100%;
    display:flex; align-items:center; justify-content:space-between; gap:.5rem;
    padding:.75rem 1rem;
    background: var(--ecpf-toggle-bg, #fff);
    border:1px solid var(--ecpf-sticky-border, rgba(0,0,0,.08));
    border-radius: var(--ecpf-radius, 12px);
    font: inherit;
    text-align:left; cursor:pointer;
  }
  .ecpf-collapsible .ecpf-toggle .icon { transition: transform .2s ease; }
  .ecpf-collapsible.is-open .ecpf-toggle .icon { transform: rotate(180deg); }
  .ecpf-collapsible.is-open .ecpf-toggle {
    background: var(--ecpf-toggle-bg-open, var(--ecpf-toggle-bg, #fff));
  }
  .ecpf-collapsible .ecpf-panel { overflow:hidden; transition:max-height .25s ease; will-change:max-height; border-radius: var(--ecpf-radius, 12px); }
  .ecpf-collapsible .ecpf-panel[hidden] { display:block; max-height:0 !important; padding-block-start:0 !important; padding-block-end:0 !important; }
}