/*
Theme Name: SLED Sélection
Version: 1.0.0
Requires at least: 7.1
Requires PHP: 7.4
Update URI: false
License: GPL-2.0-or-later
*/

* { box-sizing: border-box; }
html { scrollbar-gutter: stable; }
html:has(dialog.ordine[open]) { overflow: hidden; }
a:where(:not(.wp-element-button)) { text-decoration-color: var(--wp--preset--color--rouge); text-decoration-thickness: 1px; text-underline-offset: .2em; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid var(--wp--preset--color--encre); outline-offset: 0; }
:is(input:not([type=checkbox]), textarea, .fermer):focus-visible, .wp-block-button.is-style-outline > .wp-block-button__link:focus-visible { outline-offset: -1px; border-color: var(--wp--preset--color--encre); }
@media (hover: hover) { .wp-block-button.is-style-outline > .wp-block-button__link:hover { color: var(--wp--preset--color--blanc); background-color: var(--wp--preset--color--rouge); } }
.wp-block-table th, .wp-block-table td { padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30) var(--wp--preset--spacing--20) 0; text-align: left; vertical-align: top; border: 0; border-bottom: 1px solid var(--wp--custom--couleur--trait); }
.wp-block-table th { font-weight: 600; border-bottom-color: var(--wp--preset--color--encre); }
.wp-block-table table { font-size: var(--wp--preset--font-size--petit); line-height: var(--wp--custom--interligne--petit); }
.wp-block-table thead { border: 0; }

.site { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.bord { display: none; }
.sceau { position: sticky; top: 0; height: 100dvh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--wp--custom--sceau--ecart); padding: var(--wp--preset--spacing--60); color: var(--wp--preset--color--blanc); background: var(--wp--preset--color--rouge); }
.sceau a { display: flex; flex-direction: column; align-items: center; gap: inherit; width: 100%; }
.sceau .logo { width: min(62%, 300px); height: auto; animation: apparition var(--wp--custom--duree--apparition) var(--wp--custom--courbe--sortie) both; }
.sceau .firma { width: min(56%, 260px); height: auto; animation: ecriture var(--wp--custom--duree--ecriture) var(--wp--custom--courbe--ecriture) .7s both; }
@keyframes apparition { from { opacity: 0; } }
@keyframes ecriture { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
.carte { position: relative; display: flex; flex-direction: column; background: var(--wp--preset--color--blanc); }
.carte main { flex: 1; padding: var(--wp--preset--spacing--80) var(--wp--custom--marge); container-type: inline-size; }
.langues { position: absolute; top: var(--wp--preset--spacing--50); right: var(--wp--custom--marge); }
.langues ul { display: flex; gap: var(--wp--preset--spacing--40); margin: 0; padding: 0; list-style: none; }
.langues a { display: block; padding: 2px 0; font-size: var(--wp--preset--font-size--petit); line-height: var(--wp--custom--interligne--petit); color: var(--wp--preset--color--encre); text-decoration: none; border-bottom: 2px solid transparent; }
.langues a:hover { color: var(--wp--preset--color--rouge); }
.langues a[aria-current] { border-bottom-color: var(--wp--preset--color--rouge); }
.langues + main { padding-top: max(var(--wp--preset--spacing--80), calc(2 * var(--wp--preset--spacing--50) + var(--wp--preset--spacing--40))); }
h1 { margin: 0 0 var(--wp--preset--spacing--70); text-wrap: balance; }
h1 .rubrique { display: block; margin-top: var(--wp--preset--spacing--30); font-family: var(--wp--preset--font-family--jost); font-size: var(--wp--preset--font-size--tres-grand); font-weight: 500; line-height: var(--wp--custom--interligne--petit); }
.sous { max-width: 65ch; margin: calc(-1 * var(--wp--preset--spacing--50)) 0 var(--wp--preset--spacing--70); font-size: var(--wp--preset--font-size--grand); }
.sous p { margin: 0; }
.contenu { max-width: var(--wp--style--global--content-size); }
:where(.contenu) > * { margin-block: 0 var(--wp--preset--spacing--40); }
.renvoi { white-space: nowrap; }
.format { padding: var(--wp--preset--spacing--50) 0; border-top: 1px solid var(--wp--custom--couleur--trait); }
.ligne { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--50); }
@container (min-width: 590px) { .ligne:lang(fr) { flex-direction: row; } }
@container (min-width: 670px) { .ligne:lang(it) { flex-direction: row; } }
.ligne h2 { margin: 0; font-size: var(--wp--preset--font-size--titre); }
.prix p { margin: 0; font-size: var(--wp--preset--font-size--grand); font-weight: 500; line-height: var(--wp--custom--interligne--petit); white-space: nowrap; }
.prix p:first-child { font-size: var(--wp--preset--font-size--tres-grand); line-height: var(--wp--custom--interligne--titre); color: var(--wp--preset--color--rouge); }
.prix span { font-size: var(--wp--preset--font-size--petit); font-weight: 400; color: var(--wp--preset--color--gris); white-space: nowrap; }
.livraison { margin: var(--wp--preset--spacing--20) 0 0; font-size: var(--wp--preset--font-size--petit); line-height: var(--wp--custom--interligne--petit); color: var(--wp--preset--color--gris); }
.commander { display: block; width: 100%; margin-top: var(--wp--preset--spacing--30); padding: var(--wp--preset--spacing--40); font: inherit; font-size: var(--wp--preset--font-size--grand); font-weight: 500; color: var(--wp--preset--color--blanc); background: var(--wp--preset--color--rouge); border: 0; cursor: pointer; }
@media (hover: hover) { .commander:hover { background: var(--wp--custom--couleur--rouge-fonce); } }
.pied { display: grid; grid-template-columns: auto minmax(0, 1fr); align-content: center; gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--70); padding: var(--wp--preset--spacing--60) var(--wp--custom--marge); font-size: var(--wp--preset--font-size--petit); line-height: var(--wp--custom--interligne--petit); color: var(--wp--preset--color--blanc); background: var(--wp--preset--color--encre); }
.pied p { margin: 0; }
.pied .sec { color: var(--wp--custom--couleur--trait); }
.pied .sec span:not(.sep) { display: inline-block; }
.pied .marchio { grid-row: span 2; display: flex; flex-direction: column; align-items: center; gap: var(--wp--preset--spacing--20); padding-right: var(--wp--preset--spacing--70); border-right: 1px solid var(--wp--custom--couleur--filet-pied); }
.pied .logo { width: 112px; height: auto; }
.pied .firma { width: 140px; height: auto; }
.pied .societe { align-self: end; }
.pied nav { grid-column: 2; align-self: start; display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--wp--preset--spacing--10) var(--wp--preset--spacing--50); }
.pied .mail { margin-bottom: var(--wp--preset--spacing--30); }
.pied a { color: inherit; text-decoration: none; background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size var(--wp--custom--duree--rapide) var(--wp--custom--courbe--sortie); }
.pied a:hover { background-size: 100% 1px; }
altcha-widget { display: inline-flex; }
.adresse { font: inherit; color: inherit; text-align: inherit; background: none; border: 0; padding: 0; cursor: pointer; text-decoration: underline 1px var(--wp--preset--color--rouge); text-underline-offset: .2em; }
.echec .adresse { color: var(--wp--preset--color--encre); }
dialog.ordine .echec .adresse { padding: 0; border: 0; }
.adresse:hover { color: var(--wp--preset--color--rouge); }
.adresse svg { width: 1.15em; height: 1.15em; margin-right: .3em; vertical-align: -.2em; fill: none; stroke: currentColor; stroke-width: 1.5; }
altcha-widget:has([data-state=verifying]) .adresse { opacity: var(--wp--custom--opacite--attente); cursor: progress; }
.pied .adresse { text-decoration: none; background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size var(--wp--custom--duree--rapide) var(--wp--custom--courbe--sortie); }
.pied .adresse:hover { color: inherit; background-size: 100% 1px; }
a:not(.wp-element-button):focus-visible, .adresse:focus-visible { color: var(--wp--preset--color--blanc); background: var(--wp--preset--color--encre); text-decoration: none; }
.sceau a:focus-visible { background: none; }
.langues a:focus-visible { border-bottom-color: var(--wp--preset--color--encre); }
.pied a:focus-visible, .pied .adresse:focus-visible { color: var(--wp--preset--color--encre); background: var(--wp--preset--color--blanc); outline: 2px solid var(--wp--preset--color--blanc); outline-offset: 0; }
.pied .dvb { --dvb-testo: var(--wp--custom--couleur--trait); --dvb-chiaro: var(--wp--preset--color--blanc); --dvb-luce: var(--wp--preset--color--rouge); margin-left: auto; font-size: var(--wp--preset--font-size--tres-petit); color: var(--dvb-testo); background: none; }
.pied .dvb:focus-visible { --dvb-testo: var(--wp--preset--color--encre); --dvb-chiaro: var(--wp--preset--color--encre); }
.anime .pied:not(.vu) .logo { opacity: 0; }
.anime .pied:not(.vu) .firma { clip-path: inset(0 100% 0 0); }
.anime .pied.vu .logo { animation: apparition var(--wp--custom--duree--apparition) var(--wp--custom--courbe--sortie) both; }
.anime .pied.vu .firma { animation: ecriture var(--wp--custom--duree--ecriture) var(--wp--custom--courbe--ecriture) .6s both; }
.anime .pied .societe, .anime .pied nav { opacity: 0; transform: translateY(var(--wp--preset--spacing--20)); transition: opacity var(--wp--custom--duree--lent) var(--wp--custom--courbe--sortie) .3s, transform var(--wp--custom--duree--lent) var(--wp--custom--courbe--sortie) .3s; }
.anime .pied.vu .societe, .anime .pied.vu nav { opacity: 1; transform: none; }

dialog.ordine { border: 0; padding: 0; width: min(var(--wp--custom--largeur--form), calc(100vw - 2 * var(--wp--preset--spacing--50))); max-width: none; height: calc(100dvh - 2 * var(--wp--preset--spacing--60)); max-height: none; overflow: hidden; color: var(--wp--preset--color--encre); background: var(--wp--preset--color--blanc); font: inherit; }
dialog.ordine[open] { display: flex; flex-direction: column; }
dialog.ordine, dialog.ordine * { touch-action: manipulation; }
dialog.ordine:has(.merci:not([hidden])) { width: min(calc(var(--wp--style--global--content-size) + 2 * var(--wp--preset--spacing--70)), calc(100vw - 2 * var(--wp--preset--spacing--50))); height: fit-content; max-height: calc(100dvh - 2 * var(--wp--preset--spacing--60)); }
dialog.ordine::backdrop { background: var(--wp--custom--couleur--voile); }
dialog.ordine form:not([hidden]) { flex: 1; min-height: 0; display: flex; flex-direction: column; }
dialog.ordine h2 { margin: 0 0 var(--wp--preset--spacing--40); font-size: var(--wp--preset--font-size--titre); }
dialog.ordine .defile { flex: 1; min-height: 0; display: flex; flex-direction: column; }
dialog.ordine form > h2 { margin: 0; padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--70) var(--wp--preset--spacing--40); }
dialog.ordine:focus-visible { outline: none; }
dialog.ordine .colonnes { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) var(--wp--custom--largeur--panier); grid-template-rows: auto minmax(0, 1fr); column-gap: var(--wp--preset--spacing--70); padding: 0 var(--wp--preset--spacing--70); }
dialog.ordine .donnees { grid-column: 1; grid-row: 2; min-height: 0; overflow-y: auto; padding: 0 var(--wp--preset--spacing--10) var(--wp--preset--spacing--60); }
dialog.ordine .panier { grid-column: 2; grid-row: 1 / span 2; align-self: start; max-height: 100%; overflow-y: auto; padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50); background: var(--wp--custom--couleur--fond); }
dialog.ordine .panier .grand { position: sticky; bottom: 0; width: 100%; margin-top: var(--wp--preset--spacing--50); box-shadow: 0 0 0 var(--wp--preset--spacing--50) var(--wp--custom--couleur--fond); }
dialog.ordine h3, dialog.ordine legend { margin: var(--wp--preset--spacing--50) 0 var(--wp--preset--spacing--20); padding: 0; font-family: inherit; font-size: var(--wp--preset--font-size--tres-petit); font-weight: 400; line-height: var(--wp--custom--interligne--petit); letter-spacing: .08em; text-transform: uppercase; color: var(--wp--preset--color--gris); }
dialog.ordine legend { margin: 0 0 var(--wp--preset--spacing--10); }
dialog.ordine fieldset { min-width: 0; border: 0; padding: 0; margin: 0; }
:is(dialog.ordine, .retractation) .legenda { margin: 0 0 var(--wp--preset--spacing--40); font-size: var(--wp--preset--font-size--petit); color: var(--wp--preset--color--gris); }
:is(dialog.ordine, .retractation) .obbl { color: var(--wp--preset--color--rouge); font-weight: 600; }
dialog.ordine .client { grid-column: 1; grid-row: 1; padding: 0 var(--wp--preset--spacing--10) var(--wp--preset--spacing--40); }
dialog.ordine .choix { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
dialog.ordine .choix label { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20); font-weight: 500; line-height: var(--wp--custom--interligne--petit); text-align: center; cursor: pointer; border: 1px solid var(--wp--custom--couleur--champ); }
dialog.ordine .choix label + label { border-left: 0; }
dialog.ordine .choix input { position: absolute; opacity: 0; pointer-events: none; }
dialog.ordine .choix label:has(:checked) { color: var(--wp--preset--color--blanc); background: var(--wp--preset--color--encre); border-color: var(--wp--preset--color--encre); }
dialog.ordine .choix label:has(:focus-visible) { outline: 2px solid var(--wp--preset--color--blanc); outline-offset: -5px; }
@media (hover: hover) { dialog.ordine .choix label:not(:has(:checked)):hover { color: var(--wp--preset--color--rouge); } }
dialog.ordine .paiement { margin: 0 0 var(--wp--preset--spacing--30); font-size: var(--wp--preset--font-size--petit); line-height: var(--wp--custom--interligne--petit); color: var(--wp--preset--color--gris); }
dialog.ordine .riga2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); column-gap: var(--wp--preset--spacing--30); }
dialog.ordine .produit { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "nom passo" "dett passo" "montant montant"; column-gap: var(--wp--preset--spacing--30); padding: var(--wp--preset--spacing--30) 0 var(--wp--preset--spacing--20); border-bottom: 1px solid var(--wp--custom--couleur--trait); }
dialog.ordine .produit .nom { grid-area: nom; font-weight: 600; }
dialog.ordine .produit .dett { grid-area: dett; font-size: var(--wp--preset--font-size--petit); line-height: var(--wp--custom--interligne--petit); color: var(--wp--preset--color--gris); }
dialog.ordine .produit .dett span { white-space: nowrap; }
dialog.ordine .passo { grid-area: passo; align-self: center; display: flex; }
dialog.ordine .passo button { width: 40px; height: 40px; padding: 0; font-size: var(--wp--preset--font-size--grand); line-height: 1; color: var(--wp--preset--color--rouge); background: var(--wp--preset--color--blanc); border: 1px solid var(--wp--custom--couleur--champ); }
@media (hover: hover) { dialog.ordine .passo button:hover { border-color: var(--wp--preset--color--rouge); } }
dialog.ordine .passo > :is(button, input):focus-visible { position: relative; z-index: 1; outline-offset: -1px; border-color: var(--wp--preset--color--encre); }
dialog.ordine .passo input { width: 48px; height: 40px; padding: 0; text-align: center; border-left: 0; border-right: 0; -moz-appearance: textfield; appearance: textfield; }
dialog.ordine .passo input::-webkit-inner-spin-button, dialog.ordine .passo input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
dialog.ordine .montant { grid-area: montant; justify-self: end; min-width: 128px; min-height: calc(1.4em + 7px); margin-top: var(--wp--preset--spacing--20); padding-top: var(--wp--preset--spacing--10); font-weight: 600; line-height: var(--wp--custom--interligne--petit); text-align: right; border-top: 1px dotted transparent; }
dialog.ordine .montant, dialog.ordine .recap dd, dialog.ordine .barre strong { font-variant-numeric: tabular-nums; white-space: nowrap; }
dialog.ordine .montant:not(:empty) { border-top-color: var(--wp--custom--couleur--trait); }
dialog.ordine .recap { margin-top: var(--wp--preset--spacing--30); font-size: var(--wp--preset--font-size--petit); }
dialog.ordine .recap dl { margin: 0; }
dialog.ordine .recap dl div { display: flex; justify-content: space-between; gap: var(--wp--preset--spacing--30); padding: var(--wp--preset--spacing--10) 0; }
dialog.ordine .recap dd { margin: 0; }
dialog.ordine .recap .offerte dd { font-weight: 600; }
dialog.ordine .recap .tot { margin-top: var(--wp--preset--spacing--20); padding-top: var(--wp--preset--spacing--20); border-top: 1px solid var(--wp--preset--color--encre); font-size: var(--wp--preset--font-size--grand); font-weight: 600; }
dialog.ordine .recap .tot dd { color: var(--wp--preset--color--rouge); }
dialog.ordine .recap .nota { margin: var(--wp--preset--spacing--10) 0 0; font-size: var(--wp--preset--font-size--tres-petit); line-height: var(--wp--custom--interligne--petit); color: var(--wp--preset--color--gris); }
:is(dialog.ordine, .retractation) .info { position: relative; margin: var(--wp--preset--spacing--40) 0 0; font-size: var(--wp--preset--font-size--tres-petit); line-height: var(--wp--custom--interligne--petit); color: var(--wp--preset--color--gris); }
dialog.ordine .donnees .info { display: none; }
dialog.ordine .barre { display: none; }
:is(dialog.ordine, .retractation) .bloc { display: block; margin-bottom: var(--wp--preset--spacing--30); font-weight: 600; }
:is(dialog.ordine, .retractation) .bloc :is(input, textarea) { display: block; width: 100%; margin-top: var(--wp--preset--spacing--10); font-weight: 400; }
:is(dialog.ordine, .retractation) :is(input, textarea) { box-sizing: border-box; padding: 9px 10px; font: inherit; color: inherit; background: var(--wp--preset--color--blanc); border: 1px solid var(--wp--custom--couleur--champ); border-radius: 0; }
:is(dialog.ordine, .retractation) ::placeholder { color: var(--wp--preset--color--gris); opacity: 1; }
dialog.ordine button { padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50); font: inherit; cursor: pointer; border: 1px solid var(--wp--preset--color--rouge); border-radius: 0; }
:is(dialog.ordine, .retractation) .envoyer { font-weight: 500; color: var(--wp--preset--color--blanc); background: var(--wp--preset--color--rouge); }
@media (hover: hover) { :is(dialog.ordine, .retractation) .envoyer:hover { background: var(--wp--custom--couleur--rouge-fonce); } }
dialog.ordine .fermer { font-weight: 500; color: var(--wp--preset--color--rouge); background: var(--wp--preset--color--blanc); }
@media (hover: hover) { dialog.ordine .fermer:hover { color: var(--wp--preset--color--blanc); background: var(--wp--preset--color--rouge); } }
dialog.ordine .croix { position: absolute; top: var(--wp--preset--spacing--40); right: var(--wp--preset--spacing--40); z-index: 1; width: 44px; height: 44px; padding: 0; font-size: 1.8rem; line-height: 1; color: var(--wp--preset--color--encre); background: none; border: 0; }
:is(dialog.ordine, .retractation) .envoyer:disabled { opacity: var(--wp--custom--opacite--attente); cursor: progress; }
:is(dialog.ordine, .retractation) .erreur { margin: calc(-1 * var(--wp--preset--spacing--20)) 0 var(--wp--preset--spacing--30); font-size: var(--wp--preset--font-size--petit); color: var(--wp--preset--color--rouge); }
dialog.ordine fieldset .erreur, :is(dialog.ordine, .retractation) .echec { margin: var(--wp--preset--spacing--20) 0 0; font-size: var(--wp--preset--font-size--petit); color: var(--wp--preset--color--rouge); }
:is(dialog.ordine, .retractation) [aria-invalid=true]:not(:focus-visible) { border-color: var(--wp--preset--color--rouge); }
dialog.ordine .case { display: flex; align-items: flex-start; gap: var(--wp--preset--spacing--20); margin: 0 0 var(--wp--preset--spacing--40); }
dialog.ordine .case input { width: 18px; height: 18px; margin: var(--wp--preset--spacing--10) 0 0; flex: none; accent-color: var(--wp--preset--color--rouge); }
:is(dialog.ordine, .retractation) .piege { position: absolute; left: -9999px; }
.retractation .envoyer { margin-top: var(--wp--preset--spacing--30); padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50); font: inherit; font-weight: 500; border: 1px solid var(--wp--preset--color--rouge); border-radius: 0; cursor: pointer; }
.retractation .captcha { position: absolute; }
.retractation .aide { margin: calc(-1 * var(--wp--preset--spacing--20)) 0 var(--wp--preset--spacing--30); font-size: var(--wp--preset--font-size--petit); line-height: var(--wp--custom--interligne--petit); color: var(--wp--preset--color--gris); }
.envoye:focus { outline: none; }
.envoye dl { margin: var(--wp--preset--spacing--50) 0; padding-left: var(--wp--preset--spacing--40); border-left: 2px solid var(--wp--preset--color--rouge); }
.envoye dt { font-size: var(--wp--preset--font-size--petit); line-height: var(--wp--custom--interligne--petit); color: var(--wp--preset--color--gris); }
.envoye dd { margin: 0 0 var(--wp--preset--spacing--30); overflow-wrap: anywhere; }
.envoye dd:last-child { margin-bottom: 0; }
dialog.ordine:has(.merci:not([hidden])) .croix { background: var(--wp--preset--color--blanc); }
dialog.ordine .merci { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: var(--wp--preset--spacing--70); }
dialog.ordine .merci h2 { margin-bottom: var(--wp--preset--spacing--30); }
dialog.ordine .merci p { margin: 0; }
dialog.ordine .merci .numero { margin: var(--wp--preset--spacing--50) 0; padding-left: var(--wp--preset--spacing--40); border-left: 2px solid var(--wp--preset--color--rouge); }
dialog.ordine .merci .numero span { display: block; font-size: var(--wp--preset--font-size--petit); line-height: var(--wp--custom--interligne--petit); color: var(--wp--preset--color--gris); }
dialog.ordine .merci .numero strong { display: block; font-family: var(--wp--preset--font-family--bodoni-moda); font-size: var(--wp--preset--font-size--tres-grand); font-weight: 400; line-height: var(--wp--custom--interligne--titre); }
dialog.ordine .merci table { width: 100%; border-collapse: collapse; font-size: var(--wp--preset--font-size--petit); line-height: var(--wp--custom--interligne--petit); }
dialog.ordine .merci th { padding: 0 0 var(--wp--preset--spacing--20); font-size: var(--wp--preset--font-size--tres-petit); font-weight: 400; text-align: left; color: var(--wp--preset--color--gris); border-bottom: 1px solid var(--wp--preset--color--encre); }
dialog.ordine .merci td { padding: var(--wp--preset--spacing--10) 0; vertical-align: top; }
dialog.ordine .merci tbody td { padding: var(--wp--preset--spacing--30) 0; border-bottom: 1px solid var(--wp--custom--couleur--trait); }
dialog.ordine .merci tbody td span { display: block; margin-top: var(--wp--preset--spacing--10); font-size: var(--wp--preset--font-size--tres-petit); color: var(--wp--preset--color--gris); }
dialog.ordine .merci .n { padding-left: var(--wp--preset--spacing--40); text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
dialog.ordine .merci .nombre { font-weight: 600; }
dialog.ordine .merci tfoot tr:first-child td { padding-top: var(--wp--preset--spacing--30); }
dialog.ordine .merci .tot td { padding-top: var(--wp--preset--spacing--30); border-top: 1px solid var(--wp--preset--color--encre); font-size: var(--wp--preset--font-size--grand); font-weight: 600; line-height: var(--wp--custom--interligne--titre); }
dialog.ordine .merci .tot .n { color: var(--wp--preset--color--rouge); }
dialog.ordine .merci .nota { margin-top: var(--wp--preset--spacing--20); font-size: var(--wp--preset--font-size--tres-petit); line-height: var(--wp--custom--interligne--petit); color: var(--wp--preset--color--gris); }
dialog.ordine .merci .suite { max-width: 65ch; margin-top: var(--wp--preset--spacing--50); }
dialog.ordine .merci .fermer { margin-top: var(--wp--preset--spacing--50); }
dialog.ordine .merci:focus { outline: none; }
dialog.ordine, dialog.ordine::backdrop { opacity: 0; transition: opacity var(--wp--custom--duree--lent) var(--wp--custom--courbe--sortie), transform var(--wp--custom--duree--lent) var(--wp--custom--courbe--sortie); }
dialog.ordine { transform: translateY(var(--wp--preset--spacing--40)); }
dialog.ordine[open], dialog.ordine[open]::backdrop { opacity: 1; }
dialog.ordine[open] { transform: none; }
dialog.ordine.fermeture, dialog.ordine.fermeture::backdrop { opacity: 0; }
dialog.ordine.fermeture { transform: translateY(var(--wp--preset--spacing--40)); }

.attente, .attente body { background: var(--wp--preset--color--rouge); }
.attente body { display: flex; flex-direction: column; align-items: center; min-height: 100svh; margin: 0; padding: calc(var(--wp--preset--spacing--50) + var(--wp--custom--bord--haut)) var(--wp--custom--bord--droite) calc(var(--wp--preset--spacing--40) + var(--wp--custom--bord--bas)) var(--wp--custom--bord--gauche); color: var(--wp--preset--color--blanc); text-align: center; }
.attente .langues { position: static; align-self: flex-end; padding: 0; }
.attente a, .attente a:hover, .attente .langues a:hover, .attente .adresse, .attente .adresse:hover { color: inherit; text-decoration-color: currentColor; }
.attente .langues a[aria-current] { border-bottom-color: currentColor; }
@media (hover: hover) { .attente .texte :is(a, .adresse):hover { text-decoration-thickness: 2px; } .attente .langues a:hover { border-bottom-color: currentColor; } }
.attente :is(a, .adresse):focus-visible { color: var(--wp--preset--color--encre); background: var(--wp--preset--color--blanc); outline: 2px solid var(--wp--preset--color--blanc); outline-offset: 0; }
.attente main { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: var(--wp--preset--spacing--30) 0 var(--wp--preset--spacing--40); }
.attente .logo { width: clamp(104px, 15svh, 150px); height: auto; animation: apparition var(--wp--custom--duree--apparition) var(--wp--custom--courbe--sortie) both; }
.attente .rameau { width: clamp(250px, 40svh, 320px); height: auto; margin: var(--wp--preset--spacing--50) 0; fill: none; stroke: currentColor; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; animation: rameau var(--wp--custom--duree--rameau) infinite; }
.attente h1 { max-width: 14ch; margin: 0; }
.attente h1 span { display: block; }
.attente h1 span, .attente .texte { animation: montee var(--wp--custom--duree--lent) var(--wp--custom--courbe--sortie) 1.05s both; }
.attente .texte { max-width: 34ch; margin: var(--wp--preset--spacing--40) 0 0; animation-delay: 1.3s; }
.attente .firma { width: clamp(130px, 20svh, 190px); height: auto; margin-top: var(--wp--preset--spacing--50); animation: ecriture var(--wp--custom--duree--ecriture) var(--wp--custom--courbe--ecriture) 2.1s both; }
.attente .dvb { --dvb-testo: var(--wp--preset--color--blanc); --dvb-chiaro: var(--wp--preset--color--blanc); --dvb-luce: var(--wp--preset--color--encre); font-size: var(--wp--preset--font-size--tres-petit); line-height: var(--wp--custom--interligne--petit); animation: apparition var(--wp--custom--duree--lent) var(--wp--custom--courbe--sortie) 3.6s both; }
.attente .dvb-nome { animation: dvb-luce-scrittura 3.4s var(--wp--custom--courbe--ecriture) 4.4s infinite; }
.attente .dvb:focus-visible { --dvb-testo: var(--wp--preset--color--encre); --dvb-chiaro: var(--wp--preset--color--encre); }
@keyframes rameau { from { stroke-dashoffset: 1; animation-timing-function: var(--wp--custom--courbe--rameau); } 59%, to { stroke-dashoffset: 0; } }
@keyframes montee { from { opacity: 0; transform: translateY(var(--wp--preset--spacing--20)); } }

@media (min-width: 821px) {
	.site, .carte main { min-height: 100dvh; }
	.admin-bar .site, .admin-bar .carte main { min-height: calc(100dvh - 32px); }
	.admin-bar .sceau { top: 32px; height: calc(100dvh - 32px); }
}

@media (min-width: 821px) and (max-height: 820px) {
	dialog.ordine { height: calc(100dvh - 2 * var(--wp--preset--spacing--40)); }
	dialog.ordine form > h2 { padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--70) var(--wp--preset--spacing--30); font-size: var(--wp--preset--font-size--tres-grand); }
	dialog.ordine .panier .grand { margin-top: var(--wp--preset--spacing--40); box-shadow: 0 0 0 var(--wp--preset--spacing--40) var(--wp--custom--couleur--fond); }
	dialog.ordine .produit { padding: var(--wp--preset--spacing--20) 0 var(--wp--preset--spacing--10); }
	dialog.ordine .montant { margin-top: var(--wp--preset--spacing--10); padding-top: var(--wp--preset--spacing--10); }
	dialog.ordine .recap { margin-top: var(--wp--preset--spacing--20); }
}

@media (max-width: 820px) {
	:root body { background-color: var(--wp--preset--color--rouge); }
	:root.hors-sceau body { background-color: var(--wp--preset--color--blanc); }
	:root.pied-vu body { background-color: var(--wp--preset--color--encre); }
	html:has(dialog.ordine[open]) body { background-color: var(--wp--preset--color--blanc); }
	.bord { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 4px; opacity: 0; pointer-events: none; background-color: var(--wp--preset--color--rouge); }
	.hors-sceau .bord { background-color: var(--wp--preset--color--blanc); }
	.sur-pied .bord { background-color: var(--wp--preset--color--encre); }
	html:has(dialog.ordine[open]) .bord { background-color: var(--wp--preset--color--blanc); }
	.site { display: block; }
	.sceau { position: static; height: auto; gap: var(--wp--preset--spacing--30); padding: var(--wp--preset--spacing--50); padding-top: calc(var(--wp--preset--spacing--50) + var(--wp--custom--bord--haut)); }
	.sceau .logo { width: 96px; }
	.sceau .firma { width: 150px; }
	.carte main { padding: var(--wp--preset--spacing--50) var(--wp--custom--bord--droite) var(--wp--preset--spacing--40) var(--wp--custom--bord--gauche); }
	.langues { position: static; display: flex; justify-content: flex-end; padding: var(--wp--preset--spacing--30) var(--wp--custom--bord--droite) 0 var(--wp--custom--bord--gauche); }
	.langues + main { padding-top: var(--wp--preset--spacing--40); }
	h1 { margin-bottom: var(--wp--preset--spacing--40); }
	h1 .rubrique { margin-top: var(--wp--preset--spacing--20); }
	.sous { margin: calc(-1 * var(--wp--preset--spacing--20)) 0 var(--wp--preset--spacing--40); }
	.prix p { white-space: normal; }
	.format { padding: var(--wp--preset--spacing--40) 0; }
	.commander, .commander:hover { position: sticky; bottom: calc(var(--wp--preset--spacing--30) + var(--wp--custom--bord--bas)); isolation: isolate; width: var(--wp--custom--capsule--largeur); margin: var(--wp--preset--spacing--40) auto 0; padding: var(--wp--preset--spacing--30) 0; background: none; border-radius: var(--wp--custom--capsule--rayon); box-shadow: 0 0 0 2px var(--wp--preset--color--blanc); }
	.commander::before, .commander span::before, .commander span::after { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: calc(50% - var(--wp--custom--capsule--largeur) / 2); width: var(--wp--custom--capsule--largeur); border-radius: var(--wp--custom--capsule--rayon); background: var(--wp--preset--color--rouge); transition: transform var(--wp--custom--duree--lent) var(--wp--custom--courbe--sortie); will-change: transform; }
	.commander::before { left: calc(50% - (100cqw - var(--wp--custom--capsule--largeur) / 2) / 2); width: calc(100cqw - var(--wp--custom--capsule--largeur) / 2); border-radius: 0; transform: scaleX(.15); }
	@media (hover: hover) { .commander:hover::before, .commander:hover span::before, .commander:hover span::after { background: var(--wp--custom--couleur--rouge-fonce); } }
	.commander.pose { width: 100%; box-shadow: none; }
	.commander.pose::before { transform: none; }
	.commander.pose span::before { transform: translateX(calc((100% - 100cqw) / 2)); }
	.commander.pose span::after { transform: translateX(calc((100cqw - 100%) / 2)); }
	.pied { grid-template-columns: minmax(0, 1fr); justify-items: center; gap: var(--wp--preset--spacing--30); padding: var(--wp--preset--spacing--60) var(--wp--custom--bord--droite) calc(var(--wp--preset--spacing--60) + var(--wp--custom--bord--bas)) var(--wp--custom--bord--gauche); text-align: center; }
	.pied .marchio { grid-row: auto; margin-bottom: var(--wp--preset--spacing--10); padding-right: 0; border-right: 0; }
	.pied .logo { width: 104px; }
	.pied .sec span:not(.sep) { display: block; }
	.pied .sec .sep { display: none; }
	.pied nav { grid-column: auto; justify-content: center; }
	.retractation .envoyer { width: 100%; }
	.pied .dvb { flex-basis: 100%; justify-content: center; margin: var(--wp--preset--spacing--20) 0 0; }
	dialog.ordine { width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0; }
	dialog.ordine:has(.merci:not([hidden])) { width: 100vw; height: 100dvh; max-height: 100dvh; }
	dialog.ordine form > h2 { display: flex; align-items: center; min-height: calc(44px + 2 * var(--wp--preset--spacing--20) + var(--wp--custom--bord--haut)); padding: var(--wp--custom--bord--haut) calc(44px + 2 * var(--wp--preset--spacing--20)) 0 var(--wp--custom--bord--gauche); font-size: var(--wp--preset--font-size--tres-grand); border-bottom: 1px solid var(--wp--custom--couleur--trait); }
	dialog.ordine .defile { display: block; overflow-y: auto; overscroll-behavior: contain; scroll-padding-block: var(--wp--preset--spacing--40) var(--wp--preset--spacing--70); padding: var(--wp--preset--spacing--40) var(--wp--custom--bord--droite) var(--wp--preset--spacing--50) var(--wp--custom--bord--gauche); }
	dialog.ordine .colonnes { display: block; padding: 0; }
	dialog.ordine .client { padding: 0 0 var(--wp--preset--spacing--40); }
	dialog.ordine .panier { max-height: none; overflow: visible; padding: 0; background: none; }
	dialog.ordine .panier .grand, dialog.ordine .panier .info { display: none; }
	dialog.ordine .donnees .info { display: block; }
	dialog.ordine .recap { margin: var(--wp--preset--spacing--30) 0 var(--wp--preset--spacing--50); padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40); background: var(--wp--custom--couleur--fond); }
	dialog.ordine .donnees { overflow: visible; padding: 0; }
	dialog.ordine .passo button { width: 44px; height: 44px; }
	dialog.ordine .passo input { height: 44px; }
	dialog.ordine .barre { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wp--preset--spacing--30); padding: var(--wp--preset--spacing--30) var(--wp--custom--bord--droite) calc(var(--wp--preset--spacing--30) + var(--wp--custom--bord--bas)) var(--wp--custom--bord--gauche); border-top: 1px solid var(--wp--custom--couleur--trait); background: var(--wp--preset--color--blanc); }
	dialog.ordine .barre .envoyer { flex-basis: 100%; }
	dialog.ordine .barre p { flex: 1; margin: 0; font-size: var(--wp--preset--font-size--tres-petit); line-height: var(--wp--custom--interligne--petit); color: var(--wp--preset--color--gris); }
	dialog.ordine .barre strong { display: block; font-size: var(--wp--preset--font-size--grand); font-weight: 600; color: var(--wp--preset--color--rouge); }
	dialog.ordine .croix { top: calc(var(--wp--preset--spacing--20) + var(--wp--custom--bord--haut)); right: calc(var(--wp--custom--bord--droite) - var(--wp--preset--spacing--20)); }
	dialog.ordine .merci { padding: calc(var(--wp--preset--spacing--50) + var(--wp--custom--bord--haut)) var(--wp--custom--bord--droite) calc(var(--wp--preset--spacing--60) + var(--wp--custom--bord--bas)) var(--wp--custom--bord--gauche); }
	dialog.ordine, dialog.ordine.fermeture { opacity: 1; transform: translateY(100%); }
}

@media (hover: none) {
	.pied a, .pied .adresse { transition: none; }
}