/*
  calendrier.css
  03.02.22
*/

/* calendar wrapper */

	#calendar-wrapper{width:100%; height:auto;margin-bottom:40px;}
	#calendar-wrapper:after {content:"";display:block;clear:both;}
	#calendar-content{width:100%; box-sizing: border-box;}

/* calendar navigation */
	#calendar-navigation{position:relative; height:40px;background:#f4f4f4}
    #calendar-monthname, #calendar-year {display:inline-block;padding:10px 0 0 5px;}

/* calendar */
	ul#calendar{float:left; width:100%; padding-left:0; margin:0; box-sizing:border-box;font-size:0.850rem;font-weight:300:}
	ul#calendar li{position:relative; float:left; width:14.285%; height:40px; list-style:none; box-sizing:border-box; border-bottom:1px solid #fff;}
	ul#calendar li:not(:nth-child(7n)){border-right:1px solid #fff;}
	ul#calendar li.jours{padding:10px; font-weight:bold;font-size:0.80rem;}

/* etiquette numéro du jour ds la cellule */
    .calendar-day{position:absolute; z-index:1; left:1em; top:1em;}

    /* cellule jour hors mois */
    .jourhorsmois{background-color:#F7F7F7;background: linear-gradient(-45deg, #fff 25%, #ddd 25%, #ddd 50%, #fff 50%, #fff 75%, #ddd 75%, #ddd);background-size:6px 6px;}

    /* cellule jour du mois (Me, et Sa = jourouvert) et le reste (Lu, Ma, Je, Ve, Di) = jourfermé */
      .jourouvert{background-color:#FFF;font-weight:500}      /* fond blanc */
      .jourferme{background-color:#fff;color:#999}       /* fond gris clair */

    /* lien de navigation par mois <> */
    a#moisprecedent, a#moissuivant{padding:10px 8px 8px 0;text-decoration:none;}
    a#moisprecedent,span.inactif{position:absolute; right:40px; top:0;}
    a#moissuivant{position:absolute; right:0; top:0;}

    /* lien de navigation par mois désactivé soit un span */
    span.inactif {padding:10px 8px 8px 0;color:#CCC;text-decoration:none;}
    /* <a> dans une cellule jour du calendrier */
    a.dispo{height:30px; max-height:30px; background-color:#DFFFBF; border-radius:3px; display:block; margin:5px; text-decoration:none;}
    a.dispo:before{float:right;content:"Dispo";margin:10px 5px 0 0;font-size:0.70rem;}
    a.dispo:hover{-webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important;color:inherit}

    /* jour sélectionné -> devient avec fond jaune */
    a.selection{height:30px; max-height:30px; background-color:#DFFFBF; border-radius:3px; display:block; margin:5px;}
    a.selection:before{float:right;content:"✔ Ok";margin:10px 5px 0 0;font-size:0.70rem;font-weight:bold}
    a.selection:hover{-webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important;color:inherit}
	
    /* jour ajouté panier -> devient <span> avec fond orange */
    span.reservepanier{height:30px; max-height:30px; background-color:#FDE3E1; border-radius:3px; display:block; margin:5px;}
    span.reservepanier:before{float:right;content:"Au panier";margin:10px 5px 0 0;font-size:0.70rem;font-weight:bold}

    /* loader */
	  .loader img{animation: spinner 2s linear infinite; }
	  @keyframes spinner{0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}

		/* jour épuisé plus de stock */
		span.stockepuise{height:30px; max-height:30px; background-color:#FDE3E1;border-radius:3px; display:block; margin:5px;}
		span.stockepuise:before{float:right;content:"Épuisé";margin:10px 5px 0 0;font-size:0.70rem;font-weight:bold}
		/**/