:root {
--li-e1: 0.5rem;
--li-e2: 1rem;
--li-e3: 1.5rem;
--li-e4: 2rem;
--li-e5: 3rem;
--li-e6: 4rem;
--li-section: clamp(4rem, 9vw, 7.5rem);
--li-lecture: 760px;
--li-rayon: 16px;
--li-rayon-l: 24px;
--li-rayon-s: 10px;
--li-trait: var(--wp--preset--color--trait);
--li-trait-champ: #6f6a7e;
--li-surface: var(--wp--preset--color--surface);
--li-photo: #f3f2f6;
--li-cyan: var(--wp--preset--color--cyan);
--li-degrade: var(--wp--preset--gradient--boutique);
--li-degrade-texte: linear-gradient(110deg, #b896ff 0%, #4fd6f7 100%);
--li-ombre: 0 1px 2px rgb(0 0 0 / 30%), 0 12px 32px rgb(0 0 0 / 35%);
--li-courbe: cubic-bezier(0.2, 0.8, 0.2, 1);
--li-entete: 72px;
--li-ico-fleche: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E");
--li-ico-camion: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2'/%3E%3Cpath d='M15 18H9'/%3E%3Cpath d='M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/svg%3E");
--li-ico-cadenas: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
--li-ico-retour: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14 4 9l5-5'/%3E%3Cpath d='M4 9h10.5a5.5 5.5 0 0 1 0 11H11'/%3E%3C/svg%3E");
--li-ico-crayon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E");
--li-ico-compte: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3h5v5'/%3E%3Cpath d='M8 3H3v5'/%3E%3Cpath d='M12 22v-8.3a4 4 0 0 0-1.17-2.83L3 3'/%3E%3Cpath d='m15 9 6-6'/%3E%3C/svg%3E");
--li-ico-cadeau: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13'/%3E%3Cpath d='M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E");
--li-ico-colis: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5'/%3E%3Cpath d='M12 22V12'/%3E%3C/svg%3E");
}
@media (max-width: 560px) {
:root {
--li-entete: 64px;
}
}
html {
scroll-behavior: smooth;
}
body {
-webkit-font-smoothing: antialiased;
overflow-x: clip;
}
h1, h2 {
text-wrap: balance;
}
p {
text-wrap: pretty;
}
:where(a, button, summary, input, textarea, select, [tabindex]):focus-visible {
outline: 3px solid var(--wp--preset--color--violet-clair);
outline-offset: 3px;
border-radius: 4px;
}
::selection {
background: var(--wp--preset--color--violet);
color: #fff;
}
img {
height: auto;
}
.screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.li-degrade {
background: var(--li-degrade-texte);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
} .li-bandeau {
background: var(--wp--preset--gradient--bandeau);
}
.li-bandeau-texte {
margin: 0;
padding-block: 0.55rem;
font-size: 0.875rem;
font-weight: 600;
line-height: 1.4;
text-align: center;
color: #fff;
}
.li-bandeau-texte::before {
content: "";
display: inline-block;
width: 1.1em;
height: 1.1em;
margin-right: 0.5em;
vertical-align: -0.2em;
background: currentColor;
mask: var(--li-ico-camion) center / contain no-repeat;
} .wp-site-blocks > * + * {
margin-block-start: 0 !important;
}
.wp-site-blocks > header.wp-block-template-part {
position: sticky;
top: 0;
z-index: 50;
background: rgb(15 15 15 / 78%);
backdrop-filter: saturate(160%) blur(16px);
-webkit-backdrop-filter: saturate(160%) blur(16px);
border-bottom: 1px solid rgb(255 255 255 / 6%);
view-transition-name: li-entete;
}
.admin-bar .wp-site-blocks > header.wp-block-template-part {
top: var(--wp-admin--admin-bar--height, 32px);
}
.li-entete-barre {
min-height: var(--li-entete);
gap: var(--li-e4);
}
.li-marque {
gap: var(--li-e1);
align-items: center;
flex-shrink: 0;
}
.li-marque .wp-block-site-logo {
flex-shrink: 0;
}
.li-marque-nom {
margin: 0;
font-weight: 700;
font-size: 1rem;
white-space: nowrap;
}
.li-marque-nom a {
color: var(--wp--preset--color--blanc);
text-decoration: none;
}
.li-entete-droite {
gap: var(--li-e4);
align-items: center;
}
.li-nav-bureau .wp-block-navigation__container {
gap: var(--li-e3);
}
.li-nav-bureau a {
padding-block: var(--li-e1);
color: var(--wp--preset--color--texte);
font-size: 0.95rem;
text-decoration: none;
background: var(--li-degrade) 0 100% / 0 2px no-repeat;
transition: color 0.2s var(--li-courbe), background-size 0.3s var(--li-courbe);
}
.li-nav-bureau a:hover,
.li-nav-bureau .current-menu-item > a {
color: var(--wp--preset--color--blanc);
background-size: 100% 2px;
}
.li-entete-actions {
gap: var(--li-e1);
align-items: center;
} .li-pied-options {
gap: var(--li-e3) !important;
align-items: center;
} .li-langues {
display: inline-flex;
gap: 2px;
padding: 3px;
border: 1px solid var(--li-trait);
border-radius: 999px;
}
.li-langues a {
display: grid;
place-items: center;
min-width: 36px;
height: 36px;
padding: 0 0.5rem;
box-sizing: border-box;
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.04em;
color: var(--wp--preset--color--texte);
text-decoration: none;
border-radius: 999px;
transition: color 0.2s var(--li-courbe), background 0.2s var(--li-courbe);
}
.li-langues a:hover {
color: var(--wp--preset--color--blanc);
}
.li-langues a[aria-current] {
color: #fff;
background: var(--li-degrade);
} .li-compte a,
.li-panier .wc-block-mini-cart__button {
display: inline-grid;
place-items: center;
min-width: 44px;
height: 44px;
padding: 0;
color: var(--wp--preset--color--blanc);
border: 1px solid var(--li-trait);
border-radius: 999px;
background: transparent;
transition: border-color 0.2s var(--li-courbe), background 0.2s var(--li-courbe);
}
.li-compte a:hover,
.li-panier .wc-block-mini-cart__button:hover {
border-color: var(--wp--preset--color--violet-clair);
background: rgb(120 38 255 / 12%);
opacity: 1;
}
.li-compte svg,
.li-panier .wc-block-mini-cart__icon {
width: 22px;
height: 22px;
}
.li-panier .wc-block-mini-cart__quantity-badge {
display: inline-flex;
align-items: center;
}
.li-panier .wc-block-mini-cart__badge {
background: var(--li-cyan) !important;
color: #071018 !important;
border: 2px solid var(--wp--preset--color--fond);
font-weight: 800;
} .li-nav-mobile > summary {
position: relative;
z-index: 2;
display: inline-grid;
place-items: center;
min-height: 44px;
padding: 0 var(--li-e2);
list-style: none;
cursor: pointer;
border: 1px solid var(--li-trait);
border-radius: 999px;
font-weight: 600;
font-size: 0.95rem;
}
.li-nav-mobile > summary::-webkit-details-marker {
display: none;
}
.li-nav-mobile .li-menu-fermer,
.li-nav-mobile[open] .li-menu-ouvrir {
display: none;
}
.li-nav-mobile[open] .li-menu-fermer {
display: inline;
}
.li-nav-mobile[open] > summary {
background: var(--wp--preset--color--blanc);
border-color: var(--wp--preset--color--blanc);
color: var(--wp--preset--color--fond);
}
.wp-site-blocks > header.wp-block-template-part:has(.li-nav-mobile[open]) {
backdrop-filter: none;
-webkit-backdrop-filter: none;
background: var(--wp--preset--color--fond);
view-transition-name: none;
}
html:has(.li-nav-mobile[open]) {
overflow: hidden;
}
.li-menu-plein {
position: fixed;
inset: 0;
top: var(--li-entete-bas, var(--li-entete));
margin: 0 !important;
z-index: -1;
display: flex;
flex-direction: column;
gap: var(--li-e5);
padding: var(--li-e4) clamp(1rem, 5vw, 3rem);
overflow-y: auto;
overscroll-behavior: contain;
background:
radial-gradient(70% 45% at 100% 0%, rgb(11 194 240 / 16%), transparent 70%),
radial-gradient(70% 50% at 0% 100%, rgb(120 38 255 / 20%), transparent 70%),
var(--wp--preset--color--fond);
}
@media (prefers-reduced-motion: no-preference) {
.li-nav-mobile[open] .li-menu-plein {
animation: li-menu-plein 0.25s var(--li-courbe) both;
}
}
@keyframes li-menu-plein {
from {
opacity: 0;
transform: translateY(-8px);
}
}
.li-menu-plein-colonnes {
display: grid;
grid-template-columns: 1fr;
gap: var(--li-e5);
}
.li-menu-plein-bloc > * {
margin: 0;
}
.li-menu-plein-titre {
margin: 0 0 var(--li-e2) !important;
font-size: 0.95rem;
font-weight: 700;
color: var(--wp--preset--color--discret);
}
.li-menu-plein-pages .wp-block-navigation__container {
display: grid !important;
gap: 0;
width: 100%;
}
.li-menu-plein-pages .wp-block-navigation-item {
width: 100%;
}
.li-menu-plein-pages .wp-block-navigation-item__content {
display: block;
padding: var(--li-e1) 0;
font-family: var(--wp--preset--font-family--titre);
font-size: clamp(1.5rem, 5vw, 2rem);
line-height: 1.2;
color: var(--wp--preset--color--blanc);
text-decoration: none;
}
.li-menu-plein-pages .wp-block-navigation-item__content:hover,
.li-menu-plein-pages .current-menu-item > .wp-block-navigation-item__content {
color: var(--wp--preset--color--violet-clair);
}
.li-menu-produits .wc-block-product-template {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--li-e2);
margin: 0;
padding: 0;
}
.li-menu-produits .wc-block-product {
width: auto !important;
margin: 0 !important;
text-align: left;
}
.li-menu-produits .wc-block-components-product-image {
margin: 0 0 var(--li-e1) !important;
border-radius: var(--li-rayon-s);
background: var(--li-photo);
overflow: hidden;
}
.li-menu-produits h3 {
margin: 0;
font-family: var(--wp--preset--font-family--texte);
font-size: 0.95rem;
font-weight: 600;
line-height: 1.3;
}
.li-menu-produits h3 a {
color: var(--wp--preset--color--blanc);
text-decoration: none;
}
.li-menu-produits .wc-block-components-product-price {
margin-top: 0.25rem !important;
font-size: 0.9rem;
color: var(--wp--preset--color--discret);
}
.li-menu-plein-pied {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--li-e2) var(--li-e4);
margin-top: auto;
padding-top: var(--li-e3);
border-top: 1px solid var(--li-trait);
}
.li-menu-plein-pied > * {
margin: 0 !important;
}
.li-menu-plein-contact a {
color: var(--wp--preset--color--texte);
text-decoration: none;
}
.li-menu-plein-contact a:hover {
color: var(--wp--preset--color--blanc);
text-decoration: underline;
}
@media (min-width: 700px) {
.li-menu-plein-colonnes {
grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
}
}
@media (min-width: 900px) {
.li-nav-mobile {
display: none;
}
}
@media (max-width: 899px) {
.li-nav-bureau {
display: none !important;
} .li-entete-actions .li-langues {
display: none;
}
}
@media (max-width: 560px) {
.li-entete-barre {
gap: var(--li-e2);
}
.li-marque .li-marque-nom {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
} .li-retour-panier {
margin: 0;
font-size: 0.95rem;
}
.li-retour-panier a {
display: inline-flex;
align-items: center;
gap: var(--li-e1);
min-height: 44px;
color: var(--wp--preset--color--texte);
text-decoration: none;
}
.li-retour-panier a::before {
content: "";
width: 1em;
height: 1em;
background: currentColor;
mask: var(--li-ico-fleche) center / contain no-repeat;
transform: scaleX(-1);
}
.li-retour-panier a:hover {
color: var(--wp--preset--color--blanc);
} .li-principal {
padding: 0;
}
.li-page,
.li-produit {
padding-top: var(--li-e5);
padding-bottom: var(--li-section);
}
.li-section {
padding-top: var(--li-section);
padding-bottom: var(--li-section);
}
.wp-block-post-content > .alignfull {
margin-block: 0 !important;
} .li-ariane,
.li-ariane.woocommerce-breadcrumb {
margin-top: 0 !important;
margin-bottom: var(--li-e3) !important;
font-size: 0.875rem !important;
color: var(--wp--preset--color--discret);
} .li-ariane a {
color: var(--wp--preset--color--texte);
text-decoration: underline;
text-decoration-color: rgb(235 235 235 / 40%);
text-underline-offset: 3px;
}
.li-ariane a:hover {
color: var(--wp--preset--color--blanc);
text-decoration: underline;
} .li-titre-page {
margin-top: 0 !important;
margin-bottom: var(--li-e2) !important;
}
.li-titre-page:last-child,
.li-titre-page + .li-contenu,
.li-titre-page + .wp-block-post-content {
margin-top: var(--li-e4) !important;
}
.li-chapo {
max-width: 62ch;
margin-top: 0 !important;
font-size: var(--wp--preset--font-size--moyen);
color: var(--wp--preset--color--texte);
}
.li-boutons {
gap: var(--li-e2);
margin-top: var(--li-e4) !important;
} .li-contenu > * {
max-width: var(--li-lecture);
margin-left: 0 !important;
margin-right: 0 !important;
}
.li-contenu > * + * {
margin-top: var(--li-e2);
}
.li-contenu > h2 {
margin-top: var(--li-e5);
margin-bottom: 0;
font-size: var(--wp--preset--font-size--grand);
}
.li-contenu > h3 {
margin-top: var(--li-e4);
margin-bottom: 0;
font-family: var(--wp--preset--font-family--texte);
font-size: var(--wp--preset--font-size--moyen);
font-weight: 700;
letter-spacing: 0;
}
.li-contenu > h2 + *,
.li-contenu > h3 + * {
margin-top: var(--li-e1);
}
.li-contenu > h2 + * {
margin-top: var(--li-e2);
}
.li-contenu > :first-child {
margin-top: 0;
}
.li-contenu ul,
.li-contenu ol {
padding-left: 1.25rem;
}
.li-contenu li + li,
.li-contenu li > ul,
.li-contenu li > ol {
margin-top: var(--li-e1);
}
.li-contenu :is(p, li) a:not([class]) {
color: var(--wp--preset--color--violet-clair);
text-decoration: none;
background: linear-gradient(currentColor, currentColor) 0 100% / 100% 1px no-repeat;
padding-bottom: 1px;
transition: color 0.2s var(--li-courbe), background-size 0.25s var(--li-courbe);
}
.li-contenu :is(p, li) a:not([class]):hover {
color: var(--wp--preset--color--blanc);
background-size: 100% 2px;
} .li-contenu .wp-block-table {
margin-inline: 0;
overflow-x: auto;
}
.li-contenu .wp-block-table table {
width: 100%;
border: 1px solid var(--li-trait);
border-collapse: separate;
border-spacing: 0;
border-radius: var(--li-rayon);
font-size: 0.95rem;
}
.li-contenu .wp-block-table :is(th, td) {
padding: 0.75rem 1rem;
text-align: left;
vertical-align: top;
border: 0;
border-top: 1px solid var(--li-trait);
}
.li-contenu .wp-block-table thead th {
color: var(--wp--preset--color--blanc);
background: var(--li-surface);
border-top: 0;
}
.li-contenu .wp-block-table thead {
border: 0;
} .li-encadre {
padding: var(--li-e3) var(--li-e4);
font-size: 0.95rem;
background: var(--li-surface);
border: 1px solid var(--li-trait);
border-radius: var(--li-rayon);
}
.li-encadre > * + * {
margin-top: var(--li-e2);
}
.li-encadre > :first-child {
margin-top: 0;
}
.li-encadre li + li {
margin-top: var(--li-e1);
}
.li-contenu > .wp-block-buttons {
margin-top: var(--li-e4);
} .woocommerce-form-track-order {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0 var(--li-e2);
padding: var(--li-e4);
background: var(--li-surface);
border: 1px solid var(--li-trait);
border-radius: var(--li-rayon);
}
.woocommerce-form-track-order > p:first-child,
.woocommerce-form-track-order .clear {
display: none;
}
.woocommerce-form-track-order .form-row {
width: auto !important;
float: none !important;
}
.woocommerce-form-track-order .form-row:last-of-type {
grid-column: 1 / -1;
margin-bottom: 0;
}
@media (max-width: 600px) {
.woocommerce-form-track-order {
grid-template-columns: 1fr;
padding: var(--li-e3);
}
} .li-heros {
position: relative;
padding-top: var(--li-e5);
padding-bottom: var(--li-e6);
background:
radial-gradient(55% 60% at 8% 0%, rgb(120 38 255 / 38%), transparent 70%),
radial-gradient(45% 55% at 96% 6%, rgb(11 194 240 / 22%), transparent 70%);
}
.li-heros-intro {
margin-bottom: var(--li-e6) !important;
}
.li-heros-intro h1 {
margin: 0 0 var(--li-e3);
max-width: 16ch;
}
.li-titre-grille {
margin-top: 0 !important;
margin-bottom: var(--li-e3) !important;
} .li-atouts {
padding-bottom: var(--li-section);
}
.li-atouts-grille {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--li-e3);
}
.li-atout {
position: relative;
margin: 0 !important;
padding: var(--li-e4);
background: var(--li-surface);
border: 1px solid var(--li-trait);
border-radius: var(--li-rayon-l);
}
.li-atout::before {
content: "";
display: block;
width: 48px;
height: 48px;
margin-bottom: var(--li-e3);
border-radius: 14px;
background: var(--li-atout-fond);
}
.li-atout::after {
content: "";
position: absolute;
top: var(--li-e4);
left: var(--li-e4);
width: 48px;
height: 48px;
background: var(--li-atout-encre);
mask: var(--li-atout-icone) center / 24px no-repeat;
}
.li-atout-dessin {
--li-atout-fond: rgb(120 38 255 / 20%);
--li-atout-encre: var(--wp--preset--color--violet-clair);
--li-atout-icone: var(--li-ico-crayon);
}
.li-atout-paiement {
--li-atout-fond: rgb(11 194 240 / 16%);
--li-atout-encre: var(--li-cyan);
--li-atout-icone: var(--li-ico-cadenas);
}
.li-atout-compte {
--li-atout-fond: rgb(255 183 0 / 16%);
--li-atout-encre: var(--wp--preset--color--kap);
--li-atout-icone: var(--li-ico-colis);
}
.li-atout > p {
margin: 0;
}
.li-atout-titre {
margin-bottom: var(--li-e1) !important;
font-family: var(--wp--preset--font-family--titre);
font-size: var(--wp--preset--font-size--grand);
font-weight: 600;
line-height: 1.2;
color: var(--wp--preset--color--blanc);
}
@media (max-width: 900px) {
.li-atouts-grille {
grid-template-columns: 1fr;
gap: var(--li-e2);
}
} .li-creations {
position: relative;
background: var(--wp--preset--color--surface);
}
.li-creations::before {
content: "";
position: absolute;
inset: 0 0 auto;
height: 1px;
background: var(--li-degrade);
opacity: 0.7;
}
.li-creations-colonnes {
gap: var(--li-e5) !important;
}
.li-creations h2 {
margin: 0 0 var(--li-e2);
}
.li-creations p {
max-width: 52ch;
margin: 0;
}
.li-creations p + p {
margin-top: var(--li-e2);
}
.li-photo {
margin: 0;
}
.li-photo img {
display: block;
width: 100%;
aspect-ratio: 1;
border-radius: var(--li-rayon-l);
object-fit: cover;
} .wp-block-buttons {
gap: var(--li-e2);
}
.wp-block-button__link {
transition: background 0.2s var(--li-courbe), border-color 0.2s var(--li-courbe), transform 0.15s var(--li-courbe), box-shadow 0.2s var(--li-courbe);
}
.wp-block-button:not(.is-style-contour) .wp-block-button__link {
border: 1.5px solid transparent;
box-shadow: 0 8px 22px rgb(120 38 255 / 30%);
}
.wp-block-button:not(.is-style-contour) .wp-block-button__link:hover {
box-shadow: 0 10px 28px rgb(120 38 255 / 45%);
transform: translateY(-1px);
}
.wp-block-button__link:active {
transform: scale(0.98);
}
.wp-block-button.is-style-contour .wp-block-button__link {
background: transparent;
color: var(--wp--preset--color--blanc);
border: 1.5px solid rgb(255 255 255 / 28%);
}
.wp-block-button.is-style-contour .wp-block-button__link:hover {
border-color: var(--li-cyan);
background: rgb(11 194 240 / 8%);
}
.li-section .wp-block-button:not(.is-style-contour) .wp-block-button__link::after,
.li-page .wp-block-button:not(.is-style-contour) .wp-block-button__link::after {
content: "";
display: inline-block;
width: 1em;
height: 1em;
margin-left: 0.5em;
vertical-align: -0.15em;
background: currentColor;
mask: var(--li-ico-fleche) center / contain no-repeat;
transition: transform 0.2s var(--li-courbe);
}
.wp-block-button__link:hover::after {
transform: translateX(3px);
} .li-produits.wc-block-product-template {
--li-colonnes: 4;
display: grid !important;
grid-template-columns: repeat(var(--li-colonnes), minmax(0, 1fr)) !important;
gap: var(--li-e3) !important;
margin: 0;
padding: 0;
list-style: none;
}
.li-produits.columns-2 {
--li-colonnes: 2;
}
@media (max-width: 1099px) {
.li-produits.wc-block-product-template {
--li-colonnes: 3;
}
}
@media (max-width: 899px) {
.li-produits.wc-block-product-template {
--li-colonnes: 2;
gap: var(--li-e2) !important;
}
}
@media (max-width: 340px) {
.li-produits.wc-block-product-template {
--li-colonnes: 1;
}
}
.li-produits > li {
width: auto !important;
max-width: none !important;
}
.li-produits .wc-block-product {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
grid-template-rows: auto auto auto 1fr;
column-gap: var(--li-e1);
margin: 0 !important;
padding: 6px 6px var(--li-e2);
text-align: left;
background: var(--li-surface);
border: 1px solid var(--li-trait);
border-radius: var(--li-rayon-l);
transition: border-color 0.25s var(--li-courbe), transform 0.25s var(--li-courbe), box-shadow 0.25s var(--li-courbe);
}
.li-produits .wc-block-product:hover {
border-color: rgb(11 194 240 / 45%);
transform: translateY(-3px);
box-shadow: 0 0 0 1px rgb(120 38 255 / 25%), 0 22px 44px rgb(0 0 0 / 45%);
}
.li-produits .wc-block-product > * {
margin: 0 10px !important;
}
.li-produits .wc-block-components-product-image {
position: relative;
grid-column: 1 / -1;
margin: 0 0 var(--li-e2) !important;
border-radius: 18px;
background: var(--li-photo);
overflow: hidden;
}
.li-produits .wc-block-components-product-image img {
aspect-ratio: 1;
object-fit: cover;
transition: transform 0.5s var(--li-courbe), opacity 0.2s;
}
.li-produits .wc-block-product:hover .wc-block-components-product-image img {
transform: scale(1.03);
}
.li-produits :is(h2, h3).wp-block-post-title {
grid-column: 1;
margin-right: 0 !important;
font-family: var(--wp--preset--font-family--texte);
font-size: 1rem;
font-weight: 700;
line-height: 1.3;
}
.li-produits .wp-block-post-title a {
color: var(--wp--preset--color--blanc);
text-decoration: none;
} .li-produits .wp-block-post-title a::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
border-radius: inherit;
} .li-produits .wp-block-woocommerce-product-price {
grid-column: 2;
grid-row: 2;
margin-left: 0 !important;
align-self: start;
text-align: right;
}
.li-produits .wc-block-components-product-price {
font-size: 1rem !important;
font-weight: 700;
line-height: 1.3;
color: var(--wp--preset--color--blanc);
white-space: nowrap;
}
.li-produits .wp-block-button.wc-block-components-product-button {
position: relative;
z-index: 2;
grid-column: 1 / -1;
grid-row: 4;
align-self: end;
padding-top: var(--li-e2);
justify-content: stretch;
align-items: stretch;
}
.li-produits .wc-block-components-product-button .wp-block-button__link,
.li-produits .wc-block-components-product-button .button {
width: 100%;
min-height: 40px;
padding: 0.45rem 0.75rem;
font-size: 0.875rem;
color: var(--wp--preset--color--blanc);
background: transparent;
border: 1px solid var(--li-trait);
box-shadow: none;
}
.li-produits .wc-block-product:hover .wc-block-components-product-button :is(.wp-block-button__link, .button) {
background: var(--wp--preset--color--violet);
border-color: var(--wp--preset--color--violet);
}
.li-produits .wc-block-components-product-button .added_to_cart {
margin-top: var(--li-e1);
font-size: 0.9rem;
color: var(--li-cyan);
}
.li-produits .wc-block-components-product-sale-badge {
z-index: 2;
margin: var(--li-e2);
padding: 0.25rem 0.75rem;
font-size: 0.8rem;
font-weight: 700;
color: #fff;
background: var(--li-degrade);
border: 0;
border-radius: 999px;
} .li-type-article {
position: absolute;
top: 10px;
left: 10px;
z-index: 2;
padding: 0.2rem 0.6rem;
font-size: 0.75rem;
font-weight: 700;
line-height: 1.5;
color: #fff;
pointer-events: none;
background: rgb(15 15 15 / 72%);
border-radius: 999px;
backdrop-filter: blur(6px);
}
.li-menu-produits .li-type-article {
display: none;
} @media (max-width: 560px) {
.li-produits .wc-block-product > * {
margin: 0 6px !important;
}
.li-produits .wc-block-components-product-image {
margin: 0 0 var(--li-e1) !important;
}
.li-produits :is(h2, h3).wp-block-post-title,
.li-produits .wc-block-components-product-price {
font-size: 0.9rem !important;
}
.li-produits .wc-block-components-product-price {
max-width: 8ch;
white-space: normal;
}
.li-produits .wc-block-components-product-button :is(.wp-block-button__link, .button) {
padding: 0.4rem;
font-size: 0.8rem;
}
.li-produits .wc-block-components-product-button :is(.wp-block-button__link, .button)::after {
display: none !important;
}
.li-type-article {
top: 6px;
left: 6px;
font-size: 0.7rem;
}
} .li-produits .wc-block-product > .li-carte-pastilles {
position: relative;
z-index: 2;
grid-column: 1 / -1;
grid-row: 3;
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: var(--li-e1) !important;
padding: 4px;
margin-left: calc(var(--li-e2) - 4px) !important;
}
.li-carte-pastille {
width: 24px;
height: 24px;
padding: 0;
cursor: pointer;
background: var(--li-pastille);
border: 2px solid rgb(255 255 255 / 22%);
border-radius: 50%;
box-shadow: 0 0 0 2px var(--li-surface);
transition: box-shadow 0.2s var(--li-courbe), transform 0.15s var(--li-courbe);
}
.li-carte-pastille:hover {
transform: scale(1.1);
}
.li-carte-pastille[aria-pressed="true"] {
box-shadow: 0 0 0 2px var(--li-surface), 0 0 0 4px var(--wp--preset--color--blanc);
} .li-catalogue-intro {
margin-bottom: var(--li-e5) !important;
}
.li-catalogue-intro h1 {
margin: 0 0 var(--li-e2);
}
.li-catalogue-intro .li-chapo,
.li-catalogue-intro .li-chapo p {
margin: 0;
}
.li-catalogue-outils {
margin-bottom: var(--li-e3) !important;
font-size: 0.95rem;
color: var(--wp--preset--color--discret);
}
.li-catalogue-outils:not(:has(*)) {
display: none;
}
.li-catalogue-outils > * {
margin: 0 !important;
} .li-categories ul {
display: flex;
flex-wrap: wrap;
gap: var(--li-e1);
margin: 0;
padding: 0;
list-style: none;
}
.li-categories a {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 0 1.25rem;
font-weight: 600;
color: var(--wp--preset--color--blanc);
text-decoration: none;
border: 1.5px solid rgb(255 255 255 / 28%);
border-radius: 999px;
transition: border-color 0.2s var(--li-courbe), background 0.2s var(--li-courbe);
}
.li-categories a:hover {
border-color: var(--li-cyan);
background: rgb(11 194 240 / 8%);
}
.li-categories a[aria-current="page"] {
color: #fff;
background: var(--li-degrade);
border-color: transparent;
}
.li-catalogue .li-categories {
margin-bottom: var(--li-e4) !important;
}
.woocommerce-ordering select {
min-height: 44px;
padding: 0 2.25rem 0 1rem;
font: inherit;
color: var(--wp--preset--color--blanc);
background: var(--li-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ebebeb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 0.75rem center / 1rem no-repeat;
border: 1px solid var(--li-trait-champ);
border-radius: 999px;
appearance: none;
cursor: pointer;
}
.wp-block-query-pagination {
margin-top: var(--li-e5) !important;
gap: var(--li-e1);
}
.wp-block-query-pagination a,
.wp-block-query-pagination .current {
display: inline-grid;
place-items: center;
min-width: 44px;
height: 44px;
padding: 0 0.75rem;
color: var(--wp--preset--color--texte);
text-decoration: none;
border: 1px solid var(--li-trait);
border-radius: 999px;
}
.wp-block-query-pagination .current {
color: #fff;
background: var(--wp--preset--color--violet);
border-color: var(--wp--preset--color--violet);
} .li-produit-haut {
gap: clamp(2rem, 5vw, 4rem) !important;
align-items: flex-start !important;
margin-bottom: 0;
} .li-galerie {
position: relative;
}
.li-galerie-scene {
position: relative;
aspect-ratio: 1;
overflow: hidden;
background: var(--li-photo);
border-radius: var(--li-rayon-l);
}
.li-galerie-grille {
position: relative;
display: flex;
height: 100%;
margin: 0;
padding: 0;
overflow-x: auto;
list-style: none;
scroll-snap-type: x mandatory;
scrollbar-width: none;
overscroll-behavior-x: contain;
}
.li-galerie-grille::-webkit-scrollbar {
display: none;
}
.li-galerie-item {
flex: 0 0 100%;
margin: 0;
scroll-snap-align: start;
}
.li-galerie-item[hidden] {
display: none;
}
.li-galerie-lien {
display: block;
height: 100%;
overflow: hidden;
cursor: zoom-in;
}
.li-galerie-image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s var(--li-courbe);
}
.li-galerie-lien:hover .li-galerie-image {
transform: scale(1.03);
}
.li-galerie-vignettes {
display: grid;
grid-template-columns: repeat(6, minmax(0, 88px));
gap: var(--li-e1);
margin-top: var(--li-e2);
}
.li-galerie-vignette {
display: block;
padding: 0;
overflow: hidden;
cursor: pointer;
background: var(--li-photo);
border: 2px solid transparent;
border-radius: 12px;
opacity: 0.62;
transition: opacity 0.2s var(--li-courbe), border-color 0.2s var(--li-courbe);
}
.li-galerie-vignette[hidden] {
display: none;
}
.li-galerie-vignette:hover,
.li-galerie-vignette[aria-current="true"] {
opacity: 1;
}
.li-galerie-vignette[aria-current="true"] {
border-color: var(--wp--preset--color--violet);
}
.li-galerie-vignette img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1;
object-fit: cover;
} .li-visionneuse {
width: 100vw;
max-width: none;
height: 100dvh;
max-height: none;
margin: 0;
padding: 0;
color: #fff;
background: transparent;
border: 0;
}
.li-visionneuse::backdrop {
background: rgb(8 8 10 / 94%);
backdrop-filter: blur(6px);
}
.li-visionneuse[open] {
display: grid;
place-items: center;
}
.li-visionneuse-image {
max-width: min(92vw, 1100px);
max-height: 84dvh;
border-radius: var(--li-rayon);
background: var(--li-photo);
object-fit: contain;
}
.li-visionneuse-bouton {
position: fixed;
display: grid;
place-items: center;
width: 48px;
height: 48px;
padding: 0;
cursor: pointer;
color: #fff;
background: rgb(255 255 255 / 10%);
border: 1px solid rgb(255 255 255 / 20%);
border-radius: 50%;
transition: background 0.2s var(--li-courbe);
}
.li-visionneuse-bouton:hover {
background: var(--wp--preset--color--violet);
}
.li-visionneuse-bouton::before {
content: "";
width: 20px;
height: 20px;
background: currentColor;
mask: var(--li-ico-fleche) center / contain no-repeat;
}
.li-visionneuse-fermer {
top: var(--li-e3);
right: var(--li-e3);
}
.li-visionneuse-fermer::before {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");
}
.li-visionneuse-precedent {
top: 50%;
left: var(--li-e3);
transform: translateY(-50%);
}
.li-visionneuse-precedent::before {
transform: scaleX(-1);
}
.li-visionneuse-suivant {
top: 50%;
right: var(--li-e3);
transform: translateY(-50%);
}
.li-visionneuse-compteur {
position: fixed;
bottom: var(--li-e3);
left: 50%;
margin: 0;
font-size: 0.9rem;
font-weight: 700;
transform: translateX(-50%);
} .li-galerie-actions {
position: absolute;
top: var(--li-e2);
left: var(--li-e2);
z-index: 2;
display: flex;
flex-wrap: wrap;
gap: var(--li-e1);
}
.li-galerie-actions:empty {
display: none;
}
.li-tourner-ouvrir,
.li-galerie-modes {
color: #fff;
background: rgb(15 15 15 / 72%);
border: 1px solid rgb(255 255 255 / 20%);
border-radius: 999px;
backdrop-filter: blur(6px);
}
.li-tourner-ouvrir,
.li-galerie-modes button {
display: inline-flex;
align-items: center;
gap: 0.4rem;
min-height: 40px;
padding: 0 1rem;
font: inherit;
font-size: 0.875rem;
font-weight: 700;
color: inherit;
cursor: pointer;
transition: background 0.2s var(--li-courbe);
}
.li-tourner-ouvrir:hover {
background: var(--wp--preset--color--violet);
}
.li-galerie-modes {
display: inline-flex;
padding: 3px;
}
.li-galerie-modes button {
min-height: 34px;
padding: 0 0.9rem;
background: transparent;
border: 0;
border-radius: 999px;
}
.li-galerie-modes button[aria-pressed="true"] {
background: var(--li-degrade);
} .li-tourner {
width: 100vw;
max-width: none;
height: 100dvh;
max-height: none;
margin: 0;
padding: var(--li-e4) var(--li-e2);
box-sizing: border-box;
color: #fff;
background: transparent;
border: 0;
}
.li-tourner::backdrop {
background: rgb(8 8 10 / 94%);
backdrop-filter: blur(6px);
}
.li-tourner[open] {
display: grid;
grid-template-rows: auto auto auto;
justify-items: center;
align-content: center;
gap: var(--li-e2);
}
.li-tourner-scene {
position: relative;
width: min(92vw, 78dvh, 760px);
aspect-ratio: 1;
overflow: hidden;
background: var(--li-photo);
border-radius: var(--li-rayon-l);
cursor: grab;
touch-action: pan-y;
user-select: none;
}
.li-tourner-scene:active {
cursor: grabbing;
}
.li-tourner-scene img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: contain;
opacity: 0;
transition: opacity 0.18s linear;
pointer-events: none;
}
.li-tourner-scene img.is-active {
opacity: 1;
}
.li-tourner-curseur {
width: min(92vw, 420px);
accent-color: var(--wp--preset--color--violet);
}
.li-tourner-aide {
margin: 0;
font-size: 0.9rem;
color: rgb(255 255 255 / 75%);
}
@media (prefers-reduced-motion: reduce) {
.li-tourner-scene img {
transition: none;
}
} .li-3d,
.li-3d-pastille {
--li-fond-3d: radial-gradient(circle at 50% 38%, #ffffff 0%, #e8e7ee 72%);
}
.li-galerie.is-3d .li-galerie-scene {
background: none;
}
.li-3d {
position: absolute;
inset: 0;
z-index: 1;
background: var(--li-fond-3d);
transition: background 0.4s var(--li-courbe);
}
.li-3d[hidden] {
display: none;
}
.li-3d[data-fond="nuit"],
.li-3d-pastille-nuit {
--li-fond-3d: radial-gradient(circle at 50% 35%, #34303f 0%, #0f0f0f 72%);
}
.li-3d[data-fond="lorem"],
.li-3d-pastille-lorem {
--li-fond-3d: radial-gradient(circle at 50% 40%, rgb(255 255 255 / 22%) 0%, rgb(255 255 255 / 0%) 55%), linear-gradient(135deg, #7826ff 0%, #0bc2f0 100%);
}
.li-3d[data-fond="lagon"],
.li-3d-pastille-lagon {
--li-fond-3d: radial-gradient(circle at 50% 30%, #e9fbf8 0%, #7fd8d2 45%, #0a6a96 100%);
}
.li-galerie.is-3d .li-galerie-grille {
visibility: hidden;
}
.li-3d-modele {
display: block;
width: 100%;
height: 100%;
--poster-color: transparent;
--progress-bar-color: var(--wp--preset--color--violet);
}
.li-3d.is-chargement::after {
position: absolute;
top: 50%;
left: 50%;
width: 44px;
height: 44px;
margin: -22px 0 0 -22px;
content: "";
border: 3px solid rgb(120 38 255 / 25%);
border-top-color: var(--wp--preset--color--violet);
border-radius: 50%;
animation: li-3d-attente 0.9s linear infinite;
}
@keyframes li-3d-attente {
to {
transform: rotate(1turn);
}
}
.li-ar-placer {
position: absolute;
bottom: var(--li-e3);
left: 50%;
min-height: 48px;
padding: 0 1.5rem;
font: inherit;
font-weight: 700;
color: #fff;
background: var(--wp--preset--color--violet);
border: 0;
border-radius: 999px;
box-shadow: 0 8px 22px rgb(120 38 255 / 35%);
transform: translateX(-50%);
cursor: pointer;
} .li-galerie.is-3d .li-galerie-vignettes,
.li-galerie:not(.is-3d) .li-3d-pied {
display: none;
}
.li-3d-pied {
margin-top: var(--li-e2);
}
.li-3d-fonds {
display: flex;
flex-wrap: wrap;
gap: var(--li-e1);
}
.li-3d-fond {
display: inline-flex;
align-items: center;
gap: 0.5rem;
min-height: 40px;
padding: 0 1rem 0 0.4rem;
font: inherit;
font-size: 0.875rem;
font-weight: 700;
color: var(--wp--preset--color--texte);
cursor: pointer;
background: var(--wp--preset--color--surface);
border: 1px solid var(--li-trait);
border-radius: 999px;
transition: border-color 0.2s var(--li-courbe);
}
.li-3d-fond:hover {
border-color: var(--wp--preset--color--violet-clair);
}
.li-3d-fond[aria-pressed="true"] {
color: #fff;
border-color: var(--wp--preset--color--violet);
box-shadow: inset 0 0 0 1px var(--wp--preset--color--violet);
}
.li-3d-pastille {
flex: none;
width: 28px;
height: 28px;
background: var(--li-fond-3d);
border: 1px solid rgb(255 255 255 / 25%);
border-radius: 50%;
}
@media (max-width: 560px) {
.li-3d-fonds {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 6px;
}
.li-3d-fond {
justify-content: center;
gap: 0.35rem;
padding: 0 0.4rem;
font-size: 0.8rem;
}
.li-3d-pastille {
width: 20px;
height: 20px;
}
}
.li-3d-aide {
margin: var(--li-e1) 0 0;
font-size: 0.85rem;
color: var(--wp--preset--color--discret);
}
@media (prefers-reduced-motion: reduce) {
.li-3d,
.li-galerie-image,
.li-galerie-vignette {
transition: none;
}
.li-3d.is-chargement::after {
animation-duration: 3s;
}
} @media (min-width: 900px) {
.li-produit-achat {
position: sticky;
top: calc(var(--li-entete) + var(--li-e4));
}
.admin-bar .li-produit-achat {
top: calc(var(--li-entete) + 32px + var(--li-e4));
}
}
.li-produit-achat > * {
margin-block: 0 !important;
}
.li-produit-titre {
margin-bottom: var(--li-e2) !important;
font-size: clamp(2.2rem, 4vw, 3.2rem);
}
.li-produit-note {
margin-bottom: var(--li-e2) !important;
}
.li-produit-prix {
margin-bottom: var(--li-e3) !important;
font-size: 1.6rem;
font-weight: 700;
color: var(--wp--preset--color--blanc);
}
.li-produit-prix del {
color: var(--wp--preset--color--discret);
font-weight: 400;
}
.li-produit-prix ins {
text-decoration: none;
}
.li-produit-resume {
margin-bottom: var(--li-e4) !important;
color: var(--wp--preset--color--texte);
}
.li-produit-resume p {
margin: 0;
}
.li-produit-resume:has(.wp-block-post-excerpt__excerpt:empty) {
display: none;
} .li-produit-panier form.cart {
margin: 0;
}
.li-produit-panier table.variations,
.li-produit-panier table.variations tbody,
.li-produit-panier table.variations tr,
.li-produit-panier table.variations td {
display: block;
width: 100%;
margin: 0 !important;
padding: 0 !important;
line-height: 1.5 !important;
border: 0;
background: none;
} .li-produit-panier wc-order-attribution-inputs {
display: none;
}
.li-produit-panier table.variations th.label {
display: none;
}
.li-produit-panier table.variations tr + tr {
margin-top: var(--li-e3) !important;
}
.li-produit-panier .reset_variations {
display: none !important;
}
.li-produit-panier .single_variation_wrap {
margin-top: var(--li-e4);
}
.li-produit-panier .woocommerce-variation:not(:has(:not(:empty))) {
display: none !important;
}
.li-produit-panier .woocommerce-variation > * {
margin: 0 0 var(--li-e2);
}
.li-produit-panier .woocommerce-variation-price .price {
font-size: 1.25rem;
font-weight: 700;
color: var(--wp--preset--color--blanc);
}
.li-produit-panier .stock {
font-weight: 600;
color: var(--wp--preset--color--vert);
}
.li-produit-panier .stock.out-of-stock {
color: #ff8a8a;
} .li-choix-titre {
margin: 0 0 var(--li-e2);
line-height: 1.4;
font-weight: 700;
color: var(--wp--preset--color--blanc);
}
.li-choix-valeur {
font-weight: 400;
color: var(--wp--preset--color--discret);
}
.li-choix-valeur:not(:empty)::before {
content: " : ";
}
.li-choix-options {
display: flex;
flex-wrap: wrap;
gap: var(--li-e1);
}
.li-choix-option {
position: relative;
display: inline-grid;
place-items: center;
min-width: 72px;
min-height: 48px;
padding: 0 var(--li-e3);
font-weight: 600;
color: var(--wp--preset--color--texte);
cursor: pointer;
border: 1.5px solid var(--li-trait-champ);
border-radius: 999px;
transition: border-color 0.2s var(--li-courbe), background 0.2s var(--li-courbe), color 0.2s var(--li-courbe);
}
.li-choix-option input {
position: absolute;
inset: 0;
margin: 0;
opacity: 0;
cursor: pointer;
}
.li-choix-option:hover {
border-color: var(--wp--preset--color--violet-clair);
color: var(--wp--preset--color--blanc);
}
.li-choix-option:has(input:checked) {
color: var(--wp--preset--color--fond);
background: var(--wp--preset--color--blanc);
border-color: var(--wp--preset--color--blanc);
}
.li-choix-option:has(input:focus-visible) {
outline: 3px solid var(--wp--preset--color--violet-clair);
outline-offset: 3px;
}
.li-choix-option.is-indisponible {
opacity: 0.4;
text-decoration: line-through;
cursor: not-allowed;
} .li-choix-couleurs .li-choix-option {
min-width: 0;
width: 44px;
min-height: 44px;
height: 44px;
padding: 0;
border: 0;
border-radius: 50%;
background: none;
}
.li-pastille {
width: 100%;
height: 100%;
background: var(--li-pastille);
border: 2px solid rgb(255 255 255 / 22%);
border-radius: 50%;
box-shadow: 0 0 0 3px var(--wp--preset--color--fond);
transition: box-shadow 0.2s var(--li-courbe), transform 0.15s var(--li-courbe);
}
.li-choix-couleurs .li-choix-option:hover {
background: none;
}
.li-choix-couleurs .li-choix-option:hover .li-pastille {
transform: scale(1.06);
}
.li-choix-couleurs .li-choix-option:has(input:checked) {
background: none;
}
.li-choix-couleurs .li-choix-option:has(input:checked) .li-pastille {
box-shadow: 0 0 0 3px var(--wp--preset--color--fond), 0 0 0 5px var(--wp--preset--color--blanc);
}
.li-choix-couleurs .li-choix-option.is-indisponible .li-pastille {
background: linear-gradient(135deg, transparent calc(50% - 1px), rgb(255 255 255 / 80%) 50%, transparent calc(50% + 1px)), var(--li-pastille);
}
.li-choix-alerte {
margin: var(--li-e1) 0 0;
font-size: 0.9rem;
font-weight: 600;
color: #ff9a9a;
} .li-choix-liste {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
} .li-produit-panier form.cart:not(.variations_form),
.li-produit-panier .woocommerce-variation-add-to-cart {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: var(--li-e1);
}
.li-produit-panier form.cart:not(.variations_form) {
margin-top: 0;
}
.li-produit-panier .quantity {
box-sizing: border-box;
display: inline-flex;
align-items: center;
height: 52px;
margin: 0 !important;
border: 1.5px solid var(--li-trait-champ);
border-radius: 999px;
}
.li-produit-panier .quantity .qty {
width: 2.75rem;
height: 100%;
padding: 0;
font: inherit;
font-weight: 700;
text-align: center;
color: var(--wp--preset--color--blanc);
background: transparent;
border: 0;
-moz-appearance: textfield;
}
.li-produit-panier .quantity .qty::-webkit-inner-spin-button,
.li-produit-panier .quantity .qty::-webkit-outer-spin-button {
margin: 0;
-webkit-appearance: none;
}
.li-quantite-bouton {
display: grid;
place-items: center;
width: 40px;
height: 100%;
padding: 0;
font-size: 1.25rem;
line-height: 1;
color: var(--wp--preset--color--blanc);
cursor: pointer;
background: none;
border: 0;
border-radius: 999px;
}
.li-quantite-bouton:hover {
color: var(--li-cyan);
}
.quantity:has(input[type="hidden"]) .li-quantite-bouton {
display: none;
}
.li-produit-panier form.cart .single_add_to_cart_button {
flex: 1 1 150px;
float: none;
height: 52px;
min-height: 52px;
margin: 0;
padding: 0 1.8rem;
line-height: 1;
font-size: 1rem !important;
font-weight: 700;
color: #fff !important;
background: var(--wp--preset--color--violet) !important;
border: 0;
border-radius: 999px;
box-shadow: 0 8px 22px rgb(120 38 255 / 30%);
cursor: pointer;
transition: background 0.2s var(--li-courbe), box-shadow 0.2s var(--li-courbe), transform 0.15s var(--li-courbe), opacity 0.2s;
}
.li-produit-panier .single_add_to_cart_button:hover {
background: var(--wp--preset--color--violet-fonce) !important;
box-shadow: 0 10px 28px rgb(120 38 255 / 45%);
transform: translateY(-1px);
} .li-produit-panier form.cart .single_add_to_cart_button.disabled {
background: var(--wp--preset--color--violet-fonce) !important;
opacity: 1 !important;
box-shadow: none;
transform: none;
}
.li-produit-panier .single_add_to_cart_button.loading {
opacity: 0.7;
} .li-produit-panier [class*="wc-stripe"][class*="product"] {
flex-basis: 100%;
margin-top: var(--li-e1);
}
.li-produit-infos {
display: grid;
gap: var(--li-e2);
margin-top: var(--li-e4) !important;
padding: var(--li-e4) 0 0;
list-style: none;
font-size: 0.95rem;
border-top: 1px solid var(--li-trait);
}
.li-produit-infos li {
position: relative;
margin: 0;
padding-left: 2.25rem;
color: var(--wp--preset--color--texte);
}
.li-produit-infos li::before {
content: "";
position: absolute;
top: 0.05em;
left: 0;
width: 1.4rem;
height: 1.4rem;
background: var(--li-cyan);
mask: var(--li-ico) center / contain no-repeat;
}
.li-info-livraison {
--li-ico: var(--li-ico-camion);
}
.li-info-paiement {
--li-ico: var(--li-ico-cadenas);
}
.li-info-retour {
--li-ico: var(--li-ico-retour);
}
.li-produit-infos a {
color: var(--wp--preset--color--violet-clair);
}
.li-produit-infos a:hover {
color: var(--wp--preset--color--blanc);
} .li-produit-section {
margin-top: var(--li-section) !important;
}
.li-produit-section > h2,
.wp-block-woocommerce-product-collection.li-produits-lies > h2.wp-block-heading {
margin: 0 0 var(--li-e3);
font-size: var(--wp--preset--font-size--titre);
}
.li-produit-description > :not(h2),
.li-produit-avis > :not(h2) {
max-width: var(--li-lecture);
}
.li-produit-description .wp-block-woocommerce-product-description > * {
margin: 0;
}
.li-produit-description .wp-block-woocommerce-product-description > * + * {
margin-top: var(--li-e2);
}
.li-produit-description ul {
padding-left: 1.25rem;
}
.li-produit-description li + li {
margin-top: var(--li-e1);
}
.li-produit-description h3 {
margin-top: var(--li-e4) !important;
font-family: var(--wp--preset--font-family--texte);
font-size: var(--wp--preset--font-size--moyen);
font-weight: 700;
letter-spacing: 0;
}
.li-produit-description h3 + * {
margin-top: var(--li-e1) !important;
}
.li-produit-description .li-produit-conformite {
margin-top: var(--li-e4) !important;
padding: var(--li-e4);
font-size: 0.875rem;
color: var(--wp--preset--color--discret);
background: var(--li-surface);
border: 1px solid var(--li-trait);
border-radius: var(--li-rayon);
}
.li-produit-description .li-produit-conformite h3 {
margin: 0 0 var(--li-e1) !important;
font-size: 1rem;
color: var(--wp--preset--color--blanc);
}
.li-produit-description .li-produit-conformite p {
margin: 0;
}
.li-produit-description .li-produit-conformite p + p {
margin-top: var(--li-e1);
} .li-produit-avis .woocommerce-Reviews-title {
display: none;
}
.li-produit-avis #reviews > * {
margin: 0;
}
.li-produit-avis #reviews > * + * {
margin-top: var(--li-e2);
}
.li-produit-avis .commentlist {
display: grid;
gap: var(--li-e2);
margin: 0;
padding: 0;
list-style: none;
}
.li-produit-avis .commentlist li {
padding: var(--li-e3);
background: var(--li-surface);
border: 1px solid var(--li-trait);
border-radius: var(--li-rayon);
}
.li-produit-avis .commentlist img.avatar {
float: left;
margin-right: var(--li-e2);
border-radius: 50%;
}
.li-produit-avis .woocommerce-noreviews,
.li-produit-avis .woocommerce-verification-required {
margin: 0;
color: var(--wp--preset--color--discret);
}
.star-rating,
.stars a {
color: var(--wp--preset--color--kap);
} .li-barre-achat {
position: fixed;
inset: auto 0 0;
z-index: 45;
display: none;
align-items: center;
justify-content: space-between;
gap: var(--li-e2);
padding: var(--li-e1) var(--li-e2) calc(var(--li-e1) + env(safe-area-inset-bottom));
background: rgb(24 23 29 / 92%);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
border-top: 1px solid var(--li-trait);
visibility: hidden;
transform: translateY(100%);
transition: transform 0.3s var(--li-courbe), visibility 0.3s;
}
@media (max-width: 899px) {
.li-barre-achat {
display: flex;
}
}
.li-barre-achat.is-visible {
visibility: visible;
transform: none;
}
.li-barre-achat-texte {
min-width: 0;
}
.li-barre-achat-texte p {
margin: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 1.3;
}
.li-barre-achat-titre {
font-weight: 700;
color: var(--wp--preset--color--blanc);
}
.li-barre-achat-prix {
font-size: 0.9rem;
color: var(--wp--preset--color--discret);
}
.li-barre-achat-bouton {
flex-shrink: 0;
min-height: 48px;
padding: 0 var(--li-e3);
font: inherit;
font-weight: 700;
color: #fff;
cursor: pointer;
background: var(--wp--preset--color--violet);
border: 0;
border-radius: 999px;
}
html:has(.li-barre-achat.is-visible) .li-haut {
display: none;
} .li-visuel {
margin-block: var(--li-e3);
padding: var(--li-e3);
background: var(--li-surface);
border: 1px solid var(--li-trait);
border-radius: var(--li-rayon-l);
}
.li-visuel ol {
margin: 0;
padding: 0;
list-style: none;
}
.li-visuel li,
ol.li-etapes > li {
margin: 0 !important;
}
.li-visuel-legende {
margin: var(--li-e3) 0 0;
font-size: 0.9rem;
text-align: center;
color: var(--wp--preset--color--discret);
} .li-paliers-liste {
position: relative;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
padding-top: 22px !important;
}
.li-paliers-liste::before,
.li-paliers-liste::after {
position: absolute;
top: 0;
left: 0;
height: 10px;
content: "";
border-radius: 999px;
}
.li-paliers-liste::before {
right: 0;
background: var(--li-trait);
}
.li-paliers-liste::after {
right: 12.5%;
background: var(--li-degrade);
}
.li-paliers-etape {
position: relative;
display: grid;
justify-items: center;
gap: 2px;
text-align: center;
}
.li-paliers-etape::before {
position: absolute;
top: -29px;
width: 22px;
height: 22px;
box-sizing: border-box;
content: "";
background: var(--wp--preset--color--fond);
border: 4px solid var(--wp--preset--color--violet-clair);
border-radius: 50%;
}
.li-paliers-remise {
font-family: var(--wp--preset--font-family--titre);
font-size: clamp(1.5rem, 4vw, 2.2rem);
line-height: 1.1;
color: var(--wp--preset--color--blanc);
white-space: nowrap;
}
.li-paliers-points {
font-size: 0.85rem;
font-weight: 700;
color: var(--wp--preset--color--discret);
white-space: nowrap;
}
.li-paliers-etape:last-child .li-paliers-remise {
color: var(--li-cyan);
} .li-parcours-liste {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: var(--li-e2);
}
.li-parcours-etape {
position: relative;
display: grid;
align-content: start;
gap: 4px;
font-size: 0.875rem;
color: var(--wp--preset--color--discret);
}
.li-parcours-etape strong {
margin-top: var(--li-e1);
font-size: 1rem;
color: var(--wp--preset--color--blanc);
}
.li-parcours-icone {
position: relative;
z-index: 1;
display: grid;
place-items: center;
width: 48px;
height: 48px;
color: #fff;
background: var(--li-degrade);
border-radius: 50%;
box-shadow: 0 0 0 6px var(--li-surface);
}
.li-parcours-etape:not(:last-child)::after {
position: absolute;
top: 23px;
left: 48px;
right: calc(-1 * var(--li-e2));
height: 2px;
content: "";
background: linear-gradient(90deg, var(--wp--preset--color--violet-clair), var(--li-trait));
}
@media (max-width: 700px) {
.li-parcours-liste {
grid-template-columns: minmax(0, 1fr);
gap: var(--li-e3);
}
.li-parcours-etape {
grid-template-columns: 48px minmax(0, 1fr);
column-gap: var(--li-e2);
row-gap: 0;
}
.li-parcours-icone {
grid-row: span 2;
}
.li-parcours-etape strong {
margin-top: 4px;
}
.li-parcours-etape:not(:last-child)::after {
top: 48px;
bottom: calc(-1 * var(--li-e3));
left: 23px;
right: auto;
width: 2px;
height: auto;
background: linear-gradient(180deg, var(--wp--preset--color--violet-clair), var(--li-trait));
}
} ol.li-etapes {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: var(--li-e2);
margin: var(--li-e3) 0;
padding: 0;
list-style: none;
counter-reset: li-etape;
}
ol.li-etapes > li {
margin: 0;
padding: var(--li-e3) var(--li-e2) var(--li-e2);
font-size: 0.95rem;
background: var(--li-surface);
border: 1px solid var(--li-trait);
border-radius: var(--li-rayon);
counter-increment: li-etape;
}
ol.li-etapes > li::before {
display: grid;
place-items: center;
width: 36px;
height: 36px;
margin-bottom: var(--li-e2);
font-weight: 700;
color: #fff;
content: counter(li-etape);
background: var(--li-degrade);
border-radius: 50%;
} .li-avant-pied {
padding-top: 0;
}
.home .li-avant-pied {
padding-top: var(--li-section);
}
.li-avant-pied-colonnes {
gap: var(--li-e3) !important;
margin: 0;
}
.li-carte-agence,
.li-carte-newsletter {
position: relative;
display: flex;
flex-direction: column;
padding: clamp(1.75rem, 4vw, 3rem);
border: 1px solid var(--li-trait);
border-radius: var(--li-rayon-l);
overflow: hidden;
}
.li-carte-agence {
background:
radial-gradient(80% 90% at 0% 0%, rgb(120 38 255 / 40%), transparent 70%),
radial-gradient(60% 70% at 100% 100%, rgb(11 194 240 / 18%), transparent 70%),
var(--li-surface);
}
.li-carte-newsletter {
background:
radial-gradient(70% 80% at 100% 0%, rgb(11 194 240 / 22%), transparent 70%),
radial-gradient(60% 70% at 0% 100%, rgb(255 183 0 / 10%), transparent 70%),
var(--li-surface);
}
.li-carte-agence > *,
.li-carte-newsletter > * {
margin: 0 !important;
}
.li-carte-agence h2,
.li-carte-newsletter h2 {
margin-bottom: var(--li-e2) !important;
font-size: var(--wp--preset--font-size--titre);
}
.li-carte-agence p,
.li-carte-newsletter > p {
max-width: 46ch;
}
.li-carte-agence .li-boutons {
margin-top: auto !important;
padding-top: var(--li-e4);
}
.li-carte-newsletter .li-newsletter {
margin-top: var(--li-e4) !important;
} .li-newsletter-label {
display: block;
margin-bottom: var(--li-e1);
font-weight: 700;
color: var(--wp--preset--color--blanc);
}
.li-newsletter-ligne {
display: flex;
flex-wrap: wrap;
gap: var(--li-e1);
}
.li-newsletter input[type="email"] {
flex: 1 1 220px;
min-height: 52px;
padding: 0 1.25rem;
font: inherit;
color: var(--wp--preset--color--blanc);
background: var(--wp--preset--color--fond);
border: 1.5px solid var(--li-trait-champ);
border-radius: 999px;
}
.li-newsletter input[type="email"]:focus {
border-color: var(--li-cyan);
}
.li-newsletter input[type="email"]::placeholder {
color: var(--wp--preset--color--discret);
}
.li-newsletter button {
min-height: 52px;
padding-inline: 1.6rem;
cursor: pointer;
border: 0;
}
.li-newsletter-piege {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.li-newsletter-message {
margin: var(--li-e2) 0 0;
padding: 0.75rem 1rem;
font-weight: 600;
border-radius: var(--li-rayon-s);
}
.li-newsletter-message.is-ok {
color: var(--wp--preset--color--vert);
background: rgb(66 199 73 / 10%);
border: 1px solid rgb(66 199 73 / 35%);
}
.li-newsletter-message.is-erreur {
color: #ff9a9a;
background: rgb(255 80 80 / 10%);
border: 1px solid rgb(255 80 80 / 35%);
}
.li-newsletter-mention {
margin: var(--li-e2) 0 0;
font-size: 0.8rem;
color: var(--wp--preset--color--discret);
}
.li-newsletter-mention a {
color: var(--wp--preset--color--texte);
} .li-pied {
position: relative;
isolation: isolate;
overflow: hidden;
padding-top: var(--li-section);
padding-bottom: var(--li-e4);
background: #0a0a0c;
font-size: 0.95rem;
} .wp-block-group.li-pied > .li-pied-photo {
position: absolute;
top: 0;
right: 0;
z-index: -1;
width: min(48%, 640px);
max-width: none;
height: 100%;
margin: 0;
object-fit: cover;
object-position: 50% 45%;
opacity: 0.28;
pointer-events: none;
mask-image: linear-gradient(to left, #000 25%, transparent 95%), linear-gradient(to top, transparent, #000 30%);
mask-composite: intersect;
}
@media (max-width: 899px) {
.wp-block-group.li-pied > .li-pied-photo {
width: 100%;
height: 360px;
opacity: 0.2;
mask-image: linear-gradient(to bottom, #000 10%, transparent 100%);
}
}
.li-pied::before {
content: "";
position: absolute;
inset: 0 0 auto;
height: 1px;
background: var(--li-degrade);
opacity: 0.6;
}
.li-pied-colonnes {
gap: var(--li-e5) !important;
margin: 0;
}
.li-pied-titre {
margin: 0 0 var(--li-e2) !important;
font-family: var(--wp--preset--font-family--texte) !important;
font-size: 0.95rem !important;
font-weight: 700 !important;
letter-spacing: 0;
color: var(--wp--preset--color--blanc) !important;
}
.li-pied-liens {
margin: 0;
padding: 0;
list-style: none;
}
.li-pied-liens li + li {
margin-top: var(--li-e1);
}
.li-pied a {
color: var(--wp--preset--color--texte);
text-decoration: none;
}
.li-pied a:hover {
color: var(--wp--preset--color--blanc);
}
.li-pied-liens a,
.li-pied-liens [data-cookies-ouvrir],
.li-pied-texte a,
.li-pied-bas a {
background: var(--li-degrade) 0 100% / 0 2px no-repeat;
transition: color 0.2s var(--li-courbe), background-size 0.3s var(--li-courbe);
}
.li-pied-liens a:hover,
.li-pied-liens [data-cookies-ouvrir]:hover,
.li-pied-texte a:hover,
.li-pied-bas a:hover {
background-size: 100% 2px;
}
.li-pied .li-marque {
margin-bottom: var(--li-e2);
}
.li-pied-texte,
.li-pied-legal {
margin: 0;
color: var(--wp--preset--color--discret);
}
.li-pied-legal {
margin-top: var(--li-e2) !important;
font-size: 0.875rem;
}
.li-pied-reseaux.wp-block-social-links {
gap: var(--li-e1) !important;
margin: var(--li-e3) 0 0;
padding: 0;
}
.li-pied-reseaux .wp-social-link {
margin: 0 !important;
color: var(--wp--preset--color--texte) !important;
background: transparent !important;
}
.li-pied-reseaux .wp-social-link a {
display: grid;
place-items: center;
width: 44px;
height: 44px;
padding: 0 !important;
border: 1px solid var(--li-trait);
border-radius: 50%;
transition: color 0.2s var(--li-courbe), border-color 0.2s var(--li-courbe), transform 0.15s var(--li-courbe);
}
.li-pied-reseaux .wp-social-link svg {
width: 20px;
height: 20px;
}
.li-pied-reseaux .wp-social-link a:hover {
color: var(--wp--preset--color--blanc);
border-color: var(--li-cyan);
transform: translateY(-2px);
}
.li-pied-bas {
margin-top: var(--li-e5) !important;
padding-top: var(--li-e3);
border-top: 1px solid rgb(255 255 255 / 7%);
color: var(--wp--preset--color--discret);
font-size: 0.875rem;
gap: var(--li-e2) var(--li-e3);
}
.li-pied-bas p {
margin: 0;
} .li-paiements {
display: flex;
flex-wrap: wrap;
gap: var(--li-e1);
margin: 0;
padding: 0;
list-style: none;
}
.li-paiements li {
display: grid;
place-items: center;
width: 52px;
height: 34px;
margin: 0;
padding: 0;
background: #fff;
border-radius: 6px;
}
.li-paiements li::before {
display: none;
}
.li-paiements img {
display: block;
width: auto;
max-width: 42px;
height: auto;
max-height: 24px;
}
.li-produit-infos .li-paiements {
margin-top: var(--li-e1);
} .li-page-panier .li-titre-page,
.li-page-commande .li-titre-page {
margin-bottom: var(--li-e4) !important;
}
.wc-block-components-sidebar-layout {
margin: 0 !important;
}
.wc-block-components-main,
.wc-block-components-sidebar {
color: var(--wp--preset--color--texte);
}
.wc-block-components-totals-wrapper,
.wc-block-cart-items,
.wc-block-cart-items td,
.wc-block-cart-items th,
.wc-block-components-checkout-step,
.wc-block-components-order-summary-item {
border-color: var(--li-trait) !important;
} .wc-block-cart__sidebar .wc-block-components-sidebar,
.wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block,
.wp-block-woocommerce-checkout-order-summary-block {
border-color: var(--li-trait) !important;
border-radius: var(--li-rayon) !important;
}
.wc-block-cart .wc-block-cart__totals-title,
.wc-block-components-checkout-step__title,
.wc-block-components-title.wc-block-components-title,
.wc-block-components-checkout-order-summary__title-text {
font-family: var(--wp--preset--font-family--titre) !important;
color: var(--wp--preset--color--blanc) !important;
text-transform: none !important;
letter-spacing: 0 !important;
}
.wc-block-components-product-name {
color: var(--wp--preset--color--blanc) !important;
font-weight: 600;
text-decoration: none !important;
}
.wc-block-components-product-name:hover {
color: var(--li-cyan) !important;
}
.wc-block-cart-item__image img,
.wc-block-components-order-summary-item__image img {
border-radius: var(--li-rayon-s);
background: var(--li-photo);
}
.wc-block-components-order-summary-item__quantity {
color: var(--wp--preset--color--fond) !important;
background: var(--li-cyan) !important;
border-color: var(--wp--preset--color--surface) !important;
box-shadow: none !important;
}
.wc-block-components-quantity-selector {
border-color: var(--li-trait-champ) !important;
border-radius: 999px !important;
}
.wc-block-components-quantity-selector::after {
border: 0 !important;
}
.wc-block-components-quantity-selector input {
color: var(--wp--preset--color--blanc) !important;
}
.wc-block-components-quantity-selector__button {
color: var(--wp--preset--color--blanc) !important;
opacity: 1 !important;
}
.wc-block-cart-item__remove-link {
color: var(--wp--preset--color--discret) !important;
}
.wc-block-components-button:not(.is-link),
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
min-height: 52px;
font-weight: 700 !important;
color: #fff !important;
background: var(--wp--preset--color--violet) !important;
border: 0 !important;
border-radius: 999px !important;
transition: background 0.2s var(--li-courbe);
}
.wc-block-components-button:not(.is-link):hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover {
background: var(--wp--preset--color--violet-fonce) !important;
}
.wc-block-components-button.is-link,
.wc-block-components-checkout-return-to-cart-button {
color: var(--wp--preset--color--violet-clair) !important;
}
.wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control input,
.wc-blocks-components-select__select,
.wc-block-components-textarea,
.wc-block-components-totals-coupon__input input {
color: var(--wp--preset--color--blanc) !important;
background-color: var(--li-surface) !important;
border-color: var(--li-trait-champ) !important;
border-radius: var(--li-rayon-s) !important;
}
.wc-block-components-text-input input:focus,
.wc-blocks-components-select__select:focus,
.wc-block-components-textarea:focus {
border-color: var(--li-cyan) !important;
box-shadow: 0 0 0 1px var(--li-cyan) !important;
}
.wc-block-components-text-input label,
.wc-blocks-components-select__label,
.wc-block-components-combobox .wc-block-components-combobox-control label {
color: var(--wp--preset--color--discret) !important;
}
.wc-block-components-radio-control__option,
.wc-block-components-radio-control-accordion-option,
.wc-block-components-radio-control--highlight-checked::after {
border-color: var(--li-trait) !important;
}
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
box-shadow: inset 0 0 0 1.5px var(--li-cyan) !important;
}
.wc-block-components-radio-control__input {
border-color: var(--li-trait-champ) !important;
background: transparent !important;
}
.wc-block-components-radio-control__input:checked {
border-color: var(--li-cyan) !important;
}
.wc-block-components-radio-control__input:checked::before {
background: var(--li-cyan) !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
background: var(--li-surface);
border-color: var(--li-trait-champ);
}
.wc-block-components-checkbox .wc-block-components-checkbox__mark {
fill: #fff;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked {
background: var(--wp--preset--color--violet);
border-color: var(--wp--preset--color--violet);
}
.wc-block-checkout__terms,
.wc-block-components-address-card,
.wc-block-components-checkout-step__description {
color: var(--wp--preset--color--texte);
}
.wc-block-checkout__terms a {
color: var(--wp--preset--color--violet-clair);
}
.wc-block-components-address-card {
border-color: var(--li-trait) !important;
background: var(--li-surface);
border-radius: var(--li-rayon-s) !important;
}
.wc-block-components-panel__button,
.wc-block-components-totals-coupon-link {
color: var(--wp--preset--color--texte) !important;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
color: var(--wp--preset--color--blanc);
}
.wc-block-components-express-payment-continue-rule {
color: var(--wp--preset--color--discret) !important;
}
.wc-block-components-express-payment-continue-rule::before,
.wc-block-components-express-payment-continue-rule::after {
border-color: var(--li-trait) !important;
}
.wc-block-components-express-payment--checkout {
border-color: var(--li-trait) !important;
}
.wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container::before,
.wc-block-components-express-payment--checkout .wc-block-components-express-payment__title-container::after {
border-color: var(--li-trait) !important;
}
.wc-block-components-shipping-rates-control__no-results-notice,
.wc-block-components-checkout-step__container .wc-block-components-notice-banner.is-info {
color: var(--wp--preset--color--texte);
}
.wc-block-cart__empty-cart__title,
.with-empty-cart-icon {
color: var(--wp--preset--color--blanc);
}
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
background-color: var(--wp--preset--color--discret);
}
.wp-block-woocommerce-empty-cart-block .wp-block-separator.is-style-dots::before {
color: var(--wp--preset--color--discret);
} .wc-block-components-drawer,
.wc-block-mini-cart__drawer .components-modal__content {
color: var(--wp--preset--color--texte);
background: var(--wp--preset--color--surface) !important;
}
.wc-block-components-drawer__screen-overlay {
background-color: rgb(0 0 0 / 60%);
}
.wc-block-mini-cart__title {
font-family: var(--wp--preset--font-family--titre);
color: var(--wp--preset--color--blanc);
}
.wc-block-mini-cart__footer {
color: var(--wp--preset--color--blanc);
border-top: 1px solid var(--li-trait);
}
.wc-block-mini-cart__footer-cart.wc-block-components-button {
color: var(--wp--preset--color--blanc) !important;
background: transparent !important;
border: 1.5px solid rgb(255 255 255 / 28%) !important;
}
.wc-block-components-drawer__close {
color: var(--wp--preset--color--blanc);
} .wc-block-components-notice-banner {
color: var(--wp--preset--color--texte) !important;
background: var(--li-surface) !important;
border: 1px solid var(--li-trait) !important;
border-left: 4px solid var(--wp--preset--color--violet-clair) !important;
border-radius: var(--li-rayon-s) !important;
}
.wc-block-components-notice-banner.is-success {
border-left-color: var(--wp--preset--color--vert) !important;
}
.wc-block-components-notice-banner.is-error {
border-left-color: #ff6b6b !important;
}
.wc-block-components-notice-banner > svg {
fill: currentColor;
background: transparent !important;
}
.wc-block-components-notice-banner :is(a, button, .button, .wc-forward) {
min-height: 0 !important;
padding: 0 !important;
font-weight: 700 !important;
color: var(--li-cyan) !important;
text-decoration: underline !important;
text-underline-offset: 3px;
background: none !important;
border: 0 !important;
opacity: 1 !important;
}
.wc-block-store-notices,
.woocommerce-notices-wrapper:not(:empty) {
margin-bottom: var(--li-e3);
} .wc-block-cart__totals-title.wp-block-woocommerce-cart-order-summary-heading-block {
font-family: var(--wp--preset--font-family--titre);
font-size: var(--wp--preset--font-size--moyen) !important;
font-weight: 600;
text-transform: none;
letter-spacing: 0;
}
.wc-block-components-order-summary-item__individual-prices {
display: none;
}
.wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward.button,
.wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward.button:visited {
color: var(--wp--preset--color--violet-clair) !important;
text-decoration: underline !important;
opacity: 1 !important;
}  .woocommerce-account .li-contenu > *,
.woocommerce-account main .woocommerce:not(.wc-block-breadcrumbs),
.woocommerce-cart main .woocommerce:not(.wc-block-breadcrumbs),
.woocommerce-checkout main .woocommerce:not(.wc-block-breadcrumbs) {
max-width: var(--wp--style--global--wide-size);
}
.woocommerce-account .wp-block-post-title,
.woocommerce-cart .wp-block-post-title,
.woocommerce-checkout .wp-block-post-title,
.woocommerce-account main .wc-block-breadcrumbs.woocommerce {
max-width: var(--wp--style--global--wide-size);
} .wc-block-components-product-metadata__description {
display: none;
}
.li-compte-info {
max-width: var(--li-lecture);
margin-bottom: var(--li-e5);
padding: var(--li-e4);
background:
radial-gradient(70% 90% at 100% 0%, rgb(11 194 240 / 14%), transparent 70%),
var(--li-surface);
border: 1px solid var(--li-trait);
border-radius: var(--li-rayon-l);
}
.li-compte-info p {
margin: 0;
}
.li-compte-info p + p {
margin-top: var(--li-e4);
}
.li-compte-info .wp-element-button {
display: inline-block;
text-decoration: none;
}
.woocommerce-account .woocommerce > h2 {
margin: 0 0 var(--li-e3);
font-size: var(--wp--preset--font-size--grand);
} .woocommerce-account.logged-in .li-contenu > .woocommerce {
display: grid;
gap: var(--li-e5);
}
.woocommerce-account.logged-in .li-contenu > .woocommerce::before,
.woocommerce-account.logged-in .li-contenu > .woocommerce::after {
display: none;
}
@media (min-width: 900px) {
.woocommerce-account.logged-in .li-contenu > .woocommerce {
grid-template-columns: 240px minmax(0, 1fr);
align-items: start;
}
}
.woocommerce-account .woocommerce-notices-wrapper:empty {
display: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
float: none;
width: auto;
}
.woocommerce-MyAccount-navigation ul {
display: grid;
gap: 0.25rem;
margin: 0;
padding: 0 !important;
list-style: none;
}
.woocommerce-MyAccount-navigation li {
margin: 0 !important;
padding: 0 !important;
}
.li-contenu .woocommerce-MyAccount-navigation li a {
display: block;
padding: 0.7rem 1rem;
color: var(--wp--preset--color--texte);
text-decoration: none;
background: none;
border-radius: var(--li-rayon-s);
}
.li-contenu .woocommerce-MyAccount-navigation li a:hover,
.li-contenu .woocommerce-MyAccount-navigation li.is-active a {
color: var(--wp--preset--color--blanc);
background: var(--li-surface);
}
.li-contenu .woocommerce-MyAccount-navigation li.is-active a {
box-shadow: inset 3px 0 0 var(--li-cyan);
}
.woocommerce-MyAccount-content > :first-child {
margin-top: 0;
}
.woocommerce-MyAccount-content > * + * {
margin-top: var(--li-e3);
}
.woocommerce-MyAccount-content a:not(.button) {
color: var(--wp--preset--color--violet-clair);
}
.woocommerce-Addresses {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: var(--li-e3);
}
.woocommerce-Addresses::before,
.woocommerce-Addresses::after {
display: none !important;
}
.woocommerce-Address {
float: none !important;
width: auto !important;
padding: var(--li-e4);
background: var(--li-surface);
border: 1px solid var(--li-trait);
border-radius: var(--li-rayon);
}
.woocommerce-Address-title {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
gap: var(--li-e1);
margin-bottom: var(--li-e2);
}
.woocommerce-Address-title h2 {
margin: 0;
font-size: var(--wp--preset--font-size--moyen);
}
.woocommerce-Address address {
font-style: normal;
line-height: 1.7;
} .woocommerce-customer-details .woocommerce-columns--addresses {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: var(--li-e3);
}
.woocommerce-customer-details .woocommerce-columns--addresses::before,
.woocommerce-customer-details .woocommerce-columns--addresses::after {
display: none !important;
}
.woocommerce-customer-details .woocommerce-column {
float: none !important;
width: auto !important;
margin: 0 !important;
padding: var(--li-e4);
background: var(--li-surface);
border: 1px solid var(--li-trait);
border-radius: var(--li-rayon);
} .woocommerce-customer-details .woocommerce-column__title {
margin: 0 0 var(--li-e2) !important;
font-size: var(--wp--preset--font-size--moyen) !important;
font-weight: 700 !important;
}
.woocommerce-customer-details address {
padding: 0 !important;
font-style: normal;
line-height: 1.7;
border: 0 !important;
}
.woocommerce-customer-details address p {
margin: var(--li-e1) 0 0;
} .li-compte-bonjour {
font-size: var(--wp--preset--font-size--moyen);
color: var(--wp--preset--color--blanc);
}
.li-compte-cartes {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--li-e3);
}
@media (max-width: 700px) {
.li-compte-cartes {
grid-template-columns: 1fr;
}
}
.li-compte-carte {
display: flex;
flex-direction: column;
gap: var(--li-e2);
padding: var(--li-e4);
background: var(--li-surface);
border: 1px solid var(--li-trait);
border-radius: var(--li-rayon);
}
.li-compte-carte h2 {
margin: 0;
font-size: var(--wp--preset--font-size--moyen);
}
.li-compte-carte :is(p, address) {
margin: 0;
font-style: normal;
line-height: 1.7;
}
.li-compte-statut {
font-weight: 600;
color: var(--li-cyan);
}
.li-compte-chiffre {
font-family: var(--wp--preset--font-family--titre);
font-size: var(--wp--preset--font-size--grand);
line-height: 1.1;
color: var(--wp--preset--color--blanc);
}
.li-compte-chiffre strong {
background: var(--li-degrade-texte);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.li-compte-carte .li-compte-liens {
display: flex;
flex-wrap: wrap;
gap: var(--li-e1) var(--li-e3);
margin-top: auto;
padding-top: var(--li-e1);
} .woocommerce form .form-row {
margin: 0 0 var(--li-e3);
padding: 0;
}
.woocommerce form .form-row label {
display: block;
margin-bottom: var(--li-e1);
font-weight: 600;
line-height: 1.4;
color: var(--wp--preset--color--blanc);
}
.woocommerce form .form-row .required {
color: #ff9a9a;
text-decoration: none;
}
.woocommerce form .form-row :is(input.input-text, textarea, select),
.woocommerce-Input {
width: 100%;
min-height: 48px;
padding: 0.6rem 1rem;
font: inherit;
color: var(--wp--preset--color--blanc);
background: var(--wp--preset--color--fond);
border: 1.5px solid var(--li-trait-champ);
border-radius: var(--li-rayon-s);
}
.woocommerce form .form-row :is(input.input-text, textarea, select):focus {
border-color: var(--li-cyan);
outline: none;
box-shadow: 0 0 0 1px var(--li-cyan);
}
.woocommerce form.login,
.woocommerce form.register,
.woocommerce form.lost_reset_password {
max-width: 480px;
margin: 0;
padding: var(--li-e4);
background: var(--li-surface);
border: 1px solid var(--li-trait);
border-radius: var(--li-rayon-l);
}
.woocommerce form.login > :last-child,
.woocommerce form.lost_reset_password > :last-child {
margin-bottom: 0;
}
.woocommerce .show-password-input {
top: 50%;
right: 0.75rem;
transform: translateY(-50%);
filter: invert(1);
}
.woocommerce :is(button.button, a.button, input.button),
.woocommerce-Button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0.7rem 1.5rem;
font: inherit;
font-weight: 700;
line-height: 1.2;
color: #fff !important;
text-decoration: none;
background: var(--wp--preset--color--violet) !important;
border: 0;
border-radius: 999px;
cursor: pointer;
transition: background 0.2s var(--li-courbe);
}
.woocommerce :is(button.button, a.button, input.button):hover,
.woocommerce-Button:hover {
background: var(--wp--preset--color--violet-fonce) !important;
}
.woocommerce-form-login__rememberme {
display: flex !important;
align-items: center;
gap: var(--li-e1);
margin-bottom: var(--li-e3) !important;
font-weight: 400 !important;
}
.woocommerce-form-login__rememberme input {
width: 18px;
height: 18px;
accent-color: var(--wp--preset--color--violet);
}
.woocommerce-form-login .form-row:has(.woocommerce-form-login__submit) {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: var(--li-e2);
}
.woocommerce-LostPassword {
margin: 0;
}
.woocommerce-LostPassword a {
color: var(--wp--preset--color--violet-clair);
} .woocommerce table.shop_table {
width: 100%;
margin: 0;
border: 1px solid var(--li-trait);
border-collapse: separate;
border-spacing: 0;
border-radius: var(--li-rayon);
overflow: hidden;
}
.woocommerce table.shop_table :is(th, td) {
padding: 0.9rem 1rem;
text-align: left;
border-top: 1px solid var(--li-trait);
}
.woocommerce table.shop_table thead th {
color: var(--wp--preset--color--blanc);
background: var(--li-surface);
border-top: 0;
}
.woocommerce table.shop_table .button {
min-height: 40px;
padding: 0 1.1rem;
font-size: 0.9rem;
line-height: 1;
}
.woocommerce table.shop_table td {
vertical-align: middle;
}
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
margin: 0 0 var(--li-e3);
padding: var(--li-e2) var(--li-e3);
list-style: none;
color: var(--wp--preset--color--texte);
background: var(--li-surface);
border: 1px solid var(--li-trait);
border-left: 4px solid var(--wp--preset--color--violet-clair);
border-radius: var(--li-rayon-s);
}
.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-error::before {
display: none;
}
.woocommerce-error {
border-left-color: #ff6b6b;
}
.woocommerce-message {
border-left-color: var(--wp--preset--color--vert);
}
.woocommerce-info .button,
.woocommerce-message .button {
float: right;
min-height: 40px;
margin-left: var(--li-e2);
} .li-confirmation > * {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.li-confirmation > * + * {
margin-top: var(--li-e5) !important;
}
.wc-block-order-confirmation-status h1 {
margin: 0 0 var(--li-e2);
}
.wc-block-order-confirmation-status p {
margin: 0;
font-size: var(--wp--preset--font-size--moyen);
}
.li-confirmation-titre {
margin: 0 0 var(--li-e3) !important;
font-size: var(--wp--preset--font-size--grand);
}
.wc-block-order-confirmation-address-wrapper {
gap: var(--li-e3) !important;
}
.wc-block-order-confirmation-shipping-address,
.wc-block-order-confirmation-billing-address {
padding: 0 !important;
border: 0 !important;
}
.wc-block-order-confirmation-summary-list {
gap: var(--li-e3) !important;
padding: var(--li-e4) !important;
background: var(--li-surface);
border: 1px solid var(--li-trait) !important;
border-radius: var(--li-rayon-l);
}
.wc-block-order-confirmation-summary-list-item__key {
color: var(--wp--preset--color--discret);
}
.wc-block-order-confirmation-summary-list-item__value {
color: var(--wp--preset--color--blanc);
font-weight: 700;
}
.wc-block-order-confirmation-totals__table,
.wc-block-order-confirmation-totals__table :is(th, td) {
border-color: var(--li-trait) !important;
}
.wc-block-order-confirmation-address-wrapper address {
margin: 0;
padding: var(--li-e4);
font-style: normal;
line-height: 1.7;
background: var(--li-surface);
border: 1px solid var(--li-trait) !important;
border-radius: var(--li-rayon);
}  :is(.li-points-panier, .li-points-solde, .li-points-bons li, .li-points-merci, .li-suivi, .li-compte-carte, .li-encadre, .woocommerce-form-track-order) {
box-sizing: border-box;
} .li-livraison {
margin-top: var(--li-e1);
}
.li-livraison summary {
display: inline-flex;
align-items: center;
gap: 0.35em;
color: var(--wp--preset--color--violet-clair);
text-decoration: underline;
text-underline-offset: 0.2em;
cursor: pointer;
list-style: none;
}
.li-livraison summary::-webkit-details-marker {
display: none;
}
.li-livraison summary::after {
content: "";
width: 0.9em;
height: 0.9em;
background: currentColor;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
transition: transform 0.2s var(--li-courbe);
}
.li-livraison[open] summary::after {
transform: rotate(180deg);
}
.li-livraison summary:hover {
color: var(--wp--preset--color--blanc);
}
.li-livraison form {
margin-top: var(--li-e2);
}
.li-livraison-champs {
display: grid;
grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) auto;
gap: var(--li-e1);
}
.li-livraison :is(select, input) {
box-sizing: border-box;
width: 100%;
min-width: 0;
min-height: 44px;
padding: 0 1rem;
font: inherit;
color: var(--wp--preset--color--blanc);
background-color: var(--wp--preset--color--fond);
border: 1.5px solid var(--li-trait-champ);
border-radius: var(--li-rayon-s);
}
.li-livraison select {
padding-right: 2.25rem;
background: var(--wp--preset--color--fond) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ebebeb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 0.75rem center / 1rem no-repeat;
appearance: none;
cursor: pointer;
}
.li-livraison :is(select, input):focus {
border-color: var(--li-cyan);
outline: none;
box-shadow: 0 0 0 1px var(--li-cyan);
}
.li-livraison-resultat:empty {
display: none;
}
.li-livraison-resultat {
margin-top: var(--li-e2);
}
.li-livraison-tarifs {
margin: 0;
padding: 0;
list-style: none;
}
.li-produit-infos .li-livraison-tarifs li {
display: flex;
justify-content: space-between;
gap: var(--li-e2);
padding: var(--li-e1) 0;
border-top: 1px solid var(--li-trait);
}
.li-produit-infos .li-livraison-tarifs li:first-child {
border-top: 0;
}
.li-produit-infos .li-livraison-tarifs li::before {
display: none;
}
.li-livraison-tarifs strong {
color: var(--wp--preset--color--blanc);
white-space: nowrap;
}
.li-livraison-message {
margin: 0;
}
.li-livraison-message.is-erreur {
color: #ff9a9a;
}
@media (max-width: 480px) {
.li-livraison-champs {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.li-livraison-champs button {
grid-column: 1 / -1;
}
} .li-livraison-champs button,
.li-suivi .li-bouton,
:is(.li-points-paliers, .li-points-panier, .li-points-bons) button:not(.li-lien) {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 1.25rem;
font: inherit;
font-weight: 700;
color: #fff;
text-decoration: none;
white-space: nowrap;
background: var(--wp--preset--color--violet);
border: 1.5px solid transparent;
border-radius: 999px;
cursor: pointer;
transition: background 0.2s var(--li-courbe), border-color 0.2s var(--li-courbe);
}
.li-livraison-champs button:hover,
.li-suivi .li-bouton:hover,
:is(.li-points-paliers, .li-points-panier, .li-points-bons) button:not(.li-lien):hover {
background: var(--wp--preset--color--violet-fonce);
}
.li-points-paliers button:not(.li-lien) {
color: var(--wp--preset--color--blanc);
background: transparent;
border-color: rgb(255 255 255 / 28%);
}
.li-points-paliers button:not(.li-lien):hover {
background: rgb(11 194 240 / 8%);
border-color: var(--li-cyan);
}
.li-points-paliers button:disabled {
opacity: 0.4;
cursor: not-allowed;
}
.li-points-paliers button:disabled:hover {
background: transparent;
border-color: rgb(255 255 255 / 28%);
}
.li-livraison form.is-calcul button,
form.is-calcul .li-livraison-champs button {
opacity: 0.6;
pointer-events: none;
}
button.li-lien {
padding: 0;
font: inherit;
color: var(--wp--preset--color--violet-clair);
text-decoration: underline;
text-underline-offset: 0.2em;
background: none;
border: 0;
cursor: pointer;
}
button.li-lien:hover {
color: var(--wp--preset--color--blanc);
} .li-points-produit {
display: flex;
align-items: center;
gap: var(--li-e1);
width: fit-content;
margin-top: var(--li-e2) !important;
font-size: 0.95rem;
color: var(--wp--preset--color--texte);
text-decoration: none;
}
.li-points-produit::before,
.li-points-panier > p:first-child::before {
content: "";
flex: none;
width: 1.25rem;
height: 1.25rem;
background: var(--wp--preset--color--kap);
mask: var(--li-ico-cadeau) center / contain no-repeat;
}
.li-points-produit:hover {
color: var(--wp--preset--color--blanc);
} .li-points-panier {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--li-e2) var(--li-e3);
margin: 0 0 var(--li-e4);
padding: var(--li-e2) var(--li-e3);
background: var(--li-surface);
border: 1px solid var(--li-trait);
border-radius: var(--li-rayon);
}
.li-points-panier p {
margin: 0;
}
.li-points-panier > p:first-child {
display: flex;
align-items: center;
gap: var(--li-e1);
}
.li-points-panier strong {
color: var(--wp--preset--color--blanc);
}
.li-points-panier a {
color: var(--wp--preset--color--violet-clair);
}
.li-points-panier form {
margin: 0;
}
.li-points-paliers {
display: flex;
flex-wrap: wrap;
gap: var(--li-e1);
}
.li-points-paliers form {
margin: 0 !important;
} .li-carte-fidelite {
position: relative;
display: flex;
flex-direction: column;
gap: var(--li-e1);
box-sizing: border-box;
width: 100%;
max-width: 440px;
aspect-ratio: 1.586;
padding: var(--li-e3);
overflow: hidden;
color: #fff;
background: var(--li-degrade);
border-radius: var(--li-rayon-l);
box-shadow: 0 18px 40px rgb(70 0 185 / 35%), inset 0 0 0 1px rgb(255 255 255 / 18%);
isolation: isolate;
}
.li-carte-fidelite::before {
content: "";
position: absolute;
inset: -40% -20% auto auto;
z-index: -1;
width: 75%;
aspect-ratio: 1;
background: radial-gradient(circle, rgb(255 255 255 / 22%), transparent 65%);
}
.li-carte-fidelite p {
margin: 0;
}
.li-carte-fidelite-haut,
.li-carte-fidelite-bas {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--li-e1);
}
.li-carte-fidelite-marque {
display: inline-flex;
align-items: center;
gap: var(--li-e1);
font-weight: 700;
}
.li-carte-fidelite-marque img {
width: 22px;
height: 22px;
object-fit: contain;
}
.li-carte-fidelite-type {
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
opacity: 0.85;
}
.li-carte-fidelite-solde {
margin-top: auto !important;
font-family: var(--wp--preset--font-family--titre);
font-size: clamp(1.4rem, 4vw, 1.9rem);
line-height: 1.1;
}
.li-carte-fidelite-solde strong {
font-size: 1.6em;
}
.li-carte-fidelite-jauge {
position: relative;
height: 8px;
background: rgb(255 255 255 / 25%);
border-radius: 999px;
} .li-carte-fidelite-jauge::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, transparent calc(25% - 1px), rgb(255 255 255 / 55%) 0 25%, transparent 0 calc(50% - 1px), rgb(255 255 255 / 55%) 0 50%, transparent 0 calc(75% - 1px), rgb(255 255 255 / 55%) 0 75%, transparent 0);
border-radius: inherit;
}
.li-carte-fidelite-jauge span {
display: block;
width: var(--li-jauge, 0%);
height: 100%;
background: #fff;
border-radius: inherit;
}
.li-carte-fidelite-etat {
font-size: 0.875rem;
opacity: 0.95;
}
.li-carte-fidelite-bas {
font-size: 0.8rem;
opacity: 0.9;
letter-spacing: 0.03em;
}
.li-points-regle {
margin-top: var(--li-e2) !important;
font-size: 0.95rem;
}
@media (max-width: 420px) {
.li-carte-fidelite {
aspect-ratio: auto;
min-height: 210px;
padding: var(--li-e2);
}
.li-carte-fidelite-bas {
flex-direction: column;
align-items: flex-start;
gap: 2px;
}
}  .li-cadeau-vitrine {
display: grid;
place-items: center;
align-content: center;
gap: var(--li-e3);
box-sizing: border-box;
aspect-ratio: 1;
padding: var(--li-e5);
background: radial-gradient(circle at 50% 40%, #ffffff, var(--li-photo) 70%);
border-radius: var(--li-rayon-l);
} @property --li-rx {
syntax: "<angle>";
inherits: true;
initial-value: 0deg;
}
@property --li-ry {
syntax: "<angle>";
inherits: true;
initial-value: 0deg;
}
@property --li-tour {
syntax: "<angle>";
inherits: true;
initial-value: 0deg;
}
.li-carte-cadeau-scene {
width: 100%;
max-width: 520px;
perspective: 1100px;
}
.li-carte-cadeau {
position: relative;
width: 100%;
aspect-ratio: 1.586;
cursor: pointer;
transform-style: preserve-3d;
transform: rotateZ(-3deg) rotateX(var(--li-rx)) rotateY(calc(var(--li-ry) + var(--li-tour)));
transition: --li-tour 0.8s var(--li-courbe), --li-rx 0.5s var(--li-courbe), --li-ry 0.5s var(--li-courbe);
animation: li-cadeau-flotte 7s ease-in-out infinite;
} @keyframes li-cadeau-flotte {
0%, 100% {
--li-rx: 6deg;
--li-ry: -14deg;
translate: 0 0;
}
50% {
--li-rx: -4deg;
--li-ry: 14deg;
translate: 0 -10px;
}
}
.li-carte-cadeau.is-incline {
animation: none;
transition: --li-tour 0.8s var(--li-courbe), --li-rx 0.12s linear, --li-ry 0.12s linear;
}
.li-carte-cadeau.is-retournee {
--li-tour: 180deg;
}
.li-carte-cadeau:focus-visible {
outline: none;
}
.li-carte-cadeau:focus-visible .li-carte-cadeau-face {
box-shadow: 0 0 0 3px var(--wp--preset--color--blanc), 0 0 0 6px var(--wp--preset--color--violet);
}
.li-carte-cadeau-face {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
box-sizing: border-box;
padding: clamp(1.25rem, 3vw, 2rem);
overflow: hidden;
color: #fff;
background: var(--li-degrade);
border-radius: var(--li-rayon-l);
box-shadow: 0 30px 60px rgb(70 0 185 / 30%), inset 0 0 0 1px rgb(255 255 255 / 18%);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
isolation: isolate;
}
.li-carte-cadeau-verso {
transform: rotateY(180deg);
background: var(--wp--preset--gradient--bandeau);
}
.li-carte-cadeau-recto::before {
content: "";
position: absolute;
inset: -45% -15% auto auto;
z-index: -1;
width: 70%;
aspect-ratio: 1;
background: radial-gradient(circle, rgb(255 255 255 / 24%), transparent 65%);
}
.li-carte-cadeau-recto::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 68%;
z-index: -1;
width: 5%;
background: rgb(255 255 255 / 16%);
} .li-carte-cadeau-reflet {
position: absolute;
inset: 0;
pointer-events: none;
background: radial-gradient(circle at var(--li-reflet-x, 30%) var(--li-reflet-y, 20%), rgb(255 255 255 / 38%), transparent 50%);
mix-blend-mode: soft-light;
opacity: 0.8;
transition: opacity 0.3s var(--li-courbe);
}
.li-carte-cadeau p {
margin: 0;
}
.li-carte-cadeau-haut,
.li-carte-cadeau-bas {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--li-e1);
}
.li-carte-cadeau-marque {
display: inline-flex;
align-items: center;
gap: var(--li-e1);
font-weight: 700;
font-size: 1.05rem;
}
.li-carte-cadeau-marque img {
width: 26px;
height: 26px;
object-fit: contain;
}
.li-carte-cadeau-type {
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.li-carte-cadeau-montant {
margin-top: auto !important;
font-family: var(--wp--preset--font-family--titre);
font-size: clamp(2.6rem, 7vw, 4rem);
font-weight: 700;
line-height: 1;
transform-origin: left bottom;
}
.li-carte-cadeau-montant.is-change {
animation: li-cadeau-montant 0.45s var(--li-courbe);
}
@keyframes li-cadeau-montant {
40% {
transform: scale(1.12);
}
}
.li-carte-cadeau-pour {
margin-top: var(--li-e1) !important;
font-size: 1.1rem;
}
.li-carte-cadeau-bas {
margin-top: var(--li-e3);
font-size: 0.85rem;
opacity: 0.9;
} .li-carte-cadeau-bande {
display: block;
height: 18%;
margin: calc(-1 * clamp(1.25rem, 3vw, 2rem)) calc(-1 * clamp(1.25rem, 3vw, 2rem)) var(--li-e2);
background: rgb(10 10 14 / 70%);
}
.li-carte-cadeau-message {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
font-family: var(--wp--preset--font-family--titre);
font-size: clamp(1rem, 2.4vw, 1.25rem);
font-style: italic;
line-height: 1.35;
}
.li-carte-cadeau-de {
margin-top: var(--li-e1) !important;
font-size: 0.95rem;
opacity: 0.9;
}
.li-carte-cadeau-code {
margin-top: auto !important;
align-self: flex-start;
padding: 0.35rem 0.8rem;
font-family: Menlo, Consolas, monospace;
font-size: 0.9rem;
letter-spacing: 0.08em;
background: rgb(255 255 255 / 14%);
border: 1px dashed rgb(255 255 255 / 45%);
border-radius: var(--li-rayon-s);
}
.li-carte-cadeau-astuce {
margin: 0;
font-size: 0.875rem;
color: #4a4658;
} @media (prefers-reduced-motion: reduce) {
.li-carte-cadeau {
animation: none;
transition: none;
}
.li-carte-cadeau-montant.is-change {
animation: none;
}
} .li-cadeau-champs {
display: grid;
gap: var(--li-e3);
margin-bottom: var(--li-e3);
}
.li-cadeau-champs .li-choix {
margin: 0;
}
.li-cadeau-champ {
display: grid;
gap: var(--li-e1);
margin: 0;
}
.li-cadeau-champ[hidden] {
display: none;
}
.li-cadeau-champ label {
font-weight: 700;
color: var(--wp--preset--color--blanc);
}
.li-cadeau-champ :is(input, textarea),
.li-cadeau-solde input {
box-sizing: border-box;
width: 100%;
min-width: 0;
min-height: 48px;
padding: 0.6rem 1rem;
font: inherit;
color: var(--wp--preset--color--blanc);
background: var(--wp--preset--color--fond);
border: 1.5px solid var(--li-trait-champ);
border-radius: var(--li-rayon-s);
}
.li-cadeau-champ textarea {
resize: vertical;
}
.li-cadeau-champ :is(input, textarea):focus,
.li-cadeau-solde input:focus {
border-color: var(--li-cyan);
outline: none;
box-shadow: 0 0 0 1px var(--li-cyan);
}
.li-cadeau-aide {
font-size: 0.875rem;
color: var(--wp--preset--color--discret);
}
.li-cadeau-info {
margin: 0;
padding: var(--li-e2) var(--li-e3);
font-size: 0.95rem;
background: var(--li-surface);
border: 1px solid var(--li-trait);
border-left: 3px solid var(--wp--preset--color--kap);
border-radius: var(--li-rayon);
} .li-cadeau-solde {
margin-top: var(--li-e3);
}
.li-cadeau-solde summary {
display: inline-flex;
align-items: center;
gap: 0.35em;
color: var(--wp--preset--color--violet-clair);
text-decoration: underline;
text-underline-offset: 0.2em;
cursor: pointer;
list-style: none;
}
.li-cadeau-solde summary::-webkit-details-marker {
display: none;
}
.li-cadeau-solde form {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: var(--li-e1);
margin-top: var(--li-e2);
}
.li-cadeau-solde input {
min-height: 44px;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.li-cadeau-solde button {
min-height: 44px;
padding: 0 1.25rem;
font: inherit;
font-weight: 700;
color: #fff;
background: var(--wp--preset--color--violet);
border: 0;
border-radius: 999px;
cursor: pointer;
}
.li-cadeau-solde button:hover {
background: var(--wp--preset--color--violet-fonce);
}
.li-cadeau-solde-resultat {
grid-column: 1 / -1;
margin: 0;
}
.li-cadeau-solde-resultat:empty {
display: none;
} .li-produit-cadeau :is(.li-info-livraison, .li-produit-panier .quantity) {
display: none;
} .li-points-solde {
padding: var(--li-e4);
background: var(--li-surface);
border: 1px solid var(--li-trait);
border-radius: var(--li-rayon);
}
.li-points-solde p {
margin: 0;
}
.li-points-chiffre {
margin-bottom: var(--li-e1) !important;
font-family: var(--wp--preset--font-family--titre);
font-size: var(--wp--preset--font-size--grand);
line-height: 1.1;
color: var(--wp--preset--color--blanc);
}
.li-points-chiffre strong {
background: var(--li-degrade-texte);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.woocommerce-MyAccount-content :is(.li-points-solde, .li-points-regle, .li-suivi) + h2,
.woocommerce-MyAccount-content .li-points-note + h2,
.woocommerce-MyAccount-content .li-points-bons + h2 {
margin-top: var(--li-e5);
}
.woocommerce-MyAccount-content h2 + .li-points-paliers,
.woocommerce-MyAccount-content h2 + .li-points-bons,
.woocommerce-MyAccount-content h2 + .li-points-historique {
margin-top: var(--li-e2);
}
.li-points-note {
font-size: 0.9rem;
color: var(--wp--preset--color--discret);
}
.li-points-bons {
display: grid;
gap: var(--li-e1);
margin: 0;
padding: 0;
list-style: none;
}
.li-points-bons li {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--li-e2);
margin: 0;
padding: var(--li-e2) var(--li-e3);
background: var(--li-surface);
border: 1px solid var(--li-trait);
border-radius: var(--li-rayon);
}
.li-points-bons li > span {
flex: 1 1 auto;
letter-spacing: 0.04em;
}
.li-points-bons strong {
margin-right: var(--li-e1);
color: var(--wp--preset--color--blanc);
}
.li-points-bons form {
margin: 0 !important;
}
.li-points-historique td:last-child,
.li-points-historique th:last-child {
text-align: right !important;
white-space: nowrap;
}
.li-points-historique .is-gain {
color: var(--wp--preset--color--vert);
font-weight: 700;
}
.li-points-merci {
padding: var(--li-e2) var(--li-e3);
background: var(--li-surface);
border: 1px solid var(--li-trait);
border-radius: var(--li-rayon);
} .li-suivi {
margin-bottom: var(--li-e4);
padding: var(--li-e4);
background: var(--li-surface);
border: 1px solid var(--li-trait);
border-left: 3px solid var(--li-cyan);
border-radius: var(--li-rayon);
}
.li-suivi h2 {
margin: 0 0 var(--li-e2);
font-size: var(--wp--preset--font-size--moyen);
}
.li-suivi p {
margin: 0;
}
.li-suivi p + p {
margin-top: var(--li-e2);
}
.li-suivi strong {
color: var(--wp--preset--color--blanc);
letter-spacing: 0.04em;
}
.li-suivi-attente {
color: var(--wp--preset--color--discret);
} .li-cookies {
position: fixed;
right: var(--li-e2);
bottom: var(--li-e2);
z-index: 60;
display: grid;
gap: var(--li-e2);
box-sizing: border-box;
width: min(360px, calc(100vw - 2 * var(--li-e2)));
padding: var(--li-e2) var(--li-e3) var(--li-e3);
font-size: 0.875rem;
line-height: 1.5;
color: var(--wp--preset--color--texte);
background: var(--li-surface);
border: 1px solid var(--li-trait);
border-radius: var(--li-rayon);
box-shadow: var(--li-ombre);
}
.li-cookies[hidden] {
display: none;
}
.li-cookies p {
margin: 0;
}
.li-cookies .li-cookies-titre {
display: flex;
align-items: center;
gap: var(--li-e1);
margin-bottom: var(--li-e1);
font-family: var(--wp--preset--font-family--titre);
font-size: 1rem;
font-weight: 700;
color: var(--wp--preset--color--blanc);
}
.li-cookies a {
color: var(--wp--preset--color--blanc);
font-weight: 600;
text-decoration: underline;
text-underline-offset: 3px;
white-space: nowrap;
}
.li-cookies-icone {
flex: none;
color: var(--wp--preset--color--kap);
}
.li-cookies-boutons {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--li-e1);
}
.li-cookies-bouton {
min-height: 44px;
padding: 0.5rem 1rem;
font: inherit;
font-weight: 700;
color: var(--wp--preset--color--blanc);
background: var(--wp--preset--color--violet);
border: 2px solid var(--wp--preset--color--violet);
border-radius: 999px;
cursor: pointer;
transition: background 0.2s var(--li-courbe), border-color 0.2s var(--li-courbe);
}
.li-cookies-bouton:hover {
background: var(--wp--preset--color--violet-fonce);
border-color: var(--wp--preset--color--violet-fonce);
}
.li-cookies-bouton.is-contour {
background: transparent;
border-color: rgb(255 255 255 / 55%);
}
.li-cookies-bouton.is-contour:hover {
border-color: var(--wp--preset--color--blanc);
}
.li-cookies-bouton:focus-visible {
outline: 3px solid var(--wp--preset--color--violet-clair);
outline-offset: 3px;
}
@media (prefers-reduced-motion: no-preference) {
.li-cookies:not([hidden]) {
animation: li-cookies 0.35s var(--li-courbe) both;
}
}
@keyframes li-cookies {
from {
opacity: 0;
transform: translateY(12px);
}
} @media (max-width: 560px) {
.li-cookies {
right: var(--li-e1);
bottom: var(--li-e1);
left: var(--li-e1);
width: auto;
max-height: calc(100dvh - 2 * var(--li-e1));
padding: 12px 14px;
gap: var(--li-e1);
overflow-y: auto;
font-size: 0.82rem;
line-height: 1.4;
}
.li-cookies .li-cookies-titre {
margin: 0;
font-size: 0.95rem;
}
} html:has(.li-cookies:not([hidden])) :is(.li-haut, .li-barre-achat) {
display: none;
} .li-pied-liens [data-cookies-ouvrir] {
padding: 0 0 2px;
font: inherit;
color: var(--wp--preset--color--texte);
text-align: left;
background-color: transparent;
border: 0;
cursor: pointer;
}
.li-pied-liens [data-cookies-ouvrir]:hover {
color: var(--wp--preset--color--blanc);
} .li-bouton-cookies {
min-height: 44px;
padding: 0.5rem 1.25rem;
font: inherit;
font-weight: 700;
color: var(--wp--preset--color--blanc);
background: transparent;
border: 1.5px solid rgb(255 255 255 / 28%);
border-radius: 999px;
cursor: pointer;
transition: border-color 0.2s var(--li-courbe), background 0.2s var(--li-courbe);
}
.li-bouton-cookies:hover {
background: rgb(11 194 240 / 8%);
border-color: var(--li-cyan);
} .li-haut {
position: fixed;
right: var(--li-e2);
bottom: var(--li-e2);
z-index: 55;
display: grid;
place-items: center;
width: 44px;
height: 44px;
border: 1px solid var(--li-trait);
border-radius: 50%;
background: var(--wp--preset--color--surface);
color: var(--wp--preset--color--blanc);
box-shadow: var(--li-ombre);
opacity: 0;
transform: translateY(12px);
pointer-events: none;
transition: opacity 0.2s, transform 0.2s, background-color 0.2s;
}
.li-haut.is-visible {
opacity: 1;
transform: none;
pointer-events: auto;
}
.li-haut:hover,
.li-haut:focus-visible {
background: var(--wp--preset--color--violet);
border-color: var(--wp--preset--color--violet);
}
html:has(.li-nav-mobile[open]) .li-haut,
html:has(.li-cookies:not([hidden])) .li-haut {
display: none;
} @media (prefers-reduced-motion: no-preference) {
@supports (animation-timeline: view()) {
.li-produits .wc-block-product,
.li-atout,
.li-carte-agence,
.li-carte-newsletter {
animation: li-apparition linear both;
animation-timeline: view();
animation-range: entry 0% entry 30%;
}
}
}
@keyframes li-apparition {
from {
transform: translateY(28px) scale(0.98);
}
}
@view-transition {
navigation: auto;
}
@media (prefers-reduced-motion: no-preference) {
::view-transition-old(root) {
animation: 0.18s ease-in both li-sortie;
}
::view-transition-new(root) {
animation: 0.3s var(--li-courbe) both li-entree;
}
}
@keyframes li-sortie {
to {
opacity: 0;
}
}
@keyframes li-entree {
from {
opacity: 0;
transform: translateY(8px);
}
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
transition-duration: 1ms !important;
animation-duration: 1ms !important;
}
::view-transition-group(*),
::view-transition-old(*),
::view-transition-new(*) {
animation: none !important;
}
} .woocommerce-orders-table__cell-order-actions .woocommerce-button {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 40px;
} .wc-block-mini-cart__drawer[aria-hidden="true"] {
visibility: hidden;
transition: visibility 0s linear 0.3s;
}.trp-floating-switcher {
display: flex;
flex-direction: column-reverse;
position: fixed;
z-index: 99999;
overflow: hidden;
padding: var(--switcher-padding, 10px);
border: var(--border, none);
border-radius: var(--border-radius, 8px);
background: var(--bg, #fff);
width: var(--switcher-width, auto);
top: var(--top, unset);
right: var(--right, unset);
bottom: var(--bottom, unset);
left: var(--left, unset);
box-shadow: 0 10px 20px 0 #0000000D;
}
.trp-floating-switcher .trp-switcher-dropdown-list {
flex-direction: column-reverse;
}
.trp-switcher-position-top.trp-floating-switcher {
flex-direction: column;
top: var(--wp-admin--admin-bar--height, 0);
}
.trp-floating-switcher.trp-switcher-position-top:not(.trp-ls-inline) .trp-language-switcher-inner,
.trp-floating-switcher.trp-switcher-position-top .trp-switcher-dropdown-list {
flex-direction: column;
} nav.trp-ls-inline .trp-language-switcher-inner {
flex-direction: row;
}
.trp-ls-inline.trp-opposite-language .trp-language-item {
width: 100%;
} #trp-floater-powered-by {
color: var(--text, #b3b3b3);
font-size: 12px;
text-align: center;
padding: 0 5px;
opacity: 70%;
}
#trp-floater-powered-by a {
color: var(--text, #b3b3b3);
}
.trp-switcher-position-bottom #trp-floater-powered-by {
border-top: 1px solid var(--border-color, #747474);
padding-top: 5px;
margin-top: 5px;
}
.trp-switcher-position-top #trp-floater-powered-by {
border-bottom: 1px solid var(--border-color, #747474);
padding-bottom: 5px;
margin-bottom: 5px;
} .trp-shortcode-switcher__wrapper {
position: relative;
border: none;
}
.elementor-widget-trp_language_switcher {
width: fit-content;
max-width: 100%;
}
.elementor-widget-trp_language_switcher .elementor-widget-container,
.trp-elementor-language-switcher,
.trp-elementor-language-switcher .trp-shortcode-switcher__wrapper {
width: fit-content;
max-width: 100%;
}
.trp-shortcode-switcher {
position: static;
display: inline-block;
overflow: hidden;
padding: 10px 0;
border: var(--border, none);
border-radius: var(--border-radius, 5px);
background: var(--bg, #fff);
width: auto;
box-shadow: none;
} .trp-shortcode-anchor:not(.trp-opposite-button) {
visibility: hidden;
}
.trp-shortcode-switcher.trp-open-on-click {
cursor: pointer;
}
.trp-shortcode-overlay {
position: absolute;
left: 0;
top: 0;
z-index: 9999;
} .trp-current-language-item__wrapper:not(.trp-hide-arrow) {
display: flex;
align-items: center;
padding-right: 10px;
justify-content: space-between;
} .trp-language-switcher-inner {
display: flex;
}
.trp-floating-switcher .trp-language-switcher-inner {
flex-direction: column-reverse;
}
.trp-shortcode-switcher .trp-language-switcher-inner {
flex-direction: column;
}
.trp-switcher-dropdown-list {
display: flex;
overflow-y: hidden; transition: max-height 0.2s ease-in-out;
max-height: 0;
transition-duration: var(--transition-duration);
}
.trp-shortcode-switcher .trp-switcher-dropdown-list {
flex-direction: column;
} .trp-ls-dropdown.is-open .trp-switcher-dropdown-list,
.trp-ls-dropdown[aria-expanded="true"] .trp-switcher-dropdown-list,
.trp-shortcode-switcher.trp-open-on-hover.is-open .trp-switcher-dropdown-list,
.trp-shortcode-switcher[aria-expanded="true"] .trp-switcher-dropdown-list {
overflow-y: auto;
max-height: min(350px, 70vh);
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: var(--text) transparent;
}
.trp-ls-dropdown.is-transitioning .trp-switcher-dropdown-list,
.trp-shortcode-switcher.is-transitioning .trp-switcher-dropdown-list {
overflow-y: hidden !important;
}
.trp-shortcode-arrow {
pointer-events: none;
}
.trp-shortcode-switcher.is-open .trp-shortcode-arrow {
transform: rotate(180deg);
} .trp-language-item:focus { outline: none; }
.trp-language-item:focus-visible {
outline: 2px solid var(--text);
outline-offset: -2px;
} .trp-language-item {
display: flex;
align-items: center;
gap: 8px;
padding: 7px 16px;
text-decoration: none;
min-height: 19px;
box-sizing: content-box;
}
.trp-language-item:hover {
background: var(--bg-hover, #f3f3f3);
}
.trp-language-item:hover .trp-language-item-name {
color: var(--text-hover, #000);
}
.trp-language-item__current {
pointer-events: none;
cursor: default;
}
.trp-language-item-name {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--text, #000);
font-size: var(--font-size, 14px);
line-height: 1.2;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
font-weight: 400;
}
.trp-flag-image {
border-radius: var(--flag-radius, 0) !important;
aspect-ratio: var(--aspect-ratio, 4/3) !important;
width: var(--flag-size, 18px) !important;
display: inline-block !important;
height: auto !important;
}
.trp-menu-ls-label .trp-flag-image {
margin: -2px 3px;
}
.trp-custom-flag {
object-fit: cover;
} .trp-switcher-dropdown-list::-webkit-scrollbar { width: 6px; }
.trp-switcher-dropdown-list::-webkit-scrollbar-track { background: transparent; }
.trp-switcher-dropdown-list::-webkit-scrollbar-thumb {
background-color: var(--text);
border-radius: 4px;
}
.trp-switcher-dropdown-list::-webkit-scrollbar-thumb:hover {
background-color: var(--text-hover);
} .trp-flag-rounded {
border-radius: 9999px !important;
aspect-ratio: 1 / 1 !important;
}
.trp-ls-name {
padding-left: 5px;
}
@media (prefers-reduced-motion: reduce) {
.trp-switcher-dropdown-list {
transition: none !important; }
} .trp_ald_ls_container img.trp-flag-image{
padding-top: 0 !important;
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector){
position: relative;
display: inline-block;
padding: 0;
border: 0;
box-sizing: border-box;
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) > div {
box-sizing: border-box;
padding-right: 20px;
padding-bottom: 3px;
padding-left: 13px;
border: 1px solid #c1c1c1;
border-radius: 3px;
background-color: #fff;
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) > div > a {
display: block;
padding: 2px;
border-radius: 3px;
color: rgb(7, 105, 173);
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) > div > a:hover {
background: #f1f1f1;
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) > div > a.trp-ls-shortcode-disabled-language {
cursor: default;
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) > div > a.trp-ls-shortcode-disabled-language:hover {
background: none;
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) > div > a > img{
display: inline;
margin: 0 3px;
width: 18px;
height: 12px;
border-radius: 0;
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) .trp-ls-shortcode-current-language{
display: inline-block;
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector):focus .trp-ls-shortcode-current-language,
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector):hover .trp-ls-shortcode-current-language{
visibility: hidden;
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) .trp-ls-shortcode-language{
display: inline-block;
height: 1px;
overflow: hidden;
visibility: hidden;
z-index: 1;
max-height: 250px;
overflow-y: auto;
left: 0;
top: 0;
min-height: auto;
}
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector):focus .trp-ls-shortcode-language,
.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector):hover .trp-ls-shortcode-language{
visibility: visible;
max-height: 250px;
height: auto;
overflow-y: auto;
position: absolute;
left: 0;
top: 0;
display: inline-block !important;
min-height: auto;
}
#trp_ald_x_button{
z-index: 0 !important;
}