/*
 * Näkö Design — refonte 2026-10-27, sur le modèle de lunettespourtous.com : blanc, noir, rouge #9a0d0d de l'ancien site, Manrope.
 * Couleurs, tailles, boutons et menus : variables LESS du Customizer (style UIkit compilé dans css/theme.12.css).
 * Ici : la police hébergée localement et les composants propres au site (classes « nako- » posées dans le Builder).
 */

/* Manrope (variable 200-800), hébergée dans le thème : aucun appel à Google Fonts */
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap;
    src: url('../fonts/manrope-latin-wght-normal.woff2') format('woff2-variations');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap;
    src: url('../fonts/manrope-latin-ext-wght-normal.woff2') format('woff2-variations');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root { --nako-rouge: #9a0d0d; --nako-rouge-survol: #6b0909; --nako-rouge-clair: #e06666; --nako-rouge-teinte: #f6e9e9; --nako-noir: #111111; --nako-gris: #f4f5f6; --nako-filet: #e4e4e4; --nako-rayon: 12px; }

/* Les ancres (#actualites, #rendez-vous, #representants) ne passent pas sous l'en-tête collant */
html { scroll-padding-top: 150px; }
@media (max-width: 959px) { html { scroll-padding-top: 80px; } }

/* Libellés bilingues des blocs communs (pied de page) : la langue de la page seule */
html:not([lang|="fr"]) .nako-lg-fr,
html[lang|="fr"] .nako-lg-en { display: none !important; }

/* ================================================================================== en-tête (bureau) */
/* Tout l'en-tête reste visible au défilement, comme sur lunettespourtous.com */
.tm-header { position: sticky; top: 0; z-index: 980; background: #ffffff; border-bottom: 1px solid var(--nako-filet); }
.tm-header .tm-headerbar-top { padding-top: 14px; padding-bottom: 6px; }
.tm-header .uk-logo img { display: block; }

/* Recherche élargie en pilule entre le logo et les actions */
.tm-header .tm-header-search-expand .uk-search { max-width: 760px; }
.tm-header .uk-search-navbar .uk-search-input {
    height: 42px; padding: 0 48px 0 20px; border: 1px solid #c9c9c9; border-radius: 500px; background: #ffffff;
    font-size: 15px; color: var(--nako-noir); }
.tm-header .uk-search-navbar .uk-search-input::placeholder { color: #8a8a8a; }
.tm-header .uk-search-navbar .uk-search-input:focus { border-color: var(--nako-noir); outline: none; }
.tm-header .uk-search-navbar .uk-search-icon-flip { right: 8px; width: 34px; color: var(--nako-noir); }

/* Téléphone + bouton noir « Prendre rendez-vous » */
.nako-entete-actions .uk-button-text { font-weight: 600; color: var(--nako-noir); white-space: nowrap; }
.nako-entete-actions .uk-button-text::before { display: none; }
.nako-entete-actions .uk-button-text:hover { color: var(--nako-rouge); }
.nako-entete-actions .uk-button-secondary, .nako-mobile-actions .uk-button-secondary { white-space: nowrap; padding: 0 24px; line-height: 44px; }

/* Langues en texte : FR / EN */
.tm-header .mod-languages .uk-subnav, .tm-header-mobile .mod-languages .uk-subnav { flex-wrap: nowrap; margin-left: -10px; }
.tm-header .mod-languages .uk-subnav > *, .tm-header-mobile .mod-languages .uk-subnav > * { padding-left: 10px; }
.tm-header .mod-languages .uk-subnav > * > a, .tm-header-mobile .mod-languages .uk-subnav > * > a {
    font-size: 13px; font-weight: 700; color: #8a8a8a; text-transform: uppercase; }
.tm-header .mod-languages .uk-subnav > .uk-active > a, .tm-header .mod-languages .uk-subnav > * > a:hover { color: var(--nako-noir); }

/* Menu centré sous la recherche */
.tm-header .uk-navbar-container { background: #ffffff; }
.tm-header .uk-navbar-left { justify-content: center; }
.tm-header .uk-navbar-nav > li > a { font-weight: 500; }
.tm-header .uk-navbar-nav > li > a [uk-navbar-parent-icon] { margin-left: 5px; }
.tm-header .uk-navbar-nav > li.uk-active > a { color: var(--nako-noir); }
.tm-header .uk-navbar-nav > li > a:hover, .tm-header .uk-navbar-nav > li > a[aria-expanded="true"] { color: var(--nako-rouge); }

/* Méga menus (Tendances, Collection) : liste à gauche, quatre vignettes portrait à droite */
.tm-header .uk-navbar-dropdown-large { border-top: 1px solid var(--nako-filet); }
.nako-megamenu-titre { font-weight: 700; color: var(--nako-noir); }
/* étiquette à côté du titre (« Tendances 2026 ») : pastille rouge posée de biais, façon autocollant */
.nako-etiquette { display: inline-block; margin-left: 6px; padding: 3px 9px; border-radius: 500px; background: var(--nako-rouge); color: #ffffff;
    font-size: 11px; font-weight: 800; line-height: 1.4; letter-spacing: .06em; vertical-align: 2px; transform: rotate(-5deg); }
.nako-megamenu-nav .uk-nav > li > a { padding: 9px 0; font-size: 15px; color: #4a4a4a; display: flex; justify-content: space-between; align-items: center; }
.nako-megamenu-nav .uk-nav > li > a::after { content: "›"; font-size: 18px; line-height: 1; color: #b0b0b0; }
.nako-megamenu-nav .uk-nav > li > a:hover { color: var(--nako-rouge); }
.nako-megamenu-nav .uk-nav > li > a:hover::after { color: var(--nako-rouge); }
.nako-megamenu-cartes .el-item > a { border-radius: 10px; }
.nako-megamenu-cartes .el-image { aspect-ratio: 6 / 7; object-fit: cover; width: 100%; background: #ffffff; }
.nako-megamenu-cartes .uk-overlay-default { background: rgba(255, 255, 255, .92); }
.nako-megamenu-cartes .el-title { font-weight: 700; }
.nako-megamenu-cartes .uk-overlay .uk-margin-top { margin-top: 2px !important; }
.nako-megamenu-cartes .el-link { font-size: 14px; font-weight: 500; color: #4a4a4a; }
.nako-megamenu-cartes .el-link::before { display: none; }
.nako-megamenu-cartes .el-link::after { content: " ›"; }

/* ================================================================================== en-tête (mobile) */
.tm-header-mobile { position: sticky; top: 0; z-index: 980; background: #ffffff; border-bottom: 1px solid var(--nako-filet); }
.tm-header-mobile .uk-navbar-container { background: #ffffff; }
.tm-header-mobile .uk-logo img { display: block; }
.tm-header-mobile .uk-navbar-item, .tm-header-mobile .uk-navbar-toggle { min-height: 68px; }
#tm-dialog-mobile .uk-offcanvas-bar { border-left: 1px solid var(--nako-filet); }
.tm-header-mobile .mod-languages { margin-right: 6px; }
#tm-dialog-mobile .uk-nav-default > li > a { font-size: 17px; font-weight: 600; color: var(--nako-noir); padding: 9px 0; }
#tm-dialog-mobile .uk-search-input { border-radius: 500px; }

/* ================================================================================== boutons et typographie */
.uk-button { font-weight: 600; }
.uk-button-default { border-color: var(--nako-noir); color: var(--nako-noir); }
.uk-button-default:hover { background: var(--nako-noir); border-color: var(--nako-noir); color: #ffffff; }
.uk-button-text { text-transform: none; }
.nako-surtitre { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--nako-rouge); }
.uk-section-secondary .nako-surtitre { color: var(--nako-rouge-clair); }
.nako-titre { margin-bottom: 0; }
.nako-texte p:last-child { margin-bottom: 0; }

/* Bandeau d'annonce rouge au-dessus du diaporama */
.nako-annonce { padding-top: 10px; padding-bottom: 10px; }
.nako-annonce p { font-size: 14px; font-weight: 600; }
.nako-annonce a { color: #ffffff; text-decoration: underline; text-underline-offset: 3px; }
.nako-annonce a:hover { text-decoration: none; color: #ffffff; }

/* En-tête des pages intérieures */
.nako-bandeau-page .uk-breadcrumb { margin-bottom: 0; }
.nako-bandeau-page .nako-titre { margin-top: 18px !important; }
/* Pages légales (éléments Pixim, H1 dans un bloc et non juste après le fil) : même écart fil → H1 ; le H1 porte
   padding-top: 50px en style=, la marge de l'élément varie (0, 20, 70 px) */
.nako-ariane + :has(> h1) { margin-top: 18px !important; }
.nako-ariane + * > h1 { padding-top: 0 !important; }
/* Pages légales EN (titre en élément standard, juste après le fil) : même écart */
.nako-ariane + .nako-titre { margin-top: 18px !important; }

/* ================================================================================== accueil */
/* Diaporama plein écran, pastilles dans une pilule sombre (lunettespourtous.com) */
.nako-diaporama .uk-dotnav { background: rgba(17, 17, 17, .55); border-radius: 500px; padding: 8px 14px; margin-left: 0; gap: 10px; }
.nako-diaporama .uk-dotnav > * { padding-left: 0; }
.nako-diaporama .uk-dotnav > * > * { width: 8px; height: 8px; border: 0; background: rgba(255, 255, 255, .55); }
.nako-diaporama .uk-dotnav > .uk-active > * { background: #ffffff; box-shadow: 0 0 0 3px rgba(255, 255, 255, .35); }
.nako-diaporama .uk-slidenav { color: #ffffff; background: rgba(17, 17, 17, .35); border-radius: 50%; padding: 14px 15px; }

/* Dernières sorties : trois cartes. Photo détourée par fondu (multiply) sur un fond qui rougit au survol, 2e modèle
   au survol de la carte, mois en pastille sur la photo (rouge pour la plus récente), modèles en pastilles cliquables vers leur fiche */
.nako-sorties .uk-grid > * > .el-item { height: 100%; }
.nako-sorties .el-item { display: flex; flex-direction: column; box-shadow: none; border: 1px solid var(--nako-filet); border-radius: var(--nako-rayon);
    overflow: hidden; transition: transform .35s cubic-bezier(.2, .7, .2, 1), box-shadow .35s, border-color .35s; }
.nako-sorties .el-item:hover { transform: translateY(-6px); border-color: transparent; box-shadow: 0 24px 44px -26px rgba(17, 17, 17, .45); }
.nako-sorties .uk-card-media-top { background: #f4f5f6; transition: background-color .35s; }
.nako-sorties .el-item:hover .uk-card-media-top { background: var(--nako-rouge-teinte); }
.nako-sorties .el-image, .nako-sorties .el-hover-image { mix-blend-mode: multiply; object-fit: contain; width: 100%;
    transform: scale(.9); transition: transform .6s cubic-bezier(.2, .7, .2, 1), opacity .45s; }
.nako-sorties .el-item:hover .el-image, .nako-sorties .el-item:hover .el-hover-image { transform: rotate(-4deg) scale(.98); }
.nako-sorties .el-item:hover .el-hover-image { opacity: 1; }
.nako-sorties .el-item:hover .uk-transition-toggle:has(.el-hover-image) .el-image { opacity: 0; }  /* pas de double monture en fondu */
.nako-sorties .el-meta { position: absolute; top: 16px; left: 16px; z-index: 2; margin: 0; padding: 6px 12px; border-radius: 500px;
    background: var(--nako-noir); color: #ffffff; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.nako-sorties .el-meta *, .nako-sorties .el-meta .uk-subnav { margin: 0; padding: 0; color: inherit; font: inherit; }
.nako-sorties .uk-grid > :first-child .el-meta { background: var(--nako-rouge); }
.nako-sorties .uk-card-body { flex: 1; display: flex; flex-direction: column; }
.nako-sorties .uk-card-body > :last-child { margin-top: auto !important; padding-top: 18px; }
.nako-sorties .el-title { font-weight: 700; }
.nako-sorties .el-title a:hover { color: inherit; text-decoration: none; }
.nako-sortie-modeles { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.nako-sortie-modeles a { display: inline-block; padding: 4px 11px; border: 1px solid var(--nako-filet); border-radius: 500px;
    font-size: 13px; font-weight: 600; color: var(--nako-noir); transition: background-color .2s, border-color .2s, color .2s; }
.nako-sortie-modeles a:hover { background: var(--nako-rouge); border-color: var(--nako-rouge); color: #ffffff; text-decoration: none; }
.nako-sorties .el-link::after { content: "→"; display: inline-block; margin-left: 8px; transition: transform .25s; }
.nako-sorties .el-item:hover .el-link::after { transform: translateX(5px); }

/* Nouveaux modèles : cartes photo + nom, défilement automatique (slider YOOtheme) */
.nako-nouveaux-modeles .uk-card-default { box-shadow: none; border: 1px solid var(--nako-filet); border-radius: 10px; overflow: hidden; transition: border-color .2s; }
.nako-nouveaux-modeles .uk-card-default:hover { border-color: var(--nako-noir); }
.nako-nouveaux-modeles .el-image { object-fit: contain; background: #ffffff; width: 100%; }
.nako-nouveaux-modeles .el-title { font-weight: 700; }
.nako-nouveaux-modeles .el-meta { font-size: 12px; }
.nako-nouveaux-modeles .uk-slidenav { background: #ffffff; color: var(--nako-noir); border: 1px solid var(--nako-filet); border-radius: 50%; padding: 12px 13px; }
.nako-nouveaux-modeles .uk-slidenav:hover { color: var(--nako-rouge); }

/* À propos */
.nako-apropos-photo img { border-radius: var(--nako-rayon); width: 100%; aspect-ratio: 7 / 8; object-fit: cover; }

/* Référencer Näkö (ex-« Pourquoi choisir ») : section rouge, croquis de lunettes du logo en filigrane derrière le titre,
   pictogramme rouge dans une pastille blanche, filet au-dessus de chaque argument */
.nako-pourquoi { position: relative; overflow: hidden; }
.nako-pourquoi::before { content: ""; position: absolute; top: 24px; right: -90px; width: min(900px, 70vw); aspect-ratio: 533 / 300;
    background: url(../../../images/illustrations/nako-croquis-lunettes.svg) no-repeat center / contain;
    opacity: .16; transform: rotate(-7deg); pointer-events: none; }
.nako-pourquoi > .uk-container { position: relative; z-index: 1; }
.nako-pourquoi .nako-surtitre, .nako-pourquoi .nako-surtitre p { color: rgba(255, 255, 255, .78) !important; }
.nako-pourquoi-intro .uk-heading-medium { max-width: 11em; }
.nako-pourquoi-liste .el-item { border-top: 1px solid rgba(255, 255, 255, .3); padding-top: 24px; }
.nako-pourquoi-liste .el-image { box-sizing: content-box; width: 28px; height: 28px; padding: 14px; border-radius: 50%;
    background: #ffffff; transition: transform .25s ease; }
/* le thème force .uk-text-emphasis en blanc dans une section rouge (.uk-section-primary:not(.uk-preserve-color) …, !important) */
.nako-pourquoi.uk-section-primary .nako-pourquoi-liste .el-image.uk-text-emphasis { color: var(--nako-rouge) !important; }
.nako-pourquoi-liste .el-item:hover .el-image { transform: rotate(-8deg) scale(1.06); }
.nako-pourquoi-liste .el-title { color: #ffffff; }
.nako-pourquoi-liste .el-content { color: rgba(255, 255, 255, .85); }
@media (max-width: 959px) { .nako-pourquoi::before { top: auto; bottom: -30px; right: -60px; width: 120vw; opacity: .12; } }

/* Instagram : titre centré, fil sous le titre (le code HTML fourni remplace le paragraphe de l'emplacement) */
.nako-instagram-titre a { color: inherit; }
.nako-instagram-titre a:hover { color: var(--nako-rouge); text-decoration: none; }
.nako-instagram-fil:has(> p:only-child) { min-height: 240px; border-radius: var(--nako-rayon); border: 1px dashed #cfcfcf;
    display: flex; align-items: center; justify-content: center; }
.nako-instagram-fil > p:only-child { margin: 0; color: #8a8a8a; font-size: 14px; }

/* ================================================================================== contact */
.nako-contact-infos .el-item { padding-top: 0; }
.nako-contact-infos [uk-icon], .nako-contact-infos .uk-icon { color: var(--nako-rouge); width: 40px; height: 40px; border-radius: 50%; background: var(--nako-rouge-teinte);
    display: inline-flex; align-items: center; justify-content: center; }
.nako-contact-infos strong { color: var(--nako-noir); }
.nako-contact-carte, .nako-contact-carte .uk-position-cover { border-radius: var(--nako-rayon); overflow: hidden; }
.nako-contact-formulaire.uk-card-default, .nako-contact-formulaire .uk-card-default { box-shadow: none; border: 1px solid var(--nako-filet); border-radius: var(--nako-rayon); }
.nako-formulaire .formRed { color: #b3261e; }
/* ================================================================================== nos représentants */
/* sélecteur « Votre département » (js/custom.js) : met en avant la carte et le département, estompe les autres */
.nako-trouver { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; padding: 18px 22px; border-radius: var(--nako-rayon);
    background: var(--nako-rouge-teinte); }
.nako-trouver-label { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--nako-noir); }
.nako-trouver-label [uk-icon] { color: var(--nako-rouge); }
.nako-trouver .nako-trouver-choix { width: auto; min-width: min(320px, 100%); border-color: transparent; border-radius: 500px; background-color: #ffffff; }
.nako-trouver-resultat { flex-basis: 100%; margin: 0; color: var(--nako-noir); }
.nako-representants-cartes .el-item { box-shadow: none; border: 1px solid var(--nako-filet); border-radius: var(--nako-rayon);
    transition: transform .3s cubic-bezier(.2, .7, .2, 1), box-shadow .3s, border-color .3s, opacity .3s, filter .3s; }
.nako-representants-cartes .el-item:hover { transform: translateY(-4px); border-color: transparent; box-shadow: 0 20px 36px -24px rgba(17, 17, 17, .45); }
.nako-representants-cartes .el-image { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%;
    background: var(--nako-rouge-teinte); color: var(--nako-rouge); transition: background-color .3s, color .3s; }
/* l'icône porte .uk-text-emphasis, dont la couleur est en !important */
.nako-representants-cartes .el-image.uk-text-emphasis { color: var(--nako-rouge) !important; }
.nako-representants-cartes .el-item:hover .el-image, .nako-representants-cartes .nako-rep-actif .el-image { background: var(--nako-rouge); }
.nako-representants-cartes .el-item:hover .el-image.uk-text-emphasis, .nako-representants-cartes .nako-rep-actif .el-image.uk-text-emphasis { color: #ffffff !important; }
.nako-representants-cartes .el-meta { font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--nako-rouge); }
.nako-deps { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px; }
.nako-deps li { padding: 2px 8px; border-radius: 500px; background: #f4f5f6; font-size: 12px; font-weight: 600; color: #4a4a4a;
    font-variant-numeric: tabular-nums; transition: background-color .2s, color .2s; }
.nako-deps li.nako-dep-actif { background: var(--nako-rouge); color: #ffffff; }
.nako-deps-texte { margin: 0; font-size: 14px; color: #6f6f6f; }
.nako-representants-cartes .el-link { border-radius: 500px; }
.nako-representants-cartes .el-link::before { content: ""; display: inline-block; width: 14px; height: 14px; margin-right: 8px; vertical-align: -2px;
    background: currentColor; -webkit-mask: var(--nako-tel) no-repeat center / contain; mask: var(--nako-tel) no-repeat center / contain; }
.nako-representants-cartes { --nako-tel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.6' d='M6.2 1.5 8.4 5c.3.5.2 1.1-.2 1.5L7 7.6c.9 1.9 2.4 3.4 4.3 4.3l1.1-1.2c.4-.4 1-.5 1.5-.2l3.5 2.2c.5.3.7 1 .4 1.5-.9 1.6-2.6 2.6-4.4 2.3C7.5 15.6 3.4 11.5 2.6 5.6c-.3-1.8.7-3.5 2.3-4.4.5-.3 1.1-.1 1.3.3Z'/%3E%3C/svg%3E"); }
.nako-filtre .el-item:not(.nako-rep-actif) { opacity: .35; filter: grayscale(1); }
.nako-filtre .nako-rep-actif { border-color: var(--nako-rouge); box-shadow: 0 0 0 1px var(--nako-rouge); }
.nako-representants-appel .uk-button { margin-bottom: 4px; }

/* ================================================================================== recherche */
/* page de résultats : cartes photo (fiches modèles) ; une page sans image prend le croquis du logo en gris */
.nako-recherche-champ { max-width: 560px; }
.nako-recherche-champ .uk-search-input { border-radius: 500px; background: #ffffff; }
.nako-recherche-cartes .el-item { box-shadow: none; border: 1px solid var(--nako-filet); border-radius: 10px; overflow: hidden;
    transition: border-color .2s, transform .25s; }
.nako-recherche-cartes .el-item:hover { border-color: var(--nako-noir); transform: translateY(-3px); }
.nako-recherche-cartes .el-image { width: 100%; object-fit: contain; background: #ffffff; }
.nako-recherche-cartes .el-item:not(:has(.el-image))::before { content: ""; display: block; aspect-ratio: 3 / 2; margin: -20px -20px 16px; border-bottom: 1px solid var(--nako-filet);
    background: #f4f5f6 url(../../../images/illustrations/nako-croquis-lunettes-gris.svg) no-repeat center / 62%; }
.nako-recherche-cartes .el-meta { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--nako-rouge); }
.nako-recherche-cartes .el-title { font-weight: 700; }
/* résultats en direct sous le champ de l'en-tête */
.nako-recherche-direct .el-item { padding: 6px 8px; border-radius: 8px; transition: background-color .15s; }
.nako-recherche-direct .el-item:hover { background: #f4f5f6; }
.nako-recherche-direct .el-image { width: 72px; height: 48px; object-fit: contain; background: #ffffff; border: 1px solid var(--nako-filet); border-radius: 6px; }
.nako-recherche-direct .el-title { font-weight: 700; color: var(--nako-noir); }
.nako-recherche-direct .el-meta { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--nako-rouge); }
.nako-confidentialite .uk-text-small { color: #6f6f6f; }

/* ================================================================================== plan du site (JSitemap) */
/* listes simples (arbre et icônes de JSitemap désactivés) ; chaque bloc est un menu Joomla dont le titre est masqué */
#jmap_sitemap .jmap_filetree, #jmap_sitemap .jmap_filetree ul { list-style: none; margin: 0; padding: 0; }
#jmap_sitemap .jmap_filetree > li > .folder { display: none; }
#jmap_sitemap .jmap_filetree li li + li { margin-top: 12px; }
#jmap_sitemap .jmapcolumn + .jmapcolumn { margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--nako-filet); }
#jmap_sitemap .jmap_filetree a { font-size: 1.1rem; color: var(--nako-noir); }
#jmap_sitemap .jmap_filetree a:hover { color: var(--nako-rouge); text-decoration: none; }

/* ================================================================================== collection, fiches, galeries */
.nako-modeles .uk-card-default { box-shadow: none; border: 1px solid var(--nako-filet); border-radius: var(--nako-rayon); overflow: hidden; transition: border-color .2s; }
.nako-modeles .uk-card-default:hover { border-color: var(--nako-noir); }
.nako-modeles .el-image { object-fit: contain; background: #ffffff; }
.nako-sous-menu { margin-bottom: 0; }
.nako-fiche-photo img { border: 1px solid var(--nako-filet); border-radius: var(--nako-rayon); }
.nako-coloris .el-image { object-fit: contain; border: 1px solid var(--nako-filet); background: #ffffff; }
.nako-filet-haut { border-top: 1px solid var(--nako-filet); }

/* Tendances, PLV, presse : vignettes arrondies avec léger zoom ; la vignette entière ouvre la visionneuse. Au survol
   (overlay « primary » du Builder en fondu), voile sombre léger et bouton « Agrandir » (libellé du lien de la galerie) */
.nako-galerie .el-item { border-radius: 10px; overflow: hidden; border: 1px solid #eeeeee; }
.nako-presse .el-image { object-fit: contain; background: #ffffff; }
.nako-galerie .uk-overlay-primary { background: rgba(17, 17, 17, .3); }
.nako-coloris .el-title { margin-top: 0 !important; color: #444444; }
.nako-coloris .uk-overlay-default { background: rgba(255, 255, 255, .85); }
.nako-coloris .el-title + .uk-margin-top { display: none; }  /* le lien de la légende : remplacé par le bouton ci-dessous */

/* Bouton « Agrandir » : pilule blanche, loupe rouge, monte de quelques pixels en apparaissant. Galeries : le lien du
   Builder. Fiche modèle (photo et coloris, sans champ de libellé) : le même bouton en ::after, texte selon la langue */
.nako-galerie:not(.nako-coloris) .el-link,
.nako-fiche-photo > a::after,
.nako-coloris .el-item > a::after {
    display: inline-block; height: 40px; padding: 0 18px 0 42px; border: 0; border-radius: 500px; box-sizing: border-box;
    background: #ffffff var(--nako-loupe) no-repeat 16px center / 17px; color: var(--nako-noir);
    font-size: 14px; font-weight: 700; line-height: 40px; text-transform: none; letter-spacing: 0;
    box-shadow: 0 12px 26px -12px rgba(17, 17, 17, .6); transform: translateY(8px); transition: transform .35s cubic-bezier(.2, .7, .2, 1), opacity .3s; }
.nako-galerie .uk-transition-toggle:is(:hover, :focus-within) .el-link { transform: none; }
:root { --nako-loupe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='%239a0d0d' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='8.5' cy='8.5' r='6.5'/%3E%3Cpath d='m13.3 13.3 5.2 5.2M8.5 5.6v5.8M5.6 8.5h5.8'/%3E%3C/g%3E%3C/svg%3E"); }
.nako-fiche-photo > a { display: block; width: fit-content; position: relative; }
.nako-fiche-photo > a::after,
.nako-coloris .el-item > a::after { content: "Agrandir"; position: absolute; inset: 0; z-index: 2; width: max-content; margin: auto; opacity: 0; }
html:not([lang|="fr"]) .nako-fiche-photo > a::after,
html:not([lang|="fr"]) .nako-coloris .el-item > a::after { content: "Enlarge"; }
.nako-fiche-photo > a:is(:hover, :focus-visible)::after,
.nako-coloris .el-item > a:is(:hover, :focus-visible)::after { opacity: 1; transform: none; }

/* ================================================================================== pied de page */
.nako-pied-bandeau { border-top: 1px solid var(--nako-filet); border-bottom: 1px solid var(--nako-filet); }
.nako-pied-opticien .el-title { font-weight: 600; }
.nako-pied-opticien [uk-icon], .nako-pied-opticien .uk-icon { color: var(--nako-noir); }
.nako-pied-opticien .el-content { font-size: 14px; }
.nako-pied-logo img { display: block; }
.nako-pied-titre { font-weight: 500; letter-spacing: -.01em; }
.nako-pied-liste .uk-list > * > a, .nako-pied-liste a.el-link { color: var(--nako-noir); }
.nako-pied-liste .uk-list > * > a:hover, .nako-pied-liste a.el-link:hover { color: var(--nako-rouge); text-decoration: none; }
.nako-pied-adresse { color: #6f6f6f; }
.nako-pied-adresse a, .nako-pied a[href^="tel:"] { color: inherit; }
.nako-pied a.nako-pied-tel { font-size: 1.25rem; font-weight: 700; color: var(--nako-noir); }
.nako-pied a.nako-pied-tel:hover { color: var(--nako-rouge); text-decoration: none; }
.nako-pied-bas { border-top: 1px solid var(--nako-filet); }
.nako-pied-copyright p { font-size: 14px; color: var(--nako-noir); }
.nako-pied-legal .uk-subnav { margin-bottom: 0; }
.nako-pied-legal .uk-subnav > * > a { font-size: 14px; text-transform: none; color: #6f6f6f; }
.nako-pied-legal .uk-subnav > * > a:hover { color: var(--nako-rouge); }
.nako-pied-legal .uk-subnav > :last-child > a { color: var(--nako-noir); font-weight: 600; }
@media (min-width: 960px) { .nako-pied-legal .uk-subnav { justify-content: flex-end; } }

/* ================================================================================== retouches après capture */
.nako-pourquoi.uk-section .uk-button.uk-button-primary { background: #ffffff; color: var(--nako-rouge); }
.nako-pourquoi.uk-section .uk-button.uk-button-primary:hover { background: var(--nako-noir); color: #ffffff; }
.nako-pied .uk-icon-link, .nako-pied .el-link[uk-icon], .nako-pied .uk-icon-button { color: var(--nako-noir); }
.nako-pied .uk-icon-link:hover { color: var(--nako-rouge); }

/* Méga menus en pleine largeur (UIkit les arrête à 15 px des bords), contenu aligné sur le conteneur de 1440 px */
@media (min-width: 960px) {
    .tm-header .uk-navbar-dropdown-large[stretch] { left: 0 !important; right: 0 !important; width: auto !important; max-width: none !important;
        padding-left: max(40px, calc((100% - 1440px) / 2 + 40px)); padding-right: max(40px, calc((100% - 1440px) / 2 + 40px)); }
}
.uk-text-lead { font-size: 1.15rem; line-height: 1.6; font-weight: 400; color: #4a4a4a; }
.nako-contact-carte .uk-position-cover, .nako-contact-carte .leaflet-container { border-radius: var(--nako-rayon); }
/* Méga menu Collection : photos produit entières, sur fond blanc, au-dessus du bandeau de titre */
.nako-megamenu-produits .el-item > a { border: 1px solid var(--nako-filet); }
.nako-megamenu-produits .el-image { object-fit: contain; padding: 20px 14px 84px; box-sizing: border-box; }
/* pictogrammes au trait : UIkit remplit les SVG intégrés (.uk-svg { fill: currentcolor }) */
.nako-pourquoi-liste svg.el-image, .nako-pourquoi-liste svg.el-image * { fill: none !important; }
.nako-nouveaux-modeles .el-link { display: none; }
.nako-nouveaux-modeles .el-link-container, .nako-nouveaux-modeles .el-meta + .uk-margin-top { display: none; }