/*
 CSS MEDICALPINE
*/

.gras { font-weight: bold; }

.al-center { 	text-align: center; }
.al-left { 		text-align: left; }
.al-right { 	text-align: right; }

/* Reset des Couleurs */
.page-content a, .site-main a, a, a.wc-block-components-product-name {
	color: var( --e-global-color-primary );
}

[type=button],
[type=submit],
button {
	border:1px solid var( --e-global-color-primary );
	color: var( --e-global-color-primary );
}

[type=button]:focus,
[type=button]:hover,
[type=submit]:focus,
[type=submit]:hover,
button:focus,
button:hover {
  background-color: var( --e-global-color-primary );
}

.woocommerce-MyAccount-content a, .woocommerce-MyAccount-navigation a {
	color: var( --e-global-color-secondary );
}

/* End Reset des Couleurs */

/*
.medialpes-search-bt .ekit_modal-searchPanel {
*/
.ekit_search-button i {
  font-family: elementskit !important;

}

/* tableau aide au choix */

.taac {
	background-color: white;
	border-spacing: 1px;
	border-collapse: collapse;
	border: 1px solid white;
	max-width: 100vw !important;
}

.taac tr td:first-child {
	/*
	border: 1px solid red;
	*/
}

.taac-ligne-categorie {
	#transition: all 0.1s ease;
}
.taac-ligne-categorie:hover {
	opacity: 0.5;
}

.taac-link-cat {
	color: #0069B4;
	text-decoration: none;
}

.taac td {
	vertical-align: middle;
	border: 1px solid var(--e-global-color-697bcce);
}

.taac-mobilite {
	background-color :var(--e-global-color-697bcce) !important;
	color: white;
	text-align: center;
	border: 1px solid white !important;
}

.taac-volume-perte {
	background-color :var(--e-global-color-24666a6) !important;
	color: white;
	text-align: center;
	border: 1px solid white !important;
	width: 120px;
}

.taac-genre {
	background-color :var(--e-global-color-4080ffd) !important;
	color: white;
	text-align: center;
	border: 1px solid white !important;
	width: 60px;
}

.taac-incontinence {
	background-color :var(--e-global-color-6ddf4f4) !important;
	color: white;
	text-align: center;
	border: 1px solid white !important;
}

.taac-image-cat {
	width: 60px;
	height: 60px;
	max-width: 512px;
	max-height: 512px;
	min-width: 30px;
	min-height: 30px;
}

.taac-nom-cat {
	vertical-align: middle;
	margin-right: 10px;
	text-decoration: none;
}

.taac-link-cat, .taac-volume-perte-cnt, .taac-genre-cnt {
	display: flex;
	justify-content: flex-end;
	text-align: right;
	align-items: center;
	flex-wrap: nowrap;
}

.taac-mobilite-top {
	border-top: 1px solid var(--e-global-color-697bcce) !important;
}

.taac-volume-perte-top {
	border-top: 1px solid var(--e-global-color-24666a6) !important;
}

.taac-genre-top {
	border-top: 1px solid var(--e-global-color-4080ffd) !important;
}

.taac-incontinence-top {
	border-top: 1px solid var(--e-global-color-6ddf4f4) !important;
}

.taac-bg-white {
	background-color: white !important;
}

.taac-icon-point-blanc, .taac-icon-cercle-blanc, .taac-icon-goutte-plein-blanc, .taac-icon-goutte-vide-blanc, .taac-icon-homme-blanc, .taac-icon-femme-blanc {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 25px;
	height: 25px;
	margin: auto;
	display: inline-block;
}

.taac-icon-point-blanc {
	background-image: url('./medicalpine/images/point-blanc-256.png');
}
.taac-icon-cercle-blanc {
	background-image: url('./medicalpine/images/cercle-blanc-256.png');
}
.taac-icon-goutte-plein-blanc {
	background-image: url('./medicalpine/images/goutte-plein-blanc-256.png');
}
.taac-icon-goutte-vide-blanc {
	background-image: url('./medicalpine/images/goutte-vide-blanc-256.png');
}
.taac-icon-homme-blanc {
	background-image: url('./medicalpine/images/homme-blanc-256.png');
}
.taac-icon-femme-blanc {
	background-image: url('./medicalpine/images/femme-blanc-256.png');
}

.taac-sous-texte {
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1;
}


@media only screen 
   and (max-width : 768px) {

	.taac-image-cat {
		width: 40px;
		height: 40px;
	}

	.taac-icon-point-blanc, .taac-icon-cercle-blanc, .taac-icon-goutte-plein-blanc, .taac-icon-goutte-vide-blanc, .taac-icon-homme-blanc, .taac-icon-femme-blanc {
		width: 15px !important;
		height: 15px !important;
		padding: 0;
	}

	.taac-nom-cat, .hide-on-tablet, .taac-titre .taac-sous-texte {
		display: none;
	}

	.taac-titre {
		font-size: 0.7em;
	}

	.taac-volume-perte, {
		min-width: 60px;
	}
	
	.taac-genre {
		min-width: 40px;
	}

	.taac td {
		padding: 5px;
	}
}

/* Fiches produits  */

.woocommerce-Price-amount, p.price, p.price *, .woocommerce-loop-product__title {
	color: rgba(0, 0, 0, 1.0); !important;
}

.woocommerce div.product p.price del {
	opacity: 1 !important;
}

.elementor-element-f387299 a, .elementor-element-fbb0a59 a {
	color: var( --e-global-color-primary ) !important;
}

.elementor-element-f387299 a:hover, .elementor-element-fbb0a59 a:hover {
	color: var( --e-global-color-secondary ) !important;
}

/* titre des pages  */

.page-header .entry-title, h1.heading-medialpes, h2.heading-medialpes, h3.heading-medialpes, h4.heading-medialpes, h5.heading-medialpes, h6.heading-medialpes {
	color: #0069B4;
}

/* Fond rouge, texte blanc, plus grand */
.woocommerce span.onsale {
    background-color: #e74c3c !important; /* Rouge vif */
    color: #ffffff !important;             /* Blanc */
    font-size: 14px !important;           /* Taille texte */
    padding: 8px 12px !important;         /* Taille du bloc */
    border-radius: 4px !important;        /* Coins arrondis */
    font-weight: bold !important;
}

/* Ou style ruban (ribbon) */
.woocommerce span.onsale {
    top: 10px !important;
    left: -35px !important;
    transform: rotate(-45deg) !important;
    width: 90px !important;
    text-align: center !important;
}

.custom-sale-badge {
    background: linear-gradient(135deg, #ff6b6b, #ee5a52) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 6px 12px !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 12px rgba(238, 90, 82, 0.4) !important;
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    z-index: 10 !important;
    animation: pulse 2s infinite !important;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.wopb-wishlist-modal .wopb-wishlist-cart-added a {
	border-color: var( --e-global-color-primary ) !important;
}
.wopb-wishlist-modal .wopb-wishlist-cart-added a, .wopb-wishlist-modal .wopb-wishlist-cart-added a:hover {
	background-color: var( --e-global-color-primary ) !important;
	color: white !important;
}

.wopb-wishlist-modal table tbody tr td a.wopb-wishlist-remove:hover { 
	/*
	background-color: var(--wp--preset--color--medicalpine-orange) !important;
	*/
	background-color: transparent !important;
	opacity: .7;
}

.wopb-wishlist-table-body {
	height: auto !important;
}

:root :where(.wp-element-button, .wp-block-button__link) {
	background-color: var( --e-global-color-primary ) !important;
	color: white !important;
}

:root {
    --wc-form-border-color: #CCC; /* ta couleur */
}


p:has(button.button[name="save_address"],button.button[name="save_account_details"]) { text-align: center; padding-top: 1em; }

.my-account-header {
    margin-bottom: 2rem;
}

.my-account-title {
	color: var( --e-global-color-primary );
    font-size: 2rem;
    /*
    font-weight: 700;
    */
    margin: 0 0 1rem;
}

.product.type-product:has(a.button.product_type_simple.add_to_cart_button) {
	text-align: center;
}

.woocommerce-message::before {
	margin-top: 1em;
}

.woocommerce-MyAccount-navigation ul {
	list-style-type: none;
	padding-left: 0;
}

.woocommerce-MyAccount-navigation ul li {
	margin-top: 0.5em;
}

.woocommerce-MyAccount-navigation ul li a {
	text-decoration: none !important;
	padding-left: 1em;
	border-left: 3px solid var( --e-global-color-secondary );
}

.woocommerce-MyAccount-navigation ul li a:hover {
	color: var( --e-global-color-primary ) !important;
	border-left: 3px solid var( --e-global-color-primary );
}