/* Ajustements Nkoh pour le portage du thème Nest dans Next.js. */
/* ─── Tokens charte Nkoh (canon, alignés sur globals.css) ───────────
On les redéclare ici parce que nest-nkoh-extra.css est chargé en
`` et n'a pas accès au pipeline Tailwind. Ces définitions
reprennent fidèlement les `@theme` de globals.css. */
:root {
--color-primary: #0b6b4e;
--color-primary-light: #12936a;
--color-primary-dark: #064b37;
--color-primary-deep: #053527;
--color-accent: #c0185e;
--color-accent-light: #db3f7e;
--color-accent-dark: #8f1247;
--color-bg: #f8f5ef;
--color-surface: #ffffff;
--color-warm: #efe7d8;
--color-warm-light: #f7f1e6;
--color-ink: #1c1a16;
--color-ink-light: #5b554c;
--color-ink-muted: #938c7e;
--color-line: #e8e1d3;
/* Surface neutre pour les fonds des panneaux et alternances. */
--color-surface-alt: #f6f7f9;
}
/* Badge de comptage sur l'icône panier de l'en-tête.
Pastille magenta visible en haut à droite de l'icône, qui apparaît
dès qu'au moins 1 article est dans le panier. */
.nkoh-cart-icon {
position: relative;
display: inline-block;
}
.nkoh-cart-icon__badge {
position: absolute;
top: -7px;
right: -9px;
min-width: 20px;
height: 20px;
padding: 0 6px;
background: var(--color-accent-dark);
color: #fff !important;
border-radius: 50px;
font-size: 13px;
font-weight: 800;
line-height: 20px;
text-align: center;
border: 0;
box-shadow:
0 0 0 2px #fff,
0 2px 6px rgba(163, 0, 82, 0.55);
pointer-events: none;
z-index: 2;
letter-spacing: -0.3px;
font-family: var(--font-sans);
animation: nkoh-cart-pop 0.25s ease-out;
}
@keyframes nkoh-cart-pop {
0% {
transform: scale(0.4);
opacity: 0;
}
60% {
transform: scale(1.2);
opacity: 1;
}
100% {
transform: scale(1);
}
}
/* Sélecteur de langue dans le top header (3 codes inline). */
.nkoh-lang-switcher {
display: inline-flex;
list-style: none;
padding: 0;
margin: 0;
gap: 4px;
align-items: center;
}
.nkoh-lang-switcher li {
display: inline-flex;
}
.nkoh-lang-switcher a {
display: inline-block;
padding: 2px 9px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5px;
border-radius: 50px;
color: var(--color-ink-light);
transition: all 0.18s;
}
.nkoh-lang-switcher a:hover {
color: var(--color-primary);
}
.nkoh-lang-switcher a.active {
background: rgba(11, 107, 78, 0.1);
color: var(--color-primary);
}
/* Sélecteur de rayon natif dans la barre de recherche (sans select2). */
.search-style-2 form {
display: flex;
align-items: center;
}
.nest-cat-select {
border: 0;
background: transparent;
outline: none;
font-size: 14px;
color: var(--color-ink);
padding: 0 28px 0 20px;
height: 48px;
cursor: pointer;
/* Largeur calée sur la longueur de « Toutes les catégories »
(~22 caractères) ; on évite la troncature. */
min-width: 220px;
border-right: 1px solid var(--color-line);
}
.search-style-2 form input {
flex: 1;
}
/* Le bouton « Ajouter » des cartes produit est un