/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 20 2025 | 09:28:12 */
/* Ajouter votre code CSS ici.
                     
Par exemple:
.exemple {
    color: red;
}

Pour améliorer vos connaissances en CSS, visitez http://www.w3schools.com/css/css_syntax.asp

Fin du commentaire */ 

/* Bleu Didalab : #355b99 / Vert Didalab : #4d8da6 */

.dlb-vr-input,
.nasa-product-content-select-wrap .nasa-toggle-attr-select::before,
.nasa-product-content-select-wrap .nasa-toggle-attr-select::after,
.woocommerce-order .woocommerce-order-overview__payment-method,
.woocommerce-checkout-payment .wc_payment_methods,
.woocommerce-MyAccount-content .woocommerce-Address:nth-child(2),
.li-toggle-sidebar .toggle-sidebar,
.nasa-bottom-bar .nasa-bot-item:nth-child(2),
.page-id-10 .nasa-form-title, 
.page-id-66 .nasa-form-title,
.nasa-search-space,
.blog .page-title,
.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-checkout-order-summary__title-price,
.wc-block-checkout__payment-method.wp-block-woocommerce-checkout-payment-block.wc-block-components-checkout-step,
.wc-block-checkout__contact-fields.wp-block-woocommerce-checkout-contact-information-block.wc-block-components-checkout-step .wc-block-components-checkout-step__description,
.wc-block-checkout__billing-fields.wp-block-woocommerce-checkout-billing-address-block.wc-block-components-checkout-step .screen-reader-text,
.wc-block-checkout__billing-fields.wp-block-woocommerce-checkout-billing-address-block.wc-block-components-checkout-step .wc-block-components-checkout-step__heading,
.wc-block-checkout__billing-fields.wp-block-woocommerce-checkout-billing-address-block.wc-block-components-checkout-step .wc-block-components-checkout-step__container .wc-block-components-checkout-step__description,
.wc-block-components-address-form #wc-guest-checkout-notice,
#nasa-menu-vertical-header .nasa-has-items-child,
.btn-mini-cart .button.checkout.wc-forward,
.home .nasa-archive-product-content,
.home h1,
.wp-block-woocommerce-empty-cart-block .wp-block-heading.wc-block-cart__empty-cart__title.with-empty-cart-icon:before,
.wp-block-woocommerce-empty-cart-block .wp-block-heading:not(.wc-block-cart__empty-cart__title),
.wp-block-woocommerce-empty-cart-block .wp-block-product-new.wp-block-woocommerce-product-new,
.wc-block-components-notices__snackbar,
.nasa-minicart-footer .minicart_total_checkout,
.nasa-topbar-change-view-wrap,
.product-item .product-img-wrap .back-img,
.screen-reader-text,
.invisible {
	display: none !important;
}

/* Icônes sociaux – header (fichiers dans /elessi-theme-child/img/) */
#masthead .dlb-socials-left{
  display: inline-flex;
  align-items: center;
  gap: 10px;           /* espace entre les deux icônes */
  margin-right: 14px;  /* petit espace avant le logo */
  order: -10;          /* force la position "gauche toute" */
}
/* Base : pas d'étirement, anti-flou */
#masthead .dlb-socials-left img{
  display: block;
  width: auto;
  image-rendering: -webkit-optimize-contrast;
  transition: opacity .2s ease-in-out, transform .18s ease-in-out;
  transform-origin: center center;
}
/* Tailles "maquette" (ajuste finement ici si besoin) */
#masthead .dlb-socials-left img[src*="icone-linkedin"]{  /* carré bleu */
  height: 18px;    /* ← ajuste si tu veux plus petit/grand */
}
#masthead .dlb-socials-left img[src*="icone-youtube"]{   /* logo rouge YouTube */
  height: 22px;    /* ← ajuste si tu veux plus petit/grand */
}
/* Responsive : un cran plus petit sur mobile */
@media (max-width: 767px){
  #masthead .dlb-socials-left{ gap: 8px; margin-right: 10px; }
  #masthead .dlb-socials-left img[src*="icone-linkedin"]{ height: 16px; }
  #masthead .dlb-socials-left img[src*="icone-youtube"]{  height: 20px; }
}
/* Effet hover : opacité + zoom léger */
#masthead .dlb-socials-left a:hover img,
#masthead .dlb-socials-left a:focus-visible img{
  opacity: .75;           /* un peu plus d'opacité qu'avant */
  transform: scale(1.06); /* léger zoom au survol */
}

/*******************************
 * DIDALAB — LISTES & ESPACEMENTS
 *******************************/
/* === 1) FICHE PRODUIT (short description + onglet Description) === */
/* 1) Indenter les listes à puces/numérotées */
.woocommerce div.product .woocommerce-product-details__short-description ul,
.woocommerce div.product .woocommerce-product-details__short-description ol,
.woocommerce div.product .nasa-content-description ul,
.woocommerce div.product .nasa-content-description ol {
  padding-left: 30px; /* indentation voulue */
  margin-left: 0;     /* neutralise éventuels resets thème */
  list-style-position: outside;
}
/* 2) Rapprocher le <p> titre de la liste qui suit (ul/ol) */
/* Supprimer l'espace en haut des listes qui suivent un <p> */
.woocommerce div.product .woocommerce-product-details__short-description p + ul,
.woocommerce div.product .woocommerce-product-details__short-description p + ol,
.woocommerce div.product #nasa-section-accordion-description p + ul,
.woocommerce div.product #nasa-section-accordion-description p + ol,
.woocommerce div.product .nasa-content-description p + ul,
.woocommerce div.product .nasa-content-description p + ol {
  margin-top: 0; /* évite la marge de la liste */
}
/* Supprimer le margin-bottom du <p> uniquement s'il est suivi d'une liste (utilise :has, désormais bien supporté) */
@supports selector(p:has(+ ul)) {
  .woocommerce div.product .woocommerce-product-details__short-description p:has(+ ul),
  .woocommerce div.product .woocommerce-product-details__short-description p:has(+ ol),
  .woocommerce div.product #nasa-section-accordion-description p:has(+ ul),
  .woocommerce div.product #nasa-section-accordion-description p:has(+ ol),
  .woocommerce div.product .nasa-content-description p:has(+ ul),
  .woocommerce div.product .nasa-content-description p:has(+ ol) {
	margin-top: 20px;
    margin-bottom: 0;
  }
}
/* === 2) LISTE DES PRODUITS (pages catégories/cartes) === */
/* Indenter les listes à puces/numérotées dans les cartes produit */
.nasa-content-page-products .product-des-wrap.product-des ul,
.nasa-content-page-products .product-des-wrap.product-des ol {
  padding-left: 30px;   /* indentation voulue */
  margin-left: 0;       /* neutralise éventuels resets thème */
  list-style-position: outside;
}
/* Rapprocher le <p> titre de la liste qui suit (ul/ol) */
.nasa-content-page-products .product-des-wrap.product-des p + ul,
.nasa-content-page-products .product-des-wrap.product-des p + ol {
  margin-top: 0; /* évite la marge de la liste */
}
/* Supprimer le margin-bottom du <p> uniquement s'il est suivi d'une liste */
@supports selector(p:has(+ ul)) {
  .nasa-content-page-products .product-des-wrap.product-des p:has(+ ul),
  .nasa-content-page-products .product-des-wrap.product-des p:has(+ ol) {
	margin-top: 20px;
    margin-bottom: 0;
  }
}

/************************************
 * Catégories WooCommerce — effets hover
 * Portée : grilles affichant des catégories (li.product-category)
 ************************************/
/* Base : éviter tout débordement lors du zoom */
.woocommerce ul.products li.product-category a {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: inherit;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
/* 1) Léger zoom de l’image au survol */
.woocommerce ul.products li.product-category a img {
  transition: transform .35s ease;
  transform-origin: center center;
  will-change: transform;
}
.woocommerce ul.products li.product-category a:hover img,
.woocommerce ul.products li.product-category a:focus img {
  transform: scale(1.05); /* ajuster 1.03–1.08 selon rendu souhaité */
}
/* Réduction des animations si l’utilisateur la demande */
@media (prefers-reduced-motion: reduce) {
  .woocommerce ul.products li.product-category a img,
  .woocommerce ul.products li.product-category a::after {
    transition: none;
  }
}
/* Catégories — Titre sur 2 lignes maximum, zone fixe pour aligner les visuels */
.woocommerce ul.products li.product-category a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
  margin: 10px 0 8px 0;
  text-align: center;
  line-height: 1.25;        /* ajuste si besoin */
  min-height: 2.5em;        /* réserve ~2 lignes */
  font-size: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 2;    /* coupe à 2 lignes */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* Si jamais le compteur est réactivé après l'image, il sera centré automatiquement */
.woocommerce ul.products li.product-category a .count {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 8px;
}
/*************************************************
 * Accueil — .home_premiere : zoom + arrondi OK
 *************************************************/
/* 1) Le wrapper clippant (c’est le <a.vc_single_image-wrapper ...>) */
.home_premiere .vc_single_image-wrapper {
  position: relative;
  display: block;
  overflow: hidden !important;         /* coupe l’image zoomée */
  border-radius: 16px !important;      /* même rayon que ta maquette */
  isolation: isolate;                  /* nouveau contexte d’empilement */
  -webkit-transform: translateZ(0);    /* stabilité Safari */
}
/* WPBakery ajoute souvent l’arrondi sur figure/.vc_box_rounded :
   on synchronise tout pour éviter toute « fuite » visuelle */
.home_premiere .wpb_single_image,
.home_premiere figure.vc_figure,
.home_premiere .vc_single_image-wrapper.vc_box_rounded {
  border-radius: 16px !important;
}
/* 2) L’image hérite de l’arrondi et ne « couvre » plus les coins */
.home_premiere .vc_single_image-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: inherit;              /* coins arrondis identiques */
  transform-origin: center center;
  transition: transform .35s ease;
  backface-visibility: hidden;
}
/* 3) Zoom au survol (inchangé) */
.home_premiere .vc_single_image-wrapper:hover img,
.home_premiere .vc_single_image-wrapper:focus img {
  transform: scale(1.05);
}
/* 4) Rustine Safari iOS pour les cas récalcitrants (border-radius + overflow) */
@supports (-webkit-hyphens:none) and (not (hyphens:none)) {
  .home_premiere .vc_single_image-wrapper {
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
  }
}
/* 5) Accessibilité : réduit les animations si demandé */
@media (prefers-reduced-motion: reduce) {
  .home_premiere .vc_single_image-wrapper img { transition: none; }
}

/* === LISTE/RECHERCHE — Elessi: forcer l'affichage en "pills" compacts === */

/* Neutralise le style accordéon du bloc d'attribut */
.nasa-product-content-select-wrap .nasa-product-content-child {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Le conteneur d'items devient une ligne flexible */
.nasa-product-content-select-wrap .nasa-toggle-content-attr-select {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 6px 0 0 0 !important;
}

/* Chaque valeur = pill compacte (Elessi met les <a> en block 100% -> on écrase) */
.nasa-product-content-select-wrap .nasa-toggle-content-attr-select .nasa-attr-ux-item {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  padding: 4px 10px !important;          /* plus petit qu'en fiche produit */
  margin: 0 !important;                   /* l'espacement est géré par gap */
  border: 1px solid #d9dee3 !important;
  border-radius: 14px !important;
  background: #fff !important;
  line-height: 1 !important;
  font-size: 13px !important;
  text-transform: none !important;        /* pas d'uppercase */
  letter-spacing: normal !important;
  text-decoration: none !important;
  cursor: pointer !important;             /* curseur lien */
  transition: all .15s ease !important;
}

/* Hover */
.nasa-product-content-select-wrap .nasa-toggle-content-attr-select .nasa-attr-ux-item:hover {
  border-color: #adb5bd !important;
}

/* Sélection: Elessi utilise .active ou data-act="1" */
.nasa-product-content-select-wrap .nasa-toggle-content-attr-select .nasa-attr-ux-item.active,
.nasa-product-content-select-wrap .nasa-toggle-content-attr-select .nasa-attr-ux-item[data-act='1'] {
  background: #355b99 !important;
  color: #fff !important;
  border-color: #355b99 !important;
}

/* État désactivé (selon thèmes: .disabled ou .nasa-disable) */
.nasa-product-content-select-wrap .nasa-toggle-content-attr-select .nasa-attr-ux-item.disabled,
.nasa-product-content-select-wrap .nasa-toggle-content-attr-select .nasa-attr-ux-item.nasa-disable {
  opacity: .45 !important;
  cursor: not-allowed !important;
  text-decoration: line-through !important;
}

/* Titre 'COULEUR' sans uppercase imposé */
.nasa-product-content-select-wrap .nasa-toggle-attr-select {
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* Icônes "nous suivre" : blanc par défaut, #333 au survol */
footer .nasa-follow {
	text-align: center;
}
.ns-social.social-icons.nasa-follow .follow-icon a.icon {
  color: #fff !important;
  transition: color .2s ease-in-out;
}
.ns-social.social-icons.nasa-follow .follow-icon a.icon:hover,
.ns-social.social-icons.nasa-follow .follow-icon a.icon:focus-visible {
  color: #333 !important;
}
/* S'assure que les SVG héritent bien de la couleur */
.ns-social.social-icons.nasa-follow .follow-icon a.icon svg {
  color: currentColor;
  fill: currentColor;
}


.product-type-variable .focus-info {
    margin-top: 30px;
}

.woocommerce-billing-fields h3,
.woocommerce .account-nav-wrap .account-user .wc-user {
	visibility: hidden;
}
.woocommerce-order {
	margin-bottom: 30px;
}
/* Catégories : désactiver le sticky de la colonne gauche */
.category-page .col-sidebar.ns-sticky-scroll-sidebar,
.col-sidebar.ns-sticky-scroll-sidebar,
.nasa-sticky-sidebar {
  position: static !important;
  top: auto !important;
}
/* Elessi – Catégories PRODUITS : titre non cliquable + icône toggle masquée (toutes langues) */
.nasa-sidebar-off-canvas .widget.widget_product_categories .widget-title,
.nasa-sidebar-off-canvas .widget.widget_product_categories .widget-title a,
.nasa-sidebar-off-canvas .widget.widget_product_categories .nasa-toggle-widget {
  pointer-events: none !important;
  cursor: default !important;
  text-decoration: none !important;
  color: inherit !important;
}
.nasa-sidebar-off-canvas .widget.widget_product_categories .nasa-toggle-widget {
  display: none !important;
}

/* Sidebar blog : titre catégories non cliquable + cacher l’icône */
#secondary .widget.widget_categories .widget-title,
#secondary .widget.widget_categories .nasa-toggle-widget {
  pointer-events: none !important;
  cursor: default !important;
}
#secondary .widget.widget_categories .nasa-toggle-widget {
  display: none !important;
}


/* ===== Mon compte > Éditer l’adresse — RESET anti-flottants Elessi ===== */

/* 0) Cible uniquement la page d’édition d’adresse */
body.woocommerce-account.woocommerce-edit-address .woocommerce-address-fields__field-wrapper {
  /* rien ici, juste un scope propre */
}

/* 1) Désactiver tout pseudo-label injecté (avant/après) sur TOUTES les rangées */
body.woocommerce-account.woocommerce-edit-address
  .woocommerce-address-fields__field-wrapper p.form-row::before,
body.woocommerce-account.woocommerce-edit-address
  .woocommerce-address-fields__field-wrapper p.form-row::after,
body.woocommerce-account.woocommerce-edit-address
  .woocommerce-address-fields__field-wrapper p.form-row > .woocommerce-input-wrapper::before,
body.woocommerce-account.woocommerce-edit-address
  .woocommerce-address-fields__field-wrapper p.form-row > .woocommerce-input-wrapper::after {
  content: none !important;
  display: none !important;
}

/* 2) Labels "classiques" (plus d'absolu, plus de flottant) */
body.woocommerce-account.woocommerce-edit-address
  .woocommerce-address-fields__field-wrapper p.form-row > label {
  position: static !important;
  transform: none !important;
  top: auto !important; left: auto !important;
  display: block !important;
  margin: 0 0 .4rem !important;
  pointer-events: none !important; /* n’intercepte jamais les clics */
  z-index: 0 !important;
}

/* 3) Neutraliser totalement le libellé du champ ENTREPRISE (billing + shipping) */
body.woocommerce-account.woocommerce-edit-address #billing_company_field > label,
body.woocommerce-account.woocommerce-edit-address #billing_company_field .optional,
body.woocommerce-account.woocommerce-edit-address #shipping_company_field > label,
body.woocommerce-account.woocommerce-edit-address #shipping_company_field .optional {
  display: none !important;
}

/* 4) Empilement sûr : inputs toujours cliquables/éditables */
body.woocommerce-account.woocommerce-edit-address
  .woocommerce-address-fields__field-wrapper p.form-row {
  position: static !important;
  overflow: visible !important;
}
body.woocommerce-account.woocommerce-edit-address
  .woocommerce-address-fields__field-wrapper p.form-row > .woocommerce-input-wrapper {
  position: static !important;
}
body.woocommerce-account.woocommerce-edit-address
  .woocommerce-address-fields__field-wrapper p.form-row input.input-text {
  position: relative !important;
  z-index: 2 !important;
  background: #fff !important;
}

/* 5) S’assurer que "Nom" reste au-dessus de toute trace graphique */
body.woocommerce-account.woocommerce-edit-address #billing_last_name_field,
body.woocommerce-account.woocommerce-edit-address #shipping_last_name_field {
  position: relative !important;
  z-index: 3 !important;
}

/* 6) (optionnel) Cacher les placeholders pour éviter doublon visuel */
body.woocommerce-account.woocommerce-edit-address #billing_first_name::placeholder,
body.woocommerce-account.woocommerce-edit-address #billing_last_name::placeholder,
body.woocommerce-account.woocommerce-edit-address #billing_company::placeholder,
body.woocommerce-account.woocommerce-edit-address #shipping_first_name::placeholder,
body.woocommerce-account.woocommerce-edit-address #shipping_last_name::placeholder,
body.woocommerce-account.woocommerce-edit-address #shipping_company::placeholder {
  color: transparent !important;
}
/* Mon compte > Éditer l’adresse — réafficher le placeholder du champ Entreprise */
body.woocommerce-account.woocommerce-edit-address #billing_company::placeholder,
body.woocommerce-account.woocommerce-edit-address #shipping_company::placeholder {
  color: #9aa0a6 !important;   /* gris lisible */
  opacity: 1 !important;        /* certains thèmes baissent l’opacité */
}

/* (compat navigateurs) */
body.woocommerce-account.woocommerce-edit-address #billing_company::-webkit-input-placeholder,
body.woocommerce-account.woocommerce-edit-address #shipping_company::-webkit-input-placeholder { color: #9aa0a6 !important; opacity: 1 !important; }
body.woocommerce-account.woocommerce-edit-address #billing_company::-ms-input-placeholder,
body.woocommerce-account.woocommerce-edit-address #shipping_company::-ms-input-placeholder { color: #9aa0a6 !important; opacity: 1 !important; }
body.woocommerce-account.woocommerce-edit-address #billing_company:-ms-input-placeholder,
body.woocommerce-account.woocommerce-edit-address #shipping_company:-ms-input-placeholder { color: #9aa0a6 !important; opacity: 1 !important; }

/* Checkout Blocks — forcer l'affichage du champ "Entreprise" (Elessi) */
body.woocommerce-checkout .wp-block-woocommerce-checkout-billing-address-block
  .wc-block-components-address-form__company,
body.woocommerce-checkout .wp-block-woocommerce-checkout-shipping-address-block
  .wc-block-components-address-form__company{
  display:block !important;
  visibility:visible !important;
  height:auto !important;
  margin-top:12px;
}

/* S'assurer que label + input sont visibles */
body.woocommerce-checkout .wc-block-components-address-form__company label{
  display:block !important;
}
body.woocommerce-checkout .wc-block-components-address-form__company input{
  visibility:visible !important;
}

/* Si le thème utilise un toggle pour (dé)masquer "Entreprise", on le neutralise */
body.woocommerce-checkout .wc-block-components-address-form__toggle-company,
body.woocommerce-checkout .wc-block-components-address-form__company.is-hidden{
  display:block !important;
}



html:not(:lang(fr)) #nasa-menu-vertical-header,
html[lang]:not([lang|="fr"]) #nasa-menu-vertical-header {
    visibility: hidden;
}

a:hover { color: #4d8da6 !important; }

#nasa-footer,
#nasa-footer a {
	color: #fff;
}
#nasa-footer a:hover {
	color: #4d8da6;
	text-decoration: none;
}
#nasa-footer .large-4.nasa-col.columns p {
	margin-bottom: .8em;
}

.nasa-sidebar-off-canvas .dlb-toggle:focus {
	outline: transparent;
	outline-offset: 0;
}

#slider_home {
	margin: 0 auto;
}
/*#slider_home .nivo-controlNav,*/
#slider_home .nivo-directionNav {
	display: none;
}

#cn-notice-text a {
	color: #fff;
	text-decoration: underline;
}
#cn-notice-text a:hover {
	text-decoration: none;
}

.theme-default .nivo-caption {
	text-align: center;
}
.blog-list-style.blog-item .large-4 {
    width: 25%;
}
.blog-list-style.blog-item .large-8 {
    width: 75%;
}
.widget li:before {
    display: none;
}
.widget li.current-cat > a, 
.widget li.current-cat-parent > a {
    text-decoration: none;
    font-weight: bold;
}

/* --- Ancre #equipe : compense le header sticky + functions.php --- */
:target {
  scroll-margin-top: 120px; /* hauteur du header desktop */
}
@media (max-width: 1024px) {
  :target {
    scroll-margin-top: 80px;  /* header + barre mobile */
  }
}
/* Quand on est connecté (barre d’admin WP) : ajouter 32px env. */
body.admin-bar :target {
  scroll-margin-top: 152px;
}




table td, 
table th {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
table th {
	font-weight: bold !important;
}
/* Fallback : tableaux SANS aucun <th> → mettre en gras la 1re ligne */
table:not(:has(th)) > :is(thead, tbody) > tr:first-child > td {
  font-weight: bold !important;
}
table th::first-letter { text-transform: uppercase !important; }
/* Sans aucun <th> → 1re ligne en <td> */
table:not(:has(th)) > :is(thead, tbody) > tr:first-child > td::first-letter {
  text-transform: uppercase !important;
}
/* (ceinture+bretelles si le navigateur n’insère pas <tbody>) */
table:not(:has(th)) > tr:first-child > td::first-letter {
  text-transform: uppercase !important;
}

/* Commander - Masquer la case + libellé "Créer un compte DIDALAB" */
.wc-block-components-checkbox.wc-block-checkout__create-account {
    visibility: hidden;
    margin-bottom: -26px !important;
}

/* Espace à droite de l'icône de téléchargement dans le texte - https://www.didalab-didactique.fr/produit/etude-et-perfectionnement-des-asservissements-analogiques-et-numeriques-de-vitesse-et-position/*/
.entry-summary a img[src$="download.png"],
.nasa-content-description a img[src$="download.png"] {
  margin-right: 6px;
  vertical-align: middle; /* aligne mieux l'icône avec le texte */
}

.nasa-product-details-page .product_meta .sku_wrapper {
    font-size: 18px;
}
.nasa-product-details-page .product_meta .sku_wrapper .sku {
    font-weight: bold;
    color: #355b99;
}
.nasa-share {
    margin-top: 0px;
    color: #355b99;
}

/* Toutes les listes produits : sidebar 20% */
@media (min-width: 64em) {
  .category-page.nasa-with-sidebar-classic .col-sidebar.large-3 {
    width: 20% !important;
    max-width: 20% !important;
    flex: 0 0 20% !important;
  }
  .category-page.nasa-with-sidebar-classic .nasa-products-page-wrap.large-9 {
    width: 80% !important;
    max-width: 80% !important;
    flex: 0 0 80% !important;
  }
}

/* Menu horizontal centré + "Filières" à droite mais inclus dans le centrage */
@media (min-width: 64em) {
  /* 1) Wrapper en flex, centré, avec un espace constant entre les 2 blocs */
  .wide-nav .nasa-menus-wrapper {
    display: flex;
    align-items: center;
    justify-content: center !important;
    column-gap: 36px; /* espace entre le menu et "Filières" */
  }

  /* 2) Garder l'ordre: menu principal puis menu vertical (à droite) */
  .nasa-menus-wrapper .main-menu-warpper { order: 1; flex: 0 0 auto; }
  #nasa-menu-vertical-header { order: 2; flex: 0 0 auto; }

  /* 3) Supprimer la marge gauche qu’on avait ajoutée, on passe par le gap */
  #nasa-menu-vertical-header {
    margin: 0 !important;
  }

  /* 4) Centrer les items *dans* le menu principal (au cas où) */
  #site-navigation {
    display: flex;
    justify-content: center;
  }

  /* 5) Les sous-menus du vertical s’ouvrent vers la gauche */
  #nasa-menu-vertical-header .nav-dropdown {
    left: auto !important;
    right: 100% !important;
  }
  #nasa-menu-vertical-header .nav-dropdown .sub-menu {
    left: auto !important;
    right: 100% !important;
  }
}
/* Desktop uniquement */
@media (min-width: 64em) {
	/*:root { --dl-sticky-tune: 0px; }*/
  #nasa-breadcrumb-site {
    position: sticky;
    top: var(--dl-sticky-top);
    z-index: 20; /* voir point 2 */
    border-top: 1px solid rgba(0,0,0,.08);
    border-bottom: 1px solid rgba(0,0,0,.08);
  }

  #nasa-breadcrumb-site .breadcrumb-row {
    height: 40px !important;
    display: flex;
    align-items: center;
  }

  .bread,
  #nasa-breadcrumb-site .breadcrumb-wrap { overflow: visible !important; }
}

/* Mobile & tablette : pas de sticky */
@media (max-width: 63.99em) {
  #nasa-breadcrumb-site { position: static; top: auto; padding-top: 4px; padding-bottom: 4px; }
}

.breadcrumb,
.nav-wrapper .menu-item,
#nasa-menu-vertical-header .nasa-title-menu {
	text-transform: uppercase;
}
.tax-product_cat .term-description {
	text-align: center;
}
.home .product-category.nasa-slider-item {
	width: 350px !important;
}
.home .home_second .large-12 .vc_column-inner:first-child {
	padding-right: 80px;
}
.home .home_second .large-12 .vc_column-inner:last-child {
	padding-right: 120px;
}
.home .home_second img {
	max-width: 100px;
	margin-top: -20px;
}
.home .home_second a {
	text-decoration: none;
}
.group-btn-in-list .add_to_cart_text {
	color: #fff;
}

/* Catégories/sous-catégories sans produits : marges à 7% */
.tax-product_cat.dl-only-subcategories .nasa-archive-product-warp {
    margin-left: 7%;
    margin-right: 7%;
}
/* Bloc titre réservé à 2 lignes */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
  display: table;
  height: 2.6em;          /* hauteur ≃ 2 lignes, ajuste si besoin */
  margin: 0 0 8px;        /* espace constant avant le visuel */
  text-align: center;
}
/* Texte aligné en bas de cette zone */
.woocommerce ul.products li.product-category 
  .woocommerce-loop-category__title .dlb-cat-title-text {
  display: table-cell;
  vertical-align: bottom; /* colle la dernière ligne au bas de la zone */
}
/* Dernier niveau (produits listés) : marges à 0 */
.tax-product_cat.dl-products-listed .nasa-archive-product-warp {
    margin-left: 0;
    margin-right: 0;
}
/* Centrer la liste des sous-catégories quand il n'y a pas de produits */
.tax-product_cat.dl-only-subcategories .nasa-content-page-products ul.products {
    display: flex !important;       /* prend la main sur la grille du thème */
    flex-wrap: wrap;
    justify-content: center;         /* centre les items sur chaque ligne */
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    text-align: center;              /* titres centrés */
}
/* Neutralise les éventuels floats/largeurs hérités */
.tax-product_cat.dl-only-subcategories .nasa-content-page-products ul.products > li.product-category {
    float: none !important;
}
/* Titres complets dans les grilles produits (pas de troncature) */
.tax-product_cat.dl-products-listed .nasa-content-page-products ul.products .nasa-show-one-line,
.post-type-archive.product .nasa-content-page-products ul.products .nasa-show-one-line,
.woocommerce-page .nasa-content-page-products ul.products .nasa-show-one-line {
    white-space: normal !important;
    display: block !important;
    overflow: visible !important;
    text-overflow: clip !important;
    -webkit-line-clamp: initial !important;
    -webkit-box-orient: initial !important;
    max-height: none !important;
    height: auto !important;
    line-height: 1.25;
    overflow-wrap: anywhere; /* évite les débordements sur mots très longs */
}
/* sécurité : certains styles du thème fixent des hauteurs sur le wrapper info */
.tax-product_cat.dl-products-listed .product-item .product-info-wrap .name {
    max-height: none !important;
    height: auto !important;
}
/* Centrer les titres des produits en grille */
.tax-product_cat.dl-products-listed .nasa-content-page-products ul.products .woocommerce-loop-product__title,
.post-type-archive.product .nasa-content-page-products ul.products .woocommerce-loop-product__title {
    display: block !important;
    text-align: center;
}
/* Centrer la grille des PRODUITS (dernier niveau + boutique) */
.tax-product_cat.dl-products-listed .nasa-content-page-products ul.products,
.post-type-archive.product .nasa-content-page-products ul.products {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center !important;  /* centre les items */
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    gap: 24px;                            /* espace entre vignettes (ajuste si besoin) */
}
/* Neutraliser les floats/offsets éventuels du thème sur les items */
.tax-product_cat.dl-products-listed .nasa-content-page-products ul.products > li,
.post-type-archive.product .nasa-content-page-products ul.products > li {
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.nasa-archive-product-warp .products .product-category > a .woocommerce-loop-category__title {
	text-align: center;
}

/* 1) Icône Grid : visuel "3 colonnes" (affichage uniquement) */
.filter-tabs.nasa-change-view .nasa-change-layout.productGrid.grid-4 svg {
  display: none !important; /* on cache le SVG du thème */
}
.filter-tabs.nasa-change-view .nasa-change-layout.productGrid.grid-4::before {
  content: "";
  display: inline-block;
  width: 23px;  /* même taille que le SVG d'origine */
  height: 17px;
  vertical-align: middle;
  /* 3 colonnes x 3 lignes de carrés (5x5), colorés en currentColor */
  background:
    linear-gradient(currentColor, currentColor) 0    0   /5px 5px no-repeat,
    linear-gradient(currentColor, currentColor) 9px  0   /5px 5px no-repeat,
    linear-gradient(currentColor, currentColor) 18px 0   /5px 5px no-repeat,
    linear-gradient(currentColor, currentColor) 0    6px /5px 5px no-repeat,
    linear-gradient(currentColor, currentColor) 9px  6px /5px 5px no-repeat,
    linear-gradient(currentColor, currentColor) 18px 6px /5px 5px no-repeat,
    linear-gradient(currentColor, currentColor) 0    12px/5px 5px no-repeat,
    linear-gradient(currentColor, currentColor) 9px  12px/5px 5px no-repeat,
    linear-gradient(currentColor, currentColor) 18px 12px/5px 5px no-repeat;
}

/* 2) Masquer les tooltips "4 colonnes" / "Liste" */
.filter-tabs.nasa-change-view .nasa-tip .nasa-tip-content,
.filter-tabs.nasa-change-view .nasa-tiped .nasa-tip-content {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* 3) Griser automatiquement l’icône NON active + restaurer l’active */
.filter-tabs.nasa-change-view .nasa-change-layout.productGrid,
.filter-tabs.nasa-change-view .nasa-change-layout.productList.list {
  opacity: .55;
  filter: grayscale(1);
  transition: opacity .15s ease;
}
.filter-tabs.nasa-change-view .nasa-change-layout.productGrid.active,
.filter-tabs.nasa-change-view .nasa-change-layout.productList.list.active {
  opacity: 1 !important;
  filter: none !important;
}

/* 4) Icône GRID plus claire quand elle n'est pas active (mode LISTE sélectionné) */
.filter-tabs.nasa-change-view .nasa-change-layout.productGrid:not(.active) {
  color: #ccc !important;
}

/* Panier — fallback strict sur la sidebar des totaux */
body.woocommerce-cart .wp-block-woocommerce-cart-totals-block .components-error-boundary,
body.woocommerce-cart .wp-block-woocommerce-cart-totals-block .components-placeholder__error,
body.woocommerce-cart .wp-block-woocommerce-cart-totals-block .components-notice.is-error,
body.woocommerce-cart .wp-block-woocommerce-cart-totals-block .components-notice-list__item.is-error,
body.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wc-block-components-notice-banner.is-error,
body.woocommerce-cart .wp-block-woocommerce-cart-totals-block .wc-block-error,
body.woocommerce-cart .wp-block-woocommerce-cart-totals-block [role="alert"],
body.woocommerce-cart .wp-block-woocommerce-cart-totals-block [data-status="error"] {
  display: none !important;
  visibility: hidden !important;
}

.wc-block-components-button:not(.is-link) .wc-block-components-button__text {
	/*padding-top: 12px;*/
}
.wc-block-components-button:not(.is-link){
	background-color: #355b99;
	color: #fff;
}
.wc-block-components-button:not(.is-link):hover {
	background-color: #4d8da6;
	color: #fff !important;
}
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button .wc-block-components-button__text {
    padding-top: 0;
}
.wc-block-cart-item__quantity button.wc-block-cart-item__remove-link {
    background-color: transparent !important;
	text-decoration: none !important;
}
.wc-block-cart-item__quantity button.wc-block-cart-item__remove-link:hover {
    background-color: transparent !important;
	text-decoration: underline !important;
}
.nasa-add-to-cart-fixed .nasa-wrap-content .nasa-fixed-product-info .nasa-title-clone h3 {
    font-size: 120%;
    font-weight: 600;
    text-overflow: unset;
    max-width: 70%;
	white-space: unset;
}
.nasa-header-flex .logo-wrapper {
    margin-left: 42%;
	margin-right: 0 !important;
}
.nasa-header-flex .icons-wrapper {
    margin: 0 auto;
    margin-right: 4%;
}
.nasa-promotion-news .nasa-content-promotion-custom {
    font-size: 24px;
}
.product-info .entry-title {
    font-size: 200%;
	font-weight: 600;
}
.woocommerce-tabs .nasa-small-accodion .nasa-accordion-title a {
	border-bottom: 1px solid #4d8da6;
	padding-left: 15px;
}
.woocommerce-tabs .nasa-small-accodion .nasa-panel {
	padding: 20px 0 20px 0;
	border-bottom: 1px solid #4d8da6;
}
.woocommerce-tabs .nasa-small-accodion .nasa-accordion-title a.active {
	border-color: transparent;
	background-color: #4d8da6;
	padding-left: 15px;
}
.nasa-arrow.nasa-no-border .nasa-accordion-title a.active {
	color: #fff !important;
}

/* ===== ACTUALITÉS – cartes homogènes en 4 colonnes ===== */
/* Actualités - START */
article .entry-title {
	font-size: 100%;
	font-weight: bold;
	color: #333;
}
article .entry-readmore {
	opacity: 0.6;
	font-weight: bold;
	font-size: 90%;
	margin-top: 12px !important;
}
@media (min-width: 1025px) {
  ul.group-blogs {
    display: block !important;          /* annule le display:grid précédent */
    grid-template-columns: unset !important;
    gap: unset !important;
  }
}

/* Carte colonne pour caler le CTA en bas (fonctionne avec le block-grid) */
ul.group-blogs li.nasa-item-blog-grid.blog-item {
  display: flex !important;
  flex-direction: column;
  height: 100%;
  margin: 0 !important;
  box-sizing: border-box;
}

/* 1) VISUEL — même hauteur partout, SANS recadrage (pas de tronquage) */
ul.group-blogs .entry-image.blog-image {
  position: relative;
  display: block;
  width: 100%;
  height: 190px;                     /* ajuste 170–220px selon besoin */
  overflow: hidden;
  border-radius: 10px;
  background: #f5f6f7;
  flex: 0 0 auto;
}
ul.group-blogs .entry-image.blog-image img {
  width: 100%; height: 100%;
  object-fit: contain;               /* ne coupe plus l’image */
  object-position: center;
}

/* 1bis) Lignes du dessus : Catégorie + Date -> hauteurs fixes (1 ligne) */
ul.group-blogs .cat-links-archive.nasa-archive-info {
  display: block;
  line-height: 1.2;
  min-height: 1.2em;
  max-height: 1.2em;
  margin-top: 10px;
  margin-bottom: 6px;
}
ul.group-blogs .info-wrap .post-date {
  display: inline-block;
  line-height: 1.2;
  min-height: 1.2em;
  max-height: 1.2em;
  vertical-align: top;
}

/* MASQUER l’icône devant la date */
ul.group-blogs .post-date svg {
  display: none !important;
}

/* 2) TITRE — exactement 3 lignes */
ul.group-blogs .entry-title {
  margin: 10px 0 8px;
  line-height: 1.25;
  min-height: calc(1.25em * 3);
  max-height: calc(1.25em * 3);
  overflow: hidden;
  white-space: normal;
  word-break: normal;                /* évite la coupure “lettre par lettre” */
  overflow-wrap: anywhere;           /* coupe proprement si très long */
}

/* 3) MÉTAS + EXTRAI T — bloc flexible */
ul.group-blogs .nasa-archive-info {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  flex: 1 1 auto;
  justify-content: space-between;    /* garde le CTA en bas */
}

/* Extrait — exactement 4 lignes (couvre .entry-summary/.short-content) */
ul.group-blogs .nasa-archive-info p,
ul.group-blogs .nasa-archive-info .short-content,
ul.group-blogs .nasa-archive-info .entry-content,
ul.group-blogs .entry-summary.nasa-archive-info {
  margin: 0;
  line-height: 1.4;
  min-height: calc(1.4em * 4);
  max-height: calc(1.4em * 4);
  overflow: hidden;
}

/* 4) CTA collé en bas + petit espace au-dessus */
ul.group-blogs .nasa-archive-info .nasa-readmore,
ul.group-blogs .nasa-archive-info .readmore,
ul.group-blogs .nasa-archive-info .more-link {
  margin-top: 12px !important;       /* espace entre extrait et CTA */
  align-self: flex-start;
}
/* Actualités - STOP */

/* ============================
   VIGNETTES PRODUITS (liste, carrousels, connexes, upsells)
   → Boîte 4:3 uniforme, images non recadrées, pas d’upscale
   ============================ */

/* Boîte 4:3 uniforme avec bandes blanches */
.product-item .product-img-wrap .main-img,
.product-item .product-img-wrap .back-img {
  max-width: 300px;
  width: 100%;
  aspect-ratio: 4 / 3;
  background: #fff;                 /* bandes blanches */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

/* Aucune image recadrée ni étirée */
.product-item .product-img-wrap .main-img img,
.product-item .product-img-wrap .back-img img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;          /* contre min-width:100% éventuels */
  min-height: 0 !important;
  object-fit: contain !important;   /* zéro rognage */
  object-position: center center !important;
  display: block;
  transform: none !important;       /* pas de zoom du thème */
  -webkit-transform: none !important;
  transition: none !important;
  will-change: auto !important;
}

/* Stabilise la hauteur des slides */
.nasa-slick-slider .slick-slide { height: auto; }

/* ============================
   FICHE PRODUIT — image principale (aucun upscale + fond neutre)
   ============================ */

.single-product .product .woocommerce-product-gallery,
.single-product .product .woocommerce-product-gallery__wrapper,
.single-product .product .woocommerce-product-gallery__image,
.single-product .product .woocommerce-product-gallery__image a,
.single-product .product .nasa-single-product-main-image,
.single-product .product .nasa-item-main-image-wrap {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  text-align: center;
}

.single-product .product .woocommerce-product-gallery__image img,
.single-product .product .nasa-item-main-image-wrap img,
.single-product .product .wp-post-image,
.single-product .product .woocommerce-product-gallery__wrapper img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  min-width: 0 !important;
  min-height: 0 !important;
  transform: none !important;
  -webkit-transform: none !important;
  transition: none !important;
  will-change: auto !important;
}

/* Si le thème force une ratio-box via padding */
.single-product .product .woocommerce-product-gallery__image {
  padding-top: 0 !important;
}

/* Fond neutre autour de l’image principale (enlève le gris) */
.single-product .nasa-single-product-main-image,
.single-product .woocommerce-product-gallery,
.single-product .woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery__image a,
.single-product .nasa-item-main-image-wrap,
.single-product .easyzoom,
.single-product .easyzoom a {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.single-product .woocommerce-product-gallery__image::before,
.single-product .easyzoom::before {
  content: none !important;
}

.nasa-stclose::before, 
.nasa-stclose::after {
	border-top: 1px solid #aaa;
}

/* Top bar promo – mobile (fusion) */
@media (max-width:767px){
  /* Bandeau bord à bord, sans padding latéral */
  .section-element.nasa-promotion-news .nasa-wapper-promotion,
  .section-element.nasa-promotion-news .nasa-row.fullwidth{
    margin:0 !important; padding:0 !important; width:100% !important; position:relative;
  }

  /* Texte : 2 lignes, centré, taille + grande, hauteur auto */
  .section-element.nasa-promotion-news .nasa-promo-silde{
    display:block;
    text-align:center;
    white-space:normal !important;
    font-size:clamp(14px,3.8vw,18px);
    height:auto !important;
    margin:0 36px 0 8px; /* évite le chevauchement avec la croix */
    padding-top: 4px;   /* espace avant la 1re ligne, à l’intérieur de la barre bleue */
    padding-bottom: 0;
    line-height:.8;      /* <<< resserre comme demandé */
  }

  /* Neutraliser l’espace créé par Slick sans le masquer */
  .section-element.nasa-promotion-news .nasa-promo-silde .slick-list,
  .section-element.nasa-promotion-news .nasa-promo-silde .slick-track{
    height:0 !important;
    min-height:0 !important;
    line-height:0 !important;
    font-size:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    transform:none !important;
    border:0 !important;
  }
  .section-element.nasa-promotion-news .nasa-promo-silde .slick-track{
    width:0 !important;
  }

  /* Notre <br> injecté après la virgule — aucun espace ajouté */
  .section-element.nasa-promotion-news .nasa-promo-silde br.dlb-br{
    display:block; height:0; line-height:0; margin:0;
  }

  /* Bouton fermer : à droite, sans halo, croix plus claire */
  .section-element.nasa-promotion-news .nasa-promotion-close{
    position:absolute !important;
    right:8px !important; top:50% !important; transform:translateY(-50%);
    width:28px; height:28px; background:transparent !important; box-shadow:none !important;
  }
  .section-element.nasa-promotion-news .nasa-promotion-close,
  .section-element.nasa-promotion-news .nasa-promotion-close:before,
  .section-element.nasa-promotion-news .nasa-promotion-close:after{
    color:rgba(255,255,255,.9) !important; opacity:1 !important;
  }
}

@media (max-width:767px) {
	.footer_mobile .large-6 {
		width: 50%;
	}	
	.linkedin_mobile img {
		width: 22px;
		height: 22px;
		margin-bottom: 10px;
	}
	.youtube_mobile img {
		width: 53px;
		height: 22px;
		margin-bottom: 10px;
	}
	.home .home_second .large-12 .vc_column-inner:first-child {
		padding-right: 0;
	}
	.home .home_second .large-12 .vc_column-inner:last-child {
		padding-right: 0;
	}
}

/* ---- Breadcrumb mobile : hauteur auto + retour à la ligne ---- */
@media (max-width: 63.99em){
  /* le bandeau gris */
  #nasa-breadcrumb-site{
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  /* la rangée qui est bloquée en hauteur par le thème */
  #nasa-breadcrumb-site .breadcrumb-row{
    height: auto !important;
    min-height: 0 !important;
    align-items: flex-start !important;
  }
  /* wrapper + texte : autoriser les retours à la ligne */
  #nasa-breadcrumb-site .breadcrumb-wrap,
  #nasa-breadcrumb-site .woocommerce-breadcrumb{
    white-space: normal !important;
    overflow: visible !important;
    line-height: 1.25 !important;
    display: block !important;   /* évite un flex qui serrerait le contenu */
  }
  /* segments/liens */
  #nasa-breadcrumb-site .woocommerce-breadcrumb a,
  #nasa-breadcrumb-site .woocommerce-breadcrumb span{
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }
}

/* Checkout (EN et FR) — déblocage minimal sans effets de bord */

/* a) Si un overlay AJAX reste affiché, on le coupe pour rendre la page utilisable */
body.woocommerce-checkout .blockUI.blockOverlay {
  display: none !important;
}

/* b) S’assure que la colonne “Order summary” est visible (sans forcer d’autres composants) */
body.woocommerce-checkout .wc-block-checkout__sidebar,
body.woocommerce-checkout .wc-block-components-order-summary {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* c) Evite qu’un reset global masque la sidebar via flex */
body.woocommerce-checkout .wc-block-checkout__sidebar[style*="display: none"] {
  display: block !important;
}

/* Bandeau promotionel */
/* Supprime l'espace blanc sous le bandeau */
.nasa-promo-bg { height: 0 !important; }
.header-type-4 #masthead {
	padding-top: 0;
}

/* Assure le clic et l'empilage */
.section-element.nasa-promotion-news,
.section-element.nasa-promotion-news * { pointer-events: auto !important; }
.section-element.nasa-promotion-news .nasa-promotion-close,
.nasa-promotion-show { z-index: 2147483600 !important; }

/* Un SEUL bouton à la fois, piloté par l'état du header */

/* Bandeau OUVERT -> croix visible, flèche cachée */
.site-header:not(.has-nasa-promotion-hide) .nasa-promotion-show { 
  display: none !important; 
}
.site-header:not(.has-nasa-promotion-hide) 
  .section-element.nasa-promotion-news .nasa-promotion-close {
  display: block !important;
}

/* Bandeau FERMÉ -> flèche visible, croix cachée */
.site-header.has-nasa-promotion-hide 
  .section-element.nasa-promotion-news .nasa-promotion-close {
  display: none !important;
}
.site-header.has-nasa-promotion-hide ~ .nasa-promotion-show,
.site-header.has-nasa-promotion-hide .nasa-promotion-show {
  display: inline-block !important;
}

/* Petit padding à droite pour que la croix ne chevauche rien visuellement */
.section-element.nasa-promotion-news .nasa-content-promotion-news {
  padding-right: 48px !important;
}

/* Flèche (ouvrir le bandeau) — position + zone cliquable */
.nasa-promotion-show{
  position: fixed !important;     /* hors du flux pour éviter un overlay au-dessus */
  top: 8px !important;
  right: 14px !important;         /* décollée du bord */
  width: 38px !important;         /* zone de clic confortable */
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 2147483647 !important; /* au-dessus de tout */
  pointer-events: auto !important;
}

/* S’assure qu’aucun parent ne bloque les clics */
.nasa-promotion-show, 
.nasa-promotion-show *{
  pointer-events: auto !important;
}

/* Croisillon (fermer) — garde une zone de clic fiable */
.section-element.nasa-promotion-news .nasa-promotion-close{
  position: absolute !important;
  top: 8px !important;
  right: 14px !important;
  width: 38px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 2147483646 !important;
  pointer-events: auto !important;
}

/* Empêche tout overlay du bandeau de capter les clics au-dessus des boutons */
.section-element.nasa-promotion-news,
.section-element.nasa-promotion-news *{
  pointer-events: auto !important;
}
/* Hauteur du bandeau (ajuste si besoin) */
:root { --promo-gap: 0; }

/* Quand le bandeau est OUVERT, on pousse le contenu sous lui */
.site-header:not(.has-nasa-promotion-hide) .section-element.nasa-promotion-news{
  margin-bottom: var(--promo-gap) !important;
  position: relative !important;
  z-index: 10 !important; /* le bandeau reste au-dessus de son fond uniquement */
}

/* Option propre : ne mettre à 0 la hauteur du fond QUE quand le bandeau est fermé */
.site-header.has-nasa-promotion-hide .nasa-promo-bg { height: 0 !important; }
.site-header:not(.has-nasa-promotion-hide) .nasa-promo-bg { height: auto !important; }

/* Fallback si la ligne langues/compte a encore tendance à remonter,
   on lui met un petit padding-top quand le bandeau est ouvert */
.site-header:not(.has-nasa-promotion-hide) .nasa-topbar,
.site-header:not(.has-nasa-promotion-hide) .header-top, 
.site-header:not(.has-nasa-promotion-hide) .header-wrapper{
  padding-top: var(--promo-gap) !important;
}

/* 1) Flèche (bandeau replié) : arrière-plan plus étroit et collé en haut */
.nasa-promotion-show{
  top: 0 !important;              /* collé au haut */
  right: 12px !important;
  width: 32px !important;         /* moins large */
  height: 32px !important;        /* plus compact */
  border-radius: 0 0 16px 16px !important; /* petite languette */
  padding: 0 !important;
}
.nasa-promotion-show svg,
.nasa-promotion-show i{
  transform: translateY(1px);     /* micro-centrage de l’icône */
}
.nasa-promotion-show svg,
.nasa-promotion-show .nasa-icon{
  position: relative !important;
  left: 6px !important;
}

/* 2) Croix (bandeau déplié) : centrage vertical parfait */
.section-element.nasa-promotion-news .nasa-promotion-close{
  top: 50% !important;
  transform: translateY(-50%) !important;  /* centre verticalement */
  right: 14px !important;
  width: 38px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ===== Mobile phones ===== */
@media (max-width: 480px) {
  :root{
    /* ↓ réduis encore si tu veux un fond plus petit */
    --promo-toggle-size: 24px;     /* largeur/hauteur du fond */
    --promo-toggle-right: calc(76px + env(safe-area-inset-right));
    --promo-toggle-top-closed: 4px;
    --promo-toggle-top-open: 6px;
    --promo-toggle-bg: rgba(0,0,0,.18); /* fond plus clair/transparent */
  }

  /* Flèche (bandeau fermé) */
  .nasa-promotion-show{
    top: var(--promo-toggle-top-closed) !important;
    right: var(--promo-toggle-right) !important;
    width: var(--promo-toggle-size) !important;
    height: var(--promo-toggle-size) !important;
    background: var(--promo-toggle-bg) !important;
    border-radius: 8px 8px 16px 16px !important; /* garde l’arrondi mais plus compact */
    padding: 0 !important;
  }
  .nasa-promotion-show::before{
    background: var(--promo-toggle-bg) !important; /* au cas où le thème utilise ::before */
  }
  .nasa-promotion-show svg{
    width: 14px !important;
    height: 14px !important;
    color: #666 !important;
    fill: #666 !important;
    stroke: #666 !important;
  }

  /* Croix (bandeau ouvert) */
  .section-element.nasa-promotion-news .nasa-promotion-close{
    top: var(--promo-toggle-top-open) !important;
    right: var(--promo-toggle-right) !important;
    width: var(--promo-toggle-size) !important;
    height: var(--promo-toggle-size) !important;
    background: var(--promo-toggle-bg) !important;
    border-radius: 8px 8px 16px 16px !important;
    padding: 0 !important;
  }
  .section-element.nasa-promotion-news .nasa-promotion-close::before{
    background: var(--promo-toggle-bg) !important;
  }
  .section-element.nasa-promotion-news .nasa-promotion-close svg{
    width: 14px !important;
    height: 14px !important;
  }
}

/* ===== Petites tablettes (portrait) ===== */
@media (min-width: 481px) and (max-width: 768px) {
  :root{
    --promo-toggle-size: 26px;
    --promo-toggle-right: calc(84px + env(safe-area-inset-right));
    --promo-toggle-top-closed: 6px;
    --promo-toggle-top-open: 8px;
    --promo-toggle-bg: rgba(0,0,0,.18);
  }

  .nasa-promotion-show,
  .section-element.nasa-promotion-news .nasa-promotion-close{
    width: var(--promo-toggle-size) !important;
    height: var(--promo-toggle-size) !important;
    right: var(--promo-toggle-right) !important;
    background: var(--promo-toggle-bg) !important;
    border-radius: 8px 8px 16px 16px !important;
    padding: 0 !important;
  }
  .nasa-promotion-show{ top: var(--promo-toggle-top-closed) !important; }
  .section-element.nasa-promotion-news .nasa-promotion-close{ top: var(--promo-toggle-top-open) !important; }

  .nasa-promotion-show svg,
  .section-element.nasa-promotion-news .nasa-promotion-close svg{
    width: 14px !important;
    height: 14px !important;
  }
  .nasa-promotion-show svg {
    color: #666 !important;
    fill: #666 !important;
    stroke: #666 !important;
  }
}
.dlb-search-overlay {
	top: 0 !important;
}