/*---------------------------------------------------------
	Theme Name:		Couleurs d'Ayiti
	Theme URI:		https://couleurs-ayiti.com/
	Description:	Thème enfant FSE basé sur Ollie pour Couleurs d'Ayiti
	Template:		ollie
	Version:		2.63 (2026-05-30)
	Author:			Parhit
	Author URI:		https://parhit.fr
---------------------------------------------------------*/

/*---------------------------------------------------------
	Reset
---------------------------------------------------------*/

*, *::before, *::after {box-sizing: border-box}
body {background-color: var(--wp--preset--color--cream); color: var(--wp--preset--color--text); margin: 0}
img {max-width: 100%; height: auto; display: block}
a {transition: color .3s ease, background .3s ease, opacity .3s ease; text-decoration: none}
a:hover {text-decoration: none}
main.wp-block-group {position: relative; animation: page-fadein .6s ease forwards; margin-top: 0; margin-bottom: 0; gap: 0}
main.wp-block-group > .alignfull,
main.wp-block-group > .alignfull + .alignfull,
main.wp-block-group > .alignwide,
main.wp-block-group > .wp-block-template-part {margin-block-start: 0 !important}
@keyframes page-fadein {from {opacity: 0} to {opacity: 1}}
html {scroll-behavior: smooth}

/*---------------------------------------------------------
	Header
---------------------------------------------------------*/

/* Logo */
.ca-logo img {max-height: 70px; width: auto; transition: max-height .3s ease}

/* Menu */
.wp-block-navigation .wp-block-navigation-item {margin: 0 .1em}
.wp-block-navigation .wp-block-navigation-item__content {padding: .5em .6em}
.wp-block-navigation a {position: relative; display: inline-block; padding-bottom: 4px; transition: color .3s ease; text-decoration: none}
.wp-block-navigation a::after {display: none}
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {color: #6e4214; text-decoration: none}
.wp-block-navigation .current-menu-item > a.wp-block-navigation-item__content {color: var(--wp--preset--color--brown); text-decoration: none !important}
.wp-block-navigation .current-menu-item > a.wp-block-navigation-item__content:hover {color: #6e4214}
.wp-block-navigation .wp-block-navigation__submenu-container {background: var(--wp--preset--color--cream-light); border: 1px solid var(--wp--preset--color--sand); padding: .4em 0; min-width: 200px; box-shadow: 0 4px 12px rgba(0,0,0,.08); border-radius: .2em}
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item {margin: 0}
.wp-block-navigation .wp-block-navigation__submenu-container a.wp-block-navigation-item__content {color: var(--wp--preset--color--text); padding: .5em 1.2em; display: block; font-size: var(--wp--preset--font-size--sm)}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {margin: var(--wp--preset--spacing--sm)}
.wp-block-navigation-item.has-child {position: relative}
.wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container {position: absolute; top: 100%; left: 0; z-index: 100; flex-direction: column; display: flex; opacity: 0; visibility: hidden; transform: translateY(4px); transition: opacity .25s ease, visibility .25s ease, transform .25s ease; pointer-events: none}
.wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-container {opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto}
.wp-block-navigation__submenu-icon {transition: transform .25s ease; margin-left: .2em; vertical-align: middle}
.wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-icon {transform: rotate(180deg)}
.wp-block-navigation__responsive-container.is-menu-open {background: var(--wp--preset--color--cream-light) !important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {background: var(--wp--preset--color--cream-light) !important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {color: var(--wp--preset--color--text)}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {background: var(--wp--preset--color--cream-light) !important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {color: var(--wp--preset--color--text); margin-top: var(--wp--preset--spacing--sm); margin-right: var(--wp--preset--spacing--sm)}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg {fill: var(--wp--preset--color--text)}
header.scrolled, .wp-block-template-part[data-slug=header].scrolled {position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 8px rgba(0,0,0,.08); transition: box-shadow .3s ease}
.admin-bar header.scrolled, .admin-bar .wp-block-template-part[data-slug=header].scrolled {top: 32px}
header.scrolled .ca-logo img, .wp-block-template-part[data-slug=header].scrolled .ca-logo img {max-height: 50px}

/* Icône YouTube */
.wp-block-navigation-item a[href*="youtube.com"] .wp-block-navigation-item__label,
.wp-block-navigation-item a[href*="youtube.com"] {font-size: 0; line-height: 0}
.wp-block-navigation-item a[href*="youtube.com"]::before {content: ""; display: inline-block; width: 20px; height: 20px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2 31.5 31.5 0 0 0 0 12a31.5 31.5 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1A31.5 31.5 0 0 0 24 12a31.5 31.5 0 0 0-.5-5.8zM9.6 15.6V8.4l6.3 3.6-6.3 3.6z'/%3E%3C/svg%3E") no-repeat center; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2 31.5 31.5 0 0 0 0 12a31.5 31.5 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1A31.5 31.5 0 0 0 24 12a31.5 31.5 0 0 0-.5-5.8zM9.6 15.6V8.4l6.3 3.6-6.3 3.6z'/%3E%3C/svg%3E") no-repeat center; vertical-align: middle}

/*---------------------------------------------------------
	General content
---------------------------------------------------------*/

/* Layout : sections templates */
.ca-section-full {padding-left: var(--wp--preset--spacing--md); padding-right: var(--wp--preset--spacing--md)}
.ca-home-hero {padding-top: var(--wp--preset--spacing--lg); padding-bottom: var(--wp--preset--spacing--xl)}
.ca-home-projets, .ca-home-articles, .ca-home-about {padding-top: var(--wp--preset--spacing--xl); padding-bottom: var(--wp--preset--spacing--xl)}
.ca-title {padding-top: var(--wp--preset--spacing--md); padding-bottom: var(--wp--preset--spacing--md)}
.ca-title.ca-title-full {padding-top: var(--wp--preset--spacing--xl); padding-bottom: var(--wp--preset--spacing--xl)}
.ca-content {padding-bottom: var(--wp--preset--spacing--xl)}
.ca-content.has-padding-top {padding-top: var(--wp--preset--spacing--md)}
.ca-comments {padding-top: var(--wp--preset--spacing--xl); padding-bottom: var(--wp--preset--spacing--xl)}
.ca-post-row {border-bottom: 1px solid var(--wp--preset--color--sand); padding-top: var(--wp--preset--spacing--sm); padding-bottom: var(--wp--preset--spacing--sm)}
.ca-nl-toc {padding-top: var(--wp--preset--spacing--md); padding-bottom: var(--wp--preset--spacing--md)}
.ca-nl-toc > .wp-block-columns {align-items: flex-start}
.ca-footer-bottom {margin-top: var(--wp--preset--spacing--lg); padding-top: var(--wp--preset--spacing--md)}
.site-footer {padding-top: var(--wp--preset--spacing--xl); padding-bottom: var(--wp--preset--spacing--md); margin-top: 0}
.site-header-inner {border-bottom: 2px solid var(--wp--preset--color--brown); padding-top: var(--wp--preset--spacing--sm); padding-bottom: var(--wp--preset--spacing--sm)}

/* Hero */
.ca-title {background-color: var(--wp--preset--color--sand)}
.ca-title .wp-block-columns {align-items: center}
.ca-title .wp-block-post-featured-image img {border-radius: .2em}
.ca-title-projet .wp-block-post-excerpt {font-size: var(--wp--preset--font-size--md); line-height: 1.6}
.ca-title-projet .wp-block-post-featured-image img {border-radius: .2em; object-fit: contain}

/* Titres articles (query loops) */
.wp-block-post-title a {color: var(--wp--preset--color--text); text-decoration: none; transition: color .3s ease}
.wp-block-post-title a:hover {color: var(--wp--preset--color--brown)}

/* Meta article (auteur + date) : partout */
.wp-block-post-author {font-size: var(--wp--preset--font-size--sm)}
.wp-block-post-author__name, .wp-block-post-author__name a {color: var(--wp--preset--color--text-light); font-size: var(--wp--preset--font-size--sm); transition: color .3s ease}
.wp-block-post-author__name a:hover {color: var(--wp--preset--color--brown)}
.wp-block-post-date {color: var(--wp--preset--color--text-light); font-size: var(--wp--preset--font-size--sm)}
.wp-block-post-date a {color: var(--wp--preset--color--text-light)}
.wp-block-post-terms {font-size: var(--wp--preset--font-size--sm)}
.wp-block-term-description {color: var(--wp--preset--color--text-light)}
	/* Paragraphes meta ("Publié le", "Mis à jour le") */
.ca-title .is-layout-flex > p {color: var(--wp--preset--color--text-light); font-size: var(--wp--preset--font-size--sm); margin: 0}
.single main time {margin-left: -4px}

/* Encart auteur */
.ca-author-box {display: flex; gap: 1.5em; align-items: center}
.ca-author-avatar img {border-radius: 50%}
.ca-author-name {margin: 0 0 .5em}
.ca-author-description {margin: 0; color: var(--wp--preset--color--text-light)}

/* Colonnes */
.wp-block-columns .wp-block-image img {margin-bottom: 0}

/* Séparateur */
.wp-block-separator {border-color: var(--wp--preset--color--sand); border-width: 1px; margin: 2em 0}

/* Liens dans contenu */
.entry-content p a, .wp-block-post-content p a, .entry-content ul li a, .wp-block-post-content ul li a, .entry-content ol li a, .wp-block-post-content ol li a {color: inherit; text-decoration: underline; text-decoration-color: var(--wp--preset--color--brown); text-underline-offset: 3px; transition: text-decoration-color .3s ease}
.entry-content p a:hover, .wp-block-post-content p a:hover, .entry-content ul li a:hover, .wp-block-post-content ul li a:hover, .entry-content ol li a:hover, .wp-block-post-content ol li a:hover {color: inherit; text-decoration-color: var(--wp--preset--color--brown-dark)}
.page .entry-content h2[id], .page .entry-content h3[id] {scroll-margin-top: 80px}
.single .entry-content h2[id], .single .entry-content h3[id] {scroll-margin-top: 120px}

/* Rythme vertical contenu */
.entry-content p:not(:last-child) {margin-bottom: 1em}
.entry-content .wp-block-group p:last-child {margin-bottom: 1em}
.entry-content p + h2, .entry-content p + h3, .entry-content p + h4, .entry-content p + h5, .entry-content p + h6 {margin-top: .6em}
.entry-content ul, .entry-content ol {padding-left: 2em; margin-bottom: 1em}
.entry-content li {margin-bottom: .3em}
.entry-content h2 {margin-bottom: .8em}
.entry-content h3 {margin-bottom: .6em}
.entry-content h4, .entry-content h5, .entry-content h6 {margin-bottom: .4em}

/* Soutenir */
.ca-soutenir.alignfull {width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw)}
.ca-soutenir {padding-top: var(--wp--preset--spacing--xl); padding-bottom: var(--wp--preset--spacing--xl)}
.ca-soutenir h2 {color: var(--wp--preset--color--white) !important}
.ca-soutenir .give-form-wrap {background: var(--wp--preset--color--white); border-radius: .2em; padding: var(--wp--preset--spacing--md)}
.ca-soutenir .give-form-wrap .give-btn {background: var(--wp--preset--color--white); color: var(--wp--preset--color--brown)}
.ca-soutenir .give-form-wrap .give-btn:hover {background: var(--wp--preset--color--sand); color: var(--wp--preset--color--brown-dark)}

/* Images */
.entry-content img, .wp-block-post-content img, .wp-block-image img {border-radius: .2em; margin-bottom: 1.3em; margin-left: auto; margin-right: auto}
.wp-block-post-featured-image img {width: 100%; height: auto; border-radius: .2em}
.entry-content figure.wp-block-image, .wp-block-post-content figure.wp-block-image {margin-left: auto; margin-right: auto; text-align: center}
.entry-content .wp-block-image figcaption {text-align: center; font-size: var(--wp--preset--font-size--sm); color: var(--wp--preset--color--text-light); margin-top: .5em}

/* Cards / Query Loop */
.wp-block-query .wp-block-post {border-radius: .2em; overflow: hidden; transition: transform .3s ease}
.wp-block-query .wp-block-post:hover {transform: translateY(-2px)}
.wp-block-query .wp-block-post-featured-image img {border-radius: 0; width: 100%; height: auto; margin-bottom: 0}

/* Catégorie badge */
.taxonomy-category a {background: var(--wp--preset--color--brown); color: var(--wp--preset--color--white); padding: .2em .6em; border-radius: .2em; font-size: .75rem; font-weight: 700; letter-spacing: .05em; transition: background .3s ease}
.taxonomy-category a:hover {background: var(--wp--preset--color--brown-dark); color: var(--wp--preset--color--white)}

/* Blockquote */
blockquote, .wp-block-quote {border-left: 4px solid var(--wp--preset--color--brown); padding: .3em 1.3em; margin-bottom: 1.3em; font-style: italic}
blockquote p:last-of-type {margin-bottom: 0}

/* Boutons */
.wp-block-button__link {border-radius: .2em; transition: all .3s ease}
.wp-block-button__link.has-white-color.has-text-color {color: var(--wp--preset--color--white) !important}
.wp-block-button__link.has-brown-background-color:hover {background-color: var(--wp--preset--color--brown-dark) !important}
.wp-block-button__link.has-blue-background-color:hover {background-color: var(--wp--preset--color--blue-dark) !important}
.wp-block-buttons {gap: var(--wp--preset--spacing--sm)}

/* Vidéos / iframes */
.wp-block-embed, .wp-block-video {margin: 1.5em auto; width: 100%; max-width: 100%}
.wp-block-embed__wrapper {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%}
.wp-block-embed__wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: .2em}
.entry-content p > iframe:not([src*="hcaptcha.com"]):not([src*="givewp-route"]), .entry-content iframe:not([src*="hcaptcha.com"]):not([src*="givewp-route"]) {width: 100% !important; height: auto !important; aspect-ratio: 16/9; border-radius: .2em}
.wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper {padding-bottom: 177.78%}

/* Commentaires */
#comments input, #comments textarea {border: 2px solid var(--wp--preset--color--brown); border-radius: .2em}
#comments input[type="submit"] {background: var(--wp--preset--color--brown); color: var(--wp--preset--color--white); padding: .5em 2em; border-radius: .2em; cursor: pointer; transition: all .3s ease}
#comments input[type="submit"]:hover {background: var(--wp--preset--color--white); color: var(--wp--preset--color--brown)}

/* Pagination */
.wp-block-query-pagination {align-items: center; gap: var(--wp--preset--spacing--xs); margin-top: var(--wp--preset--spacing--lg)}
.wp-block-query-pagination a, .wp-block-query-pagination span, .page-numbers {display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 .5em; background: var(--wp--preset--color--sand); color: var(--wp--preset--color--text); border-radius: .2em; font-weight: 600; font-size: var(--wp--preset--font-size--sm); text-decoration: none; transition: background .3s, color .3s}
.wp-block-query-pagination a:hover, .page-numbers:hover {background: var(--wp--preset--color--brown); color: var(--wp--preset--color--white)}
.wp-block-query-pagination .current, .page-numbers.current {background: var(--wp--preset--color--brown); color: var(--wp--preset--color--white); cursor: default}
.wp-block-query-pagination .dots, .page-numbers.dots {background: none; min-width: auto; padding: 0}

/* Accordion */
.entry-content .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {text-decoration: none}

/*---------------------------------------------------------
	Front-page
---------------------------------------------------------*/

.ca-home-hero h2.wp-block-heading, .ca-home-projets h2.wp-block-heading, .ca-home-articles h2.wp-block-heading {font-size: var(--wp--preset--font-size--xl); margin-bottom: var(--wp--preset--spacing--md)}
.ca-home-hero .wp-block-column:first-child .wp-block-post-title {font-size: var(--wp--preset--font-size--lg)}
.ca-home-hero .wp-block-column:last-child .wp-block-post-title {font-size: var(--wp--preset--font-size--sm)}
.ca-home-articles .wp-block-post-title {font-size: var(--wp--preset--font-size--md)}
.ca-home-projets .wp-block-post-title {font-size: var(--wp--preset--font-size--md)}
.ca-home-hero .wp-block-columns {align-items: stretch; gap: var(--wp--preset--spacing--md)}
.ca-home-hero .wp-block-column:last-child .wp-block-query,
.ca-home-hero .wp-block-column:last-child .wp-block-post-template {height: 100%}
.ca-home-hero .wp-block-column:last-child .wp-block-post-template {gap: var(--wp--preset--spacing--sm)}
.ca-home-hero .wp-block-post-featured-image, .ca-home-projets .wp-block-post-featured-image {overflow: hidden; border-radius: .2em}
.ca-home-hero .wp-block-post-featured-image img, .ca-home-projets .wp-block-post-featured-image img {transition: transform .3s ease}
.ca-home-hero .wp-block-post:hover .wp-block-post-featured-image img, .ca-home-projets .wp-block-post:hover .wp-block-post-featured-image img {transform: scale(1.03)}
.ca-home-hero .wp-block-post, .ca-home-projets .wp-block-post, .ca-home-articles > .wp-block-query .ca-post-row {transition: transform .3s ease}
.ca-home-hero .wp-block-post:hover, .ca-home-projets .wp-block-post:hover, .ca-home-articles > .wp-block-query .ca-post-row:hover {transform: translateY(-2px)}
.ca-home-hero .wp-block-post:hover .wp-block-post-title a, .ca-home-projets .wp-block-post:hover .wp-block-post-title a, .ca-home-articles > .wp-block-query .ca-post-row:hover .wp-block-post-title a {color: var(--wp--preset--color--brown)}
.ca-home-projets .wp-block-post-featured-image img {object-fit: contain}
.ca-home-events {padding-top: var(--wp--preset--spacing--xl); padding-bottom: var(--wp--preset--spacing--xl)}
.ca-home-events h2.wp-block-heading {font-size: var(--wp--preset--font-size--xl); margin-bottom: var(--wp--preset--spacing--md)}

/*---------------------------------------------------------
	Template parts
---------------------------------------------------------*/

/* Newsletter + Sommaire */
.ca-nl-toc form br {display: none}
.ca-nl-toc .mailpoet_form {max-width: 100%}
.ca-nl-toc .mailpoet_paragraph input[type="submit"] {background: var(--wp--preset--color--brown); color: var(--wp--preset--color--white); border: none; padding: .7em 1.8em !important; border-radius: .2em; font-weight: 700; font-size: var(--wp--preset--font-size--sm); cursor: pointer; transition: all .3s ease}
.ca-nl-toc .mailpoet_paragraph input[type="submit"]:hover {background: var(--wp--preset--color--brown-dark)}
.ca-nl-col .mailpoet_paragraph {margin-bottom: .5em}
.ca-toc-col:empty, .ca-toc-col:not(:has(.ca-toc)) {display: none}
	/* Sommaire */
.ca-toc {padding: 1.5em; border-radius: .2em}
.ca-toc h2 {font-size: 1.2em; margin: 0 0 .8em}
.ca-toc ul {list-style: none; padding: 0; margin: 0}
.ca-toc li {padding: .3em 0}
.ca-toc a {color: var(--wp--preset--color--text); text-decoration: none; border-bottom: 1px solid var(--wp--preset--color--sand); transition: color .3s ease}
.ca-toc a:hover {color: var(--wp--preset--color--brown)}

/*---------------------------------------------------------
	Plugins
---------------------------------------------------------*/

/* FFF */
.frm-fluent-form input:not([type="submit"]):not([type="radio"]) {padding: 12px 20px}
.frm-fluent-form label {color: var(--wp--preset--color--white)}
.frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check label > span:hover {color: #6e4214}
.frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label > span {background-color: #6e4214; color: #FFF; border-color: var(--wp--preset--color--white) !important; box-shadow: none !important}
.frm-fluent-form .ff-el-group.ff_list_buttons .ff-el-form-check label:focus-within span {background-color: var(--wp--preset--color--sand); color: var(--wp--preset--color--brown-dark)}
.frm-fluent-form .ff-btn-submit {background-color: var(--wp--preset--color--sand) !important; color: var(--wp--preset--color--dark) !important; border-radius: .2em; transition: all .3s ease}
.frm-fluent-form .ff-btn-submit:hover {background-color: var(--wp--preset--color--white) !important; opacity: 1 !important}
.frm-fluent-form .ff-el-input--label.ff-el-is-required.asterisk-right label::after, .fluentform .text-danger {color: var(--wp--preset--color--sand) !important}
.fluentform .ff-message-success {background-color: var(--wp--preset--color--white); color: var(--wp--preset--color--green); margin: 0 !important; padding: 1.5em !important; box-shadow: none}
.page .fluentform {background: var(--wp--preset--color--brown); padding: var(--wp--preset--spacing--md)} 

/* Events */
.ca-events-grid {display: grid; gap: var(--wp--preset--spacing--md)}
.ca-events-cols-2 {grid-template-columns: repeat(2, 1fr)}
.ca-events-cols-3 {grid-template-columns: repeat(3, 1fr)}
.ca-events-cols-4 {grid-template-columns: repeat(4, 1fr)}
.ca-events-title {font-size: var(--wp--preset--font-size--xl); margin-bottom: var(--wp--preset--spacing--md)}
.ca-event-card {transition: transform .3s ease}
.ca-event-card:hover {transform: translateY(-2px)}
.ca-event-card-image img {width: 100%; height: auto; border-radius: .2em; margin-bottom: 0}
.ca-event-card-title {font-size: var(--wp--preset--font-size--md); margin: var(--wp--preset--spacing--xs) 0}
.ca-event-card-title a {color: var(--wp--preset--color--text); text-decoration: none; transition: color .3s ease}
.ca-event-card-title a:hover, .ca-event-card:hover .ca-event-card-title a {color: var(--wp--preset--color--brown)}
.ca-event-card-date, .ca-event-card-organizer, .ca-event-card-performer, .ca-event-card-location {font-size: var(--wp--preset--font-size--sm); color: var(--wp--preset--color--text-light); margin-bottom: .3em}
.ca-event-card-organizer a {color: var(--wp--preset--color--brown); text-decoration: none}
.ca-event-card-organizer a:hover {color: var(--wp--preset--color--brown-dark)}
.ca-event-meta-front {margin-bottom: var(--wp--preset--spacing--md)}
.ca-event-attendance {font-size: var(--wp--preset--font-size--sm); font-weight: 700; text-transform: uppercase; letter-spacing: .05em; margin-bottom: var(--wp--preset--spacing--xs)}
.ca-event-date, .ca-event-organizer, .ca-event-performer, .ca-event-location {font-size: var(--wp--preset--font-size--sm); color: var(--wp--preset--color--text-light); margin-bottom: .3em}
.ca-event-icon {display: inline-block; width: 14px; height: 14px; vertical-align: -2px; margin-right: .3em; color: var(--wp--preset--color--brown)}
.ca-event-organizer a {color: var(--wp--preset--color--brown); text-decoration: none}
.ca-event-organizer a:hover {color: var(--wp--preset--color--brown-dark)}
.ca-events-empty {color: var(--wp--preset--color--text-light); font-style: italic}
.single-event .ca-nl-toc .mailpoet_form {max-width: 500px; margin: 0 auto}

/* Give */
.give-form-wrap .give-btn {background: var(--wp--preset--color--brown); color: var(--wp--preset--color--white); border-radius: .2em; transition: all .3s ease}
.give-form-wrap .give-btn:hover {background: var(--wp--preset--color--brown-dark)}

/* Lightbox */
#tipi-lightbox {display: none; position: fixed; inset: 0; background: rgba(0,0,0,.75); z-index: 9999; align-items: center; justify-content: center; cursor: pointer; flex-direction: column}
#tipi-lightbox.active {display: flex}
#tipi-lightbox figure {position: relative; margin: 0; text-align: center; cursor: default}
#tipi-lightbox img {max-width: 90vw; max-height: 80vh; border-radius: .2em; display: block; box-shadow: 0 0 40px rgba(0,0,0,.8)}
#tipi-lightbox figcaption {color: var(--wp--preset--color--white); font-size: .9rem; text-align: center; margin-top: .6em; opacity: .8}
#tipi-lightbox-close {position: absolute; top: 1rem; right: 1.2rem; color: var(--wp--preset--color--white); font-size: 2rem; line-height: 1; cursor: pointer; background: none; border: none; padding: 0; opacity: .7; transition: opacity .2s}
#tipi-lightbox-close:hover {opacity: 1}
#tipi-lightbox-prev, #tipi-lightbox-next {position: absolute; top: 50%; transform: translateY(-50%); color: var(--wp--preset--color--white); font-size: 3rem; line-height: 1; cursor: pointer; background: none; border: none; padding: 0 1rem; opacity: .6; transition: opacity .2s; z-index: 10000}
#tipi-lightbox-prev {left: 0}
#tipi-lightbox-next {right: 0}
#tipi-lightbox-prev:hover, #tipi-lightbox-next:hover {opacity: 1}

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

footer.wp-block-template-part, .wp-block-template-part[data-slug="footer"] {border-top: 1px solid var(--wp--preset--color--brown)}
.site-footer {background-color: var(--wp--preset--color--cream-light)}
.site-footer h2 {font-size: var(--wp--preset--font-size--base); font-weight: 700}
.site-footer a {color: var(--wp--preset--color--brown); text-decoration: none}
.site-footer a:hover {color: var(--wp--preset--color--brown-dark)}
.site-footer > .wp-block-columns > .wp-block-column:first-child p {color: var(--wp--preset--color--text-light); font-size: var(--wp--preset--font-size--sm)}
.ca-footer-logo img {max-height: 80px; width: auto}
.ca-footer-posts {list-style: none; padding: 0; margin: 0}
.ca-footer-posts li {padding: .4em 0; border-bottom: 1px solid var(--wp--preset--color--sand); font-size: var(--wp--preset--font-size--sm); line-height: 1.4}
.ca-footer-posts li:last-child {border-bottom: none}
.ca-footer-posts a {color: var(--wp--preset--color--text); text-decoration: none}
.ca-footer-posts a:hover {color: var(--wp--preset--color--brown)}
.ca-footer-bottom {border-top: 1px solid var(--wp--preset--color--brown) !important}
.ca-footer-bottom p {font-size: var(--wp--preset--font-size--sm)}
.ca-footer-bottom a {color: var(--wp--preset--color--text-light); text-decoration: none}
.ca-footer-bottom a:hover {color: var(--wp--preset--color--brown)}

/* Back to top */
#back-to-top {position: fixed; bottom: 2rem; right: 2rem; width: 44px; height: 44px; background: var(--wp--preset--color--brown); color: var(--wp--preset--color--white); border: none; border-radius: .2em; cursor: pointer; opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s ease, background .3s ease; z-index: 99; display: flex; align-items: center; justify-content: center}
#back-to-top.visible {opacity: 1; visibility: visible}
#back-to-top:hover {background: var(--wp--preset--color--brown-dark)}

/* Accessibilité */
:focus-visible {outline: 2px solid var(--wp--preset--color--brown); outline-offset: 2px}
.screen-reader-text {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px}

/*---------------------------------------------------------
	Responsive
---------------------------------------------------------*/

@media screen and (max-width: 782px) {
	.admin-bar header.scrolled, .admin-bar .wp-block-template-part[data-slug=header].scrolled {top: 46px}
	.ca-logo img {max-height: 50px}
	.ca-title .wp-block-columns {flex-direction: column !important}
	.ca-title .wp-block-column {flex-basis: 100% !important}
	.ca-title {padding: 1.5em !important}
	.ca-title-projet .wp-block-columns {flex-direction: column !important}
	.ca-title-projet .wp-block-buttons {flex-direction: column}
	.ca-title-projet .wp-block-button {width: 100%}
	.ca-title-projet .wp-block-button__link {width: 100%; text-align: center}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {text-align: center}
	.site-footer .wp-block-columns {flex-direction: column !important}
	.site-footer .wp-block-column {flex-basis: 100% !important}
	.ca-footer-logo {text-align: center}
	.ca-footer-logo img {margin: 0 auto}
	.ca-author-box {flex-direction: column; align-items: center; text-align: center}
	#tipi-lightbox img {max-width: 80vw}
	#tipi-lightbox-prev, #tipi-lightbox-next {font-size: 2rem}
	#back-to-top {bottom: 1rem; right: 1rem}
	.ca-events-grid {grid-template-columns: 1fr !important}
}
@media screen and (max-width: 480px) {
	h1, .wp-block-post-title {font-size: 1.875rem}
	h2 {font-size: 1.5rem}
}