/*
Theme Name: fordiet_2026
Theme URI: http://www.conceptionwebsite.fr
Description: Thème enfant de Hello Elementor conçu en 2026 pour la mise en ligne du site https://formation-en-dietetique.fr/
Author: Sylvain Bourdrez * Conception Website
Author URI: http://www.conceptionwebsite.fr
Template: hello-elementor
Version: 1.0
*/


/* TRANSVERSES */
.clearfix { clear: both; }
body { background-color: #fff; }
.icone_exclamation { width: 20px; }

/* ESPACE PERSO **** Notifications */
.notification-item { border-bottom: 1px solid #0c80a1; padding-bottom: 10px; }
.notification-item:nth-child(n+2) { padding-top: 10px; }
.notification-item:last-child { border-bottom: none; }
.notification-item > * { margin: 0px; line-height: 1.6; color: #333; }

/* MENU **** CONNEXION */
.elementor-nav-menu a i.fas { margin-right: 5px; }
.elementor-location-header .elementor-nav-menu li.loginout a { color: #ffffff; }
.elementor-location-header .elementor-nav-menu li.loginout:hover a  { background-color: var(--e-global-color-accent); }
.elementor-location-footer .elementor-nav-menu li.loginout a { color: var(--e-global-color-primary); }
.elementor-location-footer .elementor-nav-menu li.loginout:hover a { color: var(--e-global-color-accent); }

/* PAGE CONNEXION */
.woocommerce-form-login__submit, .woocommerce-form-register__submit { background-color: var(--bleu_1); color: #FFF; border: none; }
.woocommerce-form-login__submit:hover, .woocommerce-form-register__submit:hover { background-color: var(--bleu_3); }
.woocommerce-form-login__submit { margin-left: 20px; }

/* PAGE LES FORMATIONS */
.formation_bloc_bleu .cws_prochaine_session, .formation_bloc_bleu .cws_formatrice { color: #ffffff; }

/* PAGE CLASSE VIRTUELLE */
.cws-formatrice { flex-direction: row; display: flex; }
.cws-formatrice-contenu { width: 60%; }
.cws-formatrice-description{ color: var(--e-global-color-secondary); }
.cws-formatrice-site {
    color: #FFF !important;                      /* Texte en blanc */
    font-size: small;                 /* Petite taille de police */
    margin-top: 20px;                 /* Marge supérieure de 20px */
    display: inline-block;            /* Permet d'ajouter un fond/image */
	background-size: contain;
	background-image: url(/wp-content/uploads/2026/04/link-svgrepo-com.svg);
    background-repeat: no-repeat;     /* Pas de répétition de l'image */
    background-position: left center; /* Icône à gauche */
    padding-left: 30px;              /* Espacement à gauche pour éviter le chevauchement */
}
.cws-formatrice-photo { width: 35%; }
.cws-formatrice-photo img { 
	-webkit-mask-image: url(http://ajdoshy.cluster121.hosting.ovh.net/wp-content/plugins/elementor/assets/mask-shapes/oval-vertical.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat; 
	width: 340px; }

.woocommerce a.button.add-to-cart-button {
    color: var(--blanc);
    border: var(--bleu_1) 3px solid;
    padding: 7px 10px;
    margin-left: 20px;
    background-color: var(--bleu_1);
    border-radius: 25px;
}
.woocommerce a.button.btn_voir_ma_formation,
#cws-2fa-send-btn, 
#cws-2fa-verify-btn
{ background-color: var(--bleu_2); margin-left: 20px; border-radius: 25px; color: var(--bleu_3); border: var(--bleu_2) 3px solid; }

.woocommerce a.button.add-to-cart-button:hover,
.woocommerce a.button.btn_voir_ma_formation:hover,
#cws-2fa-send-btn:hover, 
#cws-2fa-verify-btn
{ color: var(--bleu_1); background-color: var(--blanc); border: 3px solid;}

#tarif_formation { text-align: center; width: 120px; color: var( --e-global-color-primary ); font-weight: 700; }
#tarif_formation span { font-size: 20px; }

#notice-vers-faq  { padding: 10px 20px 0px; border-radius: 25px; border: 1px solid; }

/* MES FORMATIONS */
.cws-video-thumb, .cws-video-espace-thumb { border: var(--bleu_1) 3px solid; margin-bottom: 20px; }
.cws-video-espace-player { position: relative; z-index: 10; }
.cws-video-espace-card { border-radius: 25px; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%); padding: 25px; display: inline-block; margin-right: 1%;  margin-bottom: 2em; position: relative; z-index: 10; }
.cws-video-espace-info { margin-bottom: 1.5em; }
.cws-video-espace-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
}
.cws-video-espace-info ul { flex-basis: 100%; margin: 0;     border: 1px var(--bleu_1) solid; border-radius: 15px; padding: 10px !important; background-color: var(--bleu_2); }
.cws-video-duration { border: 3px solid; border-radius: 25px; padding: 0 5px; color: var(--bleu_3); font-weight: 700; }
.cws-video-meta { display: inline-flex; }
.cws-video-responsive { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.cws-video-responsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#titre_mes_classes::before { mask-image: url('/wp-content/uploads/2026/04/user-hand-up-svgrepo-com.svg'); }
#titre_mes_videos::before { mask-image: url('/wp-content/uploads/2026/04/video-library-svgrepo-com.svg'); }
#titre_mes_videos::before, #titre_mes_classes::before, .page-id-2586 #titre_mes_docs::before {
    content: '';
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background-color: currentColor; /* hérite la couleur du texte */
    mask-size: contain;
    mask-repeat: no-repeat;
  }
#titre_mes_videos, #titre_mes_classes, .page-id-2586 #titre_mes_docs { display: flex; align-items: center; gap: 0.5em; margin-bottom: 20px; }
.cws-espace-classes-table li a { color: var(--bleu_1); }
.cws-espace-classes-table li a:hover { color: var(--bleu_3); }
.cws-acces-expire { background-color: var(--e-a-btn-bg-warning); padding: 20px; border-radius: 10px; }
.cws-prereq-video-reminder { color: var(--e-a-btn-bg-danger-hover); border: 1px solid; padding: 2px 30px; border-radius: 25px; margin-top: 10px; }

/* WOO */
.cws-invitation-autre-formation, .return-to-shop { margin-bottom: 20px; border: 1px solid #0c80a1; padding: 10px; border-radius: 8px; }
.elementor-widget-woocommerce-checkout-page .woocommerce .e-checkout__order_review { background: #ddd; } /* Bloc recapitulatif commande */
.elementor-widget-woocommerce-checkout-page .cws-remove-item { margin-left: 10px; font-weight: bolder; } /* Bouton de suppression produit */
.woocommerce-account .woocommerce-MyAccount-content { width: 100%; }
.woocommerce-account .addresses .title .edit { float: none; }

/* AVIS ET EVALS */
.page-id-1079 td:nth-child(2) { text-align: center; }

/* MES DOCUMENTS */
.page-id-2586 h3 { font-weight: bold; color: var(--bleu_3); padding: 10px; border: 1px solid var(--bleu_3); }
.page-id-2586 #titre_mes_docs::before { mask-image: url('/wp-content/uploads/2026/04/archive-minimalistic.svg'); }


/* 
RESPONSIVE MEDIA QUERIES 

*/

@media screen and (max-width: 880px) {
	/* Gestion des menus */
	#menu_mobile { display: flex; }
	#menu_normal { display: none; }	
	
	/* Espacement des commandes dans l\'historique sur mobile */
	.woocommerce-page.woocommerce-orders table tbody>tr { margin-bottom : 20px; }
    .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background-color: rgba(0, 0, 0, .25); }

}
@media screen and (min-width: 880px) {
	/* Gestion des menus */
	#menu_normal { display: flex; }
	#menu_mobile { display: none; }
}