/* ============================================================
    Fichier : cpts-iroise-global.css
    Description : CSS global pour le site Piveo, chargé sur toutes les pages du site
    Auteur : François Jaffrennou  - Permagile
    URL : https://piveo.fr/
    ============================================================ */

/* Sticky footer adapte au DOM JetThemeCore (header + page + footer dans .jet-theme-core-document__inner). */
html,
body {
    height: 100%;
}

body {
    min-height: calc(100vh - var(--wp-admin-bar-height, 0px));
    margin: 0;
}

/* Wrapper global du theme */
#jet-theme-core-document {
    min-height: calc(100vh - var(--wp-admin-bar-height, 0px));
    display: flex;
    flex-direction: column;
}

/* Colonne principale : header / contenu / footer */
#jet-theme-core-document > .jet-theme-core-document__inner {
    min-height: calc(100vh - var(--wp-admin-bar-height, 0px));
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
}

/* Le contenu de page prend l'espace restant */
#jet-theme-core-document > .jet-theme-core-document__inner > [data-elementor-type="wp-page"],
#jet-theme-core-document > .jet-theme-core-document__inner > #content,
#jet-theme-core-document > .jet-theme-core-document__inner > main#content,
#jet-theme-core-document > .jet-theme-core-document__inner > .site-main {
    flex: 1 0 auto;
}

/* Le footer reste pousse en bas */
#jet-theme-core-document > .jet-theme-core-document__inner > footer,
#jet-theme-core-document > .jet-theme-core-document__inner > .site-footer,
#jet-theme-core-document > .jet-theme-core-document__inner > [data-elementor-type="footer"],
#jet-theme-core-footer {
    margin-top: auto;
}

/* Gestion dynamique de la barre admin (plus simple) */
body.admin-bar {
    --wp-admin-bar-height: 32px;
}
@media screen and (max-width: 782px) {
    body.admin-bar {
        --wp-admin-bar-height: 46px; /* La barre admin est plus haute sur mobile */
    }
}

/* Header sticky global (toujours visible). */
#jet-theme-core-header,
[data-elementor-type="header"] {
    position: sticky;
    top: var(--wp-admin-bar-height, 0px);
    z-index: 1001;
}


/* Styles globaux pour les liens de déconnexion */
.wppb-logout-url {
	font-family: "Kollektif", Sans-serif;
    font-weight: 400;
    font-size: 16px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
}

/* Menu PIVEO : cacher le lien déconnexion du menu sur PC */
@media screen and (min-width: 1024px) {
	#menu-a0b897b > li:nth-child(6) {
		display:  none;
	}
}

/* Ajout d'une marge pour décaler les sous menus sur mobile */
.raven-nav-menu-mobile .sub-menu  {
	padding-left: 20px !important;
	background-color: #D8EEF4;
}

/* Pour forcer la police du sous menu de niveau 2 (actions) */
.elementor-widget-raven-nav-menu .raven-nav-menu-main .liste-actions-menu-principal > li > a.raven-submenu-item {
	font-family: "Kollektif", Sans-serif !important;
}

/* Flèches indiquant les sous menus sur mobile et tablette */
.raven-nav-menu li.menu-item>a.raven-link-item .sub-arrow {
    display: inline-block;
    margin-left: 10px;
    color: #1693B5 !important;
    font-style: normal;
    text-align: center;
    fill: #1693B5 !important;
    margin-left: auto;
}

/* Encart fixe pour les icônes réseaux sociaux */
#fixedReseauxSociaux {
    position: fixed;
    top: 180px; 
    right: 0; 
    width:50px;
    height: 100%;
    z-index: 999; 
}

@media screen and (min-width: 1025px) {
	.hiddenOnDesktop {
		visibility:hidden;
	}
}

@media screen and (max-width: 1024px) {
	.hiddenOnTablet {
		visibility:hidden;
	}
}

@media screen and (max-width: 767px) {
	.hiddenOnMobile {
		visibility:hidden;
	}
}

/* compteur de demandes d'inscription */
.compteur-demandes .elementor-shortcode {
    color: var(--e-global-color-e499b09);
    font-size: 24px;
    font-weight: 700;
}

/* Barre de séparation entre excerpt et meta
#posts-caroussel .raven-post-meta {
	border-top: 2px solid #EB594D;
}*/

/* Au dessus de 1200px de large on ajoute un padding pour garder le titre de l'axe aligné */
@media screen and (min-width: 1200px) {
   #colonneAxe {
    padding-left: calc((100vw - 1200px)/2);
  }
}

.do-not-display {
	display: none !important;
}

.fixed-section {
	visibility:hidden;
}

.hiddenColumn {
    visibility: hidden;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .hiddenColumnTablet {
        display: none !important;
    }
	.hiddenColumn {
    	display: none !important;
	}
}

@media screen and (max-width: 767px) {
    .hiddenColumnMobile {
        display: none !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .fullWidthOnTablet {
        width: 100% !important;
    }
}

@media screen and (max-width: 767px) {
    .fullWidthOnMobile {
        width: 100% !important;
    }
}