qui s’empile */
margin: 0.3rem 0; /* espacement vertical */
line-height: 1.3; /* pour aérer la ligne */
}
.akagi-category__list li i {
float: left; /* icône à gauche */
margin-right: 0.5rem; /* petit écart avant le texte */
font-size: 1.1em;
color: var(--akaguriro-orange);
}
.akagi-category__list li a {
display: block; /* pour que tout le texte reste sur sa propre ligne */
color: var(--theme-text);
text-decoration: none;
transition: color 0.2s;
}
.akagi-category__list li a:hover {
color: var(--akaguriro-orange);
}
/* === Forcer les icônes de la grille en orange === */
.akagi-category__list li i {
color: var(--akaguriro-orange) !important;
}
/* ==== Contraste : texte des listes en bl eu foncé ==== */
.akagi-category__list li,
.akagi-category__list li a {
color: var(--akaguriro-blue) !important;
}
/* 1) Charger FontAwesome (en tout début du fichier) */
@import url("../../../../../cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css");
/* … toutes les règles précédentes … */
/* ==== Styles spécifiques à la grille de catégories ==== */
.akaguriro-cat-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 1.5rem;
padding: 2rem 1rem;
background-color: var(--akaguriro-blue);
}
.akagi-category {
background-color: var(--akaguriro-white);
border-radius: 0.5rem;
padding: 1.5rem !important;
display: flex;
flex-direction: column;
}
.akagi-category__title {
display: flex;
align-items: center;
gap: 0.5em;
font-size: 1.3rem;
font-weight: 600;
color: var(--akaguriro-orange);
margin-bottom: 0.5rem;
}
.akagi-category__title i {
font-size: 1.5em;
color: var(--akaguriro-orange);
}
.akagi-category__title a {
color: var(--akaguriro-orange);
text-decoration: none;
}
.akagi-category__title a:hover {
color: var(--akaguriro-blue);
}
.akagi-category__desc {
font-size: 1rem;
color: var(--akaguriro-gray);
margin: 0.5rem 0 1rem;
}
.akagi-category__list {
list-style: none;
margin: 0;
padding: 0;
flex-grow: 1;
}
.akagi-category__list li {
display: flex;
align-items: center;
gap: 0.5em;
margin-bottom: 0.6rem;
font-size: 1.05rem;
line-height: 1.4;
}
.akagi-category__list li:last-child {
margin-bottom: 0;
}
.akagi-category__list li i {
font-size: 1.2em;
color: var(--akaguriro-orange);
}
/* Liens dans la liste */
.akagi-category__list li a {
color: var(--akaguriro-blue) !important;
text-decoration: none;
font-weight: 500;
transition: color 0.2s, padding-left 0.2s;
}
.akagi-category__list li a:hover {
color: var(--akaguriro-orange) !important;
padding-left: 0.3em;
}
/* Masquer les descriptions par défaut */
.akagi-category__desc {
display: none;
opacity: 0;
transition: opacity 0.2s ease-in-out;
color: #f1f1f1; /* ou une couleur claire qui contraste */
font-size: 0.9rem;
margin: 0.5rem 0 1rem;
}
/* Au survol de la « carte » faire apparaître la description */
.akagi-category:hover .akagi-category__desc {
display: block;
opacity: 1;
}
/* Facultatif : positionner la description en « tooltip » */
.akagi-category {
position: relative;
}
.akagi-category__desc {
position: absolute;
left: 1rem;
bottom: 1rem;
background: rgba(0,0,0,0.6);
padding: 0.5rem;
border-radius: 4px;
white-space: nowrap;
}
/* 1. Taille de police plus généreuse */
.akagi-category__title {
font-size: 1.3rem; /* au lieu de 1.125rem */
line-height: 1.2;
}
.akagi-category__list li {
font-size: 1rem; /* au lieu de 0.95rem */
line-height: 1.4;
}
.akagi-category__list li a {
padding-left: 0; /* on enlève le padding sur les liens */
}
/* 2. Fond des cartes plus subtil */
.akagi-category {
background-color: rgba(255,255,255,0.15); /* blanc très légèrement transparent */
/* si tu préfères un off-white fixe, remplace par : #f8f8f8 */
border: none; /* on supprime la bordure blanche un peu trop marquée */
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
/* 3. Harmoniser l’espacement interne */
.akagi-category {
padding: 1.2rem; /* un peu plus d’air à l’intérieur */
}
/* 4. Améliorer le contraste des liens */
.akagi-category__list li a {
color: #ffffff; /* texte blanc (pour contraste sur fond foncé) */
transition: color 0.2s;
}
.akagi-category__list li a:hover {
color: var(--akaguriro-orange);
}
/* 5. Optionnel : rendre le fond encore plus discret au survol */
.akagi-category:hover {
background-color: rgba(255,255,255,0.25);
}
/* 1. Texte toujours blanc et plus gros */
.akagi-category,
.akagi-category__title,
.akagi-category__title a,
.akagi-category__list li,
.akagi-category__list li a {
color: #ffffff !important;
font-size: 1.05rem !important; /* taille augmentée */
line-height: 1.4 !important;
}
/* 2. Titres encore un peu plus gros */
.akagi-category__title {
font-size: 1.3rem !important;
}
/* 3. Fond plus doux */
.akagi-category {
background-color: rgba(255,255,255,0.1) !important;
box-shadow: 0 2px 6px rgba(0,0,0,0.2) !important;
}
/* 4. Liens orange au survol */
.akagi-category__list li a:hover {
color: var(--akaguriro-orange) !important;
}
/* 5. Désactiver les tooltips HTML natifs */
/* On va supprimer les attributs title dès le chargement de la page */
/* ——————— Amélioration Titres et Textes ——————— */
/* Titres de catégorie : plus gros et couleur orange Akaguriro */
.akagi-category__title {
font-size: 1.4rem; /* +25% vs 1.125rem */
color: var(--akaguriro-orange) !important;
}
/* Icône du titre un peu plus grande */
.akagi-category__title i {
font-size: 1.7em; /* vs 1.4em */
}
/* Liens (items) : taille de police augmentée */
.akagi-category__list li a {
font-size: 1rem; /* vs 0.95rem */
line-height: 1.4; /* plus de confort de lecture */
}
/* Icônes des items : inchangé, mais on peut les grossir si besoin */
.akagi-category__list li i {
font-size: 1.3em; /* vs 1.1em */
}
/* Augmentation globale de la police dans la grille */
.akaguriro-cat-grid {
font-size: 1rem; /* remplace le 0.95 pour tout le bloc */
}
/* Un peu plus de contraste sur le fond des cartes */
.akagi-category {
background-color: rgba(255,255,255,0.15) !important; /* plus sombre */
}
/* ——— Optionnel : élévation au hover ——— */
.akagi-category:hover {
transform: translateY(-4px);
box-shadow: 0 6px 12px rgba(0,0,0,0.25);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
/* ——— Services Grid ——— */
.services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px,1fr));
gap: 1.5rem;
padding: 2rem 1rem;
background-color: var(--akaguriro-blue);
}
/* Carte individuelle */
.services-grid .akagi-category {
background-color: rgba(255,255,255,0.08);
border-radius: 0.5rem;
padding: 1rem;
transition: background 0.3s ease;
}
.services-grid .akagi-category:hover {
background-color: rgba(255,255,255,0.12);
}
/* Titre & icône */
.services-grid .akagi-category__title {
display: flex;
align-items: center;
gap: 0.6em;
font-size: 1.2rem;
font-weight: 600;
color: var(--akaguriro-orange);
margin-bottom: 0.5rem;
}
.services-grid .akagi-category__title i {
font-size: 1.4em;
color: var(--akaguriro-orange);
}
.services-grid .akagi-category__title a {
color: var(--akaguriro-orange);
text-decoration: none;
}
.services-grid .akagi-category__title a:hover {
text-decoration: underline;
}
/* Description */
.services-grid .akagi-category__desc {
font-size: 0.95rem;
color: #ffffffaa;
margin-bottom: 0.8rem;
line-height: 1.3;
transition: color 0.3s ease;
}
.services-grid .akagi-category:hover .akagi-category__desc {
color: #ffffff;
}
/* Liste des sous-services */
.services-grid .akagi-category__list {
list-style: none;
margin: 0;
padding: 0;
}
.services-grid .akagi-category__list li {
display: flex;
align-items: center;
gap: 0.6em;
margin-bottom: 0.4rem;
}
.services-grid .akagi-category__list li:last-child {
margin-bottom: 0;
}
.services-grid .akagi-category__list li i {
font-size: 1.1em;
color: var(--akaguriro-orange);
}
.services-grid .akagi-category__list li a {
color: var(--akaguriro-white);
text-decoration: none;
font-size: 0.95rem;
transition: color 0.2s, padding-left 0.2s;
}
.services-grid .akagi-category__list li a:hover {
color: var(--akaguriro-orange);
padding-left: 0.3em;
}
/*
.hidden-megamenu {
position: absolute !important;
width: 1px; height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
}
*/
/* on masque tous les hidden-megamenu dans la région footer */
.region-footer .hidden-megamenu {
display: none !important;
}
/* ============================================================================
1) TOP-BAR (header.c-layout-header-topbar) – Full width + style général
============================================================================ */
/* 1.1) Full-width, arrière-plan blanc */
header.c-layout-header-topbar {
max-width: none !important;
width: 100% !important;
margin: 0 !important;
background-color: #ffffff !important;
padding: 0 !important; /* on gère le padding interne dans la section 1.3 */
box-shadow: none !important;
}
/* 1.2) Conteneur interne full-width (si une est présente) */
header.c-layout-header-topbar .container,
header.c-layout-header-topbar .c-container {
max-width: none !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin: 0 auto !important;
}
/* 1.3) Disposition générale : flex + alignement */
header.c-layout-header-topbar,
header.c-layout-header-topbar .c-top-menu {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 0.25rem 1rem !important; /* hauteur réduite du top-bar */
background: #ffffff !important;
}
/* 1.4) Logo réduit (hauteur max) */
header.c-layout-header-topbar .brand-logo img {
height: 40px !important;
max-height: 40px !important;
}
/* 1.5) Menu secondaire “BLOG | CONTACT | FAQ | …” */
header.c-layout-header-topbar .c-top-menu .nav.navbar-nav {
display: flex !important;
gap: 1rem !important; /* espacement horizontal entre chaque lien */
margin: 0 !important;
padding: 0 !important;
list-style: none;
}
/* 1.6) Liens du menu secondaire – style compact */
header.c-layout-header-topbar .c-top-menu .nav.navbar-nav > li > a {
font-size: 0.80rem !important;
color: #16327E !important; /* bleu foncé */
text-transform: uppercase;
padding: 0.15rem 0 !important; /* très peu de padding vertical */
transition: color 0.2s ease-in-out;
}
header.c-layout-header-topbar .c-top-menu .nav.navbar-nav > li > a:hover {
color: #F7941E !important; /* orange Akaguriro au survol */
}
/* 1.7) Séparateur vertical orange entre chaque
(sauf le premier) */
header.c-layout-header-topbar .c-top-menu .nav.navbar-nav > li + li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 1px; /* épaisseur du trait */
height: 1.2em; /* longueur du trait */
background-color: #ff8400; /* var(--akaguriro-orange) */
margin: 0 0.5rem; /* espacement autour du trait */
}
/* 1.7b) Ajouter un léger padding horizontal supplémentaire pour éviter que le texte colle au séparateur */
header.c-layout-header-topbar .c-top-menu .nav.navbar-nav > li > a {
padding: 0.2rem 0.5rem !important;
}
/* 1.8) Bouton “Account” dans le top-bar */
header.c-layout-header-topbar .c-top-menu .btn.c-theme-btn.c-btn-uppercase.c-btn-bold {
background-color: #16327E !important; /* bleu foncé */
color: #ffffff !important;
font-size: 0.875rem !important;
padding: 0.30rem 0.8rem !important;
border-radius: 4px !important;
text-transform: uppercase;
transition: background-color 0.2s, color 0.2s;
}
header.c-layout-header-topbar .c-top-menu .btn.c-theme-btn.c-btn-uppercase.c-btn-bold:hover {
background-color: #F7941E !important; /* orange Akaguriro */
color: #16327E !important; /* texte bleu foncé */
}
/* 1.9) Sélecteur de langue dans le top-bar */
header.c-layout-header-topbar .c-top-menu .block-language {
margin-left: 1rem !important;
display: inline-flex !important;
align-items: center !important;
font-size: 0.875rem !important;
}
header.c-layout-header-topbar .c-top-menu .block-language select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: #ffffff !important;
border: 1px solid #ccc !important;
padding: 0.25rem 0.5rem !important;
font-size: 0.875rem !important;
color: #16327E !important;
border-radius: 4px !important;
cursor: pointer;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'10'%20height%3D'6'%20viewBox%3D'0%200%2010%206'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M0%200l5%206%206-6H0z'%20fill%3D'%2316327E'%20/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 0.5rem center !important;
min-width: 5rem !important;
}
/* 1.10) Adaptation mobile (< 768px) pour li et select */
@media (max-width: 768px) {
header.c-layout-header-topbar .c-top-menu .nav.navbar-nav > li > a {
font-size: 0.75rem !important;
padding: 0.15rem 0 !important;
}
header.c-layout-header-topbar .c-top-menu .block-language {
margin-left: 0.5rem !important;
font-size: 0.75rem !important;
}
header.c-layout-header-topbar .c-top-menu .block-language select {
font-size: 0.75rem !important;
padding: 0.2rem 0.4rem !important;
min-width: 4rem !important;
}
}
/* 1.11) Icônes réseaux sociaux du top-bar (agrandies + orange) */
header.c-layout-header-topbar .c-top-menu .social-icons a,
header.c-layout-header-topbar .c-top-menu .akg-social-icons a {
background-color: #ff8400 !important; /* var(--akaguriro-orange) */
color: #ffffff !important;
width: 40px !important;
height: 40px !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
font-size: 1.25rem !important; /* taille de l’icône */
border-radius: 50% !important;
transition: background-color 0.25s ease, transform 0.25s ease;
}
header.c-layout-header-topbar .c-top-menu .social-icons a:hover,
header.c-layout-header-topbar .c-top-menu .akg-social-icons a:hover {
background-color: #ffffff !important;
color: #ff8400 !important;
transform: scale(1.1) !important;
}
/* ============================================================================
2) BARRE PRINCIPALE (header.c-layout-header-6) – Bleu foncé centré à 1200px
============================================================================ */
/* 2.1) Full-width + largeur max 1200px */
header.c-layout-header-6 {
/* max-width: 1200px !important; */
width: 100% !important;
margin: 0 auto !important;
background-color: #16327E !important; /* bleu foncé */
/* padding: 0.5rem 1rem !important; hauteur réduite */
}
/* 2.2) Menu principal “ACCUEIL | PRODUITS | SERVICES” */
header.c-layout-header-6 .c-layout-main-menu .nav.navbar-nav {
display: flex !important;
gap: 2rem !important; /* espacement horizontal */
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
header.c-layout-header-6 .c-layout-main-menu .nav.navbar-nav > li > a {
font-size: 1rem !important;
color: #ffffff !important;
text-transform: uppercase;
padding: 0.3rem 0 !important;
transition: color 0.2s ease-in-out;
}
header.c-layout-header-6 .c-layout-main-menu .nav.navbar-nav > li > a:hover,
header.c-layout-header-6 .c-layout-main-menu .nav.navbar-nav > li.active > a {
color: #F7941E !important; /* orange Akaguriro au survol ou actif */
}
/* 2.3) Zone “Recherche + Panier + LOGIN” à droite */
header.c-layout-header-6 .c-layout-main-menu .container .primary-actions {
display: flex !important;
align-items: center !important;
gap: 1rem !important;
}
/* 2.4) Icône Recherche */
header.c-layout-header-6 .icon-search a {
font-size: 1.2rem !important;
color: #ffffff !important;
}
/* 2.5) Icône Panier + compteur */
header.c-layout-header-6 .icon-cart a {
font-size: 1.2rem !important;
color: #ffffff !important;
}
header.c-layout-header-6 .icon-cart .cart-count {
background-color: #F7941E !important; /* orange Akaguriro */
color: #16327E !important; /* bleu foncé texte */
font-size: 0.75rem !important;
font-weight: bold !important;
border-radius: 999px !important;
padding: 0 0.25rem !important;
margin-left: 0.25rem !important;
line-height: 1 !important;
}
/* 2.6) Bouton LOGIN – compact et orange vif */
header.c-layout-header-6 .btn.c-theme-btn.c-btn-square.c-btn-uppercase.c-btn-bold {
background-color: #F7941E !important; /* orange Akaguriro */
color: #16327E !important; /* bleu foncé */
font-size: 0.80rem !important;
padding: 0.25rem 0.6rem !important;
border-radius: 3px !important;
text-transform: uppercase !important;
transition: background-color 0.2s, color 0.2s !important;
}
header.c-layout-header-6 .btn.c-theme-btn.c-btn-square.c-btn-uppercase.c-btn-bold:hover {
background-color: #ffffff !important;
color: #16327E !important;
border: 1px solid #F7941E !important;
}
/* 2.7) Icônes réseaux sociaux (éventuelle s) dans la barre bleue */
.akg-social-icons a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background-color: #071689 !important; /* bleu Akaguriro */
color: #ff8400 !important; /* orange Akaguriro */
width: 36px !important;
height: 36px !important;
border-radius: 4px !important;
font-size: 18px !important;
transition: background-color 0.3s ease, transform 0.3s ease !important;
}
.akg-social-icons a:hover {
background-color: #ff8400 !important; /* orange au hover */
color: #ffffff !important;
transform: scale(1.1) !important;
}
/* ---------- OVERRIDE : supprimer la max-width de header.c-layout-header-6 ---------- */
header.c‐layout‐header‐6 {
max‐width: none !important;
}
.text-akaguriro-blue {
color: #071689;
}
.text-akaguriro-orange {
color: #ff8400;
}
.bg-akaguriro-orange {
background-color: #ff8400;
}
.bg-akaguriro-orange:hover {
background-color: #e67300;
}
/* COULEURS OFFICIELLES AKAGURIRO */
.text-akaguriro-blue {
color: #071689;
}
.text-akaguriro-orange {
color: #ff8400;
}
.bg-akaguriro-orange {
background-color: #ff8400;
}
.bg-akaguriro-orange:hover {
background-color: #e67300;
}
.border-akaguriro-orange {
border-color: #ff8400;
}
.border-akaguriro-blue {
border-color: #071689;
}
.text-akaguriro-blue {
color: #071689 !important;
}
.text-akaguriro-orange {
color: #ff8400 !important;
}
.bg-akaguriro-orange {
background-color: #ff8400 !important;
}
.bg-akaguriro-orange:hover {
background-color: #e67300 !important;
}
.border-akaguriro-orange {
border-color: #ff8400 !important;
}
.border-akaguriro-blue {
border-color: #071689 !important;
}
/* Conteneur principal */
.user-guide {
max-width: 960px;
margin: 0 auto;
padding: 2rem;
font-family: 'Segoe UI', sans-serif;
line-height: 1.6;
color: #333;
}
/* Titres principaux */
.user-guide h1,
.user-guide h2 {
color: #071689; /* Bleu Akaguriro */
border-left: 6px solid #ff8400; /* Jaune Akaguriro */
padding-left: 12px;
margin-top: 2rem;
}
/* Sous-titres */
.user-guide h3 {
color: #ff8400;
margin-top: 1.5rem;
}
/* Liens */
.user-guide a {
color: #071689;
text-decoration: underline;
}
.user-guide a:hover {
color: #ff8400;
text-decoration: none;
}
/* Listes */
.user-guide ul {
list-style: disc;
padding-left: 2rem;
}
.user-guide ol {
padding-left: 2rem;
}
/* Tableau */
.user-guide table {
width: 100%;
border-collapse: collapse;
margin-top: 1rem;
background-color: #f9f9f9;
}
.user-guide th {
background-color: #071689;
color: #fff;
padding: 12px;
text-align: left;
}
.user-guide td {
border: 1px solid #ddd;
padding: 10px;
}
/* Encadré résumé */
.user-guide hr {
border: none;
height: 2px;
background-color: #ff8400;
margin: 1.5rem 0;
}
/* Icônes emojis dans les titres (optionnel) */
.user-guide h1::before,
.user-guide h2::before,
.user-guide h3::before {
margin-right: 6px;
}
.user-guide table th {
background-color: #071689; /* Bleu Akaguriro */
color: #ffffff !important; /* Texte blanc bien lisible */
}
.view-product-list .views-row {
margin-bottom: 1.5rem;
padding-bottom: 1rem;
border-bottom: 1px solid #eee;
}
.view-product-list h2 {
font-size: 1.1rem;
font-weight: 600;
margin-bottom: 0.3rem;
}
.view-product-list .field--name-body {
font-size: 0.95rem;
color: #5c6873;
line-height: 1.4;
}
.product-label {
font-size: 0.7rem;
padding: 2px 6px;
border-radius: 4px;
font-weight: bold;
text-transform: uppercase;
}
.product-label.sale {
background-color: #ff8400;
color: #fff;
}
.product-label.new {
background-color: #071689;
color: #fff;
}
/* Neutraliser le fond parasite dans la page de taxonomie */
.page-taxonomy-term .field--type-text-long {
background-color: transparent !important;
padding: 0 !important;
border: none !important;
color: #1a1a1a; /* Texte foncé lisible */
}
.page-taxonomy-term .field__label {
font-weight: bold;
margin-bottom: 0.3rem;
color: #071689; /* Bleu Akaguriro */
}
.page-taxonomy-term .field--name-description {
background-color: #f9f9f9;
border-left: 4px solid #071689;
padding: 1rem;
margin-bottom: 1.5rem;
border-radius: 8px;
}
.call-to-action {
background-color: #f5f5f5;
color: #071689;
padding: 1.5rem;
border-radius: 8px;
margin-top: 2rem;
}
.cta-box {
background-color: #fefefe;
border: 1px solid #eee;
padding: 1.5rem;
border-radius: 6px;
color: #333;
}
/* Supprime le fond bleu sur tout le champ de description longue */
.taxonomy-term .field--name-description-long,
.taxonomy-term .field--type-text-long {
background-color: transparent !important;
color: #1a1a1a !important;
padding: 0 !important;
border: none !important;
}
/* Optionnel : améliorer la typographie */
.taxonomy-term .field--type-text-long p {
line-height: 1.7;
margin-bottom: 1rem;
font-size: 1.05rem;
color: #333;
}
/* Correction du cart dropdown */
.c-cart-menu .views-field,
.c-cart-menu .views-field a,
.c-cart-menu .views-field span {
display: block;
line-height: 1.4em;
white-space: normal;
word-wrap: break-word;
}
.c-cart-menu .views-field {
margin-bottom: 5px;
}
.c-cart-menu .c-cart-menu-items > li {
padding: 10px 0;
border-top: 1px solid #f3f3f3;
}
form.commerce-currency-resolver-select-form input[type="submit"] {
display: none !important;
}
/* 1. Appliquer une forme identique aux deux blocs */
#block-languageswitcher,
#block-jango-sub-currencyblock {
display: inline-block;
background: white;
border: 1px solid #ccc;
border-radius: 20px;
padding: 6px 14px;
margin: 0 5px;
max-width: 160px;
font-size: 14px;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
white-space: nowrap;
}
/* 2. Centrer ou aligner à droite si nécessaire */
.region-header-right {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 12px;
}
/* 3. Ajuster le style du sélecteur devise */
#block-jango-sub-currencyblock select {
border: none;
background: transparent;
font-weight: bold;
font-size: 14px;
cursor: pointer;
}
/* 4. Ajuster les liens de langue */
#block-languageswitcher a {
padding: 2px 6px;
color: #333;
font-weight: bold;
text-decoration: none;
}
#block-languageswitcher a.is-active {
color: white;
background: #062577;
border-radius: 12px;
}
/* Boîte globale semblable au select */
#block-languageswitcher {
display: inline-block;
background: white;
border: 1px solid #ccc;
border-radius: 20px;
padding: 6px 14px;
font-size: 14px;
font-weight: bold;
color: #003087;
max-width: 160px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
white-space: nowrap;
}
/* Enlever l'apparence menu déroulant */
#block-languageswitcher ul {
display: flex;
gap: 10px;
list-style: none;
margin: 0;
padding: 0;
}
/* Liens de langue */
#block-languageswitcher ul li a {
text-decoration: none;
color: #003087;
font-weight: bold;
padding: 4px 8px;
border-radius: 12px;
}
/* Langue active mise en avant */
#block-languageswitcher ul li a.is-active {
background-color: #ff7f00;
color: white;
}
/* Boîte globale autour du bloc de langue */
#block-languageswitcher {
display: inline-block;
background: white;
border: 1px solid #ccc;
border-radius: 20px;
padding: 6px 14px;
font-size: 14px;
font-weight: bold;
color: #003087;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
max-width: 160px;
white-space: nowrap;
}
/* Suppression du style menu déroulant */
#block-languageswitcher ul {
display: flex;
gap: 6px;
margin: 0;
padding: 0;
list-style: none;
}
/* Liens de langue = ressemblent à des options */
#block-languageswitcher ul li a {
display: block;
text-decoration: none;
color: #003087;
padding: 4px 10px;
border-radius: 12px;
background: transparent;
font-weight: bold;
transition: all 0.2s ease;
}
/* Langue active = visuellement sélectionnée */
#block-languageswitcher ul li a.is-active {
background-color: #ff7f00;
color: white;
}
/* === 1. Boîte du sélecteur de langue === */
#block-languageswitcher {
display: inline-block;
background: white;
border: 1px solid #ccc;
border-radius: 20px;
padding: 4px 10px;
font-size: 14px;
font-weight: bold;
color: #003087;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
white-space: nowrap;
max-width: 160px;
vertical-align: middle;
height: auto;
}
/* 1.1 Liste horizontale */
#block-languageswitcher ul {
display: flex;
gap: 6px;
margin: 0;
padding: 0;
list-style: none;
align-items: center;
}
/* 1.2 Liens de langue */
#block-languageswitcher ul li a {
display: block;
text-decoration: none;
color: #003087;
padding: 4px 10px;
border-radius: 12px;
background: transparent;
font-weight: bold;
transition: all 0.2s ease;
}
/* 1.3 Langue active */
#block-languageswitcher ul li a.is-active {
background-color: #ff7f00;
color: white;
}
/* 1.4 Petite flèche pour ressembler à un select */
#block-languageswitcher::after {
content: "▼";
font-size: 10px;
color: #888;
padding-left: 6px;
vertical-align: middle;
}
/* === 2. Sélecteur de devise : réduction hauteur === */
#block-jango-sub-currencyblock select {
padding: 4px 10px !important;
height: auto !important;
line-height: 1.2;
font-size: 14px;
border-radius: 20px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
/* === 3. Alignement horizontal propre (si parent personnalisé) === */
/* À activer si tu enveloppes les deux blocs dans un