/* Problème au build, donc custom.css nécessaire*/

.hero {
    background-image: url(../img/drumco-generatrice-hero.webp) !important
}

@media (max-width: 1024px) {
    .hero {
        background-image: url(../img/drumco-generatrice-hero-tablet.webp) !important
    }
}
@media (max-width: 767px) {
    .hero {
        background-image: url(../img/drumco-generatrice-hero-tablet.webp) !important
        /*background-image: url(../img/drumco-generatrice-hero-mobile.webp) !important*/
    }
}

.OktHeader--fixed {
    z-index: 999 !important;
}

.woocommerce-pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0 0 0}
.archive .product_cat-generatrices-industrielles .product-ribbon--new {display: none;}

.post-type-archive-product .woocommerce-result-count {margin: 0 !important;}
.post-type-archive-product .products { display: grid !important; grid-template-columns: repeat(3, 1fr) !important;}
@media(max-width: 1024px){.post-type-archive-product .products {gap: 20px !important; grid-template-columns: repeat(2, 1fr) !important;}}
@media(max-width: 767px){.post-type-archive-product .products { grid-template-columns: repeat(1, 1fr) !important;}}

.post-type-archive-product .product:hover {border: none !important;}
.woocommerce ul.products li.product a {text-decoration: none !important;}
.post-type-archive-product .products .product .woocommerce-loop-product__title {padding: 0 0 16px 0 !important;}
.woocommerce-loop-product__title:hover {text-decoration: none !important; color: #81B941 !important;}
.post-type-archive .woocommerce-info {font: 400 16px/20px "Rehlko Runda" !important;}
.post-type-archive-product .product:hover a {text-decoration: none !important; color:#81B941 !important;}
.post-type-archive-product .product:hover .woocommerce-loop-product__title {color: #81B941 !important; text-decoration: none !important;}
.post-type-archive-product .product .ThemeButton:hover {background: #2E610B !important; text-decoration: none !important; color: white !important;}
.post-type-archive-product .products .product a.ThemeButton:hover {background: #2E610B !important; text-decoration: none !important; color: white !important;}
.post-type-archive-product .product:hover .ThemeButton {background: #81B941 !important; text-decoration: none !important; color: white !important;}
.archive .products .product_cat-generatrices-residentielles:hover a,.archive .products .product_cat-generatrices-residentielles:hover a .archive .products .product_cat-generatrices-residentielles a:hover {text-decoration: none !important; color:#81B941 !important;}
.archive .products .product_cat-generatrices-residentielles:hover .woocommerce-loop-product__title, .archive .products .product_cat-generatrices-residentielles a:hover {color: #81B941 !important; text-decoration: none !important;}
.archive .products .product_cat-generatrices-residentielles a.ThemeButton, .archive .products .product_cat-generatrices-industrielles a.ThemeButton {color: white !important;}
.archive .products .product_cat-generatrices-residentielles a.ThemeButton:hover, .archive .product_cat-generatrices-industrielles a.ThemeButton:hover {background: #2E610B !important; text-decoration: none !important; color: white !important;}

.panel-wysiwyg li a {text-decoration: none !important; color:#81B941 !important;}
.panel-wysiwyg li a:hover {text-decoration: none !important; color:#2E610B !important; cursor: pointer !important;}
.panel-wysiwyg-message span {font: 700 16px/24px "Rehlko Runda" !important;}
.panel-wysiwyg-message {margin-top: 20px !important;}

div.yith_ywraq_add_item_response_message {margin-top: 20px !important; font: 400 16px/24px "Rehlko Runda" !important;}
div.yith_ywraq_add_item_response_message a {text-decoration: none !important; color:#81B941 !important;}
div.yith_ywraq_add_item_response_message a:hover {text-decoration: none !important; color:#2E610B !important; cursor: pointer !important;}
div.yith_ywraq_add_item_browse_message a {font: 400 16px/24px "Rehlko Runda" !important; text-decoration: none !important; color:#81B941 !important;}
div.yith_ywraq_add_item_browse_message a:hover {text-decoration: none !important; color:#2E610B !important; cursor: pointer !important;}

div.yith_ywraq_add_item_product_message {margin-top: 20px !important; font: 400 16px/24px "Rehlko Runda" !important;}
div.yith_ywraq_add_item_product_message a {text-decoration: none !important; color:#81B941 !important;}
div.yith_ywraq_add_item_product_message a:hover {text-decoration: none !important; color:#2E610B !important; cursor: pointer !important;}

.singleProduct .product_meta a {color: #81B941 !important;}
.singleProduct .product_meta a:hover {color: #2E610B !important;}

.yith-ywraq-add-button .add-request-quote-button {font: 800 16px/24px "Rehlko Runda" !important;}

.FiftyFifty2__text-content ul li::before, .FiftyFifty2__text-content ol li::before {background-color: transparent !important;}

.gform_fields {gap: 30px !important;}
body .gform_legacy_markup_wrapper ul li.gfield {
    padding-left: 0 !important;
}

#form-container {margin-bottom: 120px !important;}
@media(max-width:1024px){#form-container {margin-bottom: 80px !important;}}

.OktHeader__actions-container .OktHeader__customer-cart .widget_ywraq_mini_list_quote .raq-info .raq-tip-counter .raq-items-number {position: absolute !important; right: 7px !important; top: 2px !important;}
.Hero__title span {font-weight: 400 !important;}

.woocommerce ul.products li.product a{ display:flex; align-items:center; justify-content:center; flex-direction: column;}

/* Classe pour les éléments accessibles uniquement aux lecteurs d'écran */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Lien de saut au contenu principal */
.skip-link {
    position: absolute;
    top: -40px;
    left: 6px;
    z-index: 999999;
    color: white;
    background: #000;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 3px;
    font-weight: bold;
    transition: top 0.3s;
}

.skip-link:focus {
    top: 6px;
}

#yith-wapo-addon-9 .wapo-addon-title {
    display: block !important;
}
.singleProduct .formBlock .yith-wapo-addon-type-radio .options-container .options {flex-direction:column !important;}
.singleProduct .formBlock .yith-wapo-option .radio-button-container {display: flex !important;}
.singleProduct .formBlock .yith-wapo-block .options-container .options {display: flex !important; flex-wrap: wrap !important; gap: 10px !important;}
.singleProduct .formBlock .yith-wapo-option .yith-wapo-addon-label .label-container-display { width: 186px !important;}
.singleProduct .formBlock .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label label { padding: 0 !important; width: 100% !important; display: flex !important; align-items: center !important; border: none !important; box-shadow: none !important;}
.singleProduct .formBlock .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option.selected label { border: none !important;}
.singleProduct .formBlock .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container.content-align-left .label-container-display { justify-content: center !important; max-height: 88px !important;}
.singleProduct .formBlock .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon .yith-wapo-option .description {max-height: 120px !important;}

.PersonalCard__link-token--phone-extension {background-image: -webkit-linear-gradient(150deg, #8E8D8D 55%, #81B941 50%) !important;}
.PersonalCard__link-token--phone-extension:hover {background-image: -webkit-linear-gradient(150deg, #fff 55%, #fff 50%) !important;}