/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/* ============================================
   SKINOVAA - Custom CSS inspiré de Novaa.fr
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,300&display=swap');

/* --- Typographie globale --- */
body, p, span, div, input, button, select, textarea,
h1, h2, h3, h4, h5, h6, .nav > li > a {
  font-family: 'Poppins', sans-serif !important;
}

/* --- Top Bar noire --- */
.header-top { background-color: #000000 !important; }
.header-top,
.header-top a,
.header-top span,
.header-top p,
.header-top li,
.header-top div { color: #ffffff !important; }
.header-top .nav > li > a { color: #ffffff !important; }
.header-top .nav > li > a:hover { color: #cccccc !important; }

/* --- Header blanc --- */
.header-main { background: #ffffff !important; border-bottom: 1px solid #f0f0f0 !important; }

/* --- Navigation --- */
.nav > li > a {
  font-size: 13px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #1a1a1a !important;
  font-weight: 500 !important;
}
.nav > li > a:hover { color: #555555 !important; }

/* --- Masquer le titre de page --- */
.entry-title, .page-title { display: none !important; }

/* --- Boutons principaux (style novaa.fr) --- */
.button, .button.primary, .button.alt,
.checkout-button, .single_add_to_cart_button,
.add_to_cart_button, .woocommerce-Button,
.btn, input[type="submit"] {
  background-color: #1a1a1a !important;
  border-color: #1a1a1a !important;
  color: #ffffff !important;
  border-radius: 3px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}
.button:hover, .button.primary:hover, .button.alt:hover,
.checkout-button:hover, .single_add_to_cart_button:hover {
  background-color: #333333 !important;
  border-color: #333333 !important;
  color: #ffffff !important;
}

/* --- Bouton outline --- */
.button.outline, .button.secondary {
  background: transparent !important;
  border: 2px solid #1a1a1a !important;
  color: #1a1a1a !important;
}
.button.outline:hover {
  background: #1a1a1a !important;
  color: #ffffff !important;
}

/* --- Prix et badges promo --- */
.price, .price ins, .amount { color: #1a1a1a !important; font-weight: 500 !important; }
del .amount { color: #999999 !important; font-weight: 400 !important; }
.onsale {
  background: #1a1a1a !important;
  color: #ffffff !important;
  border-radius: 3px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* --- Produits (grille) --- */
.woocommerce-loop-product__title, .product-title a {
  font-size: 14px !important;
  color: #1a1a1a !important;
  font-weight: 400 !important;
}
.product-small .box { border: none !important; }

/* --- Liens globaux --- */
a { color: #1a1a1a !important; }
a:hover { color: #555555 !important; text-decoration: none !important; }

/* --- Accordion FAQ --- */
.accordion-item { border-bottom: 1px solid #eeeeee !important; }
.accordion-title { font-size: 15px !important; font-weight: 400 !important; padding: 18px 0 !important; }
.accordion-content { color: #666666 !important; font-size: 14px !important; line-height: 1.7 !important; }

/* --- Footer --- */
.footer-1, #footer { background: #1a1a1a !important; }
.footer-1 *, .footer-1 a { color: #cccccc !important; }
.footer-1 a:hover { color: #ffffff !important; }
.footer-1 .widget-title, .footer-1 h3, .footer-1 h4 { color: #ffffff !important; }
.absolute-footer { background: #111111 !important; color: #888888 !important; }
.absolute-footer a { color: #aaaaaa !important; }

/* --- Section bannière noire (barre d'annonce) --- */
.section.bg-black, [style*="background-color: #000"],
[style*="background-color:#000"], [style*="background: #000"] {
  padding: 10px 0 !important;
}

/* --- Image produit hover --- */
.product-small .box-image:hover img { opacity: 0.9 !important; }

/* --- Catégories --- */
.ux-image-box { border-radius: 4px !important; overflow: hidden !important; }

/* --- Badges de confiance --- */
.trust-item { text-align: center !important; padding: 20px !important; }

/* --- Section hero (slider) --- */
.slider-nav-bullet.active, .slider-nav-bullet:hover { background: #1a1a1a !important; }

/* --- Barre de recherche --- */
.search-form input { border-radius: 3px !important; border-color: #dddddd !important; }

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.nav > li > a { font-size: 14px !important; }
.header-top { font-size: 11px !important; }
}