/*
Theme Name: Shoptimizer Child
Theme URI: https://commercegurus.com/product/shoptimizer/
Description: Child theme for Shoptimizer
Author: Votre Nom
Template: shoptimizer
Version: 1.0.0
*/

/* Ajoutez vos styles CSS personnalisés ci-dessous */

/*
 * Méga-menu full-width : titres de colonne homogènes.
 * Shoptimizer : breakpoint desktop = 993px ; titres wrappés dans <a><span>...</span></a>.
 * Sélecteurs alignés sur le thème : li.full-width (racine méga) > .sub-menu-wrapper > … > ul.sub-menu > li
 */
@media (min-width: 993px) {
  body:not(.mobile-toggled)
    .main-navigation
    ul
    li.full-width
    > .sub-menu-wrapper
    > .container
    > ul.sub-menu
    > li.heading {
    padding-top: 0 !important;
  }

  /* Lien + span (wp_nav_menu link_before / link_after) */
  body:not(.mobile-toggled)
    .main-navigation
    ul
    li.full-width
    > .sub-menu-wrapper
    > .container
    > ul.sub-menu
    > li
    > a.sub-menu-link.cg-menu-link,
  body:not(.mobile-toggled)
    .main-navigation
    ul
    li.full-width
    > .sub-menu-wrapper
    > .container
    > ul.sub-menu
    > li
    > a.sub-menu-link.cg-menu-link
    span {
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
  }

  /* Variante si l’ordre des classes diffère sur le serveur */
  body:not(.mobile-toggled)
    #site-navigation.main-navigation
    li.menu-item-has-children.full-width
    > .sub-menu-wrapper
    > .container
    > ul.sub-menu
    > li
    > a.cg-menu-link.sub-menu-link
    span {
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
  }
}

/* Les styles pour les descriptions de catégories sont gérés par le plugin woocommerce-shop-builder */

@media (min-width: 993px) {
  body:not(.header-4).sticky-d.single-product .col-full-nav {
    position: relative;
    z-index: inherit;
    top: inherit;
  }
}

.reset_variations {
  display: none !important;
}

@media (min-width: 768px) {
  .product-details-wrapper {
    overflow: visible !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 30px;
  }

  #commercegurus-pdp-gallery-wrapper {
    float: none !important;
    position: sticky !important;
    top: 100px;
  }

  .summary.entry-summary {
    float: none !important;
  }
}