/*
Theme Name: Haggai Burkina Faso
Theme URI: https://haggai-bf.org
Description: Theme officiel Haggai Burkina Faso, construit comme theme enfant du block theme Ollie.
Author: Haggai Burkina Faso / JRB X Solutions
Version: 0.6.1
Template: ollie
Text Domain: haggai-bf
*/

/*
 * Identite Haggai Burkina Faso.
 *
 * Les styles structurels proviennent du theme parent Ollie.
 * Les couleurs, typographies et composants de marque sont
 * controles dans le theme enfant.
 */


/* Haggai BF — Header / Footer
---------------------------------------------------------------------------- */

.haggai-site-header {
	position: relative;
	z-index: 100;
	box-shadow: 0 1px 0 rgba(32, 59, 99, .10);
}

.haggai-header-logo {
	margin: 0;
	flex-shrink: 0;
}

.haggai-header-logo img {
	display: block;
	height: auto;
}

.haggai-site-header .wp-block-navigation-item__content {
	color: var(--wp--preset--color--haggai-dark-blue);
	text-decoration: none;
}

.haggai-site-header .wp-block-navigation-item__content:hover,
.haggai-site-header .wp-block-navigation-item__content:focus {
	color: var(--wp--preset--color--haggai-medium-blue);
}

.haggai-header-cta {
	flex-shrink: 0;
}

.haggai-header-cta .wp-block-button__link {
	padding: .8rem 1.1rem;
}

.haggai-site-footer a {
	color: var(--wp--preset--color--base);
	text-decoration: none;
}

.haggai-site-footer a:hover,
.haggai-site-footer a:focus {
	color: var(--wp--preset--color--haggai-gold);
	text-decoration: underline;
}

.haggai-footer-logo {
	margin: 0;
}

.haggai-logo-white img {
	filter: brightness(0) invert(1);
}

@media (max-width: 900px) {

	.haggai-header-cta {
		display: none;
	}

	.haggai-header-logo img {
		width: 190px !important;
	}

}

@media (max-width: 600px) {

	.haggai-site-header {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}

	.haggai-header-logo img {
		width: 165px !important;
	}

	.haggai-site-footer {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

}


/* Haggai BF — Homepage
---------------------------------------------------------------------------- */

.haggai-home-hero {
	padding-top: clamp(4rem, 8vw, 7rem);
	padding-bottom: clamp(4rem, 8vw, 7rem);
}

.haggai-home-hero-columns {
	gap: clamp(2rem, 5vw, 5rem);
}

.haggai-section {
	padding-top: clamp(4rem, 7vw, 6.5rem);
	padding-bottom: clamp(4rem, 7vw, 6.5rem);
	padding-left: 24px;
	padding-right: 24px;
}

.haggai-card {
	height: 100%;
	padding: clamp(1.5rem, 3vw, 2.25rem);
	border-radius: 10px;
	box-shadow: 0 10px 35px rgba(32, 59, 99, .08);
}

.haggai-photo-placeholder {
	min-height: 420px;
	padding: 2rem;
	border-radius: 12px;
}

.haggai-photo-placeholder-hero {
	min-height: 520px;
}

.haggai-photo-placeholder-small {
	min-height: 320px;
}

.haggai-impact-grid {
	margin-top: 3rem;
}

.haggai-final-cta {
	padding-top: clamp(5rem, 9vw, 8rem);
	padding-bottom: clamp(5rem, 9vw, 8rem);
}

@media (max-width: 781px) {

	.haggai-home-hero,
	.haggai-section {
		padding-left: 20px;
		padding-right: 20px;
	}

	.haggai-photo-placeholder,
	.haggai-photo-placeholder-hero,
	.haggai-photo-placeholder-small {
		min-height: 300px;
	}

}


/* P9J-B2D — photos homepage
---------------------------------------------------------------------------- */

.haggai-home-photo {
        width: 100%;
        margin: 0;
        overflow: hidden;
        border-radius: 12px;
}

.haggai-home-photo img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
}

.haggai-home-photo-hero {
        height: 520px;
}

.haggai-home-photo-leadership {
        height: 420px;
}

.haggai-home-photo-small {
        height: 320px;
}

.haggai-home-photo-testimonial {
        aspect-ratio: 3 / 4;
}

.haggai-home-photo-testimonial img {
        object-position: 50% 20%;
}

.haggai-community-image {
        margin-top: clamp(2rem, 4vw, 3rem);
        margin-bottom: clamp(2rem, 4vw, 3rem);
        overflow: hidden;
        border-radius: 12px;
}

.haggai-community-image img {
        display: block;
        width: 100%;
        height: auto;
}

.haggai-action-intro,
.haggai-final-cta-copy {
        max-width: 780px;
        margin-left: auto;
        margin-right: auto;
}

.haggai-action-grid {
        margin-top: clamp(2rem, 4vw, 3rem);
        margin-bottom: clamp(2rem, 4vw, 3rem);
        gap: clamp(1.25rem, 2.5vw, 2rem);
}

.haggai-action-card {
        height: 100%;
        overflow: hidden;
        border-radius: 12px;
        background: #ffffff;
        box-shadow: 0 10px 35px rgba(32, 59, 99, .10);
}

.haggai-action-image {
        margin: 0;
        aspect-ratio: 4 / 3;
        overflow: hidden;
}

.haggai-action-image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
}

.haggai-action-image-spiritual img {
        object-position: 50% 24%;
}

.haggai-action-card-copy {
        padding: 1.4rem 1.5rem 1.6rem;
}

.haggai-action-card-copy > :first-child {
        margin-top: 0;
}

.haggai-action-card-copy > :last-child {
        margin-bottom: 0;
}

.haggai-final-cta-photo {
        position: relative;
        isolation: isolate;
        background-image:
                linear-gradient(rgba(32, 59, 99, .80), rgba(32, 59, 99, .80)),
                url("assets/images/home/cta-communaute-haggai-v2.webp");
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
}

.haggai-final-cta-photo > * {
        position: relative;
        z-index: 1;
}

@media (max-width: 781px) {

        .haggai-home-photo-hero,
        .haggai-home-photo-leadership,
        .haggai-home-photo-small {
                height: 300px;
        }

        .haggai-home-photo-testimonial {
                height: auto;
                aspect-ratio: 4 / 5;
                max-width: 520px;
                margin-left: auto;
                margin-right: auto;
        }

        .haggai-action-image {
                aspect-ratio: 16 / 10;
        }
}


/* P9J-B2H — mobile header
---------------------------------------------------------------------------- */

.haggai-cta-short {
        display: none;
}

@media (max-width: 781px) {

        .haggai-site-header {
                padding-left: 14px !important;
                padding-right: 14px !important;
        }

        .haggai-site-header > .wp-block-group.alignwide {
                gap: 10px;
        }

        .haggai-header-logo img {
                width: 150px !important;
        }

        .haggai-header-actions {
                display: flex !important;
                flex-wrap: nowrap !important;
                align-items: center;
                justify-content: flex-end;
                gap: 8px;
                flex-shrink: 0;
        }

        .haggai-header-cta {
                display: flex !important;
                order: 1;
                margin: 0;
                flex-shrink: 0;
        }

        .haggai-header-actions .wp-block-navigation {
                order: 2;
                flex-shrink: 0;
        }

        .haggai-header-cta .wp-block-button__link {
                padding: .62rem .78rem;
                font-size: 13.5px;
                line-height: 1.1;
                white-space: nowrap;
        }

        .haggai-cta-full {
                display: none;
        }

        .haggai-cta-short {
                display: inline;
        }

        .haggai-final-cta-photo h2 {
                font-size: clamp(2rem, 9vw, 2.65rem) !important;
                line-height: 1.12;
        }
}

@media (max-width: 480px) {

        .haggai-site-header {
                padding-left: 12px !important;
                padding-right: 12px !important;
        }

        .haggai-header-logo img {
                width: 132px !important;
        }

        .haggai-header-actions {
                gap: 6px;
        }

        .haggai-header-cta .wp-block-button__link {
                padding: .58rem .68rem;
                font-size: 12.5px;
        }
}

@media (max-width: 360px) {

        .haggai-header-logo img {
                width: 118px !important;
        }

        .haggai-header-cta .wp-block-button__link {
                padding: .54rem .6rem;
                font-size: 12px;
        }
}


/* P9K-B4 — page À propos
---------------------------------------------------------------------------- */

.haggai-inner-hero {
        padding-top: clamp(4.5rem, 8vw, 7rem);
        padding-bottom: clamp(4.5rem, 8vw, 7rem);
        padding-left: 24px;
        padding-right: 24px;
}

.haggai-inner-hero-copy,
.haggai-about-global-copy {
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
}

.haggai-inner-lead {
        max-width: 820px;
}

.haggai-about-two-col {
        gap: clamp(2.5rem, 6vw, 6rem);
}

.haggai-about-photo {
        margin: 0;
        overflow: hidden;
        border-radius: 12px;
}

.haggai-about-photo img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
}

.haggai-about-photo-alumni {
        height: 430px;
}

.haggai-about-photo-alumni img {
        object-position: center center;
}

.haggai-about-photo-faith {
        height: 520px;
}

.haggai-about-photo-faith img {
        object-position: center 24%;
}

.haggai-about-quote {
        max-width: 980px;
        margin-left: auto;
        margin-right: auto;
        line-height: 1.18;
}

.haggai-about-support-copy {
        max-width: 820px;
        margin-left: auto;
        margin-right: auto;
}

.haggai-about-pillars {
        margin-top: clamp(2.5rem, 5vw, 4rem);
        gap: clamp(1.5rem, 3vw, 2.5rem);
}

.haggai-about-pillar {
        height: 100%;
        padding-top: 1.5rem;
        border-top: 4px solid #FFC95C;
}

.haggai-about-pillar > :first-child {
        margin-top: 0;
        font-weight: 700;
}

.haggai-about-approach-list {
        margin-top: 1.75rem;
}

.haggai-about-approach-list p {
        margin-top: .85rem;
        margin-bottom: .85rem;
}

.haggai-about-final-cta {
        padding-top: clamp(5rem, 8vw, 7rem);
        padding-bottom: clamp(5rem, 8vw, 7rem);
}

@media (max-width: 781px) {

        .haggai-inner-hero {
                padding-top: 4rem;
                padding-bottom: 4rem;
                padding-left: 20px;
                padding-right: 20px;
        }

        .haggai-about-photo-alumni,
        .haggai-about-photo-faith {
                height: 320px;
        }

        .haggai-about-pillars {
                gap: 1.75rem;
        }

        .haggai-about-pillar {
                padding-top: 1.25rem;
        }
}

@media (max-width: 480px) {

        .haggai-inner-hero {
                padding-left: 18px;
                padding-right: 18px;
        }

        .haggai-about-photo-alumni,
        .haggai-about-photo-faith {
                height: 280px;
        }

        .haggai-about-quote {
                font-size: clamp(1.8rem, 8vw, 2.3rem) !important;
        }
}


/* P9K-B5B — triptyque À propos
---------------------------------------------------------------------------- */

.haggai-about-action-slogan {
        max-width: 760px;
        margin: .85rem auto 0;
        font-size: clamp(1rem, 1.5vw, 1.18rem);
        line-height: 1.5;
}

.haggai-about-action-slogan + .haggai-about-pillars {
        margin-top: clamp(2.25rem, 4.5vw, 3.75rem);
}


/* P12 PROGRAMMES PAGE INTEGRATION
---------------------------------------------------------------------------- */

/*
 * La page Nos programmes possède son propre hero Gutenberg.
 * Le template générique Ollie ajoute normalement un titre de page,
 * une image mise en avant et un padding vertical autour du contenu.
 * Ces éléments sont neutralisés uniquement pour la page ID 10.
 */

body.page-id-10 main.wp-block-group.alignwide {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

body.page-id-10 main.wp-block-group.alignwide > .wp-block-group.alignfull:first-child {
	display: none;
}

body.page-id-10 .haggai-programs-hero h1,
body.page-id-10 .haggai-programs-hero .wp-block-heading {
	color: #ffffff !important;
}

/* FIN P12 PROGRAMMES PAGE INTEGRATION */


/* P12 PROGRAMMES FINAL CTA HEADING
---------------------------------------------------------------------------- */

body.page-id-10 .haggai-final-cta h2,
body.page-id-10 .haggai-final-cta .wp-block-heading {
	color: #ffffff !important;
}

/* FIN P12 PROGRAMMES FINAL CTA HEADING */


/* P12 CONTACT PAGE INTEGRATION
---------------------------------------------------------------------------- */

/* La page Contact possède son propre hero Gutenberg. */

body.page-id-14 main.wp-block-group.alignwide {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

body.page-id-14 main.wp-block-group.alignwide > .wp-block-group.alignfull:first-child {
	display: none;
}

body.page-id-14 .haggai-contact-hero h1,
body.page-id-14 .haggai-contact-hero .wp-block-heading {
	color: #ffffff !important;
}

/* FIN P12 CONTACT PAGE INTEGRATION */