/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
/* Wrapper scrollable */
.plan-table-wrap{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.plan-table-wrap::-webkit-scrollbar{ height:8px; }

/* Le tableau conserve ses colonnes, mais peut scroller dans le wrapper */
.plan-table-wrap .plan-parts{
  min-width: 720px; /* ajuste si besoin (680–800px) */
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid #e5e7eb;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
  font-size:15px;
  table-layout:auto; /* garde l'auto pour éviter les coupures */
}

/* Header sombre, textes blancs (spécificité renforcée) */
body .plan-parts thead th{
  background:#16181d;
  color:#fff;
  font-weight:600;
  padding:.75rem .9rem;
  border-bottom:1px solid #0f1115;
  text-transform:none;
}

/* Cellules + zébrage */
body .plan-parts td{
  padding:.65rem .9rem;
  border-bottom:1px solid #eef1f4;
  vertical-align:middle;
  text-transform:none;
}
.plan-parts tbody tr:nth-child(odd){ background:#ffffff; }
.plan-parts tbody tr:nth-child(even){ background:#f8fafc; }

/* Lien nom produit */
.plan-parts .pp-name{ text-decoration:none; }
.plan-parts .pp-name:hover{ text-decoration:underline; }

/* Prix non coupé */
.plan-parts .pp-price{ white-space:nowrap; }

/* Qté compact */
.plan-parts .pp-qty{
  width:72px;
  max-width:72px;
  padding:.4rem .5rem;
}

/* Colonne bouton */
.plan-parts .pp-btn{ width:1%; white-space:nowrap; }

/* Bouton jaune + icône */
.plan-parts .pp-add.button{
  background:#fed41d !important;
  border-color:#fed41d !important;
  color:#111 !important;
  padding:.5rem;
  border-radius:8px;
  line-height:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  min-height:40px;
}
.plan-parts .pp-add.button:hover{ filter:brightness(0.95); }
.plan-parts .pp-add-ic{ width:20px; height:20px; display:block; }

/* Mobile tweaks */
@media (max-width: 640px){
  .plan-table-wrap .plan-parts{ min-width: 680px; } /* un peu plus compact si tu veux */
  body .plan-parts thead th,
  body .plan-parts td{ padding:.55rem .6rem; }
  .plan-parts .pp-name{ font-size:14px; }
  .plan-parts .pp-qty{ width:60px; max-width:60px; }
  .plan-parts .pp-add.button{ min-width:36px; min-height:36px; }
}

/* Optionnel : si tu veux vraiment forcer l'apparence même si le thème remplace des styles sur mobile */
@media (max-width: 640px){
  .plan-table-wrap, .plan-parts{ all: revert; } /* à utiliser seulement si conflit majeur */
}


/* SHOP = même look que le bloc jaune */
.menu_categorie_jaune > a.woodmart-nav-link, #menu-item-28970 > a.woodmart-nav-link {
    --h: 50px;
    --px: 22px;
    background: #FED41D !important;
    color: #222 !important;
    height: var(--h) !important;
    line-height: var(--h) !important;
    padding: 0 var(--px) !important;
    border-radius: 6px 6px 0px 0px !important;
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    position: relative;
    box-shadow: none !important;
}
.wd-nav>li {
    position: relative;
    align-content: center;
}


/* Le texte hérite bien de la couleur */
.menu_categorie_jaune > a.woodmart-nav-link .nav-link-text {
  color: inherit !important;
}

/* Retirer la barre d’hover Woodmart */
.menu_categorie_jaune > a.woodmart-nav-link:before { 
  display: none !important;
}

/* === 90px d'écart entre le texte et la flèche === */
.menu_categorie_jaune > a.woodmart-nav-link {
  gap: 0 !important;                /* on gère l'écart nous-mêmes */
  padding-right: 22px !important;   /* bord droit du bouton */
}

.menu_categorie_jaune.menu-item-has-children > a.woodmart-nav-link:after {
  position: static !important;      /* la flèche devient un item flex */
  margin-left: 90px !important;     /* << l’écart demandé */
  transform: none !important;       /* plus de translateY */
}


/* Chevron à l’intérieur du bouton Shop seulement */
.menu_categorie_jaune.menu-item-has-children > a.woodmart-nav-link:after {
  content: "\f129";                       /* même glyphe que ton essai */
  font-family: "woodmart-font";
  font-size: 14px;
  line-height: 1;
  color: #222;

  position: absolute;
  right: 14px;                            /* le place à droite du bouton */
  top: 50%;
  transform: translateY(-50%);
  margin: 0;                              /* surtout pas de margin-left global */
}

/* État hover / actif */
.menu_categorie_jaune:hover > a.woodmart-nav-link,
.menu_categorie_jaune.current-menu-item > a.woodmart-nav-link {
  background: #f0cc17 !important;
  color: #222 !important;
}

/* Option : rotation du chevron quand le menu est ouvert */
.menu_categorie_jaune.wd-opened > a.woodmart-nav-link:after {
  transform: translateY(-50%) rotate(180deg);
}

.wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp>.wd-sub-menu>li>a {
    color: #1e1e1e !important;
}