/* NB-Plugin Responsive (<768px) */
@media screen and (max-width: 768px) {

.toggle-btn
{
    width: 100%;
}


  /* 1) container en ligne : sidebar + pane côte à côte */
  #nb-shell {
    flex-direction: row !important;
  }

  /* 2) sidebar étroite, alignée en colonne, texte masqué */
  #sidebar {
    width: 60px !important;
    min-width: 60px !important;
    border-right: none !important;
    padding: 8px 0 !important;
    align-items: center !important;
  }
  #sidebar .wpda-builder-logo_sticky,
  #sidebar .cta-block,
  #sidebar #nb-credits-wrapper {
    display: none !important;
  }
  #sidebar .nav {
    display: block !important;
    width: 100% !important;
    padding: 12px 0 !important;
    height: 50px;
    color: transparent !important;     /* cache le texte */
    position: relative !important;
    text-align: center !important;
  }
  /* icônes via pseudo-élément, taille absolue */
  #sidebar .nav::before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 24px !important;        /* taille fixe */
    line-height: 1 !important;
    color: #0060df !important;
    display: block !important;
  }
  #sidebar .nav:hover::before,
  #sidebar .nav.active::before {
    color: #004a9f !important;
  }
  
  .grid-2{
    display: flow;
 
}

.modal-content{
    padding-top: 250px;
}

#draft > section > div:nth-child(3) > label:nth-child(2)
{
    display: block !important;
}

.card-control .details h4{
    font-size: 0.8em;
}

.btn-primary
{
    height: auto;
}

#optionbind > div.card-control > div > p
{
    display: none;
}

.option-card
{
    margin-bottom: 30px;
}

#nb-modal-overlay
{
    overflow: auto;
}

.cta-dashboard
 {
    width: 90% !important;
}
  
  /* code FA selon data-view */
  #sidebar .nav[data-view="dashboard"]::before { content: "\f015"; } /* home */
  #sidebar .nav[data-view="sites"]::before { content: "\f0ac"; } /* globe */
  #sidebar .nav[data-view="projects"]::before  { content: "\f07b"; } /* folder */
  #sidebar .nav[data-view="tools"]::before     { content: "\f0ad"; } /* wrench */
  #sidebar .nav[data-view="profil"]::before    { content: "\f007"; } /* user */
  #sidebar .nav[data-view="pricing"]::before    { content: "\f02c"; } /* pricing */

  /* 3) pane full-width, scrollable, padding réduit */
  #pane {
    flex: 1 1 auto !important;
    width: auto !important;
    padding: 16px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  /* images/tables adaptives */
  #pane img {
    max-width: 100% !important;
    height: auto !important;
  }
  #pane table {
    width: 100% !important;
    display: block !important;
    overflow-x: auto !important;
  }
}