/*
Theme Name: Champ Benoit (2025 v1) basé sur Kubio Child
Template: kubio
Author: ProduNet
Author URI: https://www.produnet.net
Description: Kubio is an innovative, easily customizable, multi-purpose theme, focused on empowering users to build astonishing WordPress websites. Kubio is mainly designed for small businesses, startups, or personal portfolio websites and works perfectly with Kubio Page Builder which enriches the WordPress block editor with a variety of new blocks and advanced styling options to give you full design freedom.
Tags: entertainment,food-and-drink,portfolio,one-column,two-columns,grid-layout,custom-header,custom-menu,custom-logo,full-width-template,theme-options,translation-ready,featured-images,threaded-comments
Version: 1.0.56.1760596604
Updated: 2025-10-16 08:36:44

*/

.al-center { text-align: center; }
.al-right { text-align: right; }
.al-left { text-align: left; }
.w-100prct { width: 100%; }

#footer {
	display: none;
}

.flex-container {
	display: flex; /* Makes this a true flex container! */
	justify-content: center;
	align-items: stretch; 
}
.flex-item {
	margin: 5px;
	align-items: center;
	flex: 1 1 auto;
}

.form-resa-input {
	font-size: 16pt !important;
	min-height: 35px !important;
}

.resa-date:hover {
	opacity: .5;
}

.resa-date-libre {  }
.resa-date-occupe { cursor: wait; }

/* Responsive  */

/* Container optionnel */
.container {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

/* Ligne de grille */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

/* Colonne de base */
.col {
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  flex: 0 0 100%;
  max-width: 100%;
}

/* ---- Breakpoints ---- */
@media (min-width: 576px) {
  .col-sm-1  { flex: 0 0 8.3333%;  max-width: 8.3333%; }
  .col-sm-2  { flex: 0 0 16.6667%; max-width: 16.6667%; }
  .col-sm-3  { flex: 0 0 25%;      max-width: 25%; }
  .col-sm-4  { flex: 0 0 33.3333%; max-width: 33.3333%; }
  .col-sm-5  { flex: 0 0 41.6667%; max-width: 41.6667%; }
  .col-sm-6  { flex: 0 0 50%;      max-width: 50%; }
  .col-sm-7  { flex: 0 0 58.3333%; max-width: 58.3333%; }
  .col-sm-8  { flex: 0 0 66.6667%; max-width: 66.6667%; }
  .col-sm-9  { flex: 0 0 75%;      max-width: 75%; }
  .col-sm-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
  .col-sm-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
  .col-sm-12 { flex: 0 0 100%;     max-width: 100%; }
}

@media (min-width: 768px) {
  .col-md-1  { flex: 0 0 8.3333%;  max-width: 8.3333%; }
  .col-md-2  { flex: 0 0 16.6667%; max-width: 16.6667%; }
  .col-md-3  { flex: 0 0 25%;      max-width: 25%; }
  .col-md-4  { flex: 0 0 33.3333%; max-width: 33.3333%; }
  .col-md-5  { flex: 0 0 41.6667%; max-width: 41.6667%; }
  .col-md-6  { flex: 0 0 50%;      max-width: 50%; }
  .col-md-7  { flex: 0 0 58.3333%; max-width: 58.3333%; }
  .col-md-8  { flex: 0 0 66.6667%; max-width: 66.6667%; }
  .col-md-9  { flex: 0 0 75%;      max-width: 75%; }
  .col-md-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
  .col-md-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
  .col-md-12 { flex: 0 0 100%;     max-width: 100%; }
}

@media (min-width: 992px) {
  .col-lg-1  { flex: 0 0 8.3333%;  max-width: 8.3333%; }
  .col-lg-2  { flex: 0 0 16.6667%; max-width: 16.6667%; }
  .col-lg-3  { flex: 0 0 25%;      max-width: 25%; }
  .col-lg-4  { flex: 0 0 33.3333%; max-width: 33.3333%; }
  .col-lg-5  { flex: 0 0 41.6667%; max-width: 41.6667%; }
  .col-lg-6  { flex: 0 0 50%;      max-width: 50%; }
  .col-lg-7  { flex: 0 0 58.3333%; max-width: 58.3333%; }
  .col-lg-8  { flex: 0 0 66.6667%; max-width: 66.6667%; }
  .col-lg-9  { flex: 0 0 75%;      max-width: 75%; }
  .col-lg-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
  .col-lg-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
  .col-lg-12 { flex: 0 0 100%;     max-width: 100%; }
}

/* Quelques helpers d’alignement si besoin */
.row.center {
  justify-content: center;
}
.row.between {
  justify-content: space-between;
}
.row.middle {
  align-items: center;
}


/* Planning  */
/* Conteneur qui permet le scroll horizontal sur mobile */
.table-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Le tableau s'adapte à la largeur disponible */
.planning-table {
  width: 100%;
  border-collapse: collapse;
}

/* Optionnel : styles de base */
.planning-table th,
.planning-table td {
  padding: 4px 6px;
  text-align: center;
  white-space: nowrap; /* évite les retours à la ligne sur les jours 1,2,3... */
}

/* Amélioration de lisibilité sur petits écrans */
@media (max-width: 575.98px) {
  .planning-table th,
  .planning-table td {
    padding: 3px 4px;
    font-size: 12px;
  }
}

@media (max-width: 992px) {

	.month-day-heading {
		transform: rotate(-90deg);
		font-size: 10px;
	}

}

@media (max: 768px) {

	.month-day-heading {
		transform: rotate(-90deg);
		font-size: 8px;
	}

}

/* Sticky Header *//*
#champbenoit-sticky-header, .wp-block.wp-block-kubio-header {
	position: fixed;
	height: 200px;
	padding-bottom: 100px;
	top: 0;
	width: 100%;
	z-index: 1000;
}

#champbenoit-sticky-header::next-child, .wp-block.wp-block-kubio-header + .entry-content.wp-block-post-content  {
	margin-top: 100px;
}
*/



/* Ajout d'une marge dans le hero banner au dessus du titre de la page */
body:not(.home) .wp-block-kubio-header .wp-block-kubio-navigation > div:first-child {
	margin-top: 30px !important;
}

/* Ajout d'une marge entre le hero banner et le contenu principal */
.wp-block-kubio-header {
	margin-bottom: 40px;
}

/* Centrage des images du slideshow pour la page d'accueil */
.kubio-slideshow .slideshow-image {
	background-position: center;
}