body.page-id-11 {}

 @media screen and (min-width: 768px) {
	 article#post-11 .entry-content > p:first-of-type {
		 max-width: 40vw;
		 margin: 30px auto 50px;
	 }
 }
 @media screen and (max-width: 767px) {
	 body.page-id-11 .entry-content div.wp-block-spacer:first-child {
		 /* Très utile sur l'ordi mais too much sur téléphone */
		 display: none;
	 }

 }

.is_majeur {
	/* Groupe Gutenbeger pour demander l'âge   */
	position: fixed;
	min-width: 100%;
	top: 0; right: 0; bottom: 0; left: 0;

	display: flex;
	justify-content: center;
	align-items: center;

	z-index: 10000;
	text-align: center;
}
.is_majeur::before {
	content: "";
	display: block;
	position: fixed;
	background-color: var(--vin-blanc-1);
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: -1;
	backdrop-filter: blur(10px);
	opacity: .9;
}
.is_majeur .wp-block-buttons {
	flex-direction: row !important;
	/* Pas besoin de passer les btn [Oui] et [Non] à la ligne sur mobile */
}
.is_majeur_redirect { display: none; font-weight: 600;}
/* Liste des vins avec la boucle de requete habituelle dans la quelle j'ai activé toutes les informations */

.ruptureStock { opacity: .5;}

.commandeDesc {
	max-width: 100%;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 14px;
	text-align: center;
}
.icon-bouteille + .icon-bouteille {
	margin-left: -15px;
}

/* Moyens de paiement pour plus tard */
.paiement-cb *,
.paiement-cheque * {
	display: none;
}

body.page-id-11 h2 em {
	line-height: 0.7;
	display: block;
	padding-left: 15px;
}
body.page-id-11 .wp-block-query.while-cuvees-gutenberg {
	--cuvee-width: 60vw;
	--cuvee-decallage: 40px;
}
@media (min-width: 300px) {
	body.page-id-11 .wp-block-query.while-cuvees-gutenberg {
		--cuvee-width: 40vw;
	}
}
@media (min-width: 450px) {
	body.page-id-11 .wp-block-query.while-cuvees-gutenberg {
		--cuvee-width: 40vw;
	}
}
@media (min-width: 550px) {
	body.page-id-11 .wp-block-query.while-cuvees-gutenberg {
		--cuvee-width: 25vw;
	}
}
@media (min-width: 768px) {
	body.page-id-11 .wp-block-query.while-cuvees-gutenberg {
		--cuvee-width: 25vw;
	}
}
@media (min-width: 850px) {
	body.page-id-11 .wp-block-query.while-cuvees-gutenberg {
		--cuvee-width: 18vw;
	}
}
@media (min-width: 996px) {
	body.page-id-11 .wp-block-query.while-cuvees-gutenberg {
		--cuvee-width: 18vw;
	}
}
@media (min-width: 1024px) {
	body.page-id-11 .wp-block-query.while-cuvees-gutenberg {
		--cuvee-width: 18vw;
	}
}
@media (min-width: 1200px) {
	body.page-id-11 .wp-block-query.while-cuvees-gutenberg {
		--cuvee-width: 120px;
	}
}

body.page-id-11 {}

body.page-id-11 span.prix { display: block; }
body.page-id-11 span.label { display: none !important; }

body.page-id-11 .wp-block-query.while-cuvees-gutenberg ul {
	overflow: visible;
	margin-bottom: 25px;
}
body.page-id-11 .wp-block-query.while-cuvees-gutenberg li {
	justify-content: flex-start;
	/* background-color: rgba(255, 69, 0, 0.27); */
	position: relative;
	padding-bottom: 35px;
}
body.page-id-11 .wp-block-query.while-cuvees-gutenberg li::before {
	content: '';
	position: absolute;
	top: 50%; left: 3px; bottom: 15px;
	border-left: 1px solid;
}
@media screen and (min-width: 768px) {
	body.page-id-11 .wp-block-query.while-cuvees-gutenberg li > * {
		width: var(--cuvee-width);
		min-width: var(--cuvee-width);
	}
}
body.page-id-11 .wp-block-query.while-cuvees-gutenberg li a.no-icon {
	margin-bottom: -30px;
}
body.page-id-11 .wp-block-query.while-cuvees-gutenberg span.millesime.acf-view__millesime,
body.page-id-11 .wp-block-query.while-cuvees-gutenberg h2 a {
	font-size: 16px;
	padding-left: 15px;
	font-family: var(--typo-redactionel);
	letter-spacing: -.5px;
}
body.page-id-11 .wp-block-query.while-cuvees-gutenberg h2 a {
	padding-top: 25px;
}
body.page-id-11 .wp-block-query.while-cuvees-gutenberg .prix_acf_advancedViewsLite {
	margin-bottom: 0px;
}
body.page-id-11 .wp-block-query.while-cuvees-gutenberg .acf-view--id--535 {
	width: 40px;
	min-width: 40px;
	height: 30px;

	position: absolute;
	display: block;
	bottom: 150px;
	left: 30%;
	padding-top: 6px;

	background-color: rgba(245, 245, 245, 0.85);
	border-bottom: 1px solid ;
}
@media screen and (min-width: 768px) {
	body.page-id-11 .wp-block-query.while-cuvees-gutenberg .acf-view--id--535 {
		left: 3px;
		bottom: 175px;
	}

}
body.page-id-11 .prix {
	font-size: 16px;
	line-height: 16px;
	font-family: var(--typo-redactionel);
}
body.page-id-11 .prix sup {
	font-size: 12px;
	line-height: 0;
}
body.page-id-11 .wp-block-query.while-cuvees-gutenberg .prix_acf_advancedViewsLite .is_magnum_state_checked {
	display: none;
}
body.page-id-11 .wp-block-query.while-cuvees-gutenberg .prix_acf_advancedViewsLite i { display: none; }

body.page-id-11 .wp-block-query.while-cuvees-gutenberg .post-246,
body.page-id-11 .wp-block-query.while-cuvees-gutenberg .post-480 {
	/* Reset les spécificité des magnums  */
    display: flex;
	width: var(--cuvee-width);
	margin-top: -33px;
	z-index: unset;
}
@media screen and (min-width: 768px) {
	body.page-id-11 .wp-block-query.while-cuvees-gutenberg .post-246,
	body.page-id-11 .wp-block-query.while-cuvees-gutenberg .post-480 {
		margin-top: -55px;
	}
}
body.page-id-11 .wp-block-query.while-cuvees-gutenberg .post-246 .acf-view--id--535,
body.page-id-11 .wp-block-query.while-cuvees-gutenberg .post-480 .acf-view--id--535 {
	/* Pas de prix directement sur les fiches magnums : gérés par les cuvée parent : les 75 cl */
	/* display: none; */
}
body.page-id-11 .wp-block-query.while-cuvees-gutenberg a.wp-block-read-more {
	position: absolute;
	bottom: -15px;
	z-index: 10;
}
/* Suite à demande client, on ajoute "1 bouteille" au libelé du bouton */
body.page-id-11 .wp-block-query.while-cuvees-gutenberg a.wp-block-read-more em {
	display: block;
	font-style: normal;
	font-size: 11px;
	text-transform: uppercase;
}
body.page-id-11 .wp-block-query.while-cuvees-gutenberg a.wp-block-read-more em:first-letter {
	font-weight: 900;
}

.callToPreCommande {}

/* Voir l'IBAN et le copier
Pas encore en service
.js_show_iban {
	cursor: pointer;
}
.js_show_iban p + p {
	text-decoration: underline;
}
.js_show_iban:hover * {
	color: var(--btn) !important;
}
 */
body.page-id-11 pre.wp-block-preformatted {
	text-align: center;
	border: 1px solid var(--btn);
	padding: 10px;
	font-size: 16px;
	border-radius: 5px;
	display: none;
}
body.page-id-11 pre.wp-block-preformatted em { font-style: normal; cursor: pointer; position: relative; display: inline-block; }
body.page-id-11 pre.wp-block-preformatted em:hover { font-style: normal; text-decoration: underline; }
body.page-id-11 pre.wp-block-preformatted::after {
	content: "Cliquer pour copier";
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--btn);
	display: block;
	transform: translateY(10px);
}
body.page-id-11 pre.wp-block-preformatted em.copied::after {
	content: "IBAN copié avec succès";
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--btn);
	display: block;
	position: absolute;
	left: calc(100% + 10px);
	top: -5px;
	white-space: nowrap;
}
body.page-id-11 pre.wp-block-preformatted em + em.copied::after,
body.page-id-11 pre.wp-block-preformatted em + br + em.copied::after{
	content: "Nom copié avec succès";
}

/* Formulaire de commande qui génère des PDF et des e-mails avec FluentForm et son plugin de PDF */
.fluentform {
	padding-left: 10px;
	padding-right: 10px;
}

@media screen and (min-width: 768px) {
	.fluentform {
		width: 600px;
	}
}

.container_cuvee .ff-t-column-1 {
	flex-basis: 100% !important;
}
.container_cuvee .ff-t-column-2 {
	/* Contient les input[hidden] */
	display: none;
}
.fluentform .ff-el-group { margin-bottom: 0}
.ac .fluentform .totaux,
.ac .fluentform .cuvee_quantite {
	display: flex;
}
.ac .fluentform .totaux .ff-el-input--label,
.ac .fluentform .cuvee_quantite .ff-el-input--label {
	width: 60%;
	padding-right: 5px;
	padding-top: 7px;
}
.ac .fluentform .totaux .ff-el-input--content ,
.ac .fluentform .cuvee_quantite .ff-el-input--content {
	width: 40%;
	margin-left: 0;
}
.ac .fluentform .totaux .ff-el-input--content input.ff-el-form-control,
.ac .fluentform .cuvee_quantite .ff-el-input--content input.ff-el-form-control {
	/* width: 60px; */
}
.ac .fluentform .ff-el-section-break {
	/* text-align: right; */
	margin-top: 50px;
	margin-bottom: 0;
}
.ff-el-section-break[data-name="section_break-3_3"] + div,
.ff-el-section-break[data-name="section_break-3_3"] + div + div,
.ff-el-section-break[data-name="section_break-3_3"] + div + div + div,
.ff-el-section-break[data-name="section_break-3_3"] + div + div + div + div {
	padding-top: 20px !important;
}
.ac .totaux input,
.ac .totaux input:disabled,
.ac .totaux input + div span {
	border: none;
	border-bottom: 1px dashed var(--btn-hover);
	background-color: whitesmoke;
	border-radius: 0;
}
.ac .totaux input + div span {
	border: none;
	text-align: left;
	padding: 0;
}
.ac .totaux input {
	text-align: right;
	font-family: var(--typo-blockquote);
	font-size: 30px;
	padding: 0 10px 0 0;
}
#fluentform_3_success {
	background-color: whitesmoke;
}
.check_honneur {
	margin-top: 30px;
}
.check_honneur span {
	font-weight: bold;
}
.check_honneur.hey .ff-el-input--content {
	background-color: var(--btn-hover);
}
.ac .fluentform button[type="submit"] {
	margin-top: 30px;
	margin-bottom: 20px;
	transition: all .3s;
}
.ac .fluentform button[type="submit"][disabled] {
	opacity: 0.5;
	background-color: var(--btn-hover);
	filter: blur(1px);
}

.ff-custom_html { margin-top: 80px}
/* Indiquer si la commande possède un multiple de 6 bouteille avec JS  */
.nbre_bouteilles_for_js { position: relative;}
.frais_de_port_for_js { position: relative; }
.frais_de_port_for_js { opacity: .3; }
.frais_de_port_for_js.carton { opacity: 1; }
.frais_de_port_for_js b {
	background-color: var(--bio);
	color: white;
	padding: 0 5px;
	border-radius: 3px;
}

.nbre_bouteilles_for_js::after {
	content: "La quantité totale de votre commande doit être multiple de 6 bouteilles." !important;

	text-align: center;
	display: block;
	position: absolute;
	right: 0px; top: 100%;
	max-width: 330px;
	z-index: 10;
	background-color: var(--btn);
	color: white;
	transform: translateY(5px);
	font-weight: bold;
	padding: 0 5px;
}
@media screen and (min-width: 768px) {
	.nbre_bouteilles_for_js::after {
		text-align: right;
	}
}

.nbre_bouteilles_for_js.carton {}
.nbre_bouteilles_for_js.carton::after {
	content: "Quantité valide : " attr(data-carton) " carton(s)" !important;

	text-align: right;
	display: block !important;
	position: absolute;
	right: -10px; top: 100%;
	z-index: 10;
	background-color: var(--btn);
	color: white;
	transform: translateY(5px);
	font-weight: bold;
	padding: 0 5px;
}

/* Supprimer les flèche UP et DOWN du champs de type number sur le code postal */
	/* Chrome, Safari, Edge, Opera */
	.totaux input::-webkit-outer-spin-button,
	.totaux input::-webkit-inner-spin-button,
	input#ff_3_numeric_field_10::-webkit-outer-spin-button,
	input#ff_3_numeric_field_10::-webkit-inner-spin-button {
	  -webkit-appearance: none;
	  margin: 0;
	}
	/* Firefox */
	.totaux input,
	input#ff_3_numeric_field_10[type=number] {
	  -moz-appearance: textfield;
	}


/* Pour Javascript */

.ac .fluentform .cuvee_quantite > div {
	display: none;
	margin-bottom: 20px;
}