/*
Theme Name: Tech AI SaaS (Tailwind v4)
Theme URI: https://example.com/tech-ai-saas
Author: Fred Nax
Author URI: https://www.naxialis.com
Description: Thème WordPress moderne secteur Tech/IA/SaaS avec Tailwind CSS v4 (build local), Dark Mode, Glassmorphism et Minimalisme.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: tech-ai-saas
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

html {
  scroll-behavior: smooth;
}


:root {
  --main-color: #66cc99;
  --product-link-color : #454545;
  
}
img, video {
    height: 100% ;
    max-width: 100%;
    margin-top: 0;
}

#btn-product-ph a:hover {
  background: #fff !important;
  border: solid 1px #1ba39c ;
  color: #1ba39c;
}
.site-main {

}
small { font-size: 11px;}

/*hero*/
.micro-hero h2 {
  font-weight: 400 !important;
}
/*Slide*/
.fade-el,
.slide-el {
  opacity: 0;
  transform: translateY(10px);
  transition: all .7s ease;
}

.slide-el {
  transform: translateY(20px);
}

.show.fade-el,
.show.slide-el {
  opacity: 1;
  transform: translateY(0);
}
#row-full{
 width: 100vw;
 position: relative;
 margin-left: -50vw;
 margin-top: 0;
 left: 50%;
}

.swiper-wrapper img {
  margin: 0 !important;
}
.swiper-wrapper h2 {
  margin-top: 0 !important;
}

.swiper-wrapper a {
  background-color: var(--main-color);
  color: #fff !important;
  font-size: 18px;
  border-radius: 50px;
}
.swiper-wrapper a:hover {
  background-color: #fff;
  color: var(--product-link-color) !important;
  font-size: 18px;
  border-radius: 50px;
}

.rdv-btn {
    background-color: var(--main-color);
    border-radius: 40px;
}
.rdv-btn a {
  color: #fff;
}


/*Woocommerce*/
.woocommerce ul.products li.product img {
    height: 100% ;
    width: auto ;
  
}
.woocommerce img, .woocommerce-page img {
    height: 100% ;
    width: auto;
}
.woocommerce h6 {
  margin-top: 0 !important;
}
.woocommerce h5 {
  margin-top: 0 !important;
}
.woocommerce-products-header__title {

  display: none;
}
.page-description {
  margin: 40px 0 40px 0;
}
.page-description p {
  margin: 0 0 0.5em 0;
}
.page-description h2 {
  font-size: 19px;
}
.page-description h2::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin: 10px 0 15px;
    background: black;
}
.woocommerce .woocommerce-result-count {
  margin: 0;
}
.woocommerce-result-count { font-weight: 600;}
.filter-bar {
  background: var(--main-color);
    padding: 0.5em;
    border-radius: 5px;
}
.bg-pharmacie {
   background: var(--main-color);
}
.woocommerce .woocommerce-breadcrumb {
  margin: 30px 0 20px 0;
}
.price-recommended {
  text-decoration: line-through;
}
.single-product .product_meta {
  display: none;
}
.tags-product {
  font-size: 10px;
}
/* Conteneur image WooCommerce */
.woocommerce-product-gallery {
    text-align: center !important;
    display: block !important;
}

/* Wrapper */
.woocommerce-product-gallery__wrapper {
    display: flex !important;
    justify-content: center !important;
}

/* Image seule */
.woocommerce-product-gallery__image img {
    max-width: 100%;
    height: auto;
    margin-left: auto !important;
    margin-right: auto !important;
}
.product_title { font-size: 28px; font-weight: 700;}
#product-breadcrumb {
    width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw); /* casse le container */
  margin-right: calc(50% - 50vw);
}
#product-breadcrumb {
  padding: 10px;background: var(--main-color);
}
#product-breadcrumb li {
  color: #fff !important;
}
#product-breadcrumb li a:hover {
  color: #fff !important;
}
#product-breadcrumb li svg {
  color: #fff !important;
}
#product-breadcrumb ol {
  margin: 0; padding-bottom: 0;
}

/* --- Mise en forme du contenu produit --- */
.product h2 {
    font-size: 1.6rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    color: #333; /* Bleu pharmacie Tristan Bernard */
    font-weight: 700;
    line-height: 1.3;
}

.product p {
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 1rem;
    color: #333;
}


/* --- Liste bullet propre --- */
.product  ul {
    margin: 1rem 0 1.5rem;
    padding-left: 1.2rem;
}

.product ul li {
    position: relative;
    margin-bottom: 0.6rem;
    padding-left: 0.5rem;
    line-height: 1.6;
    color: #444;
}

/* --- Puce personnalisée --- */
.product ul li::before {
    content: "•";
    position: absolute;
    left: -1rem;
    top: 0;
    color: #03c9a9; /* Ta couleur principale */
    font-size: 1.2rem;
}

/* --- Accent sur les mots importants --- */
.product strong {
    color: var(--main-color);
}

.cards-texte img {
  margin-top: 0 !important;
}

/* Bloc colonnes "test-gaz" : contenu reste dans le container */
.test-gaz{
  position: relative;
  z-index: 0;
  background: transparent !important; /* on retire le background du bloc */
}

/* Fond pleine largeur derrière */
.test-gaz::before{
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;

  /* même couleur que Gutenberg (fallback si besoin) */
  background: #66cc99;

  z-index: -1;
}

/* optionnel : un peu d’air sur les côtés si besoin */
.test-gaz{
  padding-left: 24px;
  padding-right: 24px;
}

/* Pleine largeur uniquement pour le bloc qui a la classe .full-4p */
.full-4p{
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}