.hide-on-mobile {
    display: none !important;
}
.hide-on-tablet {
    @media (min-width: 481px) and (max-width: 1024px) {
        display: none !important;
    }
}
.hide-on-desktop {
    @media (min-width: 1025px) {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .hide-on-mobile {
        display: inherit !important;
    }
}
.blynex-responsive-panel {
    /* Panel header with icon */
    > .components-panel__body-title {
      display: flex;
      align-items: center;
      gap: 8px;
      
      .components-panel__icon {
        margin-right: 0;
        color: #1e1e1e; /* Match WordPress panel icon color */
      }
    }
    
    /* Custom responsive icon */
    .blynex-responsive-icon {
      fill: currentColor;
      margin-right: 8px;
      width: 20px;
      height: 20px;
    }
  }
  
  /* Dark Mode Support */
  .is-dark-theme {
    .blynex-responsive-panel {
      > .components-panel__body-title .components-panel__icon {
        color: #f0f0f1; /* Light color for dark mode */
      }
    }
  }