/*
Theme Name: Sydney Child 02
Theme URI: https://athemes.com/theme/sydney
Template: sydney
Author: aThemes
Author URI: https://athemes.com
Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence. As well as being fully compatible with Elementor, Sydney brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more. Also, Sydney provides all the construction blocks you need to rapidly create an engaging front page. Looking for a quick start with Sydney? With just a few clicks, you can import one of our existing demos (https://athemes.com/sydney-demos/)
Tags: two-columns,right-sidebar,block-styles,custom-colors,custom-background,custom-header,custom-menu,featured-images,sticky-post,theme-options,threaded-comments,translation-ready
Version: 2.59.1760432905
Updated: 2025-10-14 09:08:25

*/

/* ============================================
   VARIABLES GLOBALES
   ============================================ */
:root {
  --primary-color: #076633;
  --primary-hover: #076633;
  --text-white: #ffffff;
  --text-black: #000000;
  --header-h-desktop: 110px;
  --header-h-tablet: 100px;
  --header-h-mobile: 90px;
}

/* ============================================
   TYPOGRAPHIE
   ============================================ */
h1, h2, h3, h4, h5, h6, .site-title {
  font-weight: 400;
}

#mainnav ul li a {
  color: #00102e !important;
  font-weight: 400;
}

/* ============================================
   HEADER STICKY (tous écrans)
   ============================================ */
#masthead,
.site-header,
.elementor-location-header {
  position: sticky;
  top: 0;
  z-index: 9999;
  background: var(--text-white);
  backface-visibility: hidden;
  transform: none !important;
}

/* Tablette & Mobile : header fixe */
@media (max-width: 1024px) {
  #masthead,
  .site-header,
  .elementor-location-header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99999;
  }
  body {
    padding-top: var(--header-h-tablet);
  }
}

@media (max-width: 767px) {
  body {
    padding-top: var(--header-h-mobile);
  }
}

/* Barre admin WordPress */
.admin-bar #masthead,
.admin-bar .site-header,
.admin-bar .elementor-location-header {
  top: 32px;
}

@media (max-width: 782px) {
  .admin-bar #masthead,
  .admin-bar .site-header,
  .admin-bar .elementor-location-header {
    top: 46px;
  }
  .admin-bar body {
    padding-top: calc(var(--header-h-mobile) + 46px);
  }
}

/* ============================================
   ELEMENTOR - HERO & LAYOUT
   ============================================ */
.hero-area {
  overflow: hidden !important;
}

.elementor-button-icon svg {
  width: 30px;
}

@media (min-width: 991px) {
  .stretch-left .elementor-widget-container {
    margin-left: calc((100vw - 1140px) / -2);
  }
  
  .hero-image .elementor-widget-container {
    margin-right: calc((100vw - 1060px) / -2);
    min-height: 700px;
  }
  
  .hero-image img {
    min-height: 700px;
    object-fit: cover;
  }
}

/* ============================================
   WOOCOMMERCE - BOUTONS GLOBAUX
   ============================================ */
.woocommerce button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce .add_to_cart_button,
.woocommerce .checkout-button,
.woocommerce #review_form #submit {
  background-color: var(--primary-color) !important;
  color: var(--text-white) !important;
  border: none !important;
}

.woocommerce button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce .add_to_cart_button:hover,
.woocommerce .checkout-button:hover,
.woocommerce #review_form #submit:hover {
  background-color: var(--primary-hover) !important;
}

/* ============================================
   WOOCOMMERCE - PRODUITS (liste)
   ============================================ */
.related.products ul.products li.product a img,
.elementor-shortcode .woocommerce ul.products li.product a img {
  display: block;
  margin-bottom: 18px;
}

.elementor-shortcode .woocommerce ul.products .loop-button-wrapper {
  display: none;
}

.elementor-shortcode .woocommerce ul.products li.product a {
  margin-bottom: 0;
}

.elementor-shortcode .woocommerce ul.products li h2 {
  margin-bottom: 6px;
}

/* ============================================
   WOOCOMMERCE - PANIER & MINI-PANIER
   ============================================ */
/* Noms de produits et liens */
.woocommerce-mini-cart__total,
.woocommerce-mini-cart__buttons .button,
.woocommerce-mini-cart__content .product-name a,
.woocommerce-mini-cart__content .cart_item a,
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
  color: var(--primary-color) !important;
}

/* Masquer bouton "Voir le panier" */
.woocommerce-mini-cart__buttons a:not(.checkout) {
  display: none !important;
}

/* Bouton de suppression (X) */
.woocommerce-mini-cart__content .remove,
.woocommerce-cart-form .remove,
.woocommerce a.remove {
  color: var(--text-white) !important;
  background: none !important;
  border: none !important;
  font-size: 18px !important;
  text-align: center !important;
}

/* ============================================
   WOOCOMMERCE - PAGE PANIER (ID 11)
   ============================================ */
/* Masquer le titre de la page */
.page-id-11 .entry-title,
.page-id-11 .elementor-heading-title {
  display: none;
}

/* Masquer message panier vide */
.page-id-11 .woocommerce-cart .cart-empty,
.page-id-11 .woocommerce-cart .return-to-shop {
  display: none;
}

/* ============================================
   WOOCOMMERCE - PAGE PRODUIT
   ============================================ */
.single-product .site-main {
  margin-top: 60px;
}

/* Label "Volume" (variations) */
.product .cart .variations label,
.single-product .variations_form .variations label {
  font-size: 20px !important;
  font-weight: 600;
}

/* ============================================
   FORMULAIRES
   ============================================ */
/* Retirer bordure rouge au focus */
input:focus,
textarea:focus,
select:focus {
  outline: none !important;
  border-color: var(--text-black) !important;
}

/* Bouton recherche */
.search-submit,
.search-button,
input[type="submit"].search,
button[type="submit"].search,
.search-form input[type="submit"],
.search-form button[type="submit"] {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

/* WPForms - bouton submit */
.wpforms-submit {
  background-color: var(--text-black) !important;
  color: var(--text-white) !important;
  border: none !important;
}

.wpforms-submit:hover {
  background-color: #333333 !important;
}

/* ============================================
   WIDGETS
   ============================================ */
.widget-area .widget:not(:last-of-type) {
  margin-bottom: 30px;
}

/* ============================================
   PANIER VIDE - Section "Nouveaux Produits"
   ============================================ */

/* Cibler spécifiquement la page panier (ID 11) */
.page-id-11 .woocommerce ul.products li.product .button,
.page-id-11 .woocommerce ul.products li.product .add_to_cart_button,
.woocommerce-cart ul.products li.product .button,
.woocommerce-cart ul.products li.product .add_to_cart_button {
  background-color: #076633 !important;
  color: #ffffff !important;
  border: none !important;
}

.page-id-11 .woocommerce ul.products li.product .button:hover,
.page-id-11 .woocommerce ul.products li.product .add_to_cart_button:hover,
.woocommerce-cart ul.products li.product .button:hover,
.woocommerce-cart ul.products li.product .add_to_cart_button:hover {
  background-color: #054d26 !important;
}

/* Titre "Nouveaux Produits" */
.page-id-11 .woocommerce .products > h2,
.woocommerce-cart .products > h2 {
  color: #076633 !important;
  font-weight: 600;
}

/* Prix des produits */
.page-id-11 .woocommerce ul.products li.product .price,
.woocommerce-cart ul.products li.product .price {
  color: #076633 !important;
  font-weight: bold;
}

/* Liens des titres produits */
.page-id-11 .woocommerce ul.products li.product .woocommerce-loop-product__title,
.page-id-11 .woocommerce ul.products li.product h2,
.woocommerce-cart ul.products li.product .woocommerce-loop-product__title {
  color: #333333 !important;
}

.page-id-11 .woocommerce ul.products li.product a:hover h2,
.woocommerce-cart ul.products li.product a:hover h2 {
  color: #076633 !important;
	
/* ============================================
   FLUID CHECKOUT - Boutons personnalisés
   ============================================ */

/* Bouton "Valider la commande" et tous les boutons primaires */
.fc-checkout-button,
.fc-button,
.fc-button--primary,
.woocommerce-checkout .fc-checkout-button,
.woocommerce-checkout button[type="submit"],
.woocommerce-checkout #place_order,
.fluid-checkout .button,
.fluid-checkout .checkout-button {
  background-color: #076633 !important;
  color: #ffffff !important;
  border-color: #076633 !important;
}

/* Hover sur les boutons Fluid Checkout */
.fc-checkout-button:hover,
.fc-button:hover,
.fc-button--primary:hover,
.woocommerce-checkout .fc-checkout-button:hover,
.woocommerce-checkout button[type="submit"]:hover,
.woocommerce-checkout #place_order:hover,
.fluid-checkout .button:hover {
  background-color: #054d26 !important;
  border-color: #054d26 !important;
}

/* Boutons secondaires de Fluid Checkout (si besoin) */
.fc-button--secondary {
  background-color: #ffffff !important;
  color: #076633 !important;
  border: 2px solid #076633 !important;
}

.fc-button--secondary:hover {
  background-color: #f5f5f5 !important;
}

/* Liens et textes dans Fluid Checkout */
.fluid-checkout a,
.fc-step__title,
.fc-checkout-header {
  color: #076633 !important;
}

/* Progress bar / barre de progression */
.fc-progress-bar__fill,
.fc-step__substep-indicator--complete {
  background-color: #076633 !important;
}

/* Radio buttons et checkboxes actifs */
.fluid-checkout input[type="radio"]:checked,
.fluid-checkout input[type="checkbox"]:checked {
  border-color: #076633 !important;
  background-color: #076633 !important;
}
	
/* ===== FIX MAXIMUM PRIORITÉ - Écraser styles.min.css ===== */

/* Cibler avec ID de page + toutes les classes possibles */
#page .woocommerce ul.products li.product a.wp-block-button__link,
#page .woocommerce ul.products li.product a.add_to_cart_button,
#primary .woocommerce ul.products li.product a.wp-block-button__link,
#primary .woocommerce ul.products li.product a.button,
.site-content .woocommerce ul.products li.product a.wp-block-button__link {
  background-color: #076633 !important;
  background-image: none !important;
  color: #ffffff !important;
  border-color: #076633 !important;
}

/* Tous les états */
#page .woocommerce ul.products li.product a.wp-block-button__link:hover,
#page .woocommerce ul.products li.product a.wp-block-button__link:focus,
#page .woocommerce ul.products li.product a.wp-block-button__link:active,
#primary .woocommerce ul.products li.product a.button:hover {
  background-color: #054d26 !important;
  background-image: none !important;
  color: #ffffff !important;
}