/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/*******************************************************************************
*
*
* NOUVEAU SITE 
*
*
********************************************************************************/
/*** Header menu ******************************/
/* Have the cart icon in the menu */
/*
.menu-item-23448 a::before {     
    content: "\e07a";	
    position: relative;
    top: 2px;
    right: -1px;
    font-family: "ElegantIcons";
    font-size: 17px;
    font-weight: 900; 
	color:#333;
}


#top-menu-nav .current-menu-item a {
	color: #00416B;
	font-weight:500;
}*/
:root {
	--color__brand--marineblue:#172142;
}

h1 {
	font-weight:200 !important;
}

#.menu-item-23448 a {
    color: white !important;
    font-size: 1px;
}

/* Lighter menu navigation */
#et-top-navigation {
    font-weight: 500 !important;
}

/* Menu bar background */
/*
header  > .container {
	background-image: url('/wp-content/themes/Divi-Child/images/menu_bar_background.jpg');
	background-size:contain;
}*/

/* For the media gallery */
.media-frame-title h1 {
	font-size:22px !important;
}
.media-toolbar h2 {
	font-size:13px !important;
}

h2 {
/*	font-size:3em !important;*/
}

h2.entry-title {
	font-size:1.5em !important;	
	font-family:"Quattrocento";
}
  
h3 {
	font-family: 'Quattrocento',Georgia,"Times New Roman",serif;
	font-size:20px;
	
}
/* Bouton "Soumettre" centré dans le formulaire */
.et_pb_newsletter_button {
 	  margin: 0 auto;
    display: block;
    width: 80%;
    float: none;
}
.et_pb_newsletter_result h2 {
	font-size:26px !important;
	font-weight:200 !important;
	background:#00416B !important;
	padding:10px;
	border-radius:10px;
}


/*** BLOGUE ************************************/
@media (min-width: 980px) {
.et-blog-css-grid .et_pb_salvattore_content[data-columns]::before {
	content: '4 .column.size-1of4' !important;
}
@media only screen and ( min-width: 981px ) {
	.et-blog-css-grid .column.size-1of4 {
	    width: 24%!important;
	    margin-right: 1%;
	}
	
	.et-blog-css-grid .column.size-1of4 article{
	    margin-bottom: 4%;
	}

}}

/*** ARTICLE DE BLOGUE ************************************/
.single-post h1 {
	font-family: 'Quattrocento'; 
}

.post-meta .published, .post-meta a[rel="category tag"], .post-meta .comments-number {
	display:none;
}

.single-post .entry-content {
    font-size: 16px;
    font-weight: 300;
    text-align: justify;	
}

.single-post strong {
	font-weight:500;
}

/* Remove sidebar */
.single #sidebar {
	display:none;
}

/* Remove thin line */
.single #main-content .container:before {
	background: none;
}

/* Make content 100% width */
@media (min-width: 981px){
.single #left-area {
	width: 100%;
	padding-right: 0px !important;
}}

/*** ARTICLE PRODUIT ************************************/

.single-product h1 {
	font-size:3em !important;
}

.single-product .posted_in, .single-pro {
	display:none;
}

.single-product .et_pb_wc_description {
	font-weight:400;
}

/*** COMMANDE PASSÉE ********************************/
.woocommerce-order-received h1 {
	font-size:46px !important;
}
/**** LES COURS *************************************/
/*
.single-course .course-lessons {
	display:none; 
}
*/
.woocommerce-account h1 {
	font-size:46px !important;
	font-weight:300 !important;
}

/* ----------------------------------------------------------

HANGAR -  Cours 

 ------------------------------------------------------------ */
/* Enlever la navigation et la progression de leçon terminée temporairement */
/*
#post-26664 .post-entries, #post-26664 .course-completion-rate, #post-26664 .meter.red, #post-26664 h2 {
	display:none;
}
*/

/* =========================================================
   Denis price block (structure similaire à FormationSRA)
   ========================================================= */

.denis-price{
  margin: 0.3em 0 0.8em;
  line-height: 1.15;
  font-weight: 400;
}

/* Le mot "ou" (si tu ajoutes une classe plus tard, c’est encore mieux)
   Là on améliore le rendu global malgré les <br> */
.denis-price br{
  line-height: 1.25;
}

/* Montants */
.denis-price .woocommerce-Price-amount.amount{
  white-space: nowrap;
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* Symbole de devise un peu plus “compact” */
.denis-price .woocommerce-Price-currencySymbol{
  margin-right: 0.12em;
  font-weight: 700;
}

/* Rabais : garder del/ins propre et “inline” */
.denis-price del,
.denis-price ins{
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.12em;
}

.denis-price del{
  opacity: 0.75;
  margin-right: 0.35em;
}

.denis-price ins{
  text-decoration: none;
}

/* Titre euro */
.denis-price .euro-zone-title{
  display: block;
  margin-top: 0.55em;
  margin-bottom: 0.25em;
  font-weight: 700;
  font-size: 0.92em;
  letter-spacing: 0.01em;
  color: darkred;
}

/* Bloc euro : rendre la partie “euro” un peu plus légère (sans couleur) */
.denis-price .euro-zone-title + br{
  line-height: 1.35;
}

/* Espacement entre lignes euro (tes "ou<br>") */
.denis-price .euro-zone-title ~ br{
  line-height: 1.35;
}

/* Optionnel : sur mobile, éviter que ça soit trop “gros” */
@media (max-width: 767px){
  .denis-price{
    line-height: 1.2;
    font-size: 0.98em;
  }
  .denis-price .euro-zone-title{
    margin-top: 0.6em;
  }
}

.denis-price .denis-or{
  display: inline-block;
  margin: 0 0.25em;
  font-weight: 500;
  font-size: 0.92em;
}
/*
.mc-download-button {
    display: inline-block;
    color: white;
    background: #C89C69;
    border-width: 0px;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px;
    display: inline-block;
    letter-spacing: 0px;
    font-size: 13px;
}
*/

.mc-download-button {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;

    color: #ffffff !important;
    background: linear-gradient(135deg, #17213f 0%, #263b68 55%, #111a33 100%);

    border: 2px solid #d4a66f;
    border-radius: 999px;

    padding: 15px 30px;

    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.3px;
    line-height: 1;

    cursor: pointer;
    text-decoration: none !important;

    box-shadow:
        0 10px 24px rgba(23, 33, 63, 0.28),
        0 0 0 6px rgba(212, 166, 111, 0.16);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease,
        background 0.2s ease;

    &.mc-download-button--sub-download {
        gap: 7px;

        background: linear-gradient(135deg, #c89c69 0%, #a97845 100%);

        border-radius: 7px;
        padding: 11px 21px;

        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0.15px;

        box-shadow: 0 5px 12px rgba(120, 78, 35, 0.16);
    }

    &.mc-download-button--sub-download::before {
        font-size: 13px;
        opacity: 0.9;
    }

    &.mc-download-button--sub-download:hover {
        background: linear-gradient(135deg, #bc8a52 0%, #946433 100%);
        transform: translateY(-1px);
        box-shadow: 0 8px 16px rgba(120, 78, 35, 0.22);
    }

    &.mc-download-button--sub-download:active {
        transform: translateY(0);
        box-shadow: 0 4px 10px rgba(120, 78, 35, 0.18);
    }		

}

.mc-download-button::before {
    content: "↓";

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 26px;
    height: 26px;

    color: #17213f;
    background: #d4a66f;

    border-radius: 50%;

    font-size: 16px;
    font-weight: 900;
    line-height: 1;
}

.mc-download-button::after {
    content: "";

    position: absolute;
    top: 0;
    left: -80%;

    width: 60%;
    height: 100%;

    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255, 255, 255, 0.35) 50%,
        transparent 100%
    );

    transform: skewX(-20deg);
    z-index: -1;

    transition: left 0.55s ease;
}

.mc-download-button:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #1d2d56 0%, #314b7d 55%, #17213f 100%);
    border-color: #f0c98a;

    transform: translateY(-3px);

    box-shadow:
        0 16px 34px rgba(23, 33, 63, 0.36),
        0 0 0 8px rgba(212, 166, 111, 0.22);
}

.mc-download-button:hover::after {
    left: 130%;
}

.mc-download-button:active {
    transform: translateY(-1px);
}

.mc-download-button:focus-visible {
    outline: 3px solid rgba(212, 166, 111, 0.5);
    outline-offset: 4px;
}

.et_mobile_menu li a {
	color: var(--color__brand--marineblue) !important;
}

.single-product .special-promo {
	font-size:26px;
	font-weight:bold;
}