.elementor-kit-98{--e-global-color-primary:#313131;--e-global-color-secondary:#FF4D6D;--e-global-color-text:#F5F5F5;--e-global-color-accent:#FF4D6D;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#1A1A1A;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.stock {display: none !important;}
.content {margin-right:2em;}
.woocommerce-products-header{padding:0 !important;}
.summary {width: 49.5% !important;
    float: left !important;} 
    @media (max-width:960px){
        .summary {width: 80% !important;
    margin-left:9%; !important;} 
    }
.alie-dd{position:fixed;z-index:99999;display:none;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 25px rgba(0,0,0,.08);border-radius:10px;overflow:auto;max-height:60vh}
.alie-item{display:grid;grid-template-columns:48px 1fr auto;gap:12px;padding:10px 12px;align-items:center;text-decoration:none;color:inherit}
.alie-item:hover{background:#f7f7f9}
.alie-item img{width:48px;height:64px;object-fit:cover;border-radius:6px;background:#eee}
.alie-title{font-weight:600;line-height:1.2}
.alie-sub{font-size:12px;color:#666}
.alie-badge{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid #ddd}
.alie-badge.in{background:#eaffea;border-color:#b7e4b7;color:#237a23}
.alie-badge.remote{background:#f2f2f2;color:#555}
.alie-empty{padding:12px;color:#777}

/* loader */
.alie-loading{display:flex;align-items:center;gap:10px;padding:12px}
.alie-spinner{width:16px;height:16px;border:2px solid #ddd;border-top-color:#888;border-radius:50%;animation:alie-spin .8s linear infinite}
@keyframes alie-spin{to{transform:rotate(360deg)}}


/* ===== Focus bouton Elementor (accessibilité, charte) ===== */
.elementor-button:focus{
  outline: none !important;
  box-shadow: 0 0 0 2px #ff8fa3 !important;
}

/* ===== Colonne paiement express (Google/Apple Pay) ===== */
.wcpay-express-checkout-wrapper{ width:30%; margin-top:-1.4em !important; }

/* ===== En-têtes & métas produit ===== */
.product_title{ color:#fff; }
.woocommerce-product-gallery__trigger{ display:none !important; }

.tagged_as, .posted_in{ display:none !important; }
p.price{ margin-bottom:1px !important; }

/* Image produit (si tu veux centrer/contraindre) */
.wp-post-image{ width:70%; margin-left:20% !important; }

/* ===== Onglets Woo : cacher le menu, garder les panneaux ===== */
.tabs{ display:none !important; }
#tab-description{ display:none !important; } /* on masque totalement "Description" */
#tab-description > h2:first-child,
#tab-additional_information > h2:first-child{ display:none; }
#tab-additional_information{display: block !important;margin-right: 1% !important;
  width: 47% !important;}
#tab-reviews{display: block !important;margin-right: 1% !important;
  width: 47% !important;}

/* ===== Résumé (Colibri) – wrapper commun, no doublon ===== */
.lr-resume-iframe{
  width:100%;
  text-align:justify;
}
.lr-resume-iframe p{
  margin:0;
  text-align:justify;
}
/* Si le shortcode renvoie un bloc .lr-resume (cas proxy) */
.lr-resume{ display:block; width:80%; margin-left:10%; }

/* ===== Layout 2 colonnes uniquement si .lr-has-resume est présent ===== */
.single-product .product.lr-has-resume{
  display:grid;
  grid-template-columns:minmax(280px,520px) 1fr; /* image / colonne droite */
  gap:28px;
  align-items:start;
}
.single-product .product.lr-has-resume .woocommerce-product-gallery{ margin:0; }
.single-product .product.lr-has-resume .summary.entry-summary{ margin:0; }
/* Bloc résumé (après le panier) */
.lr-resume-iframe{ margin-top:14px; }

/* Les blocs sous la zone summary doivent prendre toute la largeur */
.single-product .product.lr-has-resume ~ .woocommerce-tabs,
.single-product .product.lr-has-resume + .woocommerce-tabs,
.single-product .product.lr-has-resume ~ section.related.products,
.single-product .product.lr-has-resume + section.related.products{
  grid-column:1 / -1;
}

/* Responsive : empile sur mobile/tablette */
@media (max-width:960px){
  .single-product .product.lr-has-resume{ grid-template-columns:1fr; }
}

/* ===== Sécurité layout : “dé-gride” les frères au cas où ===== */
.single-product #main,
.single-product #main > .product,
.single-product #main > .woocommerce-tabs,
.single-product #main > section.related.products,
.single-product #main > .upsells.products{
  display:block !important;
  grid-column:auto !important;
  grid-row:auto !important;
}

/* ===== Avis & Infos complémentaires côte à côte (plein largeur) ===== */
/* Variante Storefront full width (garde ton hack mais clarifie) */
.storefront-full-width-content .woocommerce-tabs .panel{
  display:inline-block;
  width:48% !important;
  margin-right:2% !important;
  vertical-align:top;
}
.storefront-full-width-content .woocommerce-tabs .panel:last-of-type{
  margin-right:0 !important;
}

/* ===== Habillage charte des panneaux (avis + infos) avec dégradé ===== */
.single-product .woocommerce-tabs .panel{
  /* Dégradé doux + halos charte */
  background:
    radial-gradient(120% 140% at 85% 10%, rgba(255,77,109,.18), rgba(160,108,213,.12) 35%, transparent 60%),
    radial-gradient(120% 140% at 15% 90%, rgba(160,108,213,.18), rgba(255,77,109,.10) 45%, transparent 70%),
    linear-gradient(135deg, #1d1d25, #17171e);
  border:1px solid #23232b;
  border-radius:16px;
  padding:16px;
  color:var(--text, #f5f7fb);
  box-shadow:0 10px 30px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06);
  animation: lr-panels-shine 12s ease-in-out infinite alternate;
}
@keyframes lr-panels-shine{
  0%{ background-position:0% 0%, 0% 100%, 0% 0%; }
  100%{ background-position:100% 0%, 100% 100%, 100% 0%; }
}

/* Tables d'infos complémentaires (fond neutre, pas de zebra intrusif) */
table.shop_attributes:not(.has-background) th,
table.shop_attributes:not(.has-background) tbody td,
table.shop_attributes:not(.has-background) tbody tr:nth-child(2n) td,
fieldset, fieldset legend{
  background-color: #0000 !important; /* transparent */
}

/* ===== Cartes “Produits complémentaires” (si tu utilises la section custom) ===== */
.lr-section{ margin-top:32px; }
.lr-section__title{
  margin:0 0 12px 0;
  color:var(--text,#f5f7fb);
  font-size:1.2rem;
  font-weight:700;
}
.lr-complementary .woocommerce ul.products li.product{
  background:var(--card,#17171e);
  border:1px solid #23232b;
  border-radius:16px;
  padding:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
  overflow:hidden;
}
.lr-complementary .woocommerce ul.products li.product a img{
  border-radius:12px;
  background:#222;
  object-fit:contain; /* jaquette entière */
}
.lr-complementary .woocommerce ul.products li.product .woocommerce-loop-product__title{
  color:var(--text,#f5f7fb);
  font-size:15px;
  margin:10px 0 4px;
}
.lr-complementary .woocommerce ul.products li.product .price{
  color:#d4af37;
  font-weight:600;
  margin-bottom:6px;
}
.lr-complementary .woocommerce a.button{
  display:inline-block;
  width:100%;
  text-align:center;
  border-radius:12px;
  border:1px solid #2a2a34;
  background:#13131a;
  color:var(--text,#f5f7fb);
  padding:10px 14px;
}
.lr-complementary .woocommerce ul.products li.product .button.add_to_cart_button,
.button{
  background:linear-gradient(135deg, var(--accent,#ff4d6d), var(--accent-2,#a06cd5));
  color:#111;
  border-color:rgba(212,175,55,.35);
  border-radius:12px;
}

/* Responsive grilles cartes complémentaires */
@media (max-width:1024px){
  .lr-complementary .woocommerce ul.products{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}
@media (max-width:540px){
  .lr-complementary .woocommerce ul.products{
    grid-template-columns:1fr !important;
  }
}

/* Divers */
div.quantity{ display:none !important; }
.entry-header, .entry-taxonomy{ display:none !important; }
.woocommerce-info, .woocommerce-noreviews, p.no-comments{
  background-color:#0000 !important;
}
.storefront-full-width-content.single-product div.product .summary {margin-bottom:0 !important;}
.woocommerce-loop-product__title{color: white !important;}

/* Style générique des listes déroulantes */
select {
  appearance: none;              /* supprime le style natif du navigateur */
  -webkit-appearance: none;
  -moz-appearance: none;

  background: #17171e;           /* fond sombre (comme tes cards) */
  border: 1px solid #23232b;     /* bordure discrète */
  border-radius: 12px;           /* coins arrondis */
  padding: 10px 40px 10px 14px;  /* espace interne (place pour la flèche à droite) */
  color: var(--text, #f5f7fb);   /* texte clair */
  font-size: 15px;
  font-family: inherit;
  cursor: pointer;
  outline: none;
  box-shadow: 0 4px 10px rgba(0,0,0,.25);
  transition: border 0.2s, box-shadow 0.2s;
  width: 100%;                   /* prend toute la largeur dispo */
}

/* Hover & focus */
select:hover,
select:focus {
  border-color: #ff4d6d; /* rose de ta charte */
  box-shadow: 0 0 0 2px rgba(255,77,109,.35);
}

/* Flèche personnalisée */
select {
  background-image: linear-gradient(135deg, var(--accent, #ff4d6d), var(--accent-2, #a06cd5));
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: right 12px center;
  background-clip: padding-box;
}

/* Options dans la liste */
select option {
  background: #17171e; 
  color: var(--text, #f5f7fb);
  padding: 10px;
}
.woocommerce-result-count{display: none !important;}
/* Désactiver le zoom au survol sur l'image produit */
.woocommerce-product-gallery__wrapper .zoomImg,
.woocommerce-product-gallery__image img {
  transform: none !important;
  transition: none !important;
  cursor: default !important;
}

/* Sur mobile : panneaux en pleine largeur empilés */
@media (max-width: 768px) {
  .storefront-full-width-content .woocommerce-tabs .panel {
    display: block !important;
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 20px; /* petit espace entre les deux */
  }
}
.wc-block-components-express-payment__title-container {display: none !important;}
.wc-block-components-express-payment-continue-rule {display: none !important;}
#contact-fields > div:nth-child(3) > p:nth-child(1) {display: none !important;}
.wc-block-components-form .wc-block-components-checkout-step {margin-bottom:0 !important;}
#order-notes {display: none !important;}
.wc-block-components-title {color:white !important;}
#shipping-fields > div:nth-child(3) > p:nth-child(1) {display: none !important;}
#post-11 > div > div.wp-block-woocommerce-cart.alignwide > div:nth-child(4) > div > div > div.wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block > div.wp-block-woocommerce-cart-order-summary-block > div:nth-child(4) > div > div.wc-block-components-totals-item__description {display: none !important;}
#post-13 > div > div.woocommerce > h2 {color:white !important;}
#post-13 > div > div.woocommerce > form {    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

#payment-method > div.wc-block-components-checkout-step__container > div > div.wc-block-components-radio-control.wc-block-components-radio-control--highlight-checked.wc-block-components-radio-control--highlight-checked--first-selected > div:nth-child(2) {display: none !important;}

#product-303 > div.summary.entry-summary > div.ppcp-messages {display: none !important;}

#product-303 > div.summary.entry-summary > div.ppc-button-wrapper
 {display: none !important;}


/* Bouton "Modifier le panier" fixe en haut à gauche */
.btn-modifier-panier{
  position: absolute;
  left: 12px;
  top: 160px;
  z-index: 9999;
  display: inline-block;
  padding: 8px 12px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  border: 1px solid rgba(255,255,255,.25);
  backdrop-filter: blur(6px);
  background: rgba(0,0,0,.55);
  color: #fff;
}
.btn-modifier-panier:hover,
.btn-modifier-panier:focus{
  background: rgba(0,0,0,.8);
  outline: none;
}
@media screen and (max-width: 768px) {
  .btn-modifier-panier {
    top: 560px !important;
    left: 12px;
  }
}

/* ===== Landing produit centrée ===== */
.lr-lp{
  --text:#f5f7fb;
  --gold:#d4af37;
  --accent:#ff4d6d;
  --accent2:#a06cd5;
  text-align:center;
  padding: 20px 0 40px;
  color:var(--text);
}
.lr-lp__wrap{ max-width:700px; margin:0 auto; }

/* Image couverture : centrée, ombre, taille contenue */
.lr-lp__cover{ margin:0 auto 18px; }
.lr-lp__img{
  max-width:200px;     /* <<< taille max réduite */
  width:70%;
  height:auto;
  border-radius:12px;
  box-shadow:0 20px 40px rgba(0,0,0,.35);
  display:block;
  margin:0 auto;
}

/* Titre */
.lr-lp__title{
  margin:10px 0 6px;
  font-size:1.8rem;
  line-height:1.2;
}

/* Prix */
.lr-lp__price{
  color:var(--gold);
  font-weight:700;
  font-size:1.3rem;
  margin:6px 0 16px;
}

/* Bouton commander */
.lr-lp__cta .button,
.lr-lp__cta .single_add_to_cart_button{
  background:linear-gradient(135deg, var(--accent), var(--accent2));
  color:#111;
  border-radius:12px;
  border:1px solid rgba(212,175,55,.35);
  padding:.9rem 1.6rem;
  font-weight:700;
  font-size:1rem;
  box-shadow:0 10px 24px rgba(255,77,109,.24);
}
.lr-lp__cta .button:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(255,77,109,.32);
}

/* Résumé : 80% largeur, blanc, gros, justifié */
.lr-lp__resume{
  width:100%;
  margin:30px auto 0;
  text-align:justify;
  font-size:1.15rem;
  line-height:1.6;
  color:#fff;
}
.lr-lp__resume p{ margin:0 0 1rem; }

/* Responsive */
@media(max-width:560px){
  .lr-lp__img{ max-width:220px; }
  .lr-lp__resume{ width:90%; font-size:1rem; }
}
/* Conteneur général */
.guaven_woos_final_results {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  font-family: 'Segoe UI', Tahoma, sans-serif;

  /* Empêche toute scrollbar */
  overflow: visible;
}

/* Chaque ligne de résultat */
.guaven_woos_suggestion_list {
  border-bottom: 1px solid #eee;
  transition: background 0.2s ease, transform 0.1s ease;
  overflow: visible; /* jamais de scroll interne */
}

.guaven_woos_suggestion_list:last-child {
  border-bottom: none;
}

/* Lien global cliquable */
.guaven_woos_suggestion_list a {
  display: flex;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  color: #333;
}

/* Image */
.guaven_woos_img {
  width: 50px;
  height: auto;
  border-radius: 4px;
  margin-right: 12px;
  flex-shrink: 0;
}

/* Zone titre + prix */
.guaven_woos_titlediv {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  line-height: 1.3;
  flex-grow: 1;
}

/* Titre */
.guaven_woos_titlediv span {
  font-weight: 500;
  color: #222;
}

/* SKU masqué (si besoin garder discret) */
.woos_sku {
  font-size: 12px;
  color: #999;
  margin-left: 5px;
}

/* Prix */
.guaven_woos_titlediv small {
  margin-top: 4px;
  color: #444;
  font-size: 14px;
  font-weight: 600;
}

/* Hover effet */
.guaven_woos_suggestion_list:hover {
  background: #f9f9f9;
  transform: translateX(2px);
}

/* Bouton "Voir plus" */
.guaven_woos_showallli {
  text-align: center;
  padding: 10px;
  background: #fafafa;
}

.guaven_woos_showallli a {
  color: #a33; /* couleur d’accent (ex. rouge bordeaux de librairie) */
  font-weight: 600;
  text-decoration: none;
}

.guaven_woos_showallli a:hover {
  text-decoration: underline;
}
.guaven_woos_suggestion_list {min-height: 82px !important;}
.ppc-button-wrapper { display: none !important;}
.ppcp-messages { display: none !important;}

@media screen and (max-width: 768px) {
  #tab-additional_information {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
#tab-reviews {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    display: block !important;
  }
}
/* 1) S'assurer que rien ne coupe le dropdown */
.site-header, header, .site-branding, .primary-navigation, .main-navigation, nav {
  overflow: visible !important;
  z-index: 9999;
}

/* 2) Cas "menu classique" (ul.menu / .sub-menu) */
nav ul li.menu-item-has-children { position: relative; }
nav ul li .sub-menu {
  position: absolute;
  left: 0; top: 100%;
  min-width: 220px;
  display: none;
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 6px 20px rgba(0,0,0,.08);
  z-index: 99999;
}
nav ul li:hover > .sub-menu,
nav ul li:focus-within > .sub-menu { display: block; }

/* 3) Cas "Block Theme" (wp-block-navigation) */
.wp-block-navigation .wp-block-navigation__submenu-container {
  position: absolute;
  left: 0; top: 100%;
  min-width: 220px;
  display: none;
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 6px 20px rgba(0,0,0,.08);
  z-index: 99999;
}
.wp-block-navigation-item { position: relative; }
.wp-block-navigation-item:hover > .wp-block-navigation__submenu-container,
.wp-block-navigation-item:focus-within > .wp-block-navigation__submenu-container {
  display: block;
}

/* 4) Liens du sous-menu */
nav .sub-menu a,
.wp-block-navigation__submenu-container a {
  display: block;
  white-space: nowrap;
  padding: 10px 14px;
}

/* 5) Mobile : les sous-menus doivent "pousser" le panneau
   (on évite l'absolu + on cache par défaut) */
@media (max-width: 768px) {
  nav ul li .sub-menu,
  .wp-block-navigation .wp-block-navigation__submenu-container {
    position: static;
    display: none;
    box-shadow: none; border: 0;
  }
  /* Ouvre quand le parent reçoit une classe d'état */
  .menu-item-has-children.submenu-open > .sub-menu { display: block; }
  .wp-block-navigation-item.submenu-open > .wp-block-navigation__submenu-container { display: block; }

  /* Petite flèche indicatrice (optionnel) */
  .menu-item-has-children > a::after,
  .wp-block-navigation-item.has-child > a::after {
    content: "▾"; margin-left: .4em; font-size: .9em;
  }
}
/* ✦ Styles du bloc Apolina — scope limité aux classes apolina-* */
.apolina-card{
  position:relative;
  padding:14px 16px;
  border-radius:16px;
  color:var(--text, #f5f7fb);
  background:
    radial-gradient(120% 140% at 85% 10%, rgba(255,77,109,.18), rgba(160,108,213,.12) 35%, transparent 60%),
    radial-gradient(120% 140% at 15% 90%, rgba(160,108,213,.18), rgba(255,77,109,.10) 45%, transparent 70%),
    linear-gradient(135deg, #1d1d25, #17171e);
  border:1px solid #23232b;
  box-shadow:0 12px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
  isolation:isolate;
  animation: apolina-shine 12s ease-in-out infinite alternate;
}
@keyframes apolina-shine{
  0%   { background-position:0% 0%, 0% 100%, 0% 0%; }
  100% { background-position:100% 0%, 100% 100%, 100% 0%; }
}

.apolina-card__head{ display:flex; flex-direction:column; gap:6px; }
.apolina-badge{
  align-self:flex-start;
  padding:4px 10px;
  border-radius:999px;
  background:linear-gradient(135deg, var(--accent,#ff4d6d), var(--accent-2,#a06cd5));
  color:#111;
  font-weight:700;
  font-size:12px;
  border:1px solid rgba(212,175,55,.35);
}
.apolina-title{
  margin:0;
  font-size:1.05rem;
  line-height:1.25;
  color:var(--text,#f5f7fb);
  letter-spacing:.2px;
}

.apolina-socials{
  display:flex; align-items:center; gap:8px;
  font-size:.9rem;
}
.apolina-socials a{
  color:#ffb7c4; /* rose doux lisible */
  text-decoration:none;
  border-bottom:1px dashed rgba(255,183,196,.45);
  transition:opacity .15s ease, border-color .15s ease;
}
.apolina-socials a:hover{ opacity:.9; border-color:rgba(255,183,196,.8); }
.apolina-socials .dot{ opacity:.6; color:var(--text,#f5f7fb); }

.apolina-specs{
  display:flex; flex-wrap:wrap; gap:8px;
  margin:10px 0 6px; padding:0; list-style:none;
}
.apolina-specs li{
  padding:6px 10px;
  background:#13131a;
  border:1px solid #2a2a34;
  border-radius:999px;
  font-size:.85rem;
  color:var(--text,#f5f7fb);
}

.apolina-note{
  margin:4px 0 0;
  color:var(--text,#f5f7fb);
  opacity:.95;
  font-size:.95rem;
  text-wrap:pretty;
}

/* Responsive léger */
@media (max-width:560px){
  .apolina-title{ font-size:1rem; }
  .apolina-note{ font-size:.92rem; }
}
/* ============================
   Page Résultats — Alie Search
   (scopé pour ne pas impacter le reste)
   ============================ */
#alie-results-wrap{
  --bg:#17171e;
  --panel:#1d1d25;
  --border:#23232b;
  --text:#f5f7fb;
  --muted:#9aa2b1;
  --accent:#ff4d6d;
  --accent2:#a06cd5;
  --gold:#d4af37;
  color:var(--text);
}

/* Barre de recherche */
#alie-results-wrap #alie-results-head{
  display:flex; gap:10px; align-items:center;
  margin:14px 0 18px;
}
#alie-results-wrap #alie-q{
  flex:1;
  background:#13131a;
  color:var(--text);
  border:1px solid var(--border);
  border-radius:12px;
  padding:.8rem 1rem;
  box-shadow:0 6px 18px rgba(0,0,0,.25);
}
#alie-results-wrap #alie-q::placeholder{ color:#7e8798; }
#alie-results-wrap #alie-btn{
  border-radius:12px;
  border:1px solid rgba(212,175,55,.35);
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  color:#111; font-weight:700;
  padding:.8rem 1.2rem;
  box-shadow:0 10px 24px rgba(255,77,109,.24);
}
#alie-results-wrap #alie-btn:hover{ transform:translateY(-1px); }

/* Grille de résultats */
#alie-results-wrap .alie-list{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:14px;
}
@media (max-width:1200px){ #alie-results-wrap .alie-list{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:820px){  #alie-results-wrap .alie-list{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:540px){  #alie-results-wrap .alie-list{ grid-template-columns:1fr; } }

/* Cartes */
#alie-results-wrap .alie-card{
  display:flex; gap:12px; align-items:flex-start;
  padding:12px;
  border-radius:16px;
  border:1px solid var(--border);
  background:
    radial-gradient(120% 140% at 85% 10%, rgba(255,77,109,.18), rgba(160,108,213,.12) 35%, transparent 60%),
    radial-gradient(120% 140% at 15% 90%, rgba(160,108,213,.18), rgba(255,77,109,.10) 45%, transparent 70%),
    linear-gradient(135deg, var(--panel), #17171e);
  box-shadow:0 12px 36px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
  text-decoration:none; color:inherit;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
#alie-results-wrap .alie-card:hover{
  transform:translateY(-2px);
  border-color:#2b2b35;
  box-shadow:0 16px 44px rgba(0,0,0,.34);
}

/* Lien (image + textes) */
#alie-results-wrap .alie-card .alie-card-link{
  display:flex; gap:12px; flex:1; text-decoration:none; color:inherit;
}
#alie-results-wrap .alie-card img{
  width:70px; height:95px; object-fit:cover;
  border-radius:10px; background:#222;
  box-shadow:0 6px 14px rgba(0,0,0,.25);
}
#alie-results-wrap .alie-title{ font-weight:700; line-height:1.25; margin:0 0 4px; }
#alie-results-wrap .alie-sub{ font-size:12px; color:var(--muted); }

/* Badge dispo */
#alie-results-wrap .alie-chip{
  display:inline-block;
  margin-top:6px;
  font-size:11px;
  padding:3px 8px;
  border-radius:999px;
  border:1px solid #2a2a34;
  background:#13131a; color:#dfe3ea;
}
#alie-results-wrap .alie-chip.in{
  background:#eaffea; border-color:#b7e4b7; color:#237a23;
}
#alie-results-wrap .alie-chip.remote{
  background:#f2f2f2; color:#555;
}

/* Bouton “Ajouter au panier” dans la carte */
#alie-results-wrap .alie-card .button{
  white-space:nowrap;
  border-radius:12px;
  border:1px solid rgba(212,175,55,.35);
  background:linear-gradient(135deg, var(--accent), var(--accent2));
  color:#111; font-weight:700; padding:.55rem .9rem;
  box-shadow:0 10px 22px rgba(255,77,109,.24);
  text-decoration:none;
}
#alie-results-wrap .alie-card .button:hover{ transform:translateY(-1px); }

/* Pager */
#alie-results-wrap #alie-pager{
  display:flex; align-items:center; justify-content:center; gap:12px;
  margin:18px 0 10px;
}
#alie-results-wrap #alie-pager .button{
  border-radius:12px; padding:.55rem .9rem;
  border:1px solid var(--border);
  background:#13131a; color:var(--text);
}
#alie-results-wrap #alie-info{ color:var(--muted); }

/* États “loader / vide” */
#alie-results-wrap .alie-loading{
  display:flex; align-items:center; gap:10px;
  padding:14px; border:1px dashed #2a2a34; border-radius:12px;
  background:#13131a; color:var(--muted);
}
#alie-results-wrap .alie-spinner{
  width:16px; height:16px; border:2px solid #ddd; border-top-color:#888;
  border-radius:50%; animation:alie-spin .8s linear infinite;
}
@keyframes alie-spin{ to{ transform:rotate(360deg); } }
#alie-results-wrap .alie-empty{
  padding:14px; color:var(--muted);
  border:1px dashed #2a2a34; border-radius:12px; background:#13131a;
}
@media (max-width: 820px){
  #alie-results-wrap .alie-list{
    grid-template-columns: 1fr !important;
  }
}
/* ===== Menu mobile pour CE widget uniquement ===== */
@media (max-width: 768px){

  /* 1) cacher l’horizontal de ce widget */
  .alie-mobile-nav .elementor-nav-menu--layout-horizontal{
    display: none !important;
  }

  /* 2) bouton burger de ce widget */
  .alie-mobile-nav .elementor-menu-toggle{
    display: flex !important;
    align-items: center; justify-content: center;
    gap: 10px; width: 100%;
    padding: .8rem 1rem;
    border-radius: 12px;
    border: 1px solid rgba(212,175,55,.35);
    background: linear-gradient(135deg, #ff4d6d, #a06cd5);
    color: #111; font-weight: 700;
    box-shadow: 0 10px 24px rgba(255,77,109,.24);
  }
  .alie-mobile-nav .elementor-menu-toggle[aria-expanded="true"]{
    box-shadow: 0 12px 28px rgba(255,77,109,.32);
    transform: translateY(-1px);
  }

  /* 3) dropdown de ce widget : fermé par défaut */
  .alie-mobile-nav nav.elementor-nav-menu--dropdown{
    display: none !important;
    width:100%;
    margin-top:10px; padding:8px;
    border-radius:16px;
    border:1px solid #23232b;
    background:
      radial-gradient(120% 140% at 85% 10%, rgba(255,77,109,.18), rgba(160,108,213,.12) 35%, transparent 60%),
      radial-gradient(120% 140% at 15% 90%, rgba(160,108,213,.18), rgba(255,77,109,.10) 45%, transparent 70%),
      linear-gradient(135deg, #1d1d25, #17171e);
    box-shadow:0 12px 36px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
    color:#f5f7fb;
  }

  /* 4) ouverture quand le burger de CE widget est “expanded/active” */
  .alie-mobile-nav .elementor-menu-toggle[aria-expanded="true"] + nav.elementor-nav-menu--dropdown,
  .alie-mobile-nav .elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown{
    display: block !important;
  }

  /* 5) items & sous-menus (accordéon) */
  .alie-mobile-nav nav.elementor-nav-menu--dropdown .elementor-nav-menu{
    list-style:none; margin:0; padding:6px;
  }
  .alie-mobile-nav nav.elementor-nav-menu--dropdown .elementor-nav-menu > li{
    border-bottom:1px solid #2a2a34;
  }
  .alie-mobile-nav nav.elementor-nav-menu--dropdown .elementor-nav-menu > li:last-child{
    border-bottom:none;
  }
  .alie-mobile-nav nav.elementor-nav-menu--dropdown .elementor-nav-menu > li > a.elementor-item{
    display:flex; align-items:center; justify-content:space-between;
    gap:10px; padding:12px 14px; color:#f5f7fb; text-decoration:none;
  }
  .alie-mobile-nav .elementor-nav-menu--dropdown .menu-item-has-children > a.elementor-item::after{
    content:"▾"; margin-left:8px; font-size:12px; opacity:.8;
  }
  .alie-mobile-nav .elementor-nav-menu--dropdown .sub-menu{
    max-height:0; overflow:hidden; opacity:0;
    transition:max-height .28s ease, opacity .28s ease;
    margin:6px 8px 10px 8px; padding:0 6px;
    border-left:2px solid #2a2a34; border-radius:10px; background:#13131a;
  }
  .alie-mobile-nav .elementor-nav-menu--dropdown .menu-item-has-children.submenu-open > .sub-menu{
    max-height:1000px; opacity:1;
  }
}
}/* End custom CSS */