/*
Theme Name: NonMaisOui
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Thème enfant Astra pour Non Mais Oui.
Version: 1.0.0
*/

/* ================================
   Typo
   ================================ */
h1, h2, h3 {
  font-family: 'evafont', sans-serif;
}

/* ================================
   Produit
   ================================ */
.single-product .woocommerce-breadcrumb {
  display: none;
}

.single-product .single-product-category {
  display: none !important;
}

.single-product .product-photo-note {
  font-size: .75rem;
  color: #666;
}

/* Aération propre du bloc description injecté */
.single-product div.product .summary .product-long-description {
  margin-top: 1rem;
  padding-right: 3rem;
  box-sizing: border-box;
}

/* ================================
   Accueil mobile
   ================================ */
@media (max-width: 768px) {
  .accueil-photo img {
    width: 20% !important;
    height: auto !important;
    max-width: 200px !important;
    display: block;
    margin: 0 auto;
  }
}

/* ================================
   Boutons WooCommerce : produit, panier, checkout
   ================================ */
.woocommerce-js div.product form.cart .single_add_to_cart_button,
.woocommerce-js a.button,
.woocommerce-js button.button,
.woocommerce-js input.button,
.woocommerce-js #respond input#submit,
.woocommerce-js .checkout-button,
.woocommerce-js #place_order,
.woocommerce-js [class*="wc-block"] .wc-block-components-button {
  background-color: #FFAAAA !important; /* rose clair */
  color: #fff !important;              /* texte blanc */
  border: 1px solid #FFAAAA !important;
  transition: background-color 0.2s ease;
}

.woocommerce-js div.product form.cart .single_add_to_cart_button:hover,
.woocommerce-js a.button:hover,
.woocommerce-js button.button:hover,
.woocommerce-js input.button:hover,
.woocommerce-js #respond input#submit:hover,
.woocommerce-js .checkout-button:hover,
.woocommerce-js #place_order:hover,
.woocommerce-js [class*="wc-block"] .wc-block-components-button:hover {
  background-color: #FF5555 !important; /* rose foncé */
  color: #fff !important;
  border-color: #FF5555 !important;
}

/* ================================
   Mon compte WooCommerce : lisibilité
   ================================ */
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
  background-color: #ffffff !important;
  color: #000000 !important;
  padding: 15px;
}

/* Fond blanc + texte lisible sur la zone Mon compte */
.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
  background: #fff !important;
  color: #000 !important;
}

/* Liens visibles */
.woocommerce-account .woocommerce a,
.woocommerce-MyAccount-navigation a,
.woocommerce-MyAccount-content a {
  color: #FF5555 !important;
  text-decoration: none;
}

.woocommerce-account .woocommerce a:hover,
.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-content a:hover {
  text-decoration: underline;
}

/* ================================
   Header : éviter que les décos bloquent les clics
   ================================ */
.site-header::before,
.site-header::after,
.main-header-bar::before,
.main-header-bar::after {
  pointer-events: none !important;
}

/* Icône compte au-dessus et cliquable */
.ast-header-account {
  position: relative;
  z-index: 10010 !important;
}
.ast-header-account a {
  position: relative;
  z-index: 10011 !important;
  pointer-events: auto !important;
  display: inline-flex;
  align-items: center;
}

/* ================================
   Panier WooCommerce Blocks
   ================================ */
.wp-block-woocommerce-cart .wc-block-cart-item__product img,
.wp-block-woocommerce-cart .wc-block-components-product-metadata__description img {
  width: 75px !important;
  max-width: 75px !important;
  height: auto !important;
  display: block;
}

.wp-block-woocommerce-cart .wc-block-components-product-name {
  font-size: 16px !important;
  line-height: 1.25 !important;
}

.wp-block-woocommerce-cart .wc-block-components-product-metadata__description > p {
  font-size: 16px !important;
  line-height: 1.45 !important;
}

/* Fallback si Woo met le texte ailleurs */
.wp-block-woocommerce-cart .wc-block-components-product-metadata p {
  font-size: 16px !important;
  line-height: 1.45 !important;
}

/* ================================
   Checkout WooCommerce Blocks : réduire les logos dans la description
   (logos insérés dans la description produit, ex: vegan-300x300.jpg)
   ================================ */
.wp-block-woocommerce-checkout .wc-block-components-product-metadata__description img,
.wp-block-woocommerce-checkout .wc-block-components-order-summary-item__description img {
  width: 75px !important;
  max-width: 75px !important;
  height: auto !important;
  display: inline-block !important;
  vertical-align: middle !important;
}