/* BARRE DES CLASSES */
@media (max-width: 768px) {
	.class-bar {
	  background-color: #1c2230;
	  padding: 10px 0;
	  border-bottom: 3px solid #dfba3d;
	}

	.class-icons {
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: center;
	  gap: 16px;
	  padding: 10px 16px;
	  list-style: none;
	  margin: 0;
	}

	.class-item {
	  flex: 0 1 60px;
	  text-align: center;
	}

	.class-icon img {
	  width: 36px;
	  height: auto;
	  filter: grayscale(0%);
	  opacity: 1;
	  transition: transform 0.2s;
	}

	.class-icon:hover img {
	  transform: scale(1.1);
	}
	
	.spec-menu {
		display: none !important;
	}
}

@media screen and (min-width: 1025px) {
	/* .entry-content, article.post, article { */
		/* max-width: 80% !important; */
		/* margin-left: auto !important; */
		/* margin-right: auto !important; */
		/* margin-top: 2%; */
  /* } */
}

@media (max-width: 767px) {
  .entry-content,
  .single .ct-container,
  .page .ct-container,
  .blog .ct-container {
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  /* Conteneur du post : image + titre */
  .wp-block-latest-posts__list li {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
  }

  /* Enlève le float et marge inutile */
  .wp-block-latest-posts__featured-image.alignleft {
    float: none !important;
    margin: 0 !important;
    max-width: 38px;
    max-height: 38px;
    flex-shrink: 0;
  }
}

/* SOMMAIRE */
@media (min-width: 600px) {
  /* .toc-widget ol { */
    /* column-count: 2; */
    /* column-gap: 2rem; */
  /* } */

  /* .toc-widget li { */
    /* break-inside: avoid; */
  /* } */
  #toc-list {
    column-count: 2;
    column-gap: 2rem;
  }
}

/* MENU DE CONNEXION */ 
@media (max-width: 600px) {
  .akalavolo-modal-content {
    width: 90%;
    padding: 1.2rem;
    margin: 20% auto;
    font-size: 1rem;
  }

  .akalavolo-modal-content input,
  .akalavolo-modal-content button,
  .akalavolo-modal-content .input {
    font-size: 1rem;
    padding: 0.8em;
  }

  .akalavolo-modal-content h2 {
    font-size: 1.4rem;
  }
  
  .menu-item a span {
    display: inline;
    /* margin-left: 0.4em; */
  }
  
  .menu-item a .fas {
	  display: none;
  }
  
  .menu-item a {
	  padding: 0.3em 0;
  }
}

@media (min-width: 1025px) {

  main#main > div.ct-container[data-sidebar]{
    /* display: grid !important; */
    /* grid-template-columns: 12% 8% 60% 20%; */
    /* column-gap: 0; */

    /* margin-inline: 0 !important; */
    /* width: 100% !important; */
    /* max-width: 100% !important; */

    /* align-items: start; */
  }

  main#main > div.ct-container[data-sidebar] > article{
    /* grid-column: 3 !important; */
    /* min-width: 0; */
  }

  main#main > div.ct-container[data-sidebar] > aside#sidebar{
    /* grid-column: 1 !important; */
  }
}

/* TABLEAUX TIER LISTS */
@media (max-width: 768px) {
  .ak-details-table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
  
  @-moz-document url-prefix() {
    .ak-tab-panel {
      overflow-x: auto;
    }
    .ak-details-table {
      width: max-content;
    }
}}