/*
CTC Separate Stylesheet
Updated: 2025-09-23 09:23:17
Theme Name: Retailsy Child
Theme URI: https://sellerthemes.com/retailsy-free
Template: retailsy
Author: Seller Themes
Author URI: https://sellerthemes.com/
Description: Retailsy is the ultimate ecommerce multipurpose WordPress theme for online stores. Whether you're selling clothing, electronics, garments, furniture, gadgets, beauty products & all types of store/website. With Retailsy, you can create a stunning and professional looking online store in just a few clicks, It offers a customizable design, mobile-friendly interface, SEO optimization, Fully WooCommerce integration, one-click demo import, and fast loading times. Try Retailsy to create a stunning online store. Unlock all premium features. Visit Retailsy premium demo. https://preview.sellerthemes.com/pro/retailsy
Tags: one-column,two-columns,right-sidebar,flexible-header,custom-background,custom-colors,custom-header,custom-menu,custom-logo,featured-image-header,featured-images,footer-widgets,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,blog,e-commerce,portfolio,editor-style,grid-layout
Version: 21.4.1758615797
*/

/* Container des widgets après header */
.after-header-widgets {
  display: flex;
  justify-content: space-between;
  gap: 0px;
  padding: 0px 0;
  flex-wrap: nowrap; /* toujours sur une seule ligne */
}

/* Chaque colonne = 1/3 de la largeur */
.after-header-widget-col {
  flex: 1 1 33.33%;
  text-align: center;
}

/* Style interne des widgets */
.after-header-widget {
  background: #FFF; /* couleur de fond optionnelle */
  padding: 8px;
  border-radius: 6px;
  box-sizing: border-box;
}

.before-header-widgets {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff; /* couleur de fond */
  z-index: 9999;       /* reste au-dessus du header */
  display: flex;
  justify-content: center;
  gap: 40px;
  padding: 0px 0px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15); /* petite ombre sous la barre */
  box-sizing: border-box;
  
 }

/* chaque widget à l'intérieur */
.before-header-widgets .widget {
  flex: 1;
  min-width: 0;
}

/* pour éviter que le header soit caché par la barre fixe */
body {
  padding-top: 40px; /* ajuste selon la hauteur réelle de ta barre */
}

.after-header-widgets {
  position: sticky;
  bottom: 0;
  width: 100%;
  background: #fff; /* adapte si besoin */
  z-index: 9999;
}