/* Import de bootstrap */
@import url('https://agenda.joliclos.be/wp-content/themes/joliclos/css/bootstrap.min.css');

/* Import des polices */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

/* Styles généraux */
html.wp-toolbar {
	padding-top:0;
}
body, h2.hndle, p, a, span, ul, li, div, select, option, input, table, td, tr, strong, .widefat td, .widefat td ol, .widefat td p, .widefat td ul, a.row-title, .widefat tfoot td, .widefat th, .widefat thead td {
	font-family: "Inter", sans-serif;
	font-size: 1rem !important;
	color: #212529!important;
}
body {
	background: #f8f9fa;
}
.postbox, #loginform {
	border-radius: 10px;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	border:0;
}

/* Styles pour les tables */
table {
	border-radius: 10px !important;
	border: 0 !important;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	margin-top: 50px !important;
}
.form-table {
	background: #fff;
	padding: 10px !important;
	margin-top: 20px !important;
	margin-bottom: 50px !important;
}

/* Styles pour les en-têtes de table */
thead th, thead td, thead tr, tfoot th, tfoot td, tfoot tr {
	background: #77A6BA !important;
}
thead, tbody, tfoot, tr, td, th {
	border:0!important;
}
thead>tr>td:first-child {
	border-radius: 10px 0 0 0;
}
thead>tr>th:last-child {
	border-radius: 0 10px 0 0;
}
tfoot>tr>td:first-child {
	border-radius: 0 0 0 10px;
}
tfoot>tr>th:last-child {
	border-radius: 0 0 10px 0;
}

/* Styles pour le menu d'administration */
#adminmenu li.menu-top, #adminmenu, #adminmenu .wp-submenu, #adminmenuback, #adminmenuwrap {
	width: 278px;
}
#adminmenuback, #adminmenuwrap {
/*	position: relative;!important;*/
}
/* CSS personnalisé pour afficher l'icône SVG */
#adminmenu li.lien_vers_application .wp-menu-image::before {
	content: url("data:image/svg+xml; utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house-fill' viewBox='0 0 16 16'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L8 2.207l6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293z'/%3E%3Cpath d='m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293z'/%3E%3C/svg%3E");
}
#adminmenu li.menu-top:hover,
#adminmenu li.opensub>a.menu-top,
#adminmenu li>a.menu-top:focus {
	background: linear-gradient(180deg, rgba(236,234,211,1) 0%, rgba(216,215,186,1) 100%);
}
#adminmenu a:focus,
#adminmenu a:hover,
.folded #adminmenu .wp-submenu-head:hover {
	box-shadow: 0 !important;
}
#adminmenu div.separator {
	background: #77a6ba;
	opacity: 0.25;
	height: 1px;
}
#adminmenu div.wp-menu-name {
	padding: 12px 30px 12px 46px;
}
#adminmenu div.wp-menu-image:before,
#adminmenuwrap a,
#adminmenu a {
	color: #404040;
}
#adminmenu .wp-submenu {
	background: #77A6BA;
	left:278px;
}
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
#adminmenu .wp-menu-arrow,
#adminmenu .wp-menu-arrow div, 
#adminmenu li.current a.menu-top,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu {
	background: #2B444F;
}
#adminmenu li.wp-first-item,
#adminmenu li.wp-menu-separator {
	display: none;
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after, #adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
	color: #72aee6;
}
#adminmenu div.wp-menu-image {
	height: 100%;
}

/* Styles pour le reste du contenu de l'administration */
#adminmenuback {
	display: none;
}
#adminmenu {
	background: #fff;
	margin: 0;
	border-radius: 10px;
}
#adminmenu li:first-child {
	border-radius: 10px 10px 0 0;
}
#adminmenuwrap {
	box-shadow:  0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	top: 1vh;
	left: 1vw;
	border-radius: 10px;
	max-height: calc(100% - 2vw);
	background: #fff;
}
#wpcontent,
#wpfooter {
	margin-left: calc(278px + 2vw);
	margin-right: 1vw;
}
#wpfooter, #wpadminbar {
	display: none;
}
#wpbody-content {
	padding-bottom: 0;
}
.row-actions .inline,
.row-actions .edit_as_new_draft,
.row-actions .rewrite {
	display: none;
}
#login h1 a, .login h1 a {
    background-image: url(https://agenda.joliclos.be/wp-content/uploads/2024/05/jolisclos-2.png);
	height:150px;
	width:auto;
	background-size: 150px auto;
	background-repeat: no-repeat;
    padding: 0;
    margin: 0;
}
#language-switcher, .language-switcher {
	display: none;
}
.form-table th, .form-table .acf-label {
	padding-left: 20px!important;
}
.notice, .media-toolbar, .card, .tablenav.bottom, .tablenav.top {
	background: #fff;
	height: auto;
    overflow: hidden;
    border-radius: 10px!important;
    border-right: 0!important;
    border-top: 0!important;
    border-bottom: 0!important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)!important;
    margin-top: 40px!important;
    margin-bottom:40px!important;
	padding: 20px;
}
p.search-box {
	margin-bottom:50px;
}
.media-toolbar, .card {
	border-left:0;
}
.notice-dismiss {
	border:0!important;
}
.wrap h1 {
	font-size:2.5rem!important;
	font-weight: bold!important;
}
hr.wp-header-end {
	visibility: visible!important;
	margin:0 0 1rem 0!important;
}
th.sortable a, th.sorted a, .sorting-indicator:before {
	color:#fff;
}
th.sortable a, th.sorted a, .widefat thead tr th, .widefat thead tr td, .widefat tfoot tr th, .widefat tfoot tr td {
	padding-top: 20px;
	padding-bottom: 20px;
	color:#fff;
}
h2.Optionspersonnelles,
.user-rich-editing-wrap,
.user-syntax-highlighting-wrap,
.user-admin-color-wrap,
.user-comment-shortcuts-wrap,
.user-admin-bar-front-wrap,
.user-language-wrap,
.user-description-wrap,
.application-passwords,
.toplevel_page_pp-capabilities-dashboard,
.toplevel_page_cptui_main_menu,
.application-passwords {
    display: none !important;
}
#adminmenuback, #adminmenuwrap {
    /*  position: sticky;!important;*/
    margin-top:20px;
    margin-bottom:40px;
}
#adminmenu a.menu-top:focus+.wp-submenu, .js #adminmenu .opensub .wp-submenu, .js #adminmenu .sub-open, .no-js li.wp-has-submenu:hover .wp-submenu {
	background: #2B444F;
	border-radius: 0 10px 10px 0;
}
.metabox-prefs {
	border-radius: 0 0 10px 10px;
}
.search-box-new {
	width: auto!important;
}
.search-box-new > .form-control {
	border-radius: 10px 0 0 10px!important;
	margin-left:50px!important;
}
#adminmenu .wp-submenu li a,
a.wp-menu-open.menu-top .wp-menu-name {
	color:#fff!important;
}
.acf-tooltip {
	color:#D0D5DD;
}