/*
Theme Name: Meli-Memo
Theme URI: 
Author: Amélie Jouineau
Author URI: 
Description: Thème enfant basé sur Twenty Twenty-Five
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: melimemo
Tags: 
*/

.wp-site-blocks{padding-left: 10px; padding-right: 10px;}

/* contenu avec fond blanc */
.with_bg{background: var(--wp--preset--color--base-2); padding: 15px; border-radius: 30px}


/* Liste des categories */
.wp-block-categories, .wp-block-categories ul{list-style-type:none;}
.wp-block-categories li{display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: center; color: var(--wp--preset--color--accent-6); padding:0; border-top:1px solid var(--wp--preset--color--base)}
.wp-block-categories li a{display: block; padding: 10px 5px; color:var(--wp--preset--color--accent-1); text-decoration:none; font-weight:400}
	.wp-block-categories li a:hover, .wp-block-categories li a:focus, .wp-block-categories li a:active{color:var(--wp--preset--color--contrast);}
.wp-block-categories .children{width: 100%; padding-left: 30px}
	.wp-block-categories .children li:last-child{padding-bottom: 0;}

.wp-block-categories-list.hidden{display: none;}

/* Header */
.header{padding: 15px 0;}
.header_content{background: var(--wp--preset--color--base-2); position: relative; gap:30px; margin-top: 15px; padding:10px 15px; border-radius: 40px}
@media (max-width: 600px) {
	.header_content{gap:10px}
	padding: 5px 10px;
}

/* Hearder : recherche */
.header_content .wp-block-search{flex-grow: 1; text-align: center; overflow: hidden; z-index: 750 /* inferieur au menu utilisateur */;}
body.is_results_ajax .header_content .wp-block-search{z-index: 910 /* superieur au layer noir de la recherche ajax et au menu utilisateur qd resultats de recherche ajax */;}
.wp-block-search__inside-wrapper { flex-wrap: nowrap; max-width: 100%; flex-direction: row; justify-content: space-between; }

.resultat_recherche_ajax{background: var(--wp--preset--color--base-2); position: absolute; top: 70px; left: 0; min-width: 100%; text-align: left; box-sizing: border-box; border-radius: 20px; box-shadow: var(--wp--preset--shadow--natural); z-index: 900;}
	.resultat_recherche_ajax_list{ margin: 5px 10px; max-height: calc(100vh - 180px); overflow-y: auto;}
	.resultat_recherche_ajax_list ul{list-style: none; margin: 0; padding: 0;}
		.resultat_recherche_ajax_list li:not(:first-child){ border-top: 1px solid var(--wp--preset--color--accent-6);}
		.resultat_recherche_ajax_list .wp-block-post-title{display: block; padding: 10px 0; font-weight: 400; text-decoration: none;}
body.is_results_ajax::before{content:""; background: #000; position: fixed; top: 0; left: 0; right: 0; bottom:0; display: block; opacity: 0.7; z-index: 900;}

.wp-block-site-logo{flex-grow: 1; text-align: center;}

/* navigation */
.has-modal-open body::before{content:""; background: #000; position: fixed; top: 0; left: 0; right: 0; bottom:0; display: block; opacity: 0.7; z-index: 999; /* inferieur au menu ouvert */}
.main_nav .wp-block-navigation__responsive-container-open { background: var(--wp--preset--color--base); border-radius: 50%; width: 45px; height: 45px; align-items: center; justify-content: center; }
@media (max-width: 600px) {
	.main_nav .wp-block-navigation__responsive-container-open {width: 40px; height: 40px;}
}
.wp-block-navigation__responsive-container {max-width: 300px;  box-shadow: var(--wp--preset--shadow--natural); }
 .wp-block-navigation__responsive-container{padding-top: 30px;}

/* Bouton nouvelle note */
.bt_create_note .wp-element-button{background-color: var(--wp--preset--color--base); display: flex; gap: 10px; align-items: center;}
.bt_create_note .dashicons-before::before{font-size: var(--wp--preset--font-size--xx-large); line-height: 1; width: auto; height: auto;}
@media (max-width: 600px) {
	.bt_create_note .wp-element-button{padding-left: 10px; padding-right: 10px;}
	.bt_create_note .text{display: none;}
}

/* header : user menu */
.user_infos{position: relative; z-index: 800; /* inferieur au menu ouvert */}
	.user_infos .user_img{display: block; width: 50px; height: 50px; border-radius: 50%; overflow: hidden;}
		.user_infos .user_img .avatar{max-width: 100%; max-height: 100%; object-fit: contain;}
	.user_menu{background: var(--wp--preset--color--base-2); position: absolute; right: 0; top: 60px; display: none; padding: 10px 15px; border-radius: 20px; box-shadow: var(--wp--preset--shadow--natural); transition: ease-in-out;}
	.user_menu.is_opened{display: block;}
	.user_menu .user_link, .user_menu a{display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 10px; padding: 5px 0; text-decoration: none; border-top: 1px solid var(--wp--preset--color--accent-6);}
	.user_menu > a:first-child{border-top: 0 none;}
		.user_menu .user_link .text{white-space: nowrap;}
.user_menu .wp-block-loginout a::before { content: "\f14a"; font-family: dashicons; display: inline-block; line-height: 1; font-weight: 400; font-style: normal; text-decoration: inherit; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 20px; height: 20px; font-size: 20px; vertical-align: top; text-align: center; transition: color .1s ease-in }
	.user_infos p{display: none;}

/* Bloc recherche dans le contenu principal */
main .wp-block-search .wp-block-search__inside-wrapper{background-color: var(--wp--preset--color--base-2); border-radius: 20px; max-width: 500px;}
main .wp-block-search__button{background-color: var(--wp--preset--color--base);}

/* Liste des categories dans le menu */
.categories_menu .wp-block-categories{display: none; width: 100%; padding-left: 10px; padding-right: 10px; box-sizing: border-box}
.is-menu-open .categories_menu .wp-block-categories{display: block;}
@media (min-width:601px) {
	.categories_menu .wp-block-categories {min-width: 200px;}
}
.categories_menu .wp-block-categories li a{padding-top: 15px; padding-bottom: 15px; font-size: var(--wp--preset--font-size--medium);}

/* Detail article ou page */
.entry-content{padding-bottom: 15px; }
	.wp-block-post-excerpt{word-break: break-word /* pour les url passent sur plusieurs lignes*/}
.zone_titre .wp-block-button p{margin:0}
#bt_modifier_contenu{display: flex; gap: 10px;}
@media (max-width: 600px) {
	.zone_titre{align-items: flex-start; gap:10px}
	#bt_modifier_contenu{padding-left: 10px; padding-right: 10px;}
	#bt_modifier_contenu .text{display: none;}
}
.post-date-label{color: var(--wp--preset--color--accent-4); font-size: var(--wp--preset--font-size--small);}

.acf-form .acf-form-submit{padding-bottom: 15px;}
.acf-form .wp-element-button{margin-top: 15px; font-weight: 700;}
#acf-_post_title { color: var(--wp--preset--color--accent-5); font-family: var(--wp--preset--font-family--primary); font-size: var(--wp--preset--font-size--xx-large); font-style: normal; font-weight: 700; letter-spacing: 0; line-height: 1.5; }
.acf-form .acf-fields > .acf-field{padding-left: 0; padding-right: 0}
#message.updated{padding-bottom: 15px;}
	#message.updated p{background-color: var(--wp--preset--color--base); margin: 0; padding: 10px 15px; border-radius: 20px;}

/* Formulaire pour editer le contenu depuis la page de l'article */
#acf-form-update_content{display:none}

/*Boutons pour "Visuel"/"code" caches */
#acf-form-update_content .wp-editor-tabs, #acf-form-create_page .wp-editor-tabs{display: none;}


/* Notes favorites et récentes sur la home */
#notes_favorites .wp-block-post-template, #notes_recentes .wp-block-post-template{display: grid; grid-template-columns: repeat(6, 1fr); padding-left: 0; padding-right: 0;}
@media (max-width: 600px) {
	#notes_favorites .wp-block-post-template {grid-template-columns: repeat(2, 1fr);}
	#notes_recentes .wp-block-post-template{grid-template-columns: 1fr}
	#notes_favorites .wp-block-post-template li{padding: 5px 10px}
	#notes_favorites .wp-block-post-template h3{font-size: 16px;}
}

.wp-block-post-template { margin-top: 0; margin-right: 0; margin-bottom: 30px; margin-left: 0; }
.wp-block-post-template li { background-color: var(--wp--preset--color--base-2); display: flex; flex-direction: column; justify-content: space-between; padding: 15px; border-radius: 20px; }
.wp-block-post-template h3 { color: var(--wp--preset--color--accent-1); font-size: 18px; padding-left: 0; }
.wp-block-post-template h3 a{display: block; color: var(--wp--preset--color--accent-1); }
.wp-block-post-template h3 a:hover, .wp-block-post-template h3 a:focus, .wp-block-post-template h3 a:active { color: var(--wp--preset--color--contrast); }

/* Popup ACF */
.acf-popup-box .acf-icon, .acf-form .acf-icon { display: flex; justify-content: center; align-items: center; }
.acf-box .title h3{font-size: var(--wp--preset--font-size--medium);}
.acf-popup-box .acf-icon.-cancel:before{margin: 0;}
.acf-popup-box .acf-submit-button { background-color: var(--wp--preset--color--base-2); border-radius: 20px; border-color: transparent; border-width: 0; color: var(--wp--preset--color--accent-5); font-family: inherit; font-size: var(--wp--preset--font-size--medium); font-style: inherit; font-weight: 700; letter-spacing: inherit; line-height: inherit; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; text-decoration: none; text-transform: inherit; box-shadow: var(--wp--preset--shadow--natural); }
.acf-form ul.acf-radio-list li, .acf-form ul.acf-checkbox-list li{font-size: var(--wp--preset--font-size--medium); line-height: 1.5;}


/* TinyMCE */
.mce-container-body{display: flex; flex-direction: column}
.mce-top-part{order:3}
.mce-edit-area{order:1}
.mce-statusbar{order:2}
@media (max-width: 600px) {
	.mce-statusbar{display: none;}
}