/*url(http://www.lemag3-wp.localhost/wp-admin/about.php)
Theme Name: OceanWP Child Theme
Description: OceanWP WordPress Child theme
Author: Alain Brunet
Template: oceanwp
Version: 1.0
*/

:root {
  --global-icon-size: 30px;
  --contact-icon-size: 50px;
}

body.home.page {
  background-color: #ffffff;
}

/* Fond #f6f7f9 pour les pages WooCommerce */
body.woocommerce-page,
body.page {
  background-color: #f6f7f9;
}

/* Replace la loupe des fiches produits en dessous du menu déroulant */
.woocommerce-product-gallery__trigger {
  z-index: 90 !important;
}

/* === BreadCrumb === */
.site-breadcrumbs {
  position: relative !important;
  left: 0px !important;
  top: 0px !important;
  margin-bottom: 20px !important;
}

.product-category-title,
.woocommerce-loop-category__title {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #555;
}

/* === Custom Product Summary Style === */
li.product {
  list-style: none;
  padding: 1rem;
  border: 1px solid #eee;
  margin-bottom: 1.5rem;
  position: relative;
  text-align: center;
}

/* Image produit */
li.product img {
  max-width: 100%;
  height: auto;
  margin-bottom: 1rem;
}

/* Titre produit */
li.product .custom-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0.5rem 0;
}

.amount {
  color: #e8512c !important;
}

/* Prix */
li.product .custom-price {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: #e8512c;
  margin-top: 0.25rem;
}

/* Style pour "Nous contacter" */
li.product .price-contact-us {
  color: #e8512c;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
}

/* Étiquette marque */
.custom-brand-label {
  font-family: 'Montserrat', sans-serif;
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0.25rem 0.6rem;
  margin-bottom: 0.5rem;
  border-radius: 4px;
  text-transform: uppercase;
  color: #fff;
}

/* Marque : OMP */
.tag-omp {
  background-color: #c50000;
}

/* Marque : Sparco */
.tag-sparco {
  background-color: #004080;
}

/* Marque : Turn One */
.tag-turn-one {
  background-color: #e8512c;
}

/* Marque : Stilo */
.tag-stilo {
  background-color: #888;
}

/* Marque : P1 */
.tag-p1 {
  color: #4f381c;
  background-color: #ffcc00; /* jaune P1 */
}

/* Marque : Bell */
.tag-bell {
  color: #fff;
  background-color: #ff0000;
}

/* Marque : Simpson */
.tag-simpson {
  background-color: #c50000;
}

/* Marque : Stand21 */
.tag-stand21 {
  background-color: #555555;
}

/* Marque : atech */
.tag-atech {
  background-color: #555555;
}

/* Marque : xtremr */
.tag-xtremr {
  background-color: #c50000;
}

/* Marque : bratex */
.tag-bratex {
  background-color: #093f6e;
}

/* Marque : nike */
.tag-nike {
  background-color: #c50000;
}

/* Marque : peltor */
.tag-peltor {
  background-color: #1b402d;
}

/* Marque : trophy */
.tag-trophy {
  background-color: #093f6e;
}

/* Marque : terratrip */
.tag-terratrip {
  background-color: #555555;
}

/* Marque : redspec */
.tag-redspec {
  background-color: #c50000;
}

/* Marque : beringer */
.tag-beringer {
  background-color: #555555;
}

/* Marque : marin-racing */
.tag-marin-racing {
  background-color: #293b58;
}

/* Marque : girling */
.tag-girling {
  background-color: #c97715;
}

/* Marque : dei */
.tag-dei {
  color: #4f381c;
  background-color: #f8da10;
}

/* Marque : GP Compétition */
.tag-gp-competition {
  background-color: #e8512c;
}

/* Marque : helix */
.tag-helix {
  background-color: #555555;
}

/* Marque : brembo */
.tag-brembo {
  background-color: #555555;
}

/* Marque : ferodo */
.tag-ferodo {
  background-color: #c50000;
}

/* Marque : goodridge */
.tag-goodridge {
  background-color: #ef0970;
}

/* Marque : ap-racing */
.tag-ap-racing {
  background-color: #aaaaaa;
}

/* Marque : gunson */
.tag-gunson {
  background-color: #16467c;
}

/* Marque : cl-brakes */
.tag-cl-brakes {
  background-color: #7ea4d0;
}

/* Marque : castrol */
.tag-castrol {
  background-color: #22a054;
}

/* Marque : motul */
.tag-motul {
  background-color: #c50000;
}

/* Marque : lazer */
.tag-lazer {
  background-color: #333333;
}

/* Marque : ctek */
.tag-ctek {
  color: #000;
  background-color: #aaaaaa;
}

/* Marque : shido */
.tag-shido {
  background-color: #084b96;
}

/* Marque : odyssey */
.tag-odyssey {
  background-color: #e0620e;
}

/* Marque : grayston */
.tag-grayston {
  color: #000;
  background-color: #aaaaaa;
}

/* Marque : redline */
.tag-redline {
  background-color: #e02180;
}

/* Marque : rain-x */
.tag-rain-x {
  background-color: #467799;
}

/* Marque : power-max */
.tag-power-max {
  background-color: #c50000;
}

/* Marque : braid */
.tag-braid {
  background-color: #aaaaaa;
}

/* Marque : speedline */
.tag-speedline {
  background-color: #888888;
}

/* Marque : speedline */
.tag-speedline {
  background-color: #888888;
}

/* Marque : schrader */
.tag-schrader {
  background-color: #467799;
}

/* Marque : ruff */
.tag-ruff {
  background-color: #1d7255;
}

/* Marque : mecatech */
.tag-mecatech {
  background-color: #dbd40e;
}

/* Marque : hankook-pneu-competition */
.tag-hankook-pneu-competition {
  color: #000;
  background-color: #cccccc;
}

/* Marque : PKM */
.tag-pkm {
  background-color: #c00;
}

/* ##### END BRANDS ##### */

.product-sku {
  margin-top: -30px;
  font-weight: 400;
  color: #a5a5a5;
}

.single-product-brands a.custom-brand-label:hover {
  opacity: 0.85;
  text-decoration: none;
}

.custom-brand-label .empty-label {
  visibility: hidden;
  display: inline-block;
  height: 1.8rem;
  margin-bottom: 0.5rem;
}

.custom-product-image-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.custom-product-image-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  transition: opacity 0.4s ease-in-out;
}

/* Le rollover uniquement si une image secondaire est présente */
.custom-product-image-wrapper.has-hover .product-image-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

.custom-product-image-wrapper.has-hover:hover .product-image-hover {
  opacity: 1;
}

.custom-product-image-wrapper.has-hover:hover .product-image-main {
  opacity: 0;
}

.custom-product-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

.custom-product-link:hover .custom-title {
  text-decoration: underline;
}

/* === VUE LISTE WooCommerce === */
.woocommerce ul.products.list li.product .custom-product-line-wrapper {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
  width: 100%;
}

.woocommerce ul.products.list li.product .custom-product-image-wrapper {
  flex: 0 0 150px;
  max-width: 150px;
}

.woocommerce ul.products.list li.product .custom-product-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.woocommerce ul.products.list li.product .custom-title {
  font-size: 1.75rem;
  font-weight: bold;
  margin: 0.25rem 0;
}

li.product {
  position: relative;
}

/* Bloc image reste cliquable et hoverable */
.custom-product-image-wrapper {
  position: relative;
  z-index: 10;
  cursor: pointer;
}

/* Lien invisible couvrant tout sauf l’image */
.custom-full-link {
  position: absolute;
  inset: 0;
  z-index: 5; /* sous l’image */
  text-indent: -9999px;
  background: transparent;
  cursor: pointer;
}

ul.page-numbers a.page-numbers {
  color: #e8512c;
  border-radius: 10px;
  border: 2px solid #e8512c;
}

ul.page-numbers span.page-numbers.current {
  color: #555;
}

/*
.single_variation_wrap
{
    width: 100%;
    border: 1px solid #084b96;
}
*/

/* Single content product rules */
.woocommerce div.product .product_title {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 3rem !important;
  font-weight: 600;
}

.woocommerce div.product p.price {
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 600 !important;
}

.variations_form .woocommerce-variation-add-to-cart {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

.woocommerce div.product .quantity,
.woocommerce div.product form.cart .button {
  margin: 0;
}

.woocommerce div.product p.price {
  margin: 0 0 0 0 !important;
}

.custom-line-price-qty-btn {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: start;
}

.variations_form .woocommerce-variation-add-to-cart {
  display: inline-block;
}

.single_variation .woocommerce-variation-price {
  display: none !important; /* Supprime le doublon de prix dynamique WooCommerce */
}

form.variations_form .quantity {
  margin: 0;
}

.woocommerce-variation-availability {
  margin-top: 0.75rem;
  font-size: 0.95rem;
  color: #666;
}

/* FIX SLIDER POSITION */
.htslider-slider .slick-dots {
  bottom: 20px;
}

.woocommerce .related.products > h2 {
  font-family: 'Montserrat', Arial, sans-serif;
  border-bottom: 2px solid #ccc;
}

.woocommerce .related.products > ul > li {
  width: 20% !important;
}

/* Limite la largeur de l’image produit sur desktop uniquement */
@media screen and (min-width: 1024px) {
  .woocommerce div.product div.images {
    max-width: 550px;
  }
}

.product-2-columns {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.product-position {
  margin-top: 0.5rem;
  font-weight: 500;
  color: #333;
}

.brakepad-vehicles ul {
  padding-left: 1.2rem;
  list-style-type: disc;
}
.brakepad-vehicles li {
  margin-bottom: 0.3rem;
}

.hidden-vehicle {
  display: none;
}

#toggle-vehicles {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 6px 12px;
  margin-top: 10px;
  cursor: pointer;
  font-size: 0.9rem;
}

/* Limiter la largeur de la page panier WooCommerce */
.woocommerce-cart .container,
.woocommerce-page .container,
.woocommerce-cart .site-content,
.woocommerce-page .site-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

/* Centrer les boutons et le résumé panier */
.woocommerce-cart .cart-collaterals,
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-cart .cart_totals {
  float: none !important;
  width: 100%;
  text-align: center;
  margin-top: 2rem;
}

/* Table panier : bordures douces, ombre légère */
.woocommerce-cart table.shop_table,
.is-large.wc-block-cart .wc-block-cart-items,
.wc-block-components-sidebar {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

/* En-tête du tableau */
.woocommerce-cart table.shop_table thead,
.is-large.wc-block-cart .wc-block-cart-items thead,
.is-large.wc-block-cart .wc-block-cart__totals-title {
  background: #f1f5f9;
  text-transform: uppercase !important;
  font-family: 'Montserrat', Arial, sans-serif !important;
  font-size: 2rem;
  color: #333 !important;
}

.is-large.wc-block-cart .wc-block-cart__totals-title {
  font-size: 1.5rem !important;
}

/* Cellules */
.woocommerce-cart table.shop_table td,
.woocommerce-cart table.shop_table th,
.is-large.wc-block-cart .wc-block-cart-items td,
.is-large.wc-block-cart .wc-block-cart-items th {
  padding: 1rem;
  border-bottom: 1px solid #e0e0e0;
  vertical-align: middle;
}

/* Lignes zébrées */
.woocommerce-cart table.shop_table tbody tr:nth-child(odd),
.is-large.wc-block-cart .wc-block-cart-items tbody tr:nth-child(odd) {
  background-color: #f9fafb;
}

/* Titre produit */
.wc-block-components-product-name {
  font-size: 1.5rem !important;
  font-weight: 700;
  color: #555;
}

/* Image produit */
.woocommerce-cart table.shop_table .product-thumbnail img,
.is-large.wc-block-cart .wc-block-cart-items td img {
  width: 80px;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Price */
.price {
  color: #e8512c !important;
}

.wc-block-components-product-metadata,
.wc-block-components-totals-coupon.wc-block-components-panel {
  display: none;
}

.wc-block-cart-item__quantity {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* Bouton supprimer (croix) */
.wc-block-cart-items .wc-block-cart-item__remove-link {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 300 !important;
  padding: 0.25rem 0.6rem !important;
  margin-left: 1.5rem !important;
  margin-bottom: 0.9rem !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  color: #fff !important;
  background-color: #16467c !important;
  transition: 0.2s ease !important;
}

.wc-block-cart-items .wc-block-cart-item__remove-link:hover {
  background-color: #1a63c4 !important;
}

/* Quantité input */
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
  width: 60px !important;
  padding: 0.4rem !important;
  text-align: center !important;
  border-radius: 4px;
  border: 1px solid #ccc !important;
}

.hfe-search-form__container .hfe-search-submit {
  border: none !important;
}

/*
.wc-block-components-quantity-selector > .wc-block-components-quantity-selector__button--plus,
.wc-block-components-quantity-selector > .wc-block-components-quantity-selector__button--minus {
  background-color: #e8512c !important;
}
*/

.bpm-cart-container {
  height: 40px;
  margin-top: 85px;
}

.bpm-cart-link {
  font-weight: bold;
  font-size: 2rem;
  text-decoration: none;
  color: inherit;
  display: inline-flex;
  align-items: center;
  gap: 0.3em;
}

.bpm-cart-link .count {
  background-color: var(--e-global-color-83ab71e);
  color: white;
  padding: 0em 0.2em;
  border-radius: 1em;
  font-size: 0.8em !important;
}

.bpm-mini-cart-wrapper {
  position: relative;
  display: inline-block;
}
.bpm-cart-toggle svg {
  width: var(--global-icon-size);
  height: var(--global-icon-size);
  vertical-align: middle;
  color: var(--e-global-color-b370afa);
  transition: color 0.2s ease;
}

.bpm-cart-toggle:hover svg {
  color: #ac9479;
}

.bpm-cart-count {
  background: #2c7be5;
  color: #fff;
  border-radius: 50%;
  padding: 0 6px;
  font-size: 12px;
  margin-left: 4px;
}

.bpm-mini-cart-content {
  position: absolute;
  top: 100%;
  right: 0;
  background: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  width: 340px;
  padding: 1rem;
  z-index: 1000;
}
.bpm-mini-cart-content ul {
  list-style-type: disc;
}
.bpm-cart-item {
  font-size: 0.9em;
  border-bottom: 1px solid #eee;
  padding: 4px 0;
}
.bpm-cart-name {
  font-weight: bold;
}
.bpm-cart-buttons a.button {
  display: block;
  margin-top: 1rem;
  background: #2c7be5;
  color: white;
  text-align: center;
  padding: 0.5rem;
  border-radius: 4px;
}

.woocommerce-mini-cart-item img {
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Responsive mobile */
@media (max-width: 768px) {
  .woocommerce-cart table.shop_table,
  .woocommerce-cart .cart_totals {
    width: 100%;
  }
}

.bpm-account-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bpm-account-link svg {
  width: var(--global-icon-size);
  height: var(--global-icon-size);
  color: var(--e-global-color-b370afa);
  transition: color 0.2s ease;
}

.bpm-account-link:hover > svg {
  color: #ac9479;
}

.bpm-account-link.logged svg {
  color: var(--e-global-color-83ab71e);
}

.bpm-account-link.guest {
  color: #aaa;
}

.bpm-product-search-form {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--e-global-color-7b5bcbc);
}

.bpm-product-search-form input.search-field {
  padding: 0.5rem 0.7rem;
  border: none;
  font-style: italic;
  color: var(--e-global-color-b370afa);
}

.bpm-product-search-form button.search-submit {
  background: none;
  border: none;
  padding: 0.4rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bpm-product-search-form button.search-submit svg {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--e-global-color-b370afa);
}

.bpm-cart-items {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bpm-cart-item {
  display: flex;
  gap: 12px;
  margin-bottom: 10px;
  align-items: center;
}

.bpm-cart-thumb img {
  border-radius: 4px;
  object-fit: cover;
}

.bpm-cart-info {
  font-size: 14px;
  line-height: 1.4;
}

.bpm-cart-items {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bpm-cart-item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
  position: relative;
}
.bpm-cart-thumb img {
  border-radius: 4px;
}
.bpm-cart-info {
  font-size: 14px;
  line-height: 1.4;
  flex-grow: 1;
}
.bpm-remove-item {
  background: transparent;
  border: none;
  color: #c00;
  font-weight: bold;
  cursor: pointer;
  font-size: 16px;
}
.bpm-cart-buttons a {
  display: inline-block;
  margin-right: 0.5rem;
}

.scroll-reveal {
  opacity: 1;
  transform: translateY(40px);
  transition: all 0.8s ease-out;
}

.scroll-reveal.reveal-visible {
  opacity: 1;
  transform: none;
}

.perf-3mo-box {
  height: 40px;
  line-height: 40px;
}

.perf-3mo-box p {
  margin: 0px;
  line-height: 15px !important;
}

.perf-3mo-nowrap {
  width: 195px;
  white-space: nowrap;
}

.slide-relative-box {
  position: relative;
}

.btn-personal-gift-card {
  display: flex;
  align-items: center;
  width: 280px;
  height: 40px;
  margin-top: 10px;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 600;
  text-indent: 10px;
  color: #ffffff;
  background-color: #015ab3;
  transition: background-color 0.2s ease;
}

.btn-personal-gift-card:hover {
  color: rgb(226, 226, 13) !important;
  background-color: #004080;
}

/* Style général de la liste */
.my-icon-list .elementor-icon-list-items {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* Chaque ligne */
.my-icon-list .elementor-icon-list-item {
  display: flex;
  align-items: center;
  background-color: #3c3c3c;
  color: #fff;
  border-radius: 20px;
  padding: 1rem 1rem;
  margin-bottom: 0.75rem;
  max-height: 40px;
  position: relative;
}

.my-icon-list .elementor-icon-list-item:nth-child(-n + 2) .elementor-icon-list-text {
  margin-top: 15px !important;
}

.my-icon-list .elementor-icon-list-item:nth-child(-n + 2) .elementor-icon-list-icon {
  margin-top: 17px !important;
}

/* Icône */
.my-icon-list .elementor-icon-list-icon {
  background-color: #e8512c;
  color: #fff;
  width: var(--contact-icon-size);
  height: var(--contact-icon-size);
  min-width: var(--contact-icon-size);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 5px 5px 1px #dbdbdb;
  /*
  position: absolute;
  top: -10px; 
  left: 1rem;
  border-radius: 50%;
  z-index: 2;
  */
  transform: translateY(-10%);
  border-radius: 50%;
  flex-shrink: 0;
}

/* Icône SVG interne */
.my-icon-list .elementor-icon-list-icon svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

/* Texte */
.my-icon-list .elementor-icon-list-text {
  flex: 1;
  color: #fff;
  font-weight: 500;
  margin-left: 70px;
  line-height: 1.5;
  display: flex !important;
  align-items: center !important;
}

#field_dy97c_label {
  color: #f6f7f9 !important;
}

/* Formidable Forms */
#frm_field_14_container {
  width: 1140px !important;
}

/* Disposition en deux colonnes du groupe radio uniquement sur ce champ */
#frm_field_27_container.form-twocol-radios .frm_opt_container {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

/* Chaque bouton radio prend 50% de largeur */
#frm_field_27_container.form-twocol-radios .frm_radio {
  flex: 1 1 calc(50% - 0.5rem);
  box-sizing: border-box;
}

#frm_field_27_container.form-twocol-radios .frm_radio label {
  font-size: 16px;
  color: #e8512c;
}

.giftcard-h3 h3 {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 15px;
}

@media (max-width: 600px) {
  #frm_field_27_container.form-twocol-radios .frm_radio {
    flex: 1 1 100%;
  }
}

.banner-home-link > div {
  /*height: 20px;
  line-height: 20px;*/
  padding: 5px;
  background-color: #ffffff;
  opacity: 0.75;
}

.min-height-home-banner a {
  min-height: 172px !important;
  height: 100% !important;
  overflow: hidden !important;
}

.woocommerce-ordering {
  display: none !important;
}