:root { --cc-prune: #621429;
--cc-creme: #fefcfa; --cc-prune-fonce: #4a0e1e;
--cc-prune-doux: #8a3a4e;
--cc-dragee: #f7e2e6;
--cc-dragee-fonce: #eec7cf;
--cc-vanille: #f7ecdb;
--cc-framboise: #a8324a;
--cc-encre: #3d1a24;
--cc-gris: #8c6d74;
--cc-ligne: #ead9dd; --cc-titre: 'Fredoka', 'Trebuchet MS', 'Segoe UI', sans-serif;
--cc-texte: 'Quicksand', 'Avenir Next', 'Segoe UI', system-ui, sans-serif;
--cc-perle: 'Caveat', 'Segoe Script', cursive;
--cc-t-xs: 0.8125rem;
--cc-t-sm: 0.9375rem;
--cc-t-base: 1.0625rem;
--cc-t-md: clamp(1.125rem, 0.5vw + 1rem, 1.25rem);
--cc-t-lg: clamp(1.375rem, 1vw + 1.1rem, 1.75rem);
--cc-t-xl: clamp(1.75rem, 2vw + 1.2rem, 2.5rem);
--cc-t-2xl: clamp(2.125rem, 3.5vw + 1.2rem, 3.5rem); --cc-e-1: 0.5rem;
--cc-e-2: 0.875rem;
--cc-e-3: 1.25rem;
--cc-e-4: 2rem;
--cc-e-5: 3rem;
--cc-e-6: 4.5rem;
--cc-e-7: 6.5rem; --cc-r-pilule: 999px;
--cc-r-carte: 20px;
--cc-r-bloc: 32px; --cc-ombre-douce: 0 2px 10px rgba(98, 20, 41, 0.06);
--cc-ombre-carte: 0 8px 24px rgba(98, 20, 41, 0.09);
--cc-largeur: 1200px;
--cc-largeur-texte: 68ch;
} *,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
}
body {
margin: 0;
background: var(--cc-creme);
color: var(--cc-encre);
font-family: var(--cc-texte);
font-size: var(--cc-t-base);
line-height: 1.65;
-webkit-font-smoothing: antialiased;
}
img,
svg,
video {
max-width: 100%;
height: auto;
display: block;
}
a {
color: var(--cc-prune);
text-decoration-thickness: 1px;
text-underline-offset: 0.18em;
}
a:hover {
color: var(--cc-framboise);
}
h1,
h2,
h3,
h4 {
font-family: var(--cc-titre);
font-weight: 600;
color: var(--cc-prune);
line-height: 1.15;
letter-spacing: -0.01em;
margin: 0 0 var(--cc-e-3);
text-wrap: balance;
}
h1 { font-size: var(--cc-t-2xl); }
h2 { font-size: var(--cc-t-xl); }
h3 { font-size: var(--cc-t-lg); }
h4 { font-size: var(--cc-t-md); }
p {
margin: 0 0 var(--cc-e-3);
}
ul,
ol {
padding-left: 1.35em;
}
hr {
border: 0;
border-top: 2px dotted var(--cc-ligne);
margin: var(--cc-e-5) 0;
}
blockquote {
margin: var(--cc-e-4) 0;
padding: var(--cc-e-3) var(--cc-e-4);
background: var(--cc-vanille);
border-radius: var(--cc-r-carte);
font-size: var(--cc-t-md);
} .cc-contenu {
width: 100%;
max-width: var(--cc-largeur);
margin-inline: auto;
padding-inline: var(--cc-e-3);
}
.cc-contenu--etroit {
max-width: var(--cc-largeur-texte);
}
.cc-section {
padding-block: var(--cc-e-5);
}
.cc-section--large {
padding-block: var(--cc-e-6);
}
.cc-section--dragee { background: var(--cc-dragee); }
.cc-section--vanille { background: var(--cc-vanille); }
.cc-section--prune {
background: var(--cc-prune);
color: var(--cc-creme);
}
.cc-section--prune h1,
.cc-section--prune h2,
.cc-section--prune h3,
.cc-section--prune a {
color: var(--cc-creme);
}
.cc-entete-section {
max-width: 46ch;
margin-bottom: var(--cc-e-4);
}
.cc-entete-section p {
color: var(--cc-gris);
margin: 0;
}  .cc-feston {
position: relative;
}
.cc-feston::before,
.cc-feston::after {
content: '';
position: absolute;
left: 0;
right: 0;
height: 14px;
background-image: radial-gradient(circle at 50% 100%, var(--cc-creme) 68%, transparent 69%);
background-size: 28px 14px;
background-repeat: repeat-x;
}
.cc-feston::before {
top: 0;
transform: scaleY(-1);
}
.cc-feston::after {
bottom: 0;
}
.cc-feston--haut-seul::after { display: none; }
.cc-feston--bas-seul::before { display: none; } .cc-feston--sur-dragee::before,
.cc-feston--sur-dragee::after { background-image: radial-gradient(circle at 50% 100%, var(--cc-dragee) 68%, transparent 69%); }
.cc-feston--sur-vanille::before,
.cc-feston--sur-vanille::after { background-image: radial-gradient(circle at 50% 100%, var(--cc-vanille) 68%, transparent 69%); }  .cc-bouton,
.wp-block-button__link,
button,
input[type='submit'],
.button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5em;
font-family: var(--cc-titre);
font-weight: 600;
font-size: var(--cc-t-sm);
line-height: 1.2;
padding: 0.85em 1.7em;
border-radius: var(--cc-r-pilule);
border: 2px solid var(--cc-prune);
background: var(--cc-prune);
color: var(--cc-creme);
text-decoration: none;
cursor: pointer;
transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}
.cc-bouton:hover,
.wp-block-button__link:hover,
button:hover,
input[type='submit']:hover,
.button:hover {
background: var(--cc-prune-fonce);
border-color: var(--cc-prune-fonce);
color: var(--cc-creme);
}
.cc-bouton--fantome {
background: transparent;
color: var(--cc-prune);
}
.cc-bouton--fantome:hover {
background: var(--cc-prune);
color: var(--cc-creme);
}
.cc-bouton--clair {
background: var(--cc-creme);
border-color: var(--cc-creme);
color: var(--cc-prune);
}
.cc-bouton--clair:hover {
background: var(--cc-dragee);
border-color: var(--cc-dragee);
color: var(--cc-prune);
} input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'],
input[type='search'],
input[type='number'],
input[type='tel'],
input[type='date'],
select,
textarea {
width: 100%;
font-family: var(--cc-texte);
font-size: var(--cc-t-base);
color: var(--cc-encre);
background: var(--cc-creme);
border: 2px solid var(--cc-ligne);
border-radius: var(--cc-r-pilule);
padding: 0.75em 1.15em;
}
textarea {
border-radius: var(--cc-r-carte);
min-height: 9rem;
resize: vertical;
}
input:focus,
select:focus,
textarea:focus {
outline: none;
border-color: var(--cc-prune-doux);
}
label {
display: block;
font-weight: 600;
font-size: var(--cc-t-sm);
margin-bottom: 0.35em;
} .cc-tampon {
display: inline-flex;
align-items: center;
gap: 0.4em;
font-family: var(--cc-titre);
font-size: var(--cc-t-xs);
font-weight: 600;
color: var(--cc-prune);
background: var(--cc-dragee);
border: 2px dotted var(--cc-dragee-fonce);
border-radius: var(--cc-r-pilule);
padding: 0.35em 0.9em;
}
.cc-tampon--vanille {
background: var(--cc-vanille);
border-color: #e3d0b4;
} .cc-pastilles-illustrees {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: var(--cc-e-3);
list-style: none;
margin: var(--cc-e-4) 0;
padding: 0;
max-width: none !important;
}
.cc-pastille-illustree {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 0.15em;
}
.cc-pastille-illustree__medaillon {
display: grid;
place-items: center;
width: 96px;
height: 96px;
margin-bottom: 0.5em;
border-radius: 50%;
background: var(--cc-dragee);
border: 2px dotted var(--cc-dragee-fonce);
}
.cc-pastille-illustree__medaillon svg {
width: 68px;
height: 68px;
}
.cc-pastille-illustree__titre {
font-family: var(--cc-titre);
font-weight: 600;
font-size: var(--cc-t-base);
line-height: 1.2;
color: var(--cc-prune);
}
.cc-pastille-illustree__texte {
font-size: var(--cc-t-xs);
line-height: 1.35;
color: var(--cc-gris);
max-width: 20ch;
}
@media (max-width: 47.9375em) {
.cc-pastilles-illustrees {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--cc-e-3) var(--cc-e-2);
}
.cc-pastille-illustree__medaillon {
width: 78px;
height: 78px;
}
.cc-pastille-illustree__medaillon svg {
width: 56px;
height: 56px;
}
} .cc-perle {
position: relative;
font-family: var(--cc-perle);
font-size: var(--cc-t-lg);
line-height: 1.35;
color: var(--cc-prune);
background: var(--cc-dragee);
border-radius: var(--cc-r-carte);
padding: var(--cc-e-3) var(--cc-e-3) var(--cc-e-3) var(--cc-e-4);
margin-block: var(--cc-e-3);
}
.cc-perle::before {
content: '';
position: absolute;
left: 1rem;
top: 1.15rem;
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--cc-prune);
box-shadow: 10px -7px 0 -4px var(--cc-prune), -1px -9px 0 -4px var(--cc-prune);
}
.cc-perle p:last-child {
margin-bottom: 0;
}
.cc-perle__signature {
display: block;
margin-top: 0.4em;
font-size: var(--cc-t-base);
color: var(--cc-prune-doux);
} .cc-reassurance {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
gap: var(--cc-e-3);
list-style: none;
margin: 0;
padding: 0;
}
.cc-reassurance li {
display: flex;
align-items: center;
gap: 0.7em;
font-size: var(--cc-t-sm);
font-weight: 600;
}
.cc-reassurance svg {
flex: none;
width: 26px;
height: 26px;
color: var(--cc-prune-doux);
} .cc-annonce {
background: var(--cc-prune);
color: var(--cc-creme);
text-align: center;
font-size: var(--cc-t-sm);
padding: 0.6em var(--cc-e-3);
}
.cc-annonce a { color: var(--cc-creme); }
.cc-entete {
position: sticky;
top: 0;
z-index: 60;
background: var(--cc-creme);
border-bottom: 2px dotted var(--cc-ligne);
}
.cc-entete__barre {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--cc-e-3);
min-height: 74px;
}
.cc-logo img {
max-height: 52px;
width: auto;
}
.cc-logo__texte {
font-family: var(--cc-titre);
font-size: var(--cc-t-lg);
font-weight: 600;
color: var(--cc-prune);
text-decoration: none;
}
.cc-nav ul {
display: flex;
align-items: center;
gap: var(--cc-e-3);
list-style: none;
margin: 0;
padding: 0;
}
.cc-nav a {
display: block;
font-family: var(--cc-titre);
font-weight: 500;
font-size: var(--cc-t-sm);
color: var(--cc-prune);
text-decoration: none;
padding: 0.5em 0;
}
.cc-nav a:hover,
.cc-nav .current-menu-item > a {
color: var(--cc-framboise);
} .cc-nav li {
position: relative;
}
.cc-nav .sub-menu {
position: absolute;
top: 100%;
left: -0.6rem;
display: block;
min-width: 250px;
flex-direction: column;
gap: 0; padding: 0.9rem 0.6rem 0.6rem;
margin: 0;
background:
linear-gradient(var(--cc-creme), var(--cc-creme)) padding-box,
transparent;
border-radius: var(--cc-r-carte);
box-shadow: var(--cc-ombre-carte);
opacity: 0;
visibility: hidden;
transform: translateY(-4px); transition:
opacity 0.15s ease 0.35s,
visibility 0s linear 0.5s,
transform 0.15s ease 0.35s;
}
.cc-nav .sub-menu::before {
content: '';
position: absolute;
inset: 0.9rem 0 0;
border: 2px solid var(--cc-ligne);
border-radius: var(--cc-r-carte);
pointer-events: none;
}
.cc-nav li:hover > .sub-menu,
.cc-nav li:focus-within > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
transition:
opacity 0.15s ease 0s,
visibility 0s linear 0s,
transform 0.15s ease 0s;
} .cc-nav li:hover > a,
.cc-nav li:focus-within > a {
color: var(--cc-framboise);
} .cc-nav .menu-item-has-children > a {
padding-bottom: 1.1em;
margin-bottom: -0.6em;
}
.cc-nav .sub-menu a {
padding: 0.5em 0.75em;
border-radius: var(--cc-r-pilule);
}
.cc-nav .sub-menu a:hover {
background: var(--cc-dragee);
}
.cc-entete__actions {
display: flex;
align-items: center;
gap: var(--cc-e-2);
}
.cc-icone-lien {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
color: var(--cc-prune);
background: transparent;
border: 0;
padding: 0;
cursor: pointer;
}
.cc-icone-lien:hover {
background: var(--cc-dragee);
color: var(--cc-prune);
}
.cc-icone-lien svg {
width: 23px;
height: 23px;
}
.cc-pastille {
position: absolute;
top: 4px;
right: 2px;
min-width: 19px;
height: 19px;
padding: 0 5px;
border-radius: var(--cc-r-pilule);
background: var(--cc-framboise);
color: #fff;
font-family: var(--cc-titre);
font-size: 0.6875rem;
line-height: 19px;
text-align: center;
}
.cc-burger { display: none; } .cc-panneau {
display: none;
border-top: 2px dotted var(--cc-ligne);
padding-block: var(--cc-e-2) var(--cc-e-3);
}
.cc-panneau.est-ouvert { display: block; }
.cc-panneau ul {
list-style: none;
margin: 0;
padding: 0;
}
.cc-panneau a {
display: block;
font-family: var(--cc-titre);
font-size: var(--cc-t-md);
color: var(--cc-prune);
text-decoration: none;
padding: 0.6em 0;
border-bottom: 1px dotted var(--cc-ligne);
}
.cc-panneau .sub-menu {
position: static;
opacity: 1;
visibility: visible;
border: 0;
box-shadow: none;
padding: 0 0 0 var(--cc-e-3);
margin: 0;
}
.cc-panneau .sub-menu a {
font-family: var(--cc-texte);
font-size: var(--cc-t-base);
} .cc-hero {
background: var(--cc-dragee);
padding-block: var(--cc-e-5) var(--cc-e-6);
}
.cc-hero__grille {
display: grid;
gap: var(--cc-e-4);
align-items: center;
}
.cc-hero__titre {
margin-bottom: var(--cc-e-2);
}
.cc-hero__accroche {
font-size: var(--cc-t-md);
max-width: 42ch;
color: var(--cc-encre);
}
.cc-hero__actions {
display: flex;
flex-wrap: wrap;
gap: var(--cc-e-2);
margin-top: var(--cc-e-3);
}
.cc-hero__visuel {
border-radius: var(--cc-r-bloc);
overflow: hidden;
background: var(--cc-creme);
} .cc-illustration {
display: block;
width: 100%;
height: auto;
}
.cc-hero__visuel .cc-illustration,
.cc-histoire__visuel .cc-illustration {
border-radius: var(--cc-r-bloc);
}
.cc-histoire__visuel img,
.cc-histoire__visuel .cc-illustration {
border-radius: var(--cc-r-bloc);
}
.cc-carte-article .cc-illustration {
aspect-ratio: 3 / 2;
}
.cc-famille .cc-illustration {
aspect-ratio: 1 / 1;
} .cc-emplacement {
display: grid;
place-items: center;
aspect-ratio: 4 / 3;
background: var(--cc-creme);
border: 2px dashed var(--cc-dragee-fonce);
border-radius: var(--cc-r-bloc);
color: var(--cc-gris);
font-size: var(--cc-t-sm);
text-align: center;
padding: var(--cc-e-3);
} .cc-familles {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: var(--cc-e-3);
list-style: none;
margin: 0;
padding: 0;
}
.cc-famille {
position: relative;
display: block;
border-radius: var(--cc-r-carte);
overflow: hidden;
background: var(--cc-vanille);
text-decoration: none;
box-shadow: var(--cc-ombre-douce);
}
.cc-famille img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
}
.cc-famille__vide {
aspect-ratio: 1 / 1;
background: var(--cc-dragee);
}
.cc-famille__nom {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 0.6em;
font-family: var(--cc-titre);
font-weight: 600;
font-size: var(--cc-t-md);
color: var(--cc-prune);
padding: var(--cc-e-2) var(--cc-e-3) var(--cc-e-3);
}
.cc-famille__compte {
font-family: var(--cc-texte);
font-size: var(--cc-t-xs);
font-weight: 600;
color: var(--cc-gris);
}
.cc-famille:hover .cc-famille__nom {
color: var(--cc-framboise);
} .cc-bloc-produits__entete {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
gap: var(--cc-e-3);
margin-bottom: var(--cc-e-4);
}
.cc-bloc-produits__entete .cc-entete-section {
margin-bottom: 0;
}
.cc-filtre-familles {
display: flex;
align-items: center;
gap: 0.7em;
flex: 0 1 22rem;
}
.cc-filtre-familles label {
margin: 0;
white-space: nowrap;
font-family: var(--cc-titre);
color: var(--cc-prune);
}
.cc-filtre-familles select {
flex: 1;
min-width: 0;
}
li.product[hidden] {
display: none;
}
.cc-filtre-vide {
font-family: var(--cc-perle);
font-size: var(--cc-t-lg);
color: var(--cc-prune);
text-align: center;
padding: var(--cc-e-4) 0;
margin: 0;
}
.cc-filtre-tout {
text-align: center;
margin: var(--cc-e-3) 0 0;
} .cc-composition {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: var(--cc-e-4) var(--cc-e-3);
list-style: none;
margin: 0;
padding: 0;
}
.cc-composition__point h3 {
font-size: var(--cc-t-md);
margin: 0 0 0.4em;
}
.cc-composition__point p {
font-size: var(--cc-t-sm);
color: var(--cc-gris);
margin: 0;
}
.cc-composition__icone {
display: inline-flex;
align-items: center;
justify-content: center;
width: 58px;
height: 58px;
margin-bottom: var(--cc-e-2);
border-radius: 50%;
background: var(--cc-dragee);
color: var(--cc-prune);
}
.cc-composition__note {
max-width: 62ch;
margin: var(--cc-e-4) 0 0;
padding: var(--cc-e-2) var(--cc-e-3);
border-left: 3px dotted var(--cc-dragee-fonce);
font-size: var(--cc-t-sm);
color: var(--cc-gris);
}
.cc-composition__lien {
margin-top: var(--cc-e-3);
} .cc-encadre-chat {
display: flex;
gap: var(--cc-e-3);
align-items: flex-start;
margin-top: var(--cc-e-5);
padding: var(--cc-e-4);
background: var(--cc-dragee);
border-radius: var(--cc-r-bloc);
}
.cc-encadre-chat__icone {
flex: none;
display: inline-flex;
align-items: center;
justify-content: center;
width: 62px;
height: 62px;
border-radius: 50%;
background: var(--cc-creme);
color: var(--cc-prune);
}
.cc-encadre-chat__corps {
max-width: 66ch;
}
.cc-encadre-chat h3 {
margin-bottom: 0.5em;
}
.cc-encadre-chat p {
margin-bottom: 0;
}
.cc-encadre-chat__perle {
margin-top: var(--cc-e-2) !important;
font-family: var(--cc-perle);
font-size: var(--cc-t-lg);
line-height: 1.3;
color: var(--cc-prune);
}
@media (max-width: 40em) {
.cc-encadre-chat {
flex-direction: column;
padding: var(--cc-e-3);
}
} .cc-bande-perle {
position: relative;
content-visibility: auto;
contain-intrinsic-size: auto 260px;
background: var(--cc-vanille);
padding-block: var(--cc-e-5);
text-align: center;
}
.cc-bande-perle__texte {
max-width: 30ch;
margin: 0 auto;
font-family: var(--cc-perle);
font-size: clamp(1.6rem, 3vw + 1rem, 2.6rem);
line-height: 1.25;
color: var(--cc-prune);
text-wrap: balance;
}
.cc-bande-perle__signature {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5em;
margin: var(--cc-e-2) 0 0;
font-size: var(--cc-t-xs);
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--cc-prune-doux);
} .cc-histoire {
display: grid;
gap: var(--cc-e-4);
align-items: center;
} .cc-infolettre,
.cc-recherche {
display: flex;
flex-wrap: wrap;
gap: var(--cc-e-2);
max-width: 34rem;
margin-top: var(--cc-e-3);
}
.cc-infolettre input[type='email'],
.cc-recherche input[type='search'] {
flex: 1 1 15rem;
} .cc-page-entete {
padding-block: var(--cc-e-4);
background: var(--cc-vanille);
}
.cc-fil {
font-size: var(--cc-t-xs);
color: var(--cc-gris);
margin-bottom: var(--cc-e-2);
}
.cc-fil a {
color: var(--cc-gris);
}
.cc-article-liste {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: var(--cc-e-4);
}
.cc-carte-article {
background: var(--cc-creme);
border: 2px solid var(--cc-ligne);
border-radius: var(--cc-r-carte);
overflow: hidden;
}
.cc-carte-article img {
width: 100%;
aspect-ratio: 3 / 2;
object-fit: cover;
}
.cc-carte-article__corps {
padding: var(--cc-e-3);
}
.cc-carte-article__date {
font-size: var(--cc-t-xs);
color: var(--cc-gris);
}
.cc-carte-article h3 {
margin: 0.3em 0 0.5em;
font-size: var(--cc-t-md);
}
.cc-carte-article h3 a {
text-decoration: none;
}
.entry-content > * {
max-width: var(--cc-largeur-texte);
}
.entry-content > .alignwide,
.entry-content > .alignfull,
.entry-content > figure,
.entry-content > .wp-block-gallery {
max-width: none;
}
.entry-content img {
border-radius: var(--cc-r-carte);
}
.cc-pagination {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
justify-content: center;
margin-top: var(--cc-e-5);
}
.cc-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
height: 44px;
padding: 0 0.8em;
border-radius: var(--cc-r-pilule);
border: 2px solid var(--cc-ligne);
font-family: var(--cc-titre);
text-decoration: none;
}
.cc-pagination .page-numbers.current,
.cc-pagination .page-numbers:hover {
background: var(--cc-prune);
border-color: var(--cc-prune);
color: var(--cc-creme);
} .cc-avis {
background: var(--cc-vanille);
content-visibility: auto;
contain-intrinsic-size: auto 640px;
}
.cc-avis__widget {
margin-top: var(--cc-e-3);
} .cc-avis__widget iframe,
.cc-avis__widget img {
max-width: 100%;
} .cc-infolettre-formulaire--epuree .mailpoet_form h1,
.cc-infolettre-formulaire--epuree .mailpoet_form h2,
.cc-infolettre-formulaire--epuree .mailpoet_form h3,
.cc-infolettre-formulaire--epuree .mailpoet_form h4,
.cc-infolettre-formulaire--epuree .mailpoet_form .mailpoet_heading {
display: none;
}
.cc-infolettre-formulaire--epuree .mailpoet_paragraph:not(:has(input)):not(:has(select)):not(:has(textarea)):not(:has(label)):not(:has(a)):not(:has(button)) {
display: none;
} .cc-infolettre-formulaire--epuree .mailpoet_paragraph:has(a) {
font-size: var(--cc-t-xs);
opacity: 0.85;
margin-top: 0.5rem;
} .cc-infolettre-formulaire .mailpoet_form {
padding: 0 !important;
background: transparent !important;
}
.cc-infolettre-formulaire .mailpoet_paragraph {
margin-bottom: 0.6rem;
}
.cc-infolettre-formulaire input[type='text'],
.cc-infolettre-formulaire input[type='email'] {
width: 100%;
font-family: var(--cc-texte);
font-size: var(--cc-t-base);
color: var(--cc-encre);
background: var(--cc-creme);
border: 2px solid var(--cc-creme);
border-radius: var(--cc-r-pilule);
padding: 0.75em 1.15em;
}
.cc-infolettre-formulaire input[type='submit'],
.cc-infolettre-formulaire .mailpoet_submit {
font-family: var(--cc-titre);
font-weight: 600;
background: var(--cc-creme) !important;
color: var(--cc-prune) !important;
border: 2px solid var(--cc-creme) !important;
border-radius: var(--cc-r-pilule) !important;
padding: 0.85em 1.7em !important;
cursor: pointer;
}
.cc-infolettre-formulaire input[type='submit']:hover,
.cc-infolettre-formulaire .mailpoet_submit:hover {
background: var(--cc-dragee) !important;
border-color: var(--cc-dragee) !important;
}
.cc-infolettre-formulaire .mailpoet_validate_success,
.cc-infolettre-formulaire .mailpoet_validate_error {
color: var(--cc-creme) !important;
font-size: var(--cc-t-sm);
} @media (min-width: 40em) {
.cc-infolettre-formulaire .mailpoet_form_columns {
display: flex;
gap: 0.6rem;
align-items: flex-start;
}
} .cc-evenements {
list-style: none;
margin: var(--cc-e-4) 0;
padding: 0;
max-width: none !important;
}
.cc-evenement {
display: flex;
gap: var(--cc-e-3);
align-items: flex-start;
padding: var(--cc-e-3);
margin-bottom: var(--cc-e-3);
background: var(--cc-creme);
border: 2px solid var(--cc-ligne);
border-radius: var(--cc-r-bloc);
}
.cc-evenement:hover {
border-color: var(--cc-dragee-fonce);
} .cc-evenement__date {
flex: none;
display: grid;
place-content: center;
justify-items: center;
width: 82px;
padding: 0.7rem 0.3rem;
background: var(--cc-dragee);
border-radius: var(--cc-r-carte);
line-height: 1.05;
}
.cc-evenement__jour {
font-family: var(--cc-titre);
font-weight: 600;
font-size: 2rem;
color: var(--cc-prune);
}
.cc-evenement__mois {
font-family: var(--cc-titre);
font-size: var(--cc-t-sm);
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--cc-prune);
}
.cc-evenement__annee {
font-size: var(--cc-t-xs);
color: var(--cc-prune-doux);
}
.cc-evenement__corps {
min-width: 0;
flex: 1;
}
.cc-evenement__nom {
font-size: var(--cc-t-lg);
margin: 0 0 0.15em;
}
.cc-evenement__quand {
font-family: var(--cc-titre);
font-size: var(--cc-t-sm);
color: var(--cc-framboise);
margin: 0 0 0.6em;
}
.cc-evenement__ou,
.cc-evenement__note {
margin: 0 0 0.5em;
font-size: var(--cc-t-sm);
}
.cc-evenement__adresse {
color: var(--cc-gris);
}
.cc-evenement__stand {
display: inline-block;
margin: 0 0 0.7em;
padding: 0.3em 0.9em;
background: var(--cc-vanille);
border: 2px dotted #e3d0b4;
border-radius: var(--cc-r-pilule);
font-family: var(--cc-titre);
font-size: var(--cc-t-xs);
color: var(--cc-prune);
}
.cc-evenement__note {
color: var(--cc-gris);
}
.cc-evenement__liens {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin: 0;
}
.cc-evenement__liens .cc-bouton {
font-size: var(--cc-t-xs);
padding: 0.55em 1.1em;
}
.cc-evenements-vide {
padding: var(--cc-e-4);
background: var(--cc-vanille);
border-radius: var(--cc-r-carte);
text-align: center;
color: var(--cc-gris);
}
@media (max-width: 40em) {
.cc-evenement {
flex-direction: column;
gap: var(--cc-e-2);
}
.cc-evenement__date {
display: flex;
align-items: baseline;
gap: 0.4em;
width: auto;
padding: 0.35rem 0.9rem;
}
.cc-evenement__jour {
font-size: 1.4rem;
}
} .cc-schema {
margin: var(--cc-e-4) 0;
padding: var(--cc-e-3);
background: var(--cc-creme);
border: 2px solid var(--cc-ligne);
border-radius: var(--cc-r-bloc);
max-width: none !important;
}
.cc-schema svg {
display: block;
width: 100%;
height: auto;
}
.cc-schema figcaption {
margin-top: var(--cc-e-2);
padding-top: var(--cc-e-2);
border-top: 2px dotted var(--cc-ligne);
font-family: var(--cc-titre);
font-size: var(--cc-t-sm);
color: var(--cc-prune);
text-align: center;
} .cc-sommaire {
margin: var(--cc-e-4) 0;
padding: var(--cc-e-3) var(--cc-e-4);
background: var(--cc-vanille);
border-radius: var(--cc-r-carte);
}
.cc-sommaire__titre {
display: block;
font-family: var(--cc-titre);
font-weight: 600;
font-size: var(--cc-t-sm);
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--cc-prune-doux);
margin-bottom: 0.6em;
}
.cc-sommaire ol {
margin: 0;
padding-left: 1.2em;
}
.cc-sommaire li {
margin-bottom: 0.35em;
}
.cc-sommaire a {
color: var(--cc-prune);
text-decoration: none;
}
.cc-sommaire a:hover {
text-decoration: underline;
} .cc-articles-lies,
.cc-produits-article,
.cc-journal-collection {
content-visibility: auto;
contain-intrinsic-size: auto 520px;
margin-top: var(--cc-e-6);
padding-top: var(--cc-e-4);
border-top: 2px dotted var(--cc-ligne);
}
.cc-articles-lies > h2,
.cc-produits-article > h2 {
font-size: var(--cc-t-lg);
margin-bottom: var(--cc-e-3);
}
.cc-articles-lies,
.cc-produits-article {
max-width: none;
}
.cc-journal-collection .cc-entete-section {
margin-bottom: var(--cc-e-3);
} .cc-pied {
background: var(--cc-prune);
color: var(--cc-dragee);
padding-block: var(--cc-e-5) var(--cc-e-3);
margin-top: var(--cc-e-6);
}
.cc-pied a {
color: var(--cc-dragee);
text-decoration: none;
}
.cc-pied a:hover {
color: var(--cc-creme);
text-decoration: underline;
}
.cc-pied h2,
.cc-pied h3,
.cc-pied .widget-title {
font-family: var(--cc-titre);
font-size: var(--cc-t-md);
color: var(--cc-creme);
margin-bottom: var(--cc-e-2);
}
.cc-pied__grille {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: var(--cc-e-4);
}
.cc-pied ul {
list-style: none;
margin: 0;
padding: 0;
}
.cc-pied li {
margin-bottom: 0.45em;
}
.cc-pied__perle {
display: flex;
align-items: center;
gap: 0.55em;
justify-content: center;
font-family: var(--cc-perle);
font-size: var(--cc-t-md);
color: var(--cc-dragee);
margin: var(--cc-e-4) 0 0;
}
.cc-pied__bas {
display: flex;
flex-wrap: wrap;
gap: var(--cc-e-2);
justify-content: space-between;
align-items: center;
margin-top: var(--cc-e-4);
padding-top: var(--cc-e-3);
border-top: 2px dotted rgba(254, 252, 250, 0.25);
font-size: var(--cc-t-xs);
} :focus-visible {
outline: 3px solid var(--cc-framboise);
outline-offset: 3px;
border-radius: 4px;
}
.screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.cc-lien-evitement {
position: absolute;
left: -9999px;
top: 0;
z-index: 100;
}
.cc-lien-evitement:focus {
left: var(--cc-e-3);
top: var(--cc-e-2);
}
@media (min-width: 48em) {
.cc-hero__grille { grid-template-columns: 1.05fr 0.95fr; }
.cc-histoire { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 61.9375em) {
.cc-nav { display: none; }
.cc-burger { display: inline-flex; }
}
@media (min-width: 62em) {
.cc-panneau { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
}
}  html,
body {
max-width: 100%;
overflow-x: hidden;
} @media (max-width: 61.9375em) { .cc-bloc-produits__entete {
flex-direction: column;
align-items: stretch;
}
.cc-filtre-familles {
flex: 1 1 auto;
}
} @media (max-width: 47.9375em) { :root {
--cc-e-5: 2.25rem;
--cc-e-6: 3rem;
--cc-e-7: 4rem;
}
.cc-contenu {
padding-inline: 1rem;
} .cc-entete__barre {
min-height: 62px;
gap: 0.5rem;
}
.cc-logo {
min-width: 0;
flex: 1 1 auto;
}
.cc-logo img {
max-height: 40px;
}
.cc-entete__actions {
gap: 0;
flex: none;
}
.cc-icone-lien {
width: 40px;
height: 40px;
}
.cc-icone-lien svg {
width: 21px;
height: 21px;
}
.cc-annonce {
font-size: var(--cc-t-xs);
line-height: 1.4;
} .cc-hero {
padding-block: var(--cc-e-4) var(--cc-e-5);
}
.cc-hero__actions .cc-bouton {
flex: 1 1 100%;
justify-content: center;
} .cc-bouton,
.button,
.wp-block-button__link {
padding: 0.8em 1.4em;
} .cc-familles {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--cc-e-2);
}
.cc-famille__nom {
flex-direction: column;
align-items: flex-start;
gap: 0.15em;
font-size: var(--cc-t-base);
padding: var(--cc-e-2);
}
.cc-composition {
gap: var(--cc-e-3);
}
.cc-composition__icone {
width: 48px;
height: 48px;
}
.cc-article-liste {
grid-template-columns: 1fr;
gap: var(--cc-e-3);
} .cc-perle {
padding: var(--cc-e-3) var(--cc-e-2) var(--cc-e-3) 2.4rem;
}
.cc-perle::before {
left: 0.8rem;
} .cc-pied__grille {
grid-template-columns: 1fr;
gap: var(--cc-e-3);
}
.cc-pied__bas {
flex-direction: column;
align-items: flex-start;
gap: 0.75rem;
}
.cc-pied__perle {
text-align: center;
} .entry-content .wp-block-media-text {
display: block;
}
.entry-content .wp-block-media-text__media {
margin-bottom: var(--cc-e-2);
}
.entry-content .wp-block-gallery.columns-3 {
--wp--style--unstable-gallery-gap: 0.5rem;
}
.entry-content table {
display: block;
overflow-x: auto;
}
.cc-pagination .page-numbers {
min-width: 40px;
height: 40px;
padding: 0 0.6em;
}
} .cc-panneau__recherche {
margin-top: var(--cc-e-3);
}
.cc-panneau__recherche input[type='search'] {
flex: 1 1 100%;
}
.cc-panneau__recherche button {
flex: 1 1 100%;
justify-content: center;
} @media (max-width: 23.75em) {
.cc-familles {
grid-template-columns: 1fr;
}
.cc-logo img {
max-height: 34px;
}
.cc-icone-lien {
width: 36px;
height: 36px;
}
}.woocommerce-products-header {
position: relative;
padding-block: var(--cc-e-5) calc(var(--cc-e-5) + 14px);
background: var(--cc-vanille);
text-align: center;
}
.woocommerce-products-header::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 14px;
background-image: radial-gradient(circle at 50% 100%, var(--cc-creme) 68%, transparent 69%);
background-size: 28px 14px;
background-repeat: repeat-x;
}
.woocommerce-products-header .cc-fil {
justify-content: center;
margin-bottom: var(--cc-e-2);
}
.woocommerce-products-header__title {
margin-bottom: var(--cc-e-2);
}
.term-description {
max-width: 60ch;
margin-inline: auto;
color: var(--cc-encre);
}
.woocommerce-products-header .cc-perle {
max-width: 46ch;
margin-inline: auto;
text-align: left;
} .cc-barre-collection {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--cc-e-2);
margin-block: var(--cc-e-4) var(--cc-e-4);
padding-bottom: var(--cc-e-2);
border-bottom: 2px dotted var(--cc-ligne);
}
.woocommerce-result-count {
margin: 0;
font-size: var(--cc-t-sm);
color: var(--cc-gris);
}
.woocommerce-ordering {
margin: 0;
}
.woocommerce-ordering select {
width: auto;
min-width: 14rem;
padding-block: 0.5em;
font-size: var(--cc-t-sm);
} .woocommerce-pagination {
margin-top: var(--cc-e-5);
}
.woocommerce-pagination ul.page-numbers {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
justify-content: center;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
border: 0;
}
.woocommerce-pagination ul.page-numbers li {
margin: 0;
border: 0;
}
.woocommerce-pagination .page-numbers,
.woocommerce-pagination .page-numbers.dots {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 46px;
height: 46px;
padding: 0 0.85em;
border-radius: var(--cc-r-pilule);
border: 2px solid var(--cc-ligne);
background: var(--cc-creme);
font-family: var(--cc-titre);
font-weight: 500;
font-size: var(--cc-t-sm);
color: var(--cc-prune);
text-decoration: none;
transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}
.woocommerce-pagination a.page-numbers:hover {
background: var(--cc-dragee);
border-color: var(--cc-dragee-fonce);
color: var(--cc-prune);
}
.woocommerce-pagination .page-numbers.current {
background: var(--cc-prune);
border-color: var(--cc-prune);
color: var(--cc-creme);
}
.woocommerce-pagination .page-numbers.dots {
border-color: transparent;
background: transparent;
color: var(--cc-gris);
min-width: 0;
padding: 0 0.3em;
}
.woocommerce-pagination .page-numbers.prev,
.woocommerce-pagination .page-numbers.next {
font-weight: 600;
}
ul.products {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--cc-e-3);
list-style: none;
margin: 0;
padding: 0;
}
@media (min-width: 48em) {
ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--cc-e-4); }
}
@media (min-width: 75em) {
ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
ul.products.columns-3 { }
ul.products li.product { margin: 0; }  li.product {
position: relative;
display: flex;
flex-direction: column;
}
li.product .cc-presentoir {
position: relative;
background: var(--cc-vanille);
border-radius: var(--cc-r-carte);
overflow: hidden;
margin-bottom: var(--cc-e-2);
}
li.product img,
li.product .cc-illustration {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
display: block;
}
.woocommerce-product-gallery .cc-illustration {
width: 100%;
aspect-ratio: 1 / 1;
}
li.product .woocommerce-loop-product__title {
font-family: var(--cc-titre);
font-size: var(--cc-t-base);
font-weight: 600;
color: var(--cc-prune);
margin: 0 0 0.25em;
line-height: 1.3;
}
li.product a.woocommerce-LoopProduct-link {
text-decoration: none;
color: inherit;
}
li.product .price {
display: block;
font-family: var(--cc-titre);
font-size: var(--cc-t-sm);
font-weight: 600;
color: var(--cc-prune);
margin-bottom: var(--cc-e-2);
}
li.product .price del {
color: var(--cc-gris);
font-weight: 400;
margin-right: 0.4em;
}
li.product .price ins {
text-decoration: none;
color: var(--cc-framboise);
}
li.product .cc-carte-pied {
margin-top: auto;
}
li.product .button {
width: 100%;
font-size: var(--cc-t-xs);
padding: 0.7em 1.2em;
}
li.product .added_to_cart {
display: block;
margin-top: 0.5em;
font-size: var(--cc-t-xs);
text-align: center;
} .cc-etiquettes {
position: absolute;
top: 0.6rem;
left: 0.6rem;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.35rem;
z-index: 2;
}
span.onsale,
.cc-etiquette {
display: inline-block;
font-family: var(--cc-titre);
font-size: var(--cc-t-xs);
font-weight: 600;
line-height: 1.2;
padding: 0.35em 0.85em;
border-radius: var(--cc-r-pilule);
background: var(--cc-prune);
color: var(--cc-creme);
}
.cc-etiquette--douce {
background: var(--cc-creme);
color: var(--cc-prune);
border: 2px dotted var(--cc-dragee-fonce);
}
.cc-etiquette--rupture {
background: var(--cc-gris);
color: var(--cc-creme);
} .single-product div.product {
display: grid;
gap: var(--cc-e-4);
padding-top: var(--cc-e-4);
}
@media (min-width: 56em) {
.single-product div.product {
grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
align-items: start;
column-gap: var(--cc-e-5);
}
.single-product div.product .woocommerce-product-gallery { grid-column: 1; }
.single-product div.product .summary { grid-column: 2; }
.single-product div.product .woocommerce-tabs,
.single-product div.product .related,
.single-product div.product .up-sells,
.single-product div.product .cc-cross-sell { grid-column: 1 / -1; }
}
.woocommerce-product-gallery {
position: relative;
}
.woocommerce-product-gallery__wrapper {
border-radius: var(--cc-r-bloc);
overflow: hidden;
background: var(--cc-vanille);
}
.woocommerce-product-gallery img {
border-radius: 0;
}
.flex-control-thumbs {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 0.5rem;
list-style: none;
margin: 0.75rem 0 0;
padding: 0;
}
.flex-control-thumbs img {
border-radius: 14px;
cursor: pointer;
opacity: 0.65;
}
.flex-control-thumbs img.flex-active,
.flex-control-thumbs img:hover {
opacity: 1;
}
.product_title {
margin-bottom: var(--cc-e-2);
}
.single-product div.product p.price,
.single-product div.product span.price {
display: block;
font-family: var(--cc-titre);
font-size: var(--cc-t-lg);
font-weight: 600;
color: var(--cc-prune);
margin-bottom: var(--cc-e-3);
}
.woocommerce-product-details__short-description {
max-width: 52ch;
margin-bottom: var(--cc-e-3);
}
.cart {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--cc-e-2);
margin-block: var(--cc-e-3);
}
.quantity {
display: inline-flex;
align-items: center;
border: 2px solid var(--cc-ligne);
border-radius: var(--cc-r-pilule);
overflow: hidden;
}
.quantity input.qty {
width: 4.5rem;
border: 0;
border-radius: 0;
text-align: center;
padding: 0.75em 0.4em;
}
.single_add_to_cart_button {
flex: 1 1 14rem;
font-size: var(--cc-t-base);
padding: 0.95em 1.8em;
} table.variations {
width: 100%;
border-collapse: collapse;
margin-bottom: var(--cc-e-2);
}
table.variations th,
table.variations td {
display: block;
text-align: left;
padding: 0 0 0.6em;
}
table.variations th label {
margin: 0;
}
.woocommerce-variation-price {
margin-bottom: var(--cc-e-2);
}
.reset_variations {
display: inline-block;
font-size: var(--cc-t-xs);
}
.product_meta {
font-size: var(--cc-t-xs);
color: var(--cc-gris);
padding-top: var(--cc-e-3);
border-top: 2px dotted var(--cc-ligne);
}
.product_meta > span {
display: block;
margin-bottom: 0.3em;
} .cc-reassurance-produit {
margin-block: var(--cc-e-3);
padding: var(--cc-e-3);
background: var(--cc-vanille);
border-radius: var(--cc-r-carte);
}
.cc-delai {
display: flex;
align-items: center;
gap: 0.6em;
font-size: var(--cc-t-sm);
font-weight: 600;
color: var(--cc-prune-doux);
margin-bottom: var(--cc-e-2);
}
.cc-accordeon {
border-top: 2px dotted var(--cc-ligne);
}
.cc-accordeon details {
border-bottom: 2px dotted var(--cc-ligne);
}
.cc-accordeon summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1em;
font-family: var(--cc-titre);
font-weight: 600;
font-size: var(--cc-t-base);
color: var(--cc-prune);
padding: 0.95em 0;
cursor: pointer;
list-style: none;
}
.cc-accordeon summary::-webkit-details-marker { display: none; }
.cc-accordeon summary::after {
content: '+';
font-size: 1.35em;
line-height: 1;
color: var(--cc-prune-doux);
}
.cc-accordeon details[open] summary::after { content: '\2013'; }
.cc-accordeon__corps {
padding-bottom: var(--cc-e-3);
max-width: 60ch;
} .woocommerce-tabs ul.tabs {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
list-style: none;
margin: 0 0 var(--cc-e-3);
padding: 0;
border-bottom: 2px dotted var(--cc-ligne);
}
.woocommerce-tabs ul.tabs li a {
display: block;
font-family: var(--cc-titre);
font-weight: 600;
font-size: var(--cc-t-sm);
color: var(--cc-gris);
text-decoration: none;
padding: 0.75em 1.1em;
border-radius: var(--cc-r-pilule) var(--cc-r-pilule) 0 0;
}
.woocommerce-tabs ul.tabs li.active a {
color: var(--cc-prune);
background: var(--cc-dragee);
}
.woocommerce-Tabs-panel {
max-width: var(--cc-largeur-texte);
}
.related > h2,
.up-sells > h2,
.cc-cross-sell > h2 {
margin-top: var(--cc-e-5);
} .cc-barre-achat {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 70;
display: none;
align-items: center;
gap: var(--cc-e-2);
padding: 0.65rem var(--cc-e-3);
padding-bottom: calc(0.65rem + env(safe-area-inset-bottom));
background: var(--cc-creme);
border-top: 2px solid var(--cc-ligne);
box-shadow: 0 -6px 18px rgba(98, 20, 41, 0.09);
}
.cc-barre-achat__info {
flex: 1;
min-width: 0;
}
.cc-barre-achat__nom {
display: block;
font-family: var(--cc-titre);
font-weight: 600;
font-size: var(--cc-t-sm);
color: var(--cc-prune);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cc-barre-achat__prix {
font-size: var(--cc-t-xs);
color: var(--cc-gris);
}
.cc-barre-achat .button {
flex: none;
}
@media (max-width: 55.9375em) {
.single-product .cc-barre-achat.est-visible { display: flex; }
.single-product .cc-pied { padding-bottom: 5.5rem; }
} .woocommerce-cart-form table.shop_table,
.woocommerce table.shop_table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border: 2px solid var(--cc-ligne);
border-radius: var(--cc-r-carte);
overflow: hidden;
margin-bottom: var(--cc-e-4);
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
padding: var(--cc-e-2) var(--cc-e-3);
text-align: left;
border-bottom: 1px dotted var(--cc-ligne);
}
.woocommerce table.shop_table th {
font-family: var(--cc-titre);
font-size: var(--cc-t-sm);
color: var(--cc-prune);
background: var(--cc-vanille);
}
.woocommerce table.shop_table tr:last-child td { border-bottom: 0; }
.cart_item .product-thumbnail img {
width: 74px;
border-radius: 14px;
}
.product-remove a.remove {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
background: var(--cc-dragee);
color: var(--cc-prune);
text-decoration: none;
font-size: 1.1rem;
line-height: 1;
}
.cart-collaterals {
display: grid;
gap: var(--cc-e-4);
}
@media (min-width: 56em) {
.cart-collaterals { grid-template-columns: 1fr 22rem; align-items: start; }
}
.cart_totals {
background: var(--cc-vanille);
border-radius: var(--cc-r-carte);
padding: var(--cc-e-3);
}
.wc-proceed-to-checkout .checkout-button {
width: 100%;
} .cc-jauge {
margin-bottom: var(--cc-e-3);
padding: var(--cc-e-3);
background: var(--cc-dragee);
border-radius: var(--cc-r-carte);
}
.cc-jauge__texte {
font-size: var(--cc-t-sm);
font-weight: 600;
color: var(--cc-prune);
margin-bottom: 0.6em;
}
.cc-jauge__piste {
height: 12px;
border-radius: var(--cc-r-pilule);
background: var(--cc-creme);
overflow: hidden;
}
.cc-jauge__remplissage {
height: 100%;
border-radius: var(--cc-r-pilule);
background: var(--cc-prune);
} .cc-panier-vide__image,
.cc-remerciement__image {
max-width: 26rem;
margin: 0 auto var(--cc-e-3);
}
.cc-panier-vide__image img,
.cc-remerciement__image img {
width: 100%;
border-radius: var(--cc-r-bloc);
}
.cc-remerciement {
max-width: 34rem;
margin-inline: auto;
text-align: center;
padding-bottom: var(--cc-e-3);
}
.cc-panier-vide {
max-width: 40rem;
margin-inline: auto;
text-align: center;
padding-block: var(--cc-e-5);
}
.cc-panier-vide .cc-perle {
text-align: left;
} .woocommerce-checkout .col2-set {
display: grid;
gap: var(--cc-e-4);
}
@media (min-width: 56em) {
.woocommerce-checkout .col2-set { grid-template-columns: 1fr 1fr; }
}
.woocommerce-checkout h3,
.woocommerce-account h2 {
font-size: var(--cc-t-lg);
margin-top: var(--cc-e-4);
}
.woocommerce-billing-fields__field-wrapper p,
.woocommerce-shipping-fields__field-wrapper p,
.woocommerce-additional-fields p {
margin-bottom: var(--cc-e-2);
}
#order_review,
.woocommerce-order-details,
.woocommerce-customer-details {
background: var(--cc-vanille);
border-radius: var(--cc-r-carte);
padding: var(--cc-e-3);
}
#payment ul.payment_methods {
list-style: none;
margin: 0 0 var(--cc-e-3);
padding: 0;
}
#payment ul.payment_methods li {
padding: 0.6em 0;
border-bottom: 1px dotted var(--cc-ligne);
}
#payment .payment_box {
font-size: var(--cc-t-sm);
color: var(--cc-gris);
padding: 0.6em 0 0;
}
.woocommerce-MyAccount-navigation ul {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
list-style: none;
margin: 0 0 var(--cc-e-4);
padding: 0;
}
.woocommerce-MyAccount-navigation a {
display: block;
padding: 0.55em 1.1em;
border-radius: var(--cc-r-pilule);
border: 2px solid var(--cc-ligne);
font-family: var(--cc-titre);
font-size: var(--cc-t-sm);
text-decoration: none;
}
.woocommerce-MyAccount-navigation li.is-active a {
background: var(--cc-prune);
border-color: var(--cc-prune);
color: var(--cc-creme);
} .woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-message {
list-style: none;
margin: 0 0 var(--cc-e-3);
padding: var(--cc-e-2) var(--cc-e-3);
border-radius: var(--cc-r-carte);
background: var(--cc-dragee);
color: var(--cc-prune);
font-size: var(--cc-t-sm);
}
.woocommerce-error {
background: #fbe4e6;
color: var(--cc-framboise);
}
.woocommerce-message .button,
.woocommerce-info .button {
float: right;
margin-left: var(--cc-e-2);
font-size: var(--cc-t-xs);
padding: 0.5em 1.1em;
}
#reviews .commentlist {
list-style: none;
margin: 0;
padding: 0;
}
#reviews .comment_container {
display: flex;
gap: var(--cc-e-2);
padding: var(--cc-e-3) 0;
border-bottom: 2px dotted var(--cc-ligne);
}
#reviews .comment_container img.avatar {
width: 52px;
height: 52px;
border-radius: 50%;
flex: none;
}
.star-rating {
color: var(--cc-framboise);
}
.woocommerce-noreviews {
color: var(--cc-gris);
} .wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout {
font-family: var(--cc-texte);
color: var(--cc-encre);
}
.wc-block-components-title,
.wc-block-cart__empty-cart__title,
.wp-block-woocommerce-cart h1,
.wp-block-woocommerce-cart h2,
.wp-block-woocommerce-checkout h1,
.wp-block-woocommerce-checkout h2 {
font-family: var(--cc-titre);
color: var(--cc-prune);
} .wc-block-components-button:not(.is-link) {
font-family: var(--cc-titre);
font-weight: 600;
background: var(--cc-prune);
color: var(--cc-creme);
border: 2px solid var(--cc-prune);
border-radius: var(--cc-r-pilule);
padding: 0.85em 1.7em;
}
.wc-block-components-button:not(.is-link):hover {
background: var(--cc-prune-fonce);
border-color: var(--cc-prune-fonce);
color: var(--cc-creme);
}
.wc-block-components-button.is-link {
color: var(--cc-prune);
} .wc-block-components-text-input input[type='text'],
.wc-block-components-text-input input[type='email'],
.wc-block-components-text-input input[type='tel'],
.wc-block-components-text-input input[type='number'],
.wc-block-components-form .wc-blocks-components-select__container {
border: 2px solid var(--cc-ligne);
border-radius: var(--cc-r-pilule);
background: var(--cc-creme);
}
.wc-block-components-text-input.is-active input,
.wc-block-components-text-input input:focus {
border-color: var(--cc-prune-doux);
box-shadow: none;
} .wc-block-components-sidebar .wc-block-components-totals-wrapper,
.wp-block-woocommerce-checkout-order-summary-block,
.wc-block-cart__totals-title + .wc-block-components-totals-wrapper {
background: var(--cc-vanille);
border-radius: var(--cc-r-carte);
padding: var(--cc-e-3);
border: 0;
}
.wc-block-components-totals-item__value,
.wc-block-components-product-price {
font-family: var(--cc-titre);
color: var(--cc-prune);
}
.wc-block-components-product-name {
font-family: var(--cc-titre);
font-weight: 600;
color: var(--cc-prune);
text-decoration: none;
}
.wc-block-cart-item__image img,
.wc-block-components-order-summary-item__image img {
border-radius: 14px;
} .wc-block-components-notice-banner {
border-radius: var(--cc-r-carte);
border: 0;
background: var(--cc-dragee);
color: var(--cc-prune);
}
.wc-block-components-notice-banner.is-error {
background: #fbe4e6;
color: var(--cc-framboise);
} .wc-block-cart__empty-cart__title {
font-size: var(--cc-t-xl);
}
.wp-block-woocommerce-empty-cart-block {
max-width: 40rem;
margin-inline: auto;
text-align: center;
}
.wp-block-woocommerce-empty-cart-block img {
border-radius: var(--cc-r-bloc);
} @media (max-width: 47.9375em) { ul.products {
gap: var(--cc-e-2);
}
li.product .woocommerce-loop-product__title {
font-size: var(--cc-t-sm);
}
li.product .button {
padding: 0.65em 0.9em;
}
.cc-etiquettes {
top: 0.4rem;
left: 0.4rem;
}
.cc-barre-collection {
flex-direction: column;
align-items: stretch;
gap: 0.75rem;
}
.woocommerce-ordering select {
width: 100%;
min-width: 0;
} .single-product div.product {
gap: var(--cc-e-3);
}
.flex-control-thumbs {
grid-template-columns: repeat(4, 1fr);
}
.cart {
gap: 0.75rem;
}
.single_add_to_cart_button {
flex: 1 1 100%;
}
.woocommerce-tabs ul.tabs li a {
padding: 0.6em 0.9em;
font-size: var(--cc-t-xs);
}  .woocommerce table.shop_table_responsive,
.woocommerce table.shop_table_responsive tbody {
display: block;
width: 100%;
border: 0;
}
.woocommerce table.shop_table_responsive thead {
display: none;
}
.woocommerce table.shop_table_responsive tr {
display: block;
margin-bottom: var(--cc-e-2);
padding: var(--cc-e-2);
background: var(--cc-creme);
border: 2px solid var(--cc-ligne);
border-radius: var(--cc-r-carte);
}
.woocommerce table.shop_table_responsive td {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
width: auto;
padding: 0.4rem 0;
border: 0;
text-align: right;
}
.woocommerce table.shop_table_responsive td::before {
content: attr(data-title);
flex: none;
font-family: var(--cc-titre);
font-weight: 600;
font-size: var(--cc-t-sm);
color: var(--cc-prune);
text-align: left;
}
.woocommerce table.shop_table_responsive td.product-remove::before,
.woocommerce table.shop_table_responsive td.product-thumbnail::before,
.woocommerce table.shop_table_responsive td.actions::before {
display: none;
}
.woocommerce table.shop_table_responsive td.product-thumbnail {
justify-content: flex-start;
}
.woocommerce table.shop_table_responsive td.product-remove {
justify-content: flex-end;
padding-bottom: 0;
}
.woocommerce table.shop_table_responsive td.actions {
display: block;
text-align: left;
padding-top: var(--cc-e-2);
}
.woocommerce table.shop_table_responsive td.actions .button,
.woocommerce table.shop_table_responsive td.actions .coupon input {
width: 100%;
margin-bottom: 0.5rem;
}
.cart_item .product-thumbnail img {
width: 64px;
} .woocommerce table.shop_table:not(.shop_table_responsive) th,
.woocommerce table.shop_table:not(.shop_table_responsive) td {
padding: var(--cc-e-2);
font-size: var(--cc-t-sm);
}
.cart_totals,
#order_review,
.woocommerce-order-details,
.woocommerce-customer-details {
padding: var(--cc-e-2);
} .woocommerce-MyAccount-navigation a {
padding: 0.5em 0.9em;
font-size: var(--cc-t-xs);
} .wc-block-components-button:not(.is-link) {
width: 100%;
padding: 0.8em 1.2em;
}
}  .woocommerce-account:not(.logged-in) .woocommerce > .u-columns.col2-set,
.woocommerce-account:not(.logged-in) .woocommerce .customer-login-form-wrapper {
display: grid;
gap: var(--cc-e-4);
}
@media (min-width: 56em) {
.woocommerce-account:not(.logged-in) .woocommerce > .u-columns.col2-set {
grid-template-columns: 1fr 1fr;
align-items: start;
}
}
.woocommerce form.login,
.woocommerce form.register {
background: var(--cc-vanille);
border: 0;
border-radius: var(--cc-r-bloc);
padding: var(--cc-e-4);
margin: 0;
}
.woocommerce form.register {
background: var(--cc-dragee);
}
.woocommerce-account .u-column1 > h2,
.woocommerce-account .u-column2 > h2 {
font-size: var(--cc-t-lg);
margin-bottom: var(--cc-e-2);
}
.woocommerce form .form-row label {
font-family: var(--cc-texte);
}
.woocommerce form .form-row {
margin-bottom: var(--cc-e-2);
} .woocommerce form .form-row-first,
.woocommerce form .form-row-last {
width: 100%;
}
@media (min-width: 34em) {
.woocommerce form .form-row-first,
.woocommerce form .form-row-last {
width: calc(50% - 0.4rem);
display: inline-block;
vertical-align: top;
}
.woocommerce form .form-row-first {
margin-right: 0.8rem;
}
}
.woocommerce form .clear {
clear: both;
}
.cc-champ-aide {
display: block;
margin-top: 0.35em;
font-size: var(--cc-t-xs);
color: var(--cc-gris);
}
.woocommerce form .required {
color: var(--cc-framboise);
text-decoration: none;
} .woocommerce-privacy-policy-text {
font-size: var(--cc-t-xs);
color: var(--cc-gris);
line-height: 1.5;
}
.woocommerce-privacy-policy-text p {
margin-bottom: 0.5em;
} .cc-case-newsletter label {
display: flex;
align-items: flex-start;
gap: 0.6em;
font-weight: 400;
cursor: pointer;
}
.cc-case-newsletter input[type='checkbox'] {
width: auto;
flex: none;
margin-top: 0.25em;
accent-color: var(--cc-prune);
}
.cc-case-newsletter__mention {
display: block;
margin-top: 0.4em;
font-size: var(--cc-t-xs);
color: var(--cc-gris);
} .cc-avantages {
display: grid;
gap: var(--cc-e-3);
}
.cc-avantage {
padding: var(--cc-e-3) var(--cc-e-4);
background: var(--cc-vanille);
border-radius: var(--cc-r-carte);
}
.cc-avantage h3 {
font-size: var(--cc-t-md);
margin-bottom: 0.5em;
}
.cc-avantage p:last-child,
.cc-avantage ul {
margin-bottom: 0;
}
.cc-avantage__code {
display: inline-block;
margin-top: 0.4em !important;
padding: 0.5em 1.4em;
background: var(--cc-dragee);
border: 2px dashed var(--cc-prune);
border-radius: var(--cc-r-pilule);
font-family: var(--cc-titre);
font-weight: 600;
font-size: var(--cc-t-lg);
letter-spacing: 0.02em;
color: var(--cc-prune);
}
.cc-avantage--perle {
background: var(--cc-dragee);
font-family: var(--cc-perle);
font-size: var(--cc-t-lg);
color: var(--cc-prune);
text-align: center;
}
.cc-avantage--perle p {
margin: 0;
}