/*
Theme Name: Memberlite Child
Theme URI: https://memberlitetheme.com/
Description: Thème enfant de Memberlite — styles personnalisés Urrutia Espace Client.
Author: Urrutia
Template: memberlite
Version: 1.0.0
Text Domain: memberlite-child
*/

/*--------------------------------------------------------------
>>> SURCHARGES DU THÈME PARENT
Reproduisent les 6 modifications appliquées auparavant directement
dans memberlite/style.css (restauré à la version native 5.2.1).
Chargé APRÈS le parent → priorité automatique à spécificité égale.
--------------------------------------------------------------*/

/* (1) p { margin-bottom: 2.9rem → 2rem } */
p {
	margin-bottom: 2rem;
}

/* (2) Désactivation du filtre brightness au survol des liens */
a:hover:not(.pmpro_btn:hover),
a:focus:not(.pmpro_btn:focus),
a:active:not(.pmpro_btn:active) {
	filter: none;
}

/* (3) Suppression bordure droite des items de menu meta/header/footer */
.meta-navigation ul li,
.header-right .widget_nav_menu ul li,
.footer-navigation ul li {
	border-right: none;
}

/* (4) Suppression bordure haute de la navigation footer */
.footer-navigation ul {
	border-bottom: none;
}

/* (5) Suppression bordure haute du footer sans widgets */
.footer-navigation.footer-widgets-empty ul {
	border-top: none;
}

/* (6) Largeur auto des liens de sous-menu (au lieu de 200px fixe) */
.main-navigation ul.sub-menu a,
.meta-navigation ul.sub-menu a,
.header-right .widget_nav_menu ul.sub-menu a {
	width: auto;
}

/*--------------------------------------------------------------
>>> STYLES PERSONNALISÉS
(déplacés depuis memberlite/style.css, lignes 3301-4116)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/

body {font-family: "Poppins", "Open Sans", sans-serif;}
#content {font-family: "Poppins", "Open Sans", sans-serif;}
#page #content #primary .entry-content{font-family: "Poppins", "Open Sans", sans-serif;}


#masthead .header-right {color:#011C34;}
#masthead .header-right a {color:#011C34;}
#masthead .header-right #meta-member .meta-member-inner {color:#011C34;}

#masthead .header-right #meta-member a {color:#011C34;}
#masthead .header-right #meta-member a:hover {color:#ffffff;}


#masthead .header-right ul li a {background-color:#ffffff; color:#011C34; border-radius:5px; padding:4px 10px; margin:0 3px; }
#masthead .header-right ul li a:hover{background-color:#011C34; color:#011C34; }

#site-navigation .search-form .search-field{width:210px; min-width:210px; color:#011C34; font-size:15px; }
#site-navigation .search-form input::placeholder{color:#011C34; font-size:15px; }


#site-navigation ul li a {font-size:15px; font-family: "Poppins", "Open Sans", sans-serif;}


#masthead .meta-member-inner .user{display:none;}
#masthead .header-right #meta-member .meta-member-inner {margin:15px 0;}


.masthead{background-image:url("/wp-content/themes/memberlite/assets/img/header-5.jpg"); background-position: center;  background-repeat: no-repeat;}


/*--------------------------------------------------------------
Produits structurés - liste
--------------------------------------------------------------*/
.code {width:100%; font-size: 12px;}
.code-isin{ border:solid 1px #ccc; padding:2px 10px; text-align:center; color:#7A7A88;  float:left; margin:5px 5px 0 0; border-radius:5px;}
.code-type{ border:solid 1px #ccc; padding:2px 10px; text-align:center; color:#05665B; background-color:#D3F3EF; float:left; margin:5px 5px 0 5px; border-radius:5px;}

.garantie_en_capital {color:#16AB75;}

.table-produits-structures {
    width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden;
    background: white; 
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	font-size: 14px;
	color:#424866;
}

.table-produits-structures thead {
    font-weight: bold;
	font-size: 13px;
	background-color:#F0F4F9;
}

.table-produits-structures th, .table-produits-structures td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.table-produits-structures tbody tr:hover {
    background: #f9f9f9;
}

.btn-detail {
    display: inline-block;
    padding: 5px 10px;
    background: #f0f0f0;
    border-radius: 50%;
    text-decoration: none;
    font-weight: bold;
}


.sous-jacents-container {
    display: flex;
    gap: 5px;
    align-items: center;
	/*width:120px; */
}

.produit-structure-detail .sous-jacents-container {
	width:280px;
}

@media (max-width: 768px) {

	.produit-structure-detail .sous-jacents-container {
		width:160px;
	}

}


.sous-jacent-item{
	clear:both;
	width:100%;
}

.sous-jacent-img {
/*  width: 80px; */
    width:18%;
	height: auto;
	display:block;
	float:left;
}

.sous-jacent-img img {
    object-fit: cover;
}

.sous-jacent-nom{
    /* 
	width: 270px;
    height: 40px;
	*/
	width:80%;
	display:block;
	float:left;
	line-height:auto;
	padding: 0 0 0 15px;  
}


/*--------------------------------------------------------------
Produits structurés - détail
--------------------------------------------------------------*/


.produit-structure-detail {font-size:14px;}
.produit-structure-detail h1{font-size:30px; }
.produit-structure-detail h2{font-size:20px; }
.produit-structure-detail h4{font-size:14px; margin:0; padding:0;}



.produit-structure-detail .description table {background-color:#fff; box-shadow: 0 2px 6px rgba(0,0,0,0.05); border: 1px solid #ccc;}

.table-produits-structure-synthese {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem;
	margin-top:0;
	background-color:#ffffff;
    border: 0px solid #ddd;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.table-produits-structure-synthese th,
.table-produits-structure-synthese td {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}
.table-produits-structure-synthese th{
	font-weight:bold;
}


.sous-jacents-container {
    display: flex;
    text-align: left;
    gap: 5px;
    flex-wrap: wrap;
}




.produit-structure-detail ul {
    list-style: none;
    padding: 0;
}

.produit-structure-detail li {
    margin-bottom: 6px;
}


.produit-structure-detail .bloc-sous-jacent {
	width: 405px;
	float:left;
    margin: 0 20px 0 0;
}



.produit-structure-detail .table-sous-jacent {
    width: 100%;
    border-collapse: collapse;
	margin:0;
}


#content #container-taux #container-sous-jacents { height:150px;}

#content #container-sous-jacents { clear:both; padding:0px; height:200px; margin:20px 0;}
#content #container-sous-jacents h2 {padding:0; margin:0;}
#content #container-graph {border:solid 1px #7A7A8833; border-radius:12px;  background-color:#fff; clear:both; padding:20px; margin:20px 0;}
#content #container-graph h2 {padding:0; margin:0;}

#chart { /*width: 500px;  */}
.apexcharts-text, .apexcharts-title, .apexcharts-xaxis-label, .apexcharts-yaxis-label { font-size: 10px !important; }

/*
#apexchart-buttons button{font-size:10px; line-height:10px; padding:8px 6px; margin:3px; font-weight:normal;}
*/


/* Style général des blocs */
#container-sous-jacents {
    margin-top: 2em;
}

.bloc-sous-jacent {
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 1.5em;
    margin-bottom: 2em;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    background-color: #fff;
}

/* Titres */
.bloc-sous-jacent h4 {
    margin-top: 0;
    font-size: 17px;
}

/* Table des valeurs */
.table-sous-jacent {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1em;
}

.table-sous-jacent th,
.table-sous-jacent td {
    text-align: left;
    border-bottom: 1px solid #eee;
	padding: 8px 5px 8px 0px;
}

.table-sous-jacent th {
    width: 45%;
}

.table-sous-jacent td {
}

/* Couleurs performance */
.table-sous-jacent td span {
    font-weight: bold;
    font-size: 16px;
}

.table-sous-jacent td span[color="green"] {
    color: #28a745;
}

.table-sous-jacent td span[color="red"] {
    color: #dc3545;
}

.table-sous-jacent td span[color="gray"] {
    color: #6c757d;
}

.table-sous-jacent small {
    font-size: 12px;
    color: #888;
}


.performance-positive {
    color: green;
}
.performance-negative {
    color: red;
}

.rendement-final {
    color: green;
}

.vignette {
    width: 30px;
    height: auto;
    margin-right: 7px;
    vertical-align: middle;
}


#infos-ps {
	width:100%;
	height:700px;
}


#infos-ps-detail {
	width:614px;
	height:600px;
	float:left;
}

#infos-ps-calendar-bloc {
	float:left;
	width:644px;
}

#infos-ps-calendar {
	width:644px;
	height:530px;
	background-color:#fff;
	margin: 0 20px 0 0;
	padding: 15px 0 0 0;
    border: 1px solid #ddd;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

#infos-ps-mentions {
	padding: 10px 0;
}

#infos-ps-calendar-detail{
	width:620px;
	height:500px; 
	overflow: scroll;
	margin: 0 0 0 10px
}

#infos-ps-calendar-detail td {padding:10px;}

@media (max-width: 768px) {

  #infos-ps-calendar-detail {
    margin: 0 0 0 0;
  }

}



#infos-ps-calendar-detail table{
	width:600px;
	margin: 0 0 0 0;

}

#infos-ps-calendar-detail #table-date{
	width:100px;
	height:40px;
	font-weight:bold;
}

#infos-ps-calendar-detail #table-remb{
	width:165px;
	height:40px;
	font-weight:bold;
}

#infos-ps-calendar-detail #table-coupon{
	width:100px;
	height:40px;
	font-weight:bold;
}




.bloc-info {
	width:285px;
	float:left;
	background-color:#D5E5FF;
	height:170px;
	padding:40px 20px 20px 20px;
	margin: 0 10px 20px 10px;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.bloc-info .value{
display:block;
font-size:40px;
color:#011C34;
font-weight:bold;
}

.bloc-info .label{
display:block;
font-size:14px;
color:#011C34;
}

#barriere-remboursement{
	background-color:#D5E5FF;
	background-image:url("/wp-content/themes/memberlite/assets/img/icon5.png"); background-position: 225px 12px;  background-repeat: no-repeat;
}

#prochaine-constation{
	background-color:#F4E4C6;
	background-image:url("/wp-content/themes/memberlite/assets/img/icon2.png"); background-position: 225px 12px;  background-repeat: no-repeat;
}

#barriere-versement{
	background-color:#FFFAD5;
	background-image:url("/wp-content/themes/memberlite/assets/img/icon4.png"); background-position: 225px 12px;  background-repeat: no-repeat;
}

#rendemenent-final{
	background-color:#ECE2FF;
	background-image:url("/wp-content/themes/memberlite/assets/img/icon1.png"); background-position: 225px 12px;  background-repeat: no-repeat;
}

#frequence{
	background-color:#E5ECF5;
	background-image:url("/wp-content/themes/memberlite/assets/img/icon4.png"); background-position: 225px 12px;  background-repeat: no-repeat;
}

#prochaine-constation2{
	background-color:#E5ECF5;
	background-image:url("/wp-content/themes/memberlite/assets/img/icon2.png"); background-position: 225px 12px;  background-repeat: no-repeat;
}

#prochaine-constation .value{
font-size:30px;
}

#frequence .value{
font-size:22px;
}

#prochaine-constation2 .value{
font-size:22px;
}


#infos-ps-calendar h2{
	padding:0px;
	margin:0px;
}

#legal-info {
	width:100%;
	background-color:#E5ECF5;
	margin:40px 0;
	padding: 20px;
	clear:both;
	font-size:14px;
	border-radius:12px;
}


/*--------------------------------------------------------------
Page accueil
--------------------------------------------------------------*/

.home .display-posts-listing .listing-item .image {height:245px;}

.display-posts-listing .listing-item {
	overflow: hidden; 
	margin-bottom: 32px;
	width: 100%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.display-posts-listing .image {
	float: left;
	margin: 0 0 0 0;
}
.display-posts-listing .image img {
	border-radius: 0px;
}

.display-posts-listing .image img{
    transition: transform 0.2s ease;
}

.display-posts-listing .image img:hover{
	transform: scale(1.03) translateY(-3px);
}


.display-posts-listing .title {
	display: block;
}

.display-posts-listing .listing-item {
    margin-bottom: 15px;
    border-bottom: 1px solid #DDD;
    padding-bottom: 15px;
}

.display-posts-listing .listing-item .title { 
display: block;
font-size: 0.8em;
text-decoration:none;
}

.display-posts-listing .listing-item .title:hover{text-decoration:underline;}

.display-posts-listing .listing-item .date {
    font-style: italic;
		font-size: .8em;
}
.display-posts-listing .listing-item .author {
    font-style: italic;
		font-size: .8em;
}
.display-posts-listing .listing-item .excerpt-dash {
    display: none;
}
.display-posts-listing .listing-item .excerpt {
    display: block;
	  font-size: .8em
}


.display-posts-listing.grid {
	display: grid;
	grid-gap: 25px;
}

.display-posts-listing.grid .title {
	display: block;
}

.display-posts-listing.grid img.attachment-large { 
	display: block;
	max-width: 100%;
	height: 200px;
	object-fit: cover;
}

.display-posts-listing.grid .avatar { 
	margin: auto;
	margin-top: -70px;
}
.display-posts-listing.grid .listing-item { 
	text-align: center;
	background-color: white;
	padding: 20px;
	border-radius: 15px;
}

.display-posts-listing.grid .listing-item .title{ text-align:left;}

@media (min-width: 600px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 1, 1fr );
	}
}

@media (min-width: 1024px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 3, 1fr );
	}
}


#content .row .medium-offset-2 {margin:0% !important;}
#content .row #primary{padding:0; margin:0 auto; width:75%;}
#content .row #primary{padding:0; margin:0 auto; width:100%;}
#content .row #primary #main {width:100%; padding:30px; margin:0 auto; }


#content .wp-element-button{font-size:16px; font-weight:normal;}



/*--------------------------------------------------------------
Homepage
--------------------------------------------------------------*/


.produits-commercialisation-content {
	margin:0 0 20px 0; 
}

.produit-commercialisation-bloc {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	background-color:#fff;
	text-align:center;
	padding:25px;
	border-radius:15px;
	width:370px;
	margin:20px 20px 0 0;
}

.produit-commercialisation-bloc .image {
	width:320px;
	height:220px;
	margin:0 auto; 
	text-align:center;
}

.produit-commercialisation-bloc .image img{
	width:320px;
	height:220px;
}


.produit-commercialisation-bloc img{
    transition: transform 0.2s ease;
}

.produit-commercialisation-bloc .image img:hover{
	transform: scale(1.03) translateY(-3px);
}



.produit-commercialisation-bloc .title {
	margin:0 auto; 
	text-align:center;
	font-size:15px;
	text-decoration:none;
}
.produit-commercialisation-bloc .title:hover {
	text-decoration:underline;
}


@media (max-width: 768px) {
    .produits-commercialisation-content {
        flex-direction: column;
        align-items: center;
    }

    .produit-commercialisation-bloc {
        margin: 10px 0;
        width: 90%;
    }
}



/*--------------------------------------------------------------
Page article
--------------------------------------------------------------*/

#content .masthead {margin-bottom:0; padding:30px 0; min-height:170px; }

#content .size-large img{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); padding:15px;  border-radius:15px; background-color:#fff;}
#content .entry-content mark{ background-color:#F9EFDE; color:#011c34; }
#content .entry-content mark strong{ background-color:#F9EFDE; color:#011c34; }


/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/

.footer {background-color:#011c34; font-size:14px; height:400px; color:#D3D3D3;}
.footer_container {width:1200px; margin:0 auto; padding:40px 0;}

.footer a{color:#fff;}
.footer ul li{padding:0; margin:7px 0; list-style:none;}
.footer ul li a{ text-decoration:none;}
.footer .slogan{font-size:24px; font-weight:bold; color:#fff;}
.footer  h3 {color:#DAB471; font-size:14px; margin:0; font-weight:normal;}



.footer_logo { width:330px; float:left; padding:0; margin:0; }
.footer_navigation  { width:260px; float:left; color:#D3D3D3;}
.footer_contact  { width:260px; float:left; color:#fff;}
.footer_mentions  { width:340px; float:left;} 

.footer_mentions  ul li { color:#D3D3D3;} 
.footer_mentions  ul li span{ color:#fff;} 

.footer_navigation #menu-footer {padding:0; margin:0;}
.footer_navigation ul li {display:block;}
.footer_contact .tel{float:left; display:block;  }
.footer_contact .email{ clear:both; display:block; margin:7px 0;}
.footer_contact .social-icons {font-size:26px; margin:5px 0; padding:0; clear:both;}
.footer_contact .social-icons a{margin:5px 5px; text-decoration:none;}

/* Header inscription */
.member-navigation a[href*="action=register"] {
    display: none !important;
}

@media (max-width: 768px) {
.footer{height:auto; padding:20px;}
.footer_container {width:100%; }
.footer_logo { float:none; clear:both; }
.footer_navigation { float:none; clear:both; }
.footer_contact { float:none; clear:both; }
.footer_mentions { float:none; clear:both; }

}


/*--------------------------------------------------------------
Account
--------------------------------------------------------------*/
#main #pmpro_account-membership {display:none;}
#main #pmpro_account-orders {display:none;}
#main #pmpro_pricing_fields {display:none;}
#main #pmpro_mailpoet_additional_lists h2 {display:none;}






/*--------------------------------------------------------------
Navigation
--------------------------------------------------------------*/

.onlymobile{display:none;}

#main p .has-color-secondary-color {
	color:#011c34 !important; 
	background-color:#F9EFDE !important;
}

.notice-info{ 
	color:#011c34; 
	background-color:#F9EFDE;
	padding:10px;
	font-size:16px;
}

.notice-p{
	font-size:16px;
}

.notice-mentions{
	color:#011c34; 
	font-size:12px;
}




@media (max-width: 768px) {
	.onlymobile{display:block;}
	#masthead{position:relative;}
}

.mon-portefeuille {
	color: #011C34;
	background-color: #ffffff;
	border-radius: 5px;
	padding: 4px 10px;
	text-decoration:none;
	font-size:12px;
	width:118px;
	position: absolute;
	top:25px;
	right:64px; 
	text-align:center;
}


/* Ajout de l'icône Camembert au menu Mon Portefeuille */
#menu-member-1 .menu-item-2516 a::before {
    content: "\f200"; /* Code Unicode FontAwesome pour fa-chart-pie */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 10px;
    color: #2A4B7C; /* Le bleu classe utilisé sur l'icône du bloc */
    font-size: 16px;
    vertical-align: middle;
    transition: all 0.3s ease;
    display: inline-block;
}

/* Changement de couleur au survol du menu */
#menu-member-1 .menu-item-2516 a:hover::before {
    color: #C6A87C; /* Passage au doré Urrutia au survol */
}

/* Alignement du texte du menu pour accueillir l'icône */
#menu-member-1 .menu-item-2516 a {
    display: flex;
    align-items: center;
}


/*--------------------------------------------------------------
Mobile
--------------------------------------------------------------*/

@media (max-width: 768px) {

	h1{font-size:2.2rem;}

	#mobile-navigation {margin:0 0 0 20px;}
	#mobile-navigation ul li a{font-size:14px; border-bottom:solid 1px #ccc;}
	#mobile-navigation .sub-menu{margin:0 0 0 20px;}
	#mobile-navigation .sub-menu li{height:auto; margin:0;}
	#mobile-navigation .sub-menu li a{font-size:12px; border:0;}

	#mobile-navigation #meta-member .meta-member-inner{padding:0; margin:20px 0 20px 0;}

	#mobile-navigation #meta-member .meta-member-inner ul li{display:inherit;}
	#mobile-navigation #meta-member .meta-member-inner ul li:after{content:none;}

	#page .site-branding .custom-logo {max-width:150px;}
}