/*

 Theme Name:   Listingpro Child

 Theme URI:    http://studio.cridio.com/listingpro/

 Description:  Listingpro Child Theme — Gbatta, pont culturel Côte d'Ivoire ↔ Diaspora

 Author:       cridio team

 Author URI:   http://cridio.com/

 Template:     listingpro

 Version:      1.0.0

 Tags:         listingpro, directory, listing, right-sidebar, responsive-layout, accessibility-ready

 Text Domain:  listingpro

*/



/* ===========================================

   DESIGN SYSTEM — Gbatta

   =========================================== */



:root {

	--raphia: #EDE8DD;

	--raphia-dark: #DFD8C8;

	--indigo: #1B2A4A;

	--indigo-light: #2E4470;

	--laterite: #A6421F;

	--laterite-light: #C25A34;

	--palmier: #33452E;

	--encre: #211C15;

	--papier: #F7F4EC;

	--font-display: 'Fraunces', serif;

	--font-body: 'Work Sans', sans-serif;

}



/* ===========================================

   TYPOGRAPHY

   =========================================== */



html {

	font-size: 16px;

}



body {

	font-family: var(--font-body);

	font-weight: 400;

	font-size: 1rem;

	color: var(--encre);

	line-height: 1.6;

}



h1, h2, h3, h4,

.gbatta-heading {

	font-family: var(--font-display);

	font-weight: 700;

	color: var(--indigo);

	line-height: 1.15;

}



.gbatta-eyebrow {

	font-family: var(--font-body);

	font-size: 0.8125rem;

	font-weight: 600;

	text-transform: uppercase;

	letter-spacing: 0.12em;

	color: var(--laterite);

}



/* ===========================================

   BUTTONS

   =========================================== */



.gbatta-btn {

	display: inline-block;

	font-family: var(--font-body);

	font-weight: 600;

	font-size: 0.9375rem;

	text-decoration: none;

	transition: background 0.2s, color 0.2s;

	cursor: pointer;

}



.gbatta-btn .wp-block-button__link,

.gbatta-btn-primary .wp-block-button__link,

.gbatta-btn-secondary .wp-block-button__link {

	border-radius: 2px !important;

	padding: 0.85em 1.75em !important;

	font-family: var(--font-body) !important;

	font-weight: 600 !important;

	font-size: 0.9375rem !important;

	border: 2px solid transparent !important;

}



/* Primary */

.gbatta-btn-primary .wp-block-button__link {

	background: var(--laterite) !important;

	color: #fff !important;

	border-color: var(--laterite) !important;

}

.gbatta-btn-primary .wp-block-button__link:hover,

.gbatta-btn-primary .wp-block-button__link:focus {

	background: var(--laterite-light) !important;

	border-color: var(--laterite-light) !important;

	color: #fff !important;

}



/* Secondary — default */

.gbatta-btn-secondary .wp-block-button__link {

	background: transparent !important;

	color: var(--indigo) !important;

	border-color: var(--indigo) !important;

}

.gbatta-btn-secondary .wp-block-button__link:hover,

.gbatta-btn-secondary .wp-block-button__link:focus {

	background: var(--indigo) !important;

	color: #fff !important;

}



/* Secondary — in Hero */

.gbatta-hero .gbatta-btn-secondary .wp-block-button__link {

	border-color: var(--raphia) !important;

	color: var(--raphia) !important;

	background: transparent !important;

}

.gbatta-hero .gbatta-btn-secondary .wp-block-button__link:hover,

.gbatta-hero .gbatta-btn-secondary .wp-block-button__link:focus {

	background: var(--raphia) !important;

	color: var(--indigo) !important;

}



/* Outline variant */

.gbatta-btn-secondary.is-style-outline .wp-block-button__link {

	border-radius: 2px !important;

	background: transparent !important;

	color: var(--indigo) !important;

	border: 2px solid var(--indigo) !important;

}

.gbatta-btn-secondary.is-style-outline .wp-block-button__link:hover {

	background: var(--indigo) !important;

	color: #fff !important;

}



/* Newsletter button */

.gbatta-newsletter-form button.gbatta-btn {

	border: none !important;

	background: none !important;

}

.gbatta-newsletter-form button.gbatta-btn .wp-block-button__link {

	border-radius: 2px !important;

}



/* Raw <button> / <a> elements with gbatta classes (not Gutenberg blocks) */

button.gbatta-btn-primary,

a.gbatta-btn-primary:not(.wp-block-button__link) {

	background: var(--laterite) !important;

	color: #fff !important;

	border: 2px solid var(--laterite) !important;

	border-radius: 2px !important;

	padding: 0.85em 1.75em !important;

	font-family: var(--font-body) !important;

	font-weight: 600 !important;

	font-size: 0.9375rem !important;

	cursor: pointer !important;

}

button.gbatta-btn-primary:hover,

a.gbatta-btn-primary:not(.wp-block-button__link):hover {

	background: var(--laterite-light) !important;

	border-color: var(--laterite-light) !important;

}



button.gbatta-btn-secondary,

a.gbatta-btn-secondary:not(.wp-block-button__link) {

	background: transparent !important;

	color: var(--indigo) !important;

	border: 2px solid var(--indigo) !important;

	border-radius: 2px !important;

	padding: 0.85em 1.75em !important;

	font-family: var(--font-body) !important;

	font-weight: 600 !important;

	font-size: 0.9375rem !important;

	cursor: pointer !important;

}

button.gbatta-btn-secondary:hover,

a.gbatta-btn-secondary:not(.wp-block-button__link):hover {

	background: var(--indigo) !important;

	color: #fff !important;

}



/* Newsletter submit button — must work without hover */

.gbatta-newsletter-form .gbatta-btn-primary,

.gbatta-newsletter-form button.gbatta-btn-primary {

	background: var(--laterite) !important;

	color: #fff !important;

	border: 2px solid var(--laterite) !important;

	border-radius: 2px !important;

	padding: 0.7em 1.75em !important;

	font-family: var(--font-body) !important;

	font-weight: 600 !important;

	font-size: 0.9375rem !important;

	cursor: pointer !important;

	display: inline-block !important;

}

.gbatta-newsletter-form .gbatta-btn-primary:hover {

	background: var(--laterite-light) !important;

	border-color: var(--laterite-light) !important;

}
/* --- DEBLOCAGE RESPONSIVE EDITION FICHE --- */
/* 1. Neutraliser les min-width qui forcent le dezoom bureau */
html,
body,
#page,
.site,
.site-content,
.page-template-template-edit-listing,
.single-listing,
#lp-submit-form,
.lp-submit-form-wrap {
    min-width: 0 !important;
    max-width: 100vw !important;
}

/* 2. Forcer les conteneurs a s''adapter sur mobile */
@media (max-width: 991px) {
    .page-template-template-edit-listing .container,
    .page-template-template-edit-listing .row,
    .page-template-template-edit-listing #lp-submit-form,
    .page-template-template-edit-listing .lp-sub-title,
    .lp-submit-form-wrap,
    #lp-submit-form {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
        float: none !important;
    }
}



/* ===========================================

   APATAM DIVIDER — Élément signature

   =========================================== */



.gbatta-aparam-divider {

	width: 100%;

	height: 28px;

	display: block;

	margin: 0;

	padding: 0;

	line-height: 0;

	overflow: hidden;

	pointer-events: none;

}

.gbatta-aparam-divider svg {

	display: block;

	width: 100%;

	height: 28px;

}

.gbatta-aparam-divider svg rect,

.gbatta-aparam-divider svg polygon {

	transition: none;

}

.gbatta-aparam-divider:hover,

.gbatta-aparam-divider:hover svg,

.gbatta-aparam-divider:hover svg rect,

.gbatta-aparam-divider:hover svg polygon {

	fill: inherit;

	color: inherit;

	background: inherit;

}



/* Apatam divider colors — class-based (override parent theme SVG fill) */

.gbatta-aparam-divider.normal .tooth-fill {

	fill: var(--raphia) !important;

}

.gbatta-aparam-divider.normal .bg-fill {

	fill: var(--papier) !important;

}

.gbatta-aparam-divider.inverse .tooth-fill {

	fill: var(--papier) !important;

}

.gbatta-aparam-divider.inverse .bg-fill {

	fill: var(--raphia) !important;

}



/* Kill gap between Hero section and first apatam separator */

.gbatta-hero {

	margin-bottom: 0 !important;

	padding-bottom: 0 !important;

}

/* ===========================================

   LAYOUT HELPERS

   =========================================== */



/* Fix: WordPress inner-container breaks CSS Grid/Flex — make it transparent */

.gbatta-escales-grid > .wp-block-group__inner-container,

.gbatta-blog-grid > .wp-block-group__inner-container,

.gbatta-annuaire-grid > .wp-block-group__inner-container,

.gbatta-rejoindre-grid > .wp-block-group__inner-container,

.gbatta-annuaire-header > .wp-block-group__inner-container,

.gbatta-mission-grid > .wp-block-group__inner-container {

  display: contents !important;

}



.gbatta-container {

	max-width: 1160px;

	margin-left: auto;

	margin-right: auto;

	padding-left: 1.5rem;

	padding-right: 1.5rem;

}



.gbatta-section {

	padding-top: 5rem;

	padding-bottom: 5rem;

}



.gbatta-section-raphia {

	background: var(--raphia);

}



.gbatta-section-papier {

	background: var(--papier);

}



.gbatta-section-indigo {

	background: var(--indigo);

	color: #fff;

}

.gbatta-section-indigo h2,

.gbatta-section-indigo h3,

.gbatta-section-indigo .gbatta-heading {

	color: #fff;

}

.gbatta-section-indigo .gbatta-eyebrow {

	color: var(--raphia);

}

/* Base text reset — only elements without Gbatta-specific classes */

.gbatta-fullwidth-content,

.gbatta-fullwidth-content li,

.gbatta-section li,

.gbatta-container li {

	font-size: 1rem;

	line-height: 1.6;

}



/* Hero */

.gbatta-hero p {

	font-size: 1.125rem;

	line-height: 1.7;

	color: #fff;

}



/* Mission text */

.gbatta-section .gbatta-mission-text p {

	font-size: 1.0625rem;

	line-height: 1.7;

}



/* Escales description */

.gbatta-section-papier .gbatta-container > .wp-block-group__inner-container > p,

.gbatta-escales-grid + p,

.gbatta-section h2 + p {

	font-size: 1.0625rem;

}



/* Blog card titles */

.gbatta-section .gbatta-blog-card-body h3 {

	font-size: 1.125rem;

}

.gbatta-section .gbatta-blog-card-featured .gbatta-blog-card-body h3 {

	font-size: 1.375rem;

}

.gbatta-blog-date {

	font-size: 0.75rem;

}



/* Annuaire card text */

.gbatta-annuaire-card p {

	font-size: 0.9375rem;

}

.gbatta-annuaire-category {

	font-size: 0.6875rem;

}

.gbatta-annuaire-link {

	font-size: 0.9375rem;

}



/* Tags */

.gbatta-tag {

	font-size: 0.6875rem;

}



/* Section headings */

.gbatta-section h2 {

	font-size: clamp(2rem, 3.5vw, 2.75rem);

	line-height: 1.25;

}

.gbatta-section h3 {

	font-size: clamp(1.25rem, 2vw, 1.5rem);

}



/* Eyebrow */

.gbatta-eyebrow {

	font-size: 0.8125rem;

}

/* ===========================================

   SECTION: HERO

   =========================================== */



.gbatta-hero {

	position: relative;

	min-height: 85vh;

	display: flex;

	align-items: center;

	background: var(--indigo);

	overflow: hidden;

}

.gbatta-hero h1,

.gbatta-hero .gbatta-heading {

	color: #fff;

}

.gbatta-hero .gbatta-eyebrow {

	color: var(--raphia);

}

.gbatta-hero p {

	font-size: 1.125rem;

	line-height: 1.7;

	opacity: 0.9;

	color: #fff;

}

.gbatta-hero > .wp-block-group__inner-container {

  max-width: 720px;

  margin-left: auto;

  margin-right: auto;

  padding-left: 1.5rem;

  padding-right: 1.5rem;

  width: 100%;

}

.gbatta-hero-buttons {

	display: flex;

	gap: 1rem;

	flex-wrap: wrap;

	margin-top: 2rem;

}

.gbatta-hero .gbatta-btn-secondary {

	border-color: var(--raphia);

	color: var(--raphia);

}

.gbatta-hero .gbatta-btn-secondary:hover,

.gbatta-hero .gbatta-btn-secondary:focus {

	background: var(--raphia);

	color: var(--indigo);

}



/* ===========================================

   SECTION: MISSION

   =========================================== */



.gbatta-mission-grid {

	display: grid;

	grid-template-columns: 1fr 1fr;

	gap: 3rem;

	align-items: start;

}

.gbatta-mission-text p {

	margin-bottom: 1.25rem;

	font-size: 1.0625rem;

}

.gbatta-mission-text p:last-child {

	font-style: italic;

	color: var(--laterite);

	border-left: 3px solid var(--laterite);

	padding-left: 1rem;

}



/* ===========================================

   SECTION: ESCALES — Grille de cartes

   =========================================== */



.gbatta-escales-grid {

	display: grid;

	grid-template-columns: repeat(4, 1fr);

	gap: 1.5rem;

	margin-top: 2.5rem;

}



.gbatta-escale-card {

	background: #fff;

	padding: 1.75rem;

	border: 2px solid var(--raphia-dark);

	transition: border-color 0.2s;

}

.gbatta-escale-card:hover {

	border-color: var(--laterite);

}



.gbatta-escale-card-active {

	border-color: var(--laterite);

	border-width: 2px;

	position: relative;

}

.gbatta-escale-card-active::before {

	content: '';

	position: absolute;

	top: 6px;

	left: 6px;

	right: 6px;

	bottom: 6px;

	border: 1px dashed var(--laterite-light);

	opacity: 0.3;

	pointer-events: none;

}



.gbatta-escale-card-soon {

	/* visuellement identifiable comme "à venir" */

}



.gbatta-tag {

	display: inline-block;

	font-family: var(--font-body);

	font-size: 0.6875rem;

	font-weight: 600;

	text-transform: uppercase;

	letter-spacing: 0.1em;

	padding: 0.25em 0.75em;

	margin-bottom: 1rem;

}

.gbatta-tag-active {

	background: var(--laterite);

	color: #fff;

}

.gbatta-tag-soon {

	background: var(--raphia);

	color: var(--indigo);

}

.gbatta-escale-card-soon a {

	color: var(--laterite);

	font-weight: 500;

	text-decoration: none;

}

.gbatta-escale-card-soon a:hover {

	text-decoration: underline;

}

/* ===========================================

   SECTION: BLOG / À LA UNE

   =========================================== */



.gbatta-blog-grid {

	display: grid;

	grid-template-columns: 2fr 1fr 1fr;

	gap: 1.5rem;

	margin-top: 2.5rem;

}



.gbatta-blog-card {

	background: #fff;

	border: 2px solid var(--raphia-dark);

	overflow: hidden;

	transition: border-color 0.2s;

}

.gbatta-blog-card:hover {

	border-color: var(--laterite);

}



.gbatta-blog-card-image {

	height: 180px;

	background: var(--raphia);

	display: flex;

	align-items: center;

	justify-content: center;

	color: var(--indigo-light);

	font-size: 0.8125rem;

	font-weight: 600;

	text-transform: uppercase;

	letter-spacing: 0.08em;

}

.gbatta-blog-card-featured .gbatta-blog-card-image {

	height: 260px;

}



.gbatta-blog-card-body {

	padding: 1.25rem 1.5rem 1.5rem;

}



.gbatta-blog-date {

	font-size: 0.75rem;

	font-weight: 600;

	text-transform: uppercase;

	letter-spacing: 0.08em;

	color: var(--laterite);

	margin-bottom: 0.5rem;

}



/* ===========================================

   SECTION: ANNUAIRE

   =========================================== */



.gbatta-annuaire-header {

	display: flex;

	justify-content: space-between;

	align-items: flex-end;

	flex-wrap: wrap;

	gap: 1rem;

	margin-bottom: 2.5rem;

}

.gbatta-annuaire-link {

	font-family: var(--font-body);

	font-weight: 600;

	font-size: 0.9375rem;

	color: var(--laterite);

	text-decoration: none;

}

.gbatta-annuaire-link a {

	color: inherit;

	text-decoration: inherit;

	font-weight: inherit;

}

.gbatta-annuaire-link:hover,

.gbatta-annuaire-link a:hover {

	text-decoration: underline;

}



.gbatta-annuaire-grid {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	gap: 1.5rem;

}



.gbatta-annuaire-card {

	background: #fff;

	border: 2px solid var(--raphia-dark);

	padding: 1.75rem;

	transition: border-color 0.2s;

}

.gbatta-annuaire-card:hover {

	border-color: var(--laterite);

}



.gbatta-annuaire-category {

	font-size: 0.6875rem;

	font-weight: 600;

	text-transform: uppercase;

	letter-spacing: 0.1em;

	color: var(--palmier);

	margin-bottom: 0.75rem;

}



.gbatta-annuaire-badge {

	display: inline-block;

	font-size: 0.75rem;

	font-weight: 600;

	color: var(--palmier);

	background: #EBF3EA;

	padding: 0.2em 0.6em;

}



.gbatta-annuaire-card-callout {

	border-style: dashed;

	display: flex;

	flex-direction: column;

	justify-content: center;

	text-align: center;

}



/* ===========================================

   SECTION: REJOINDRE + NEWSLETTER

   =========================================== */



.gbatta-rejoindre-grid {

	display: grid;

	grid-template-columns: 1fr 1fr;

	gap: 3rem;

	align-items: center;

}



.gbatta-newsletter-box {

	background: var(--papier);

	padding: 2rem;

}



.gbatta-newsletter-form {

	display: flex;

	gap: 0.5rem;

	margin-top: 1rem;

}

.gbatta-newsletter-form input[type="email"] {

	flex: 1;

	padding: 0.7em 1em;

	border: 2px solid var(--raphia-dark);

	background: #fff;

	font-family: var(--font-body);

	font-size: 0.9375rem;

	color: var(--encre);

}

.gbatta-newsletter-form input[type="email"]:focus {

	outline: none;

	border-color: var(--laterite);

}



/* ===========================================

   SECTION: FOOTER

   =========================================== */

















/* ===========================================

   LISTING DETAIL PAGE — Gbatta styling

   =========================================== */



.single-listing {

  background: var(--papier) !important;

}



/* Breadcrumb */

.single-listing .breadcrumbs {

  background: var(--indigo) !important;

  color: #fff !important;

}

.single-listing .breadcrumbs a {

  color: var(--raphia) !important;

}



/* Main content */

.single-listing .lp_detail_page_styles1,

.single-listing .content-white-area {

  font-family: var(--font-body) !important;

  color: var(--encre) !important;

}



.single-listing .lp_detail_page_styles1 h1,

.single-listing .lp_detail_page_styles1 h2 {

  font-family: var(--font-display) !important;

  font-weight: 700 !important;

  color: var(--indigo) !important;

}



.single-listing .lp_detail_page_styles1 h3,

.single-listing .lp_detail_page_styles1 h4 {

  font-family: var(--font-body) !important;

  font-weight: 600 !important;

  color: var(--palmier) !important;

}



/* Links */

.single-listing .lp_detail_page_styles1 a {

  color: var(--laterite) !important;

}

.single-listing .lp_detail_page_styles1 a:hover {

  color: var(--laterite-light) !important;

}



/* Buttons */

.single-listing .lp-review-btn a,

.single-listing .lp-review-btn button {

  background: var(--laterite) !important;

  color: #fff !important;

  border-radius: 2px !important;

  font-family: var(--font-body) !important;

}

.single-listing .lp-review-btn:hover a,

.single-listing .lp-review-btn button:hover {

  background: var(--laterite-light) !important;

}



/* Stars */

.single-listing .reviews-stars i,

.single-listing .reviews-stars .fa-star {

  color: var(--laterite) !important;

}



/* Claim box */

.single-listing .claim-details {

  border-color: var(--raphia-dark) !important;

  background: #fff !important;

}



/* Sidebar */

.single-listing .sidebar .widget {

  background: #fff !important;

  border: 2px solid var(--raphia-dark) !important;

}



/* Header inner page */

.single-listing .lp-header,

.single-listing .header-inner-page-wrap {

  background: var(--indigo) !important;

}


/* Verified claim checkmark — Gbatta indigo override */
.lp-grid-box h4.lp-h4 span.verified,
.lp-grid-box .lp-h4 span.verified,
.lp-grid-box-left h4.lp-h4 .verified,
.listing-second-view .post-meta-left-box h1 span.claimed i,
.popup-inner-left-padding .lp-grid-box-left h4.lp-h4 .verified,
.classic-view-grid-content-area .verified i {
    background-color: var(--indigo) !important;
}

/* ===========================================

   SINGLE BLOG BANNER — Gbatta restyle

   =========================================== */



.blog-single-page {

	background: var(--indigo) !important;

	background-image: none !important;

	padding: 4rem 0 3rem;

	border-radius: 0 !important;

	height: auto !important;

	min-height: unset !important;

}



.blog-single-page .blog-heading-inner-container {

	background: none;

	max-width: 720px;

	margin: 0 auto;

	padding: 0 1.5rem;

}



.blog-single-page h1 {

	font-family: var(--font-display) !important;

	font-weight: 700 !important;

	color: #fff !important;

	font-size: clamp(2rem, 3.5vw, 2.75rem) !important;

	line-height: 1.15;

}



.blog-single-page .breadcrumbs,

.blog-single-page .breadcrumbs a {

	color: var(--raphia) !important;

	font-family: var(--font-body);

	font-size: 0.8125rem;

	font-weight: 600;

	text-transform: uppercase;

	letter-spacing: 0.12em;

}



.blog-single-page .breadcrumbs li span {

	color: rgba(255, 255, 255, 0.6);

}



.blog-single-page .lp-blog-grid-author,

.blog-single-page .lp-blog-grid-author a {

	color: rgba(255, 255, 255, 0.7);

	font-family: var(--font-body);

	font-size: 0.875rem;

}



.blog-single-page .lp-blog-user-thumb {

	display: none;

}

.blog-single-page .blog-heading-inner-container {

	position: relative;

	bottom: auto;

	transform: none;

}

/* ===========================================

   HIDE LISTINGPRO DEFAULTS ON GBATTA HOMEPAGE

   =========================================== */



/* Page banner/breadcrumb */

.gbatta-fullwidth-article .header-v2-banner,

.gbatta-fullwidth-article .lp-header-banner,

.gbatta-fullwidth-article.page-header-banner,

.gbatta-fullwidth-article .listingpro-page-header,

.gbatta-fullwidth-article .page-head,

.gbatta-fullwidth-article .lp-breadcrumb,

.gbatta-fullwidth-article.breadcrumb-section,

.gbatta-fullwidth-article .listing-single-header,

.gbatta-fullwidth-article .post-header,

.gbatta-fullwidth-article .page-header,

..gbatta-fullwidth-article.lp-header,

.gbatta-fullwidth-article .lp-banner,

.gbatta-fullwidth-article .innerpage-banner,

.gbatta-fullwidth-article [class*="banner"],

.gbatta-fullwidth-article nav.woocommerce-breadcrumb,

.gbatta-fullwidth-article3 .breadcrumb,

.gbatta-fullwidth-article .lp-breadcrumbs {

	display: none !important;

}



/* Sidebar */

.gbatta-fullwidth-article3 #sidebar,

.gbatta-fullwidth-article .sidebar,

.gbatta-fullwidth-article .widget-area,

.gbatta-fullwidth-article aside.sidebar,

.gbatta-fullwidth-article aside.widget-area,

.gbatta-fullwidth-article .col-md-4,

.gbatta-fullwidth-article [class*="sidebar"] {

	display: none !important;

}



/* Force content full-width */

.gbatta-fullwidth-article .content-area,

.gbatta-fullwidth-article .site-content,

.gbatta-fullwidth-article .main-content,

.gbatta-fullwidth-article article.page,

.gbatta-fullwidth-article .col-md-8,

.gbatta-fullwidth-article .col-md-12,

.gbatta-fullwidth-article [class*="content-area"],

.gbatta-fullwidth-article [class*="site-main"] {

	width: 100% !important;

	max-width: 100% !important;

	flex: 0 0 100% !important;

	margin-left: 0 !important;

	margin-right: 0 !important;

	padding-left: 0 !important;

	padding-right: 0 !important;

}

/* Container ListingPro : fullwidth sans toucher aux paddings */
.gbatta-fullwidth-article .container {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}



/* Hide ListingPro default footer on homepage */

.gbatta-fullwidth-article .lp-footer,

.gbatta-fullwidth-article .footer-bottom,

.gbatta-fullwidth-article .listingpro-footer,

.gbatta-fullwidth-article footer.site-footer:not(.gbatta-footer),

.gbatta-fullwidth-article footer.footer-style3,

.gbatta-fullwidth-article footer.style3,

.gbatta-fullwidth-article .lp-copyright {

	display: none !important;

}



/* Hide ListingPro native footer on ALL pages (site-wide) */

footer.style3,

footer.footer-style3 {

	display: none !important;

}

@media (max-width: 900px) {

	.gbatta-mission-grid {

		grid-template-columns: 1fr;

	}

	.gbatta-escales-grid {

		grid-template-columns: repeat(2, 1fr);

	}

	.gbatta-blog-grid {

		grid-template-columns: 1fr 1fr;

	}

	.gbatta-annuaire-grid {

		grid-template-columns: 1fr 1fr;

	}

	.gbatta-rejoindre-grid {

		grid-template-columns: 1fr;

	}

}



@media (max-width: 540px) {

	.gbatta-escales-grid {

		grid-template-columns: 1fr;

	}

	.gbatta-blog-grid {

		grid-template-columns: 1fr;

	}

	.gbatta-annuaire-grid {

		grid-template-columns: 1fr;

	}

	.gbatta-hero-buttons {

		flex-direction: column;

	}

	.gbatta-newsletter-form {

		flex-direction: column;

	}

}

/* ===========================================

   BLOC B.1 — BLOG ARCHIVE + ARTICLE INDIVIDUEL

   Sélecteurs basés sur le DOM réel de ListingPro

   =========================================== */



/* ===========================================

   1. GLOBAL — Cacher le footer ListingPro

   =========================================== */



footer.style3,

footer.footer-style3 {

	display: none !important;

}



/* Forcer la fonte body sur tout le blog */

body.blog,

body.single-post,

body.archive,

body.category {

	font-family: var(--font-body) !important;

}



/* ===========================================

   2. BLOG ARCHIVE — Bannière

   =========================================== */



/* Page heading banner */

body.blog .page-heading.listing-page {

	background: var(--indigo) !important;

	background-image: none !important;

	height: auto !important;

	min-height: unset !important;

	padding: 4rem 1.5rem 3rem !important;

}



/* Overlay — masquer */

body.blog .page-heading .page-header-overlay {

	display: none !important;

}



/* Inner container */

body.blog .page-heading-inner-container {

	max-width: 800px !important;

	margin: 0 auto !important;

}



/* Titre */

body.blog .page-heading-inner-container h1 {

	font-family: var(--font-display) !important;

	font-weight: 700 !important;

	font-size: 2.5rem !important;

	color: #fff !important;

	margin-bottom: 0.5rem !important;

}



/* Breadcrumb */

body.blog .page-heading ul.breadcrumbs {

	list-style: none !important;

	padding: 0 !important;

	margin: 0 !important;

	display: flex !important;

	gap: 0.5rem !important;

	justify-content: center !important;

	font-family: var(--font-body) !important;

	font-size: 0.8125rem !important;

}

body.blog .page-heading ul.breadcrumbs li {

	color: var(--raphia) !important;

	opacity: 0.7 !important;

}

body.blog .page-heading ul.breadcrumbs li a {

	color: var(--raphia) !important;

	text-decoration: none !important;

}

body.blog .page-heading ul.breadcrumbs li a:hover {

	text-decoration: underline !important;

}



/* Grille d'articles — fond papier */

body.blog section.lp-blog-for-app-view {

	background: var(--papier) !important;

	padding-top: 3rem !important;

	padding-bottom: 4rem !important;

}



body.blog section.lp-blog-for-app-view > .container {

	max-width: 1160px !important;

}



/* ===========================================

   3. BLOG ARCHIVE — Cartes d'article

   =========================================== */



/* Grid container — override Bootstrap 3 .row (float-based, pas flex).

   Chaîne de spécificité complète pour battre le thème parent qui charge après. */

html body.blog section.lp-blog-for-app-view > div.container > div.row {

	display: grid !important;

	grid-template-columns: repeat(3, 1fr) !important;

	gap: 1.5rem !important;

	justify-content: start !important;

	justify-items: start !important;

	margin: 0 !important;

}



/* Neutraliser les pseudo-éléments clearfix Bootstrap 3 —

   ::before et ::after deviennent des grid items et volent des colonnes */

body.blog section.lp-blog-for-app-view .row::before,

body.blog section.lp-blog-for-app-view .row::after {

	content: none !important;

	display: none !important;

}



/* Masquer le div.clearfix qui suit les cartes dans le DOM */

body.blog section.lp-blog-for-app-view .row > .clearfix {

	display: none !important;

}



/* Chaque carte — tuer les floats Bootstrap 3 ET les overrides flex */

html body.blog section.lp-blog-for-app-view > div.container > div.row > div[class*="col-"] {

	float: none !important;

	width: 100% !important;

	max-width: 100% !important;

	flex: none !important;

	padding: 0 !important;

	margin: 0 !important;

}



/* Carte externe — neutraliser tout centrage LP */

html body.blog div.lp-blog-grid-box {

	margin: 0 !important;

	text-align: left !important;

}



/* Carte complète */

body.blog .lp-blog-grid-box-container {

	background: #fff !important;

	border: 2px solid var(--raphia-dark) !important;

	border-radius: 0 !important;

	overflow: hidden !important;

	transition: border-color 0.2s !important;

}

body.blog .lp-blog-grid-box-container:hover {

	border-color: var(--laterite) !important;

}



/* Image */

body.blog .lp-blog-grid-box-thumb {

	height: 200px !important;

	overflow: hidden !important;

	background: var(--raphia) !important;

	margin: 0 !important;

	position: relative !important;

}

body.blog .lp-blog-grid-box-thumb img {

	width: 100% !important;

	height: 100% !important;

	object-fit: cover !important;

}



/* Placeholder — masquer l'img externe placehold.co et afficher

   un losange discret en raphia-dark, évocation géométrique sobre */

body.blog .lp-blog-grid-box-thumb img[src*="placehold.co"] {

	display: none !important;

}

body.blog .lp-blog-grid-box-thumb:has(img[src*="placehold.co"]) a::after {

	content: "";

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%) rotate(45deg);

	width: 30px;

	height: 30px;

	background: var(--raphia-dark);

	opacity: 0.35;

}



/* Description */

body.blog .lp-blog-grid-box-description {

	text-align: left !important;

	padding: 1.25rem 1.5rem 1.5rem !important;

}



/* Avatar — masquer */

body.blog .lp-blog-user-thumb {

	display: none !important;

}



/* Catégorie */

body.blog .lp-blog-grid-category {

	margin-bottom: 0.4rem !important;

}

body.blog .lp-blog-grid-category a {

	font-family: var(--font-body) !important;

	font-size: 0.6875rem !important;

	font-weight: 600 !important;

	text-transform: uppercase !important;

	letter-spacing: 0.1em !important;

	color: var(--palmier) !important;

	text-decoration: none !important;

}



/* Titre */

body.blog .lp-blog-grid-title {

	margin-bottom: 0.75rem !important;

}

body.blog .lp-blog-grid-title h4 {

	margin: 0 !important;

	padding: 0 !important;

}

body.blog .lp-blog-grid-title a {

	font-family: var(--font-display) !important;

	font-weight: 700 !important;

	font-size: 1.125rem !important;

	color: var(--indigo) !important;

	text-decoration: none !important;

	line-height: 1.25 !important;

}

body.blog .lp-blog-grid-title a:hover {

	color: var(--laterite) !important;

}



/* Meta (auteur, date) */

body.blog ul.lp-blog-grid-author {

	list-style: none !important;

	padding: 0 !important;

	margin: 0 !important;

	display: flex !important;

	gap: 1rem !important;

	flex-wrap: wrap !important;

}

body.blog ul.lp-blog-grid-author li {

	font-family: var(--font-body) !important;

	font-size: 0.8125rem !important;

	color: var(--encre) !important;

	opacity: 0.7 !important;

}

body.blog ul.lp-blog-grid-author li a {

	color: inherit !important;

	text-decoration: none !important;

}

body.blog ul.lp-blog-grid-author li i {

	margin-right: 0.3rem !important;

}



/* ===========================================

   4. SINGLE POST — Bannière

   =========================================== */



.single-post .blog-single-page {

	background: var(--indigo) !important;

	background-image: none !important;

	height: auto !important;

	min-height: unset !important;

	padding: 5rem 1.5rem 4rem !important;

	position: relative !important;

}



/* Overlay — masquer (LP met un overlay pour le bg image) */

.single-post .page-header-overlay {

	display: none !important;

}



/* Inner container */

.single-post .blog-heading-inner-container {

	position: relative !important;

	max-width: 800px !important;

	margin: 0 auto !important;

}



/* Avatar — masquer */

.single-post .blog-single-page .lp-blog-user-thumb {

	display: none !important;

}



/* Titre */

.single-post .blog-heading-inner-container h1 {

	font-family: var(--font-display) !important;

	font-weight: 700 !important;

	font-size: 2.5rem !important;

	color: #fff !important;

	margin-bottom: 0.75rem !important;

}



/* Breadcrumb */

.single-post ul.breadcrumbs {

	list-style: none !important;

	padding: 0 !important;

	margin: 0 0 1rem 0 !important;

	display: flex !important;

	gap: 0.5rem !important;

	flex-wrap: wrap !important;

	justify-content: center !important;

	font-family: var(--font-body) !important;

	font-size: 0.8125rem !important;

}

.single-post ul.breadcrumbs li {

	color: var(--raphia) !important;

	opacity: 0.7 !important;

}

.single-post ul.breadcrumbs li a {

	color: var(--raphia) !important;

	text-decoration: none !important;

}

.single-post ul.breadcrumbs li a:hover {

	text-decoration: underline !important;

}

.single-post ul.breadcrumbs li:not(:first-child)::before {

	content: "/" !important;

	margin-right: 0.5rem !important;

	color: var(--raphia) !important;

	opacity: 0.5 !important;

}



/* Meta dans la bannière */

.single-post .blog-single-page ul.lp-blog-grid-author {

	list-style: none !important;

	padding: 0 !important;

	margin: 0 !important;

	display: flex !important;

	gap: 1.5rem !important;

	flex-wrap: wrap !important;

	justify-content: center !important;

	font-family: var(--font-body) !important;

	font-size: 0.875rem !important;

}

.single-post .blog-single-page ul.lp-blog-grid-author li {

	color: var(--raphia) !important;

	opacity: 0.85 !important;

}

.single-post .blog-single-page ul.lp-blog-grid-author li a {

	color: var(--raphia) !important;

	text-decoration: none !important;

}

.single-post .blog-single-page ul.lp-blog-grid-author li a:hover {

	text-decoration: underline !important;

}

.single-post .blog-single-page ul.lp-blog-grid-author li i {

	margin-right: 0.3rem !important;

}



/* Category link dans la bannière */

.single-post .blog-single-page li.category-link a {

	font-weight: 600 !important;

	text-transform: uppercase !important;

	letter-spacing: 0.06em !important;

}



/* ===========================================

   5. SINGLE POST — Contenu

   =========================================== */



/* Section contenu */

.single-post section.aliceblue {

	background: var(--papier) !important;

	padding: 3rem 0 !important;

}



/* Container */

.single-post .page-container-second-blog {

	max-width: 800px !important;

}



/* Inner container — enlever le border-radius LP */

.single-post .blog-single-inner-container {

	border: none !important;

	border-radius: 0 !important;

	background: transparent !important;

	padding: 0 !important;

}



/* Zone texte */

.single-post .blog-content {

	padding: 0 !important;

}



/* Typo contenu */

.single-post .blog-content p {

	font-family: var(--font-body) !important;

	font-size: 1.0625rem !important;

	line-height: 1.75 !important;

	color: var(--encre) !important;

	margin-bottom: 1.5rem !important;

}



.single-post .blog-content h2 {

	font-family: var(--font-display) !important;

	font-weight: 700 !important;

	font-size: 1.75rem !important;

	color: var(--indigo) !important;

	margin-top: 2.5rem !important;

	margin-bottom: 1rem !important;

	line-height: 1.2 !important;

}



.single-post .blog-content h3 {

	font-family: var(--font-display) !important;

	font-weight: 600 !important;

	font-size: 1.375rem !important;

	color: var(--indigo) !important;

	margin-top: 2rem !important;

	margin-bottom: 0.75rem !important;

}



.single-post .blog-content h4 {

	font-family: var(--font-body) !important;

	font-weight: 600 !important;

	font-size: 1.125rem !important;

	color: var(--indigo) !important;

}



.single-post .blog-content a {

	color: var(--laterite) !important;

	text-decoration: underline !important;

}

.single-post .blog-content a:hover {

	color: var(--laterite-light) !important;

}



.single-post .blog-content blockquote {

	border-left: 3px solid var(--laterite) !important;

	padding: 1rem 1.5rem !important;

	margin: 2rem 0 !important;

	background: var(--raphia) !important;

	font-style: italic !important;

	color: var(--laterite) !important;

}



.single-post .blog-content ul,

.single-post .blog-content ol {

	padding-left: 1.5rem !important;

	margin-bottom: 1.5rem !important;

}

.single-post .blog-content li {

	font-size: 1.0625rem !important;

	line-height: 1.75 !important;

	margin-bottom: 0.5rem !important;

}



.single-post .blog-content img {

	max-width: 100% !important;

	height: auto !important;

}



/* ===========================================

   6. SINGLE POST — Meta footer (tags + partages)

   =========================================== */



.single-post .blog-meta {

	margin-top: 3rem !important;

	padding-top: 1.5rem !important;

	border-top: 1px solid var(--raphia-dark) !important;

}



.single-post .blog-tags {

	font-family: var(--font-body) !important;

	font-size: 0.8125rem !important;

}



/* ===========================================

   7. SINGLE POST — Commentaires

   =========================================== */



/* Container */

.single-post .comments-container {

	margin-top: 3rem !important;

}



/* Form wrapper */

.single-post .comments-inner-container {

	background: var(--papier) !important;

	border: 2px solid var(--raphia-dark) !important;

	padding: 2rem !important;

}



/* Titre */

.single-post #reply-title {

	font-family: var(--font-display) !important;

	font-weight: 700 !important;

	font-size: 1.25rem !important;

	color: var(--indigo) !important;

	margin-bottom: 1.5rem !important;

}

.single-post #reply-title small a {

	color: var(--laterite) !important;

}



/* Champs */

.single-post #commentform .form-control {

	width: 100% !important;

	padding: 0.8em 1em !important;

	border: 2px solid var(--raphia-dark) !important;

	background: #fff !important;

	font-family: var(--font-body) !important;

	font-size: 0.9375rem !important;

	color: var(--encre) !important;

	border-radius: 0 !important;

	transition: border-color 0.2s !important;

}

.single-post #commentform .form-control:focus {

	outline: none !important;

	border-color: var(--laterite) !important;

}



/* Labels */

.single-post #commentform label {

	display: block !important;

	font-family: var(--font-body) !important;

	font-weight: 600 !important;

	font-size: 0.875rem !important;

	color: var(--indigo) !important;

	margin-bottom: 0.4rem !important;

	margin-top: 0.75rem !important;

}



/* Textarea */

.single-post #commentform textarea {

	min-height: 150px !important;

	resize: vertical !important;

}



/* Bouton submit */

.single-post #submit {

	display: inline-block !important;

	font-family: var(--font-body) !important;

	font-weight: 600 !important;

	font-size: 0.9375rem !important;

	padding: 0.75em 2em !important;

	background: var(--laterite) !important;

	color: #fff !important;

	border: 2px solid var(--laterite) !important;

	cursor: pointer !important;

	transition: background 0.2s !important;

	margin-top: 1.5rem !important;

	border-radius: 2px !important;

}

.single-post #submit:hover {

	background: var(--laterite-light) !important;

	border-color: var(--laterite-light) !important;

}



/* Cookie consent */

.single-post .comment-form-cookies-consent {

	font-size: 0.8125rem !important;

	color: var(--encre) !important;

	opacity: 0.7 !important;

}



/* ===========================================

   8. SINGLE POST — Navigation prev/next

   =========================================== */



.single-post .blog-pagination {

	margin-top: 2rem !important;

	padding-top: 1rem !important;

	border-top: 1px solid var(--raphia-dark) !important;

	font-family: var(--font-body) !important;

}

.single-post .blog-pagination a {

	color: var(--laterite) !important;

	text-decoration: none !important;

	font-weight: 600 !important;

}

.single-post .blog-pagination a:hover {

	text-decoration: underline !important;

}



/* ===========================================

   9. RESPONSIVE

   =========================================== */



@media (max-width: 900px) {

	/* Archive: 3 cols → 2 cols */

	html body.blog section.lp-blog-for-app-view > div.container > div.row {

		grid-template-columns: repeat(2, 1fr) !important;

	}



	/* Archive banner title */

	body.blog .page-heading-inner-container h1 {

		font-size: 1.75rem !important;

	}



	/* Single title size */

	.single-post .blog-heading-inner-container h1 {

		font-size: 1.75rem !important;

	}



	/* Single banner padding */

	.single-post .blog-single-page {

		padding: 3rem 1rem 2.5rem !important;

	}



	/* Single content container full width */

	.single-post .page-container-second-blog {

		max-width: 100% !important;

		padding-left: 1rem !important;

		padding-right: 1rem !important;

	}

}



@media (max-width: 540px) {

	/* Archive: 2 cols → 1 col */

	html body.blog section.lp-blog-for-app-view > div.container > div.row {

		grid-template-columns: 1fr !important;

	}



	/* Archive banner */

	body.blog .page-heading.listing-page {

		padding: 2.5rem 1rem 2rem !important;

	}

	body.blog .page-heading-inner-container h1 {

		font-size: 1.5rem !important;

	}



	/* Single title */

	.single-post .blog-heading-inner-container h1 {

		font-size: 1.5rem !important;

	}



	/* Single banner */

	.single-post .blog-single-page {

		padding: 2.5rem 1rem 2rem !important;

	}



	/* Section content */

	.single-post section.aliceblue {

		padding: 2rem 0 !important;

	}



	/* Comment form */

	.single-post .comments-inner-container {

		padding: 1.25rem !important;

	}

}



/* ===========================================

   10. STATIC PAGES — Page heading banner

   Même structure .page-heading.listing-page que le blog,

   mais ciblée sur body.page (pas body.blog)

   =========================================== */



body.page .page-heading.listing-page {

	background: var(--indigo) !important;

	background-image: none !important;

	height: auto !important;

	min-height: unset !important;

	padding: 4rem 1.5rem 3rem !important;

}



body.page .page-heading .page-header-overlay {

	display: none !important;

}



body.page .page-heading-inner-container {

	max-width: 800px !important;

	margin: 0 auto !important;

}



body.page .page-heading-inner-container h1 {

	font-family: var(--font-display) !important;

	font-weight: 700 !important;

	font-size: 2.5rem !important;

	color: #fff !important;

	margin-bottom: 0.5rem !important;

}



/* Breadcrumb */

body.page .page-heading ul.breadcrumbs {

	list-style: none !important;

	padding: 0 !important;

	margin: 0 !important;

	display: flex !important;

	gap: 0.5rem !important;

	justify-content: center !important;

	font-family: var(--font-body) !important;

	font-size: 0.8125rem !important;

}

body.page .page-heading ul.breadcrumbs li {

	color: var(--raphia) !important;

	opacity: 0.7 !important;

}

body.page .page-heading ul.breadcrumbs li a {

	color: var(--raphia) !important;

	text-decoration: none !important;

}

body.page .page-heading ul.breadcrumbs li a:hover {

	text-decoration: underline !important;

}



@media (max-width: 900px) {

	body.page .page-heading.listing-page {

		padding: 3rem 1rem 2.5rem !important;

	}

	body.page .page-heading-inner-container h1 {

		font-size: 1.75rem !important;

	}

}



@media (max-width: 540px) {

	body.page .page-heading.listing-page {

		padding: 2.5rem 1rem 2rem !important;

	}

	body.page .page-heading-inner-container h1 {

		font-size: 1.5rem !important;

	}

}

/* ===========================================

   11. STATIC PAGES — Content container

   Pour les templates qui n'ont pas de .post-content

   wrapper natif (ex: Page de contact)

   =========================================== */

.gbatta-content-container {

	max-width: 1160px !important;

	margin-left: auto !important;

	margin-right: auto !important;

	padding-left: 1.5rem !important;

	padding-right: 1.5rem !important;

	text-align: left !important;

}

/* ===========================================

   12. NEWSLETTER — Fluent Forms integration

   Remplace l'ancien formulaire HTML statique

   Classes réelles inspectées via curl

   =========================================== */



/* Wrapper — remplacer l'ancien .gbatta-newsletter-form */

.gbatta-newsletter-box .fluentform_wrapper_3 {

	margin-top: 1rem !important;

}



/* Chaque groupe de champ — en ligne */

.gbatta-newsletter-box .fluentform_wrapper_3 .ff-el-group {

	display: inline-flex !important;

	flex: 1 !important;

	margin-bottom: 0 !important;

}



/* Masquer le label "E-mail" (le placeholder suffit) */

.gbatta-newsletter-box .fluentform_wrapper_3 .ff-el-input--label {

	display: none !important;

}



/* Champ email */

.gbatta-newsletter-box .fluentform_wrapper_3 .ff-el-form-control {

	padding: 0.7em 1em !important;

	border: 2px solid var(--raphia-dark) !important;

	background: #fff !important;

	font-family: var(--font-body) !important;

	font-size: 0.9375rem !important;

	color: var(--encre) !important;

	height: auto !important;

	line-height: 1.4 !important;

}



.gbatta-newsletter-box .fluentform_wrapper_3 .ff-el-form-control:focus {

	outline: none !important;

	border-color: var(--laterite) !important;

	box-shadow: none !important;

}



/* Bouton submit */

.gbatta-newsletter-box .fluentform_wrapper_3 .ff-btn-submit {

	display: inline-block !important;

	font-family: var(--font-body) !important;

	font-weight: 600 !important;

	font-size: 0.9375rem !important;

	padding: 0.7em 1.75em !important;

	background: var(--laterite) !important;

	color: #fff !important;

	border: 2px solid var(--laterite) !important;

	cursor: pointer !important;

	transition: background 0.2s !important;

	height: auto !important;

	line-height: 1.4 !important;

}



.gbatta-newsletter-box .fluentform_wrapper_3 .ff-btn-submit:hover {

	background: var(--laterite-light) !important;

	border-color: var(--laterite-light) !important;

}



@media (max-width: 540px) {

	.gbatta-newsletter-box .fluentform_wrapper_3 .ff-el-group {

		display: block !important;

		flex: none !important;

	}

	.gbatta-newsletter-box .fluentform_wrapper_3 .ff-el-group + .ff-el-group {

		margin-top: 0.5rem !important;

	}

}

/* Empêcher l'overlay de chargement ListingPro de bloquer les clics */

.md-overlay.content-loading,
.author-inner-content-wrap.content-loading {

	pointer-events: none !important;

}

/* ===========================================

   14. STRETCHED LINK — Cartes cliquables

   Lien ::after couvrant toute la surface

   =========================================== */



.gbatta-stretched-link::after {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 1;

}



/* Cartes annuaire — position relative pour le stretched link

   (les cartes escales actives l'ont déjà via .gbatta-escale-card-active) */

.gbatta-annuaire-card {

	position: relative !important;

}



/* Liens internes à une carte avec stretched link —

   doivent passer au-dessus du lien étiré */

.gbatta-stretched-link ~ a {

	position: relative !important;

	z-index: 2 !important;

}

/* ===========================================

   16. CHECKBOX FIX — Masquer le ::before du

   label qui duplique visuellement la checkbox

   native (injecté par ListingPro). Styliser

   la checkbox native avec accent-color.

   =========================================== */



#commentform label[for="wp-comment-cookies-consent"]::before {

	display: none !important;

	content: none !important;

}

/* ===========================================

   PAGE /ANNUAIRE/ — ListingPro [listing_grids] override

   =========================================== */

body.page-id-36 article .lp-row { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 1.5rem !important; margin: 0 !important; }

body.page-id-36 article .lp-row::before, body.page-id-36 article .lp-row::after { content: none !important; display: none !important; }

body.page-id-36 article .lp-row > .clearfix { display: none !important; }

body.page-id-36 article .lp-grid-box-contianer { width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; float: none !important; }

body.page-id-36 article .lp-grid-box { background: #fff !important; border: 2px solid #DFD8C8 !important; border-radius: 0 !important; overflow: hidden !important; box-shadow: none !important; }

body.page-id-36 article .lp-grid-box:hover { border-color: #A6421F !important; }

body.page-id-36 article .lp-grid-box-thumb-container { height: 180px !important; max-height: 180px !important; overflow: hidden !important; background: #EDE8DD !important; border-radius: 0 !important; }

body.page-id-36 article .lp-grid-box-thumb, body.page-id-36 article .show-img { height: 180px !important; max-height: 180px !important; overflow: hidden !important; background: #EDE8DD !important; }

body.page-id-36 article .lp-grid-box-thumb img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; }

body.page-id-36 article .lp-grid-box-quick { display: none !important; }

body.page-id-36 article .lp-grid-desc-container { border: none !important; }

body.page-id-36 article .lp-grid-box-description { padding: 1.25rem 1.5rem 1.5rem !important; }

body.page-id-36 article .lp-h4 { margin: 0 0 0.5rem 0 !important; }

body.page-id-36 article .lp-h4 a { font-family: 'Fraunces', serif !important; font-weight: 700 !important; font-size: 1.125rem !important; color: #1B2A4A !important; text-decoration: none !important; }

body.page-id-36 article .lp-h4 a:hover { color: #A6421F !important; }

body.page-id-36 article .lp-grid-box-left > ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }

body.page-id-36 article .lp-grid-box-left > ul > li { font-family: 'Work Sans', sans-serif !important; font-size: 0.6875rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; }

body.page-id-36 article .lp-grid-box-left > ul > li a { color: #33452E !important; text-decoration: none !important; }

body.page-id-36 article .lp-grid-box-left > ul > li:empty { display: none !important; }

body.page-id-36 article .lp-grid-box-right { display: none !important; }

@media (max-width: 900px) { body.page-id-36 article .lp-row { grid-template-columns: repeat(2, 1fr) !important; } }

@media (max-width: 540px) { body.page-id-36 article .lp-row { grid-template-columns: 1fr !important; } }



.home .lp-home-banner-contianer { display: none !important; }

/* ===========================================

   FORMULAIRE DE SOUMISSION — Design System Gbatta

   Page /soumettre-une-fiche/ (ID 38)

   =========================================== */



/* 1. INPUTS + TEXTAREA */

#lp-submit-form .form-control,

#lp-submit-form input[type="text"],

#lp-submit-form input[type="email"],

#lp-submit-form input[type="url"],

#lp-submit-form textarea {

	border: 2px solid #DFD8C8 !important;

	border-radius: 0 !important;

	font-family: 'Work Sans', sans-serif !important;

	font-size: 0.9375rem !important;

	color: #211C15 !important;

	background: #fff !important;

	box-shadow: none !important;

	transition: border-color 0.2s !important;

}

#lp-submit-form .form-control:focus,

#lp-submit-form input[type="text"]:focus,

#lp-submit-form input[type="email"]:focus,

#lp-submit-form input[type="url"]:focus,

#lp-submit-form textarea:focus {

	border-color: #A6421F !important;

	outline: none !important;

	box-shadow: none !important;

}



/* 2. SELECT2 */

#lp-submit-form .select2-container--default .select2-selection--single {

	border: 2px solid #DFD8C8 !important;

	border-radius: 0 !important;

	height: auto !important;

	min-height: 44px !important;

}

#lp-submit-form .select2-container--default .select2-selection--single .select2-selection__rendered {

	font-family: 'Work Sans', sans-serif !important;

	font-size: 0.9375rem !important;

	color: #211C15 !important;

	line-height: 2.5 !important;

}

#lp-submit-form .select2-container--default .select2-selection--single .select2-selection__arrow {

	top: 50% !important;

	transform: translateY(-50%) !important;

}

#lp-submit-form .select2-container--default.select2-container--open .select2-selection--single {

	border-color: #A6421F !important;

}



/* 3. BOUTON SUBMIT */

#lp-submit-form #listingsubmitBTN {

	background: #A6421F !important;

	color: #fff !important;

	border: 2px solid #A6421F !important;

	font-family: 'Work Sans', sans-serif !important;

	font-weight: 600 !important;

	font-size: 0.9375rem !important;

	padding: 0.75em 2.5em !important;

	border-radius: 2px !important;

	text-transform: none !important;

	letter-spacing: 0 !important;

	transition: background 0.2s, border-color 0.2s !important;

}

#lp-submit-form #listingsubmitBTN:hover {

	background: #C25A34 !important;

	border-color: #C25A34 !important;

}



/* 4. BOUTONS SECONDAIRES (Ajouter FAQ, Ajouter réseau social) */

#lp-submit-form #tabsbtn,

#lp-submit-form #add-new-social-url {

	background: transparent !important;

	border: 2px solid #DFD8C8 !important;

	color: #1B2A4A !important;

	font-family: 'Work Sans', sans-serif !important;

	font-weight: 600 !important;

	font-size: 0.875rem !important;

	padding: 0.5em 1.25em !important;

	border-radius: 2px !important;

	transition: border-color 0.2s, color 0.2s !important;

}

#lp-submit-form #tabsbtn:hover,

#lp-submit-form #add-new-social-url:hover {

	border-color: #A6421F !important;

	color: #A6421F !important;

}



/* 5. TITRES DE SECTION */

#lp-submit-form .white-section-heading {

	font-family: 'Fraunces', serif !important;

	font-weight: 600 !important;

	font-size: 1.25rem !important;

	color: #1B2A4A !important;

	text-transform: none !important;

	letter-spacing: 0 !important;

	background: transparent !important;

	padding-bottom: 0.75rem !important;

	margin-bottom: 1.25rem !important;

	border-bottom: 2px solid #DFD8C8 !important;

}

#lp-submit-form .white-section-heading::before {

	display: none !important;

}



/* 6. SECTIONS */

#lp-submit-form .white-section {

	background: #fff !important;

	border: 2px solid #DFD8C8 !important;

	border-radius: 0 !important;

	padding: 1.75rem !important;

	margin-bottom: 1.5rem !important;

}

#lp-submit-form .white-section.border-bottom {

	border-bottom: 2px solid #DFD8C8 !important;

}



/* 7. LABELS */

#lp-submit-form label {

	font-family: 'Work Sans', sans-serif !important;

	font-weight: 600 !important;

	font-size: 0.875rem !important;

	color: #1B2A4A !important;

}



/* 8. ZONE UPLOAD */

#lp-submit-form .jFiler-input-dragDrop {

	border: 2px dashed #DFD8C8 !important;

	background: #F7F4EC !important;

	border-radius: 0 !important;

}

#lp-submit-form .jFiler-input-dragDrop .jFiler-input-choose-btn {

	background: #1B2A4A !important;

	color: #fff !important;

	font-family: 'Work Sans', sans-serif !important;

	font-weight: 600 !important;

	border-radius: 2px !important;

	padding: 0.5em 1.5em !important;

}



/* 9. ONGLETS GOOGLE */

#lp-submit-form .lp-coordinates .btn-link {

	color: #1B2A4A !important;

	font-family: 'Work Sans', sans-serif !important;

	font-size: 0.875rem !important;

	font-weight: 500 !important;

	text-decoration: none !important;

	padding: 0.5em 1em !important;

	border-bottom: 2px solid transparent !important;

	border-radius: 0 !important;

	transition: color 0.2s, border-color 0.2s !important;

}

#lp-submit-form .lp-coordinates .btn-link.active {

	color: #A6421F !important;

	border-bottom-color: #A6421F !important;

	font-weight: 600 !important;

}

#lp-submit-form .lp-coordinates .btn-link:hover {

	color: #A6421F !important;

}



/* 10. CHECKBOX SLOGAN */

#lp-submit-form .lp-tagline-submit-tagline .lp-sbt-checkmark {

	border: 2px solid #DFD8C8 !important;

	border-radius: 0 !important;

}

#lp-submit-form .lp-tagline-submit-tagline input:checked ~ .lp-sbt-checkmark {

	background: #A6421F !important;

	border-color: #A6421F !important;

}



/* 11. PLACEHOLDER */

#lp-submit-form .form-control::placeholder,

#lp-submit-form input::placeholder,

#lp-submit-form textarea::placeholder {

	color: rgba(33, 28, 21, 0.45) !important;

	font-family: 'Work Sans', sans-serif !important;

	font-style: italic !important;

	opacity: 1 !important;

}

/* Centrage de la page */

body.page-id-38 .page-container-four {

    max-width: 1160px !important;

    margin-left: auto !important;

    margin-right: auto !important;

    padding-left: 1.5rem !important;

    padding-right: 1.5rem !important;

    float: none !important;

}

body.page-id-38 .page-container-four > .col-md-12 {

    width: 100% !important;

    padding-left: 0 !important;

    padding-right: 0 !important;

}

/* ===========================================

   DASHBOARD — Padding + icône + scroll

   =========================================== */

.page-content.dashboard-content {

	padding-left: 1.5rem !important;

	padding-right: 1.5rem !important;

}

@media (max-width: 540px) {

	.page-content.dashboard-content {

		padding-left: 1rem !important;

		padding-right: 1rem !important;

	}

}

.lp-contact-support-outer .fa-phone::before {

	content: "\f0e0" !important;

}

.gbatta-aparam-divider svg rect,

.gbatta-aparam-divider svg polygon {

	shape-rendering: crispEdges;

}

/* Fix scroll horizontal: exact du test console validé */

.row.lp_element_announcement {

	margin-left: 0 !important;

	margin-right: 0 !important;

	width: auto !important;

	max-width: 100% !important;

	box-sizing: border-box !important;

}



/* ===========================================

	font-family: 'Work Sans', sans-serif !important;

	font-weight: 600 !important;

	font-size: 0.875rem !important;

	color: var(--indigo) !important;

}



/* ===========================================

   DASHBOARD — Restyle Mon Profil

   =========================================== */



/* Titres de section */

.lp-dashboard-new .tab-header h3, .lp-dashboard-new h3 {

	font-family: 'Fraunces', serif !important;

	font-weight: 600 !important;

	color: var(--indigo) !important;

	font-size: 1.25rem !important;

	text-transform: none !important;

	letter-spacing: 0 !important;

}



/* Champs de formulaire */

.lp-dashboard-new .form-control {

	border: 2px solid var(--raphia-dark) !important;

	border-radius: 0 !important;

	font-family: 'Work Sans', sans-serif !important;

	font-size: 0.9375rem !important;

	color: var(--encre) !important;

	background: #fff !important;

	box-shadow: none !important;

	transition: border-color 0.2s !important;

}

.lp-dashboard-new .form-control:focus {

	border-color: var(--laterite) !important;

	outline: none !important;

}



/* Boutons */

.lp-dashboard-new .btn-first-hover,

.lp-dashboard-new .lp-secondary-big-btn {

	font-family: 'Work Sans', sans-serif !important;

	font-weight: 600 !important;

	font-size: 0.9375rem !important;

	border-radius: 2px !important;

	text-transform: none !important;

	letter-spacing: 0 !important;

}



/* Labels */

.lp-dashboard-new label {

	font-family: 'Work Sans', sans-serif !important;

	font-weight: 600 !important;

	font-size: 0.875rem !important;

	color: var(--indigo) !important;

}



/* ==========================================================================

   Page Soumettre une fiche — corrections

   ========================================================================== */



/* Supprime l'artefact visuel "----" (pseudo-élément dashed du thème parent) */

.form-page-heading_style2:after {

	border: none !important;

	content: none !important;

}



/* Placeholder description TinyMCE — affiché quand l'éditeur est vide */

#wp-inputDescription-wrap.gbatta-desc-empty {

	position: relative;

}

#wp-inputDescription-wrap.gbatta-desc-empty::before {

	content: "Décrivez votre structure ou événement en détail";

	position: absolute;

	top: 1px;

	left: 1px;

	right: 1px;

	bottom: 1px;

	display: flex;

	align-items: flex-start;

	padding: 8px 12px;

	color: rgba(33, 28, 21, 0.45);

	font-style: italic;

	font-family: var(--font-body);

	font-size: 14px;

	pointer-events: none;

	z-index: 0;

	background: transparent;

}



/* ==========================================================================

   Champs obligatoires — astérisques uniformes

   ========================================================================== */



/* Supprime les doublons ::after — seul le <small> HTML fait foi */

#lp-submit-form label[for="lptitle"]::after,

#lp-submit-form label[for="inputCategory"]::after,

#lp-submit-form label[for="inputDescription"]::after {

	content: none !important;

}



/* Style uniforme pour tous les <small>*</small> du formulaire (labels + titres) */

#lp-submit-form label small,

.submit_new_style label small {

	color: var(--laterite) !important;

	font-weight: bold !important;

	font-size: 1.15em !important;

	margin-left: 3px;

}

/* Astérisque dans le titre h4 "plus d'informations" — identique au <small> des labels */

.mandatory-asterisk {

	color: var(--laterite) !important;

	font-weight: bold !important;

	font-size: 16px !important;

	font-family: var(--font-body) !important;

	margin-left: 3px;

	vertical-align: baseline !important;

	display: inline !important;

}



/* Légende sous le titre de section */

/* Masquer le champ Google Analytics ID dans le dashboard (hors scope Vague 0) */

#lp-user-g-analytics {

	display: none !important;

}



/* ==========================================================================

   Blog — hauteur uniforme des cartes (grid_view_style1)

   ========================================================================== */

.lp-blog-for-app-view .blog-content-container > .row,

.lp-blog-for-app-view .page-container-five > .row {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	gap: 30px;

}

.lp-blog-for-app-view .blog-content-container > .row > [class*="col-"],

.lp-blog-for-app-view .page-container-five > .row > [class*="col-"] {

	width: auto !important;

	float: none !important;

	padding: 0;

}

/* Éliminer les clearfix parasites dans la grille */

.lp-blog-for-app-view .blog-content-container > .row > .clearfix,

.lp-blog-for-app-view .page-container-five > .row > .clearfix {

	display: none !important;

}

.lp-blog-for-app-view .lp-blog-grid-box {

	display: flex;

	height: 100%;

}

.lp-blog-for-app-view .lp-blog-grid-box-container {

	display: flex;

	flex-direction: column;

	width: 100%;

}

.lp-blog-for-app-view .lp-blog-grid-box-description {

	flex: 1;

	display: flex;

	flex-direction: column;

}

/* Titre tronqué à 2 lignes max + hauteur réservée uniforme */

.lp-blog-for-app-view .lp-blog-grid-title h4 {

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

	min-height: 3em;

}

.lp-blog-for-app-view .lp-blog-grid-title h4 a {

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

}



/* ==========================================================================

   Related Posts — section articles similaires

   ========================================================================== */

.gbatta-related-posts {

	margin-top: 3rem;

	padding-top: 2rem;

	border-top: 2px solid var(--raphia-dark);

}

.gbatta-related-grid {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	gap: 30px;

}

.gbatta-related-grid > [class*="col-"] {

	width: auto !important;

	float: none !important;

	padding: 0;

}

.gbatta-related-title {

	font-family: var(--font-display);

	font-size: 1.4rem;

	color: var(--indigo);

	margin-bottom: 1.5rem;

}

.gbatta-related-card-inner {

	background: #fff;

	border: 1px solid var(--raphia-dark);

	border-radius: 4px;

	overflow: hidden;

	margin-bottom: 1.5rem;

	display: flex;

	flex-direction: column;

	height: 100%;

}

.gbatta-related-img {

	height: 160px;

	background: var(--raphia);

	overflow: hidden;

	position: relative;

}

.gbatta-related-img a {

	display: block;

	width: 100%;

	height: 100%;

}

.gbatta-related-img img {

	width: 100%;

	height: 160px;

	object-fit: cover;

	display: block;

}

/* Placeholder : losange raphia-dark (identique à /blog/) */

.gbatta-related-placeholder {

	display: block;

	width: 100%;

	height: 100%;

	background: var(--raphia);

	position: relative;

}

.gbatta-related-placeholder::after {

	content: "";

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%) rotate(45deg);

	width: 30px;

	height: 30px;

	background: var(--raphia-dark);

	opacity: 0.35;

}

.gbatta-related-card-title {

	font-family: var(--font-display);

	font-size: 1rem;

	padding: 12px 14px 0;

	margin: 0;

	min-height: 3em;

}

.gbatta-related-card-title a {

	color: var(--indigo);

	text-decoration: none;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

}

.gbatta-related-card-title a:hover {

	color: var(--laterite);

}

.gbatta-related-card-date {

	font-family: var(--font-body);

	font-size: 0.8rem;

	color: rgba(33, 28, 21, 0.45);

	padding: 8px 14px 14px;

}



/* ==========================================================================

   Badge "Fiche gérée par Gbatta" — cartes NON revendiquées uniquement

   ========================================================================== */

body.page-id-36 .lp-grid-box .lp-grid-box-description:not(:has(.verified))::after {

	content: "Fiche gérée par Gbatta";

	display: block;

	font-family: 'Work Sans', sans-serif;

	font-size: 0.7rem;

	font-weight: 400;

	color: var(--palmier);

	opacity: 0.7;

	margin-top: 6px;

	font-style: italic;

}



/* ==========================================================================

   Bandeau auteur fiche listing — Gbatta override (26/07/2026)

   "Publié par [Nom]" sous le titre, lien vers /author/xxx/

   ========================================================================== */

.gbatta-listing-author {

	font-size: 0.85em;

	color: var(--indigo-light);

	margin-top: 6px;

	opacity: 0.85;

}

.gbatta-listing-author span {

	color: var(--indigo-light);

}

.gbatta-listing-author a {

	color: var(--indigo);

	font-weight: 500;

	text-decoration: none;

}

.gbatta-listing-author a:hover {

	color: var(--laterite);

	text-decoration: underline;

}



/* ==========================================================================

   Page /annuaire/ — cartes uniformes (grid + flex)

   ========================================================================== */

body.page-id-36 .lp-list-page-grid {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	gap: 30px;

}

body.page-id-36 .lp-grid-box-contianer {

	width: auto !important;

	float: none !important;

	padding: 0 !important;

}

body.page-id-36 .lp-grid-box {

	display: flex;

	flex-direction: column;

	height: 100%;

}

body.page-id-36 .lp-grid-desc-container {

	flex: 1;

	display: flex;

	flex-direction: column;

}

/* ===========================================
   FIX: Grille listing — override Bootstrap col-md-12
   Les boutons lp-grid-two/lp-grid-three doivent forcer
   2 ou 3 colonnes meme avec col-md-12 qui force 100%.
   =========================================== */
.lp-grid-width2 .lp-grid-box-contianer.col-md-12,
.lp-grid-width2 .lp-grid-box-contianer {
	width: 50% !important;
}
.lp-grid-width3 .lp-grid-box-contianer.col-md-12,
.lp-grid-width3 .lp-grid-box-contianer {
	width: 33.33% !important;
}
/* Garder 100% pour le mode 1 colonne (defaut) */
.lp-grid-width1 .lp-grid-box-contianer.col-md-12,
.lp-grid-width1 .lp-grid-box-contianer {
	width: 100% !important;
}


body.page-id-36 .lp-grid-box-description {

	flex: 1;

	display: flex;

	flex-direction: column;

}

body.page-id-36 .lp-grid-box-left {

	flex: 1;

}

body.page-id-36 .lp-grid-box-left h4.lp-h4 {

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

	min-height: 3em;

}

/* Pousser la localisation en bas */

body.page-id-36 .lp-grid-box-bottom {

	margin-top: auto;

	padding-top: 8px;

}

/* Éliminer les clearfix parasites dans la grille */

body.page-id-36 .lp-list-page-grid > .clearfix,

body.page-id-36 .lp-list-page-grid > .md-overlay {

	display: none !important;

}



/* ==========================================================================

   Page /annuaire/ — container pleine largeur

   ========================================================================== */

body.page-id-36 .gbatta-fullwidth-content {

	max-width: 1160px;

	margin: 0 auto;

	padding: 0 1.5rem;

}



/* ==========================================================================

   Barre de filtres /annuaire/ — pills design Gbatta

   ========================================================================== */

.gbatta-filter-pills {

	display: flex;

	flex-wrap: wrap;

	gap: 10px;

	align-items: center;

	margin-bottom: 1.5rem;

}

.gbatta-filter-label {

	font-family: 'Work Sans', sans-serif;

	font-size: 0.85rem;

	font-weight: 600;

	color: var(--indigo);

	margin: 0 4px 0 0;

}

.gbatta-filter-buttons {

	display: flex;

	flex-wrap: wrap;

	gap: 8px;

}

.gbatta-pill .wp-block-button__link {

	background: #EDE8DD !important;

	color: #211C15 !important;

	border: none !important;

	border-radius: 50px !important;

	padding: 8px 18px !important;

	font-family: 'Work Sans', sans-serif !important;

	font-size: 0.85rem !important;

	font-weight: 500 !important;

	text-decoration: none !important;

	transition: all 0.2s;

}

.gbatta-pill .wp-block-button__link:hover {

	background: var(--raphia-dark) !important;

	text-decoration: none !important;

}



/* Fiche listing : masquer l'email auteur affiché automatiquement en fallback

   (l'email volontaire du formulaire est stocké dans le même metabox — on masque

   uniquement quand le champ est vide, ce qui est le cas des 3 fiches test) */

.single-listing li.lp-listing-email {

	display: none !important;

}



/* Masquer l'onglet Boîte de réception dans le dashboard (lead form — hors scope Vague 0) */

#sidebar a[href*="dashboard=inbox"] {

	display: none !important;

}



/* ==========================================================================

   Page fiche listing — corrections

   ========================================================================== */



/* Fil d'ariane : forcer texte clair sur fond sombre (tous les contextes) */

.single-listing .breadcrumbs li,

.single-listing .breadcrumbs a,

.single-listing .breadcrumbs span,

.single-listing .post-meta-left-box .breadcrumbs li,

.single-listing .lp-header-breadcrumbs .breadcrumbs li,

.single-listing .page-heading-inner-container .breadcrumbs a,

.lp-single-listing .breadcrumbs li,

.lp-single-listing .breadcrumbs a,

.post-with-map-container-right .breadcrumbs li,

.post-with-map-container-right .breadcrumbs a {

	color: var(--papier) !important;

	opacity: 0.95;

}

.single-listing .breadcrumbs li:last-child,

.lp-single-listing .breadcrumbs li:last-child {

	color: #fff !important;

	opacity: 1;

}



/* Étoiles : compatibilité Font Awesome 4 (fa-regular → fa) */

.form-review-stars .br-widget a,

.lp-review-stars .br-widget a,

.br-widget a {

	font-family: FontAwesome !important;

	font-size: 18px;

	text-decoration: none !important;

}

.fa-regular {

	display: inline-block;

	font: normal normal normal 14px/1 FontAwesome;

	font-size: inherit;

	text-rendering: auto;

	-webkit-font-smoothing: antialiased;

}

.fa-regular.fa-star-o::before {

	content: "\f006" !important;

}

/* Forcer les étoiles remplies en orange */

.br-widget a.br-active,

.br-widget a.br-selected {

	color: #f5a623 !important;

}



/* Réactions avis : masquer "Lol" (détonne avec le ton du site) */

.bottom-section ul li:has(.lol),

.review-reaction .lol,

a.lol.reviewRes {

	display: none !important;

}



/* Émoticônes à côté des étoiles : décoratives, retirées pour sobriété */

.review-emoticons {

	display: none !important;

}



/* Badge de note : palette design system Gbatta par niveau */

.lp-listing-review .lp-review-right .lp-rating-num.num-level1 {

	color: #fff !important;

	background-color: var(--laterite) !important;      /* 1★ rouge brique */

}

.lp-listing-review .lp-review-right .lp-rating-num.num-level2 {

	color: #fff !important;

	background-color: var(--laterite-light) !important; /* 2★ rouge brique clair */

}

.lp-listing-review .lp-review-right .lp-rating-num.num-level3 {

	color: #fff !important;

	background-color: var(--indigo) !important;         /* 3★ bleu indigo */

}

.lp-listing-review .lp-review-right .lp-rating-num.num-level4,

.lp-listing-review .lp-review-right .lp-rating-num.num-level5 {

	color: #fff !important;

	background-color: var(--palmier) !important;        /* 4-5★ vert palmier */

}



.mandatory-legend {

	display: block;

	font-family: var(--font-body);

	font-size: 0.8rem;

	font-style: italic;

	color: var(--encre);

	opacity: 0.65;

	margin-bottom: 15px;

}

/* ==========================================================================

   Article single — Design system Gbatta (override single.php)

   @since 2026-07-26

   ========================================================================== */



/* --- Bannière : fallback sans featured image --- */

.gbatta-blog-single.gbatta-banner-fallback {

	background-color: var(--indigo);

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='30' viewBox='0 0 120 30'%3E%3Cpolygon points='0,30 10,0 20,30' fill='%23EDE8DD' opacity='0.15'/%3E%3Cpolygon points='30,30 40,0 50,30' fill='%23EDE8DD' opacity='0.15'/%3E%3Cpolygon points='60,30 70,0 80,30' fill='%23EDE8DD' opacity='0.15'/%3E%3Cpolygon points='90,30 100,0 110,30' fill='%23EDE8DD' opacity='0.15'/%3E%3C/svg%3E");

	background-repeat: repeat-x;

	background-position: bottom center;

	background-size: 120px 30px;

}

.gbatta-blog-single.gbatta-banner-fallback .page-header-overlay {

	background: linear-gradient(180deg, rgba(27,42,74,0.3) 0%, rgba(27,42,74,0.7) 100%);

}



/* --- Pill catégorie --- */

.gbatta-category-pills {

	display: flex;

	flex-wrap: wrap;

	gap: 6px;

}

ul.lp-blog-grid-author li.category-link a.gbatta-cat-pill,

.gbatta-category-pills .gbatta-cat-pill {

	display: inline-block;

	background: var(--raphia) !important;

	color: var(--indigo) !important;

	font-family: var(--font-body);

	font-size: 0.78em;

	font-weight: 600;

	padding: 3px 12px;

	border-radius: 100px;

	text-decoration: none !important;

	text-transform: uppercase;

	letter-spacing: 0.5px;

	transition: background 0.2s, color 0.2s;

	border: none !important;

}

ul.lp-blog-grid-author li.category-link a.gbatta-cat-pill:hover,

.gbatta-category-pills .gbatta-cat-pill:hover {

	background: var(--indigo) !important;

	color: var(--papier) !important;

}



/* --- Signature auteur (bas d'article) --- */

.gbatta-author-signature {

	display: flex;

	align-items: center;

	gap: 14px;

	padding: 24px 0;

	margin: 32px 0 24px;

	border-top: 1px solid var(--raphia-dark);

	border-bottom: 1px solid var(--raphia-dark);

}

.gbatta-author-signature-avatar img {

	width: 48px;

	height: 48px;

	border-radius: 50%;

	object-fit: cover;

	border: 2px solid var(--raphia);

}

.gbatta-author-signature-info {

	display: flex;

	flex-direction: column;

}

.gbatta-author-signature-label {

	font-size: 0.75em;

	color: var(--indigo-light);

	text-transform: uppercase;

	letter-spacing: 0.5px;

}

.gbatta-author-signature-name {

	font-family: var(--font-display);

	font-size: 1.05em;

	font-weight: 600;

	color: var(--indigo);

	text-decoration: none;

}

.gbatta-author-signature-name:hover {

	color: var(--laterite);

}



/* --- Encart fiche annuaire liée --- */

.gbatta-listing-link-box {

	display: flex;

	align-items: center;

	gap: 14px;

	background: var(--raphia);

	border-left: 4px solid var(--indigo);

	padding: 16px 20px;

	margin: 28px 0;

	border-radius: 4px;

}

.gbatta-listing-link-icon {

	font-size: 1.5em;

	flex-shrink: 0;

}

.gbatta-listing-link-text {

	display: flex;

	flex-direction: column;

}

.gbatta-listing-link-label {

	font-size: 0.75em;

	color: var(--indigo-light);

	text-transform: uppercase;

	letter-spacing: 0.5px;

}

.gbatta-listing-link-text a {

	font-family: var(--font-display);

	font-weight: 600;

	color: var(--indigo);

	text-decoration: none;

}

.gbatta-listing-link-text a:hover {

	color: var(--laterite);

}



/* --- Boutons partage restylés Gbatta --- */

.gbatta-share-buttons span i {

	color: var(--indigo-light);

}

.gbatta-share-buttons .lp-blog-grid-shares-icon {

	color: var(--indigo-light) !important;

	transition: color 0.2s;

}

.gbatta-share-buttons .lp-blog-grid-shares-icon:hover {

	color: var(--laterite) !important;

}



/* --- Copyright homepage (bloc Gutenberg) --- */

.gbatta-footer-bottom {

	margin-top: 3rem;

	padding-top: 1.5rem;

	border-top: 1px solid rgba(255,255,255,0.15);

	font-size: 0.8125rem;

	opacity: 0.6;

	text-align: center;

	color: #fff;

}

.gbatta-footer-bottom p,

.gbatta-footer-bottom .wp-block-paragraph {

	color: #fff;

	opacity: 0.6;

}



}



/* --- Masquer modale signalement sur les articles --- */

body.single-post #lp_report_listing,

body.single-post #lp_report_listing.modal,

body.single-post .modal#lp_report_listing,

body.single-post .claim-area {

	display: none !important;

	visibility: hidden !important;

	pointer-events: none !important;

}



/* --- Masquer icône tag vide --- */

.blog-tags ul li:only-child {

	display: none;

}



/* --- Footer Gbatta (s'assurer qu'il prend le dessus) --- */

body.single-post footer .lp-footer,

body.single-post .footer-bottom-area {

	/* Le footer Gbatta est déjà stylé globalement — cette règle

	   garantit qu'aucun style parent ne le surcharge sur les articles */

}





/* --- Footer Gbatta sur articles single --- */

body.single-post .lp-footer .footer-bottom-area .copyright,

body.single-post footer .footer-bottom-area .copyright,

body.single-post .lp-footer .copyright {

	font-family: var(--font-body);

	color: var(--indigo-light);

	font-size: 0.85em;

}

body.single-post .lp-footer .footer-bottom-area .copyright a,

body.single-post footer .footer-bottom-area .copyright a {

	color: var(--indigo);

	text-decoration: none;

}

body.single-post .lp-footer .footer-bottom-area .copyright a:hover,

body.single-post footer .footer-bottom-area .copyright a:hover {

	color: var(--laterite);

}



/* --- Copyright homepage (bloc Gutenberg) --- */

.gbatta-footer-bottom {

	margin-top: 3rem;

	padding-top: 1.5rem;

	border-top: 1px solid rgba(255,255,255,0.15);

	font-size: 0.8125rem;

	opacity: 0.6;

	text-align: center;

	color: #fff;

}

.gbatta-footer-bottom p,

.gbatta-footer-bottom .wp-block-paragraph {

	color: #fff;

	opacity: 0.6;

}



}



/* --- Masquer modale signalement sur articles (JS fallback) --- */

body.single-post .modal#lp_report_listing {

	display: none !important;

	visibility: hidden !important;

	opacity: 0 !important;

	pointer-events: none !important;

	z-index: -1 !important;

}
/* Modal signalement : harmoniser la graisse de "fiche ?" avec le label */
.lp-report-title {
	font-weight: inherit !important;
}






/* ==========================================================================

   Footer Gbatta — colonnes Explorer / Gbatta / Rejoindre

   ========================================================================== */

@media (max-width: 768px) {

}



/* --- Ajustements responsive --- */

@media (max-width: 768px) {

	.gbatta-author-signature {

		flex-direction: column;

		text-align: center;

	}

	.gbatta-listing-link-box {

		flex-direction: column;

		text-align: center;

	}

	.gbatta-category-pills {

		justify-content: center;

	}

}



/* ==========================================================================

   Footer Gbatta — colonnes Explorer / Gbatta / Rejoindre

   Injecte via lp_add_at_startof_footer (functions.php)

   ========================================================================== */

.gbatta-footer {

	background: var(--indigo);

	color: var(--papier);

	padding: 60px 0 30px;

	font-family: var(--font-body);

}

.gbatta-footer .gbatta-footer-row {

	display: flex !important;

	flex-wrap: wrap;

	gap: 40px;

	justify-content: space-between;

	width: 100%;

}

.gbatta-footer .gbatta-footer-col {

	flex: 1 1 160px !important;

	min-width: 160px;

	flex-basis: auto !important;

}

.gbatta-footer .gbatta-footer-col h3 {

	font-family: var(--font-display);

	font-size: 1.3em;

	color: var(--papier);

	margin-bottom: 12px;

}

.gbatta-footer .gbatta-footer-col h4 {

	font-family: var(--font-display);

	font-size: 0.95em;

	color: var(--raphia);

	text-transform: uppercase;

	letter-spacing: 0.5px;

	margin-bottom: 12px;

}

.gbatta-footer .gbatta-footer-col p {

	font-size: 0.9em;

	line-height: 1.6;

	opacity: 0.8;

	margin: 0;

	color: var(--papier);

}

.gbatta-footer .gbatta-footer-col ul {

	list-style: none;

	padding: 0;

	margin: 0;

	font-size: 0.9em;

	line-height: 2;

}

.gbatta-footer .gbatta-footer-col ul li {

	margin-bottom: 0.3rem;

}

.gbatta-footer .gbatta-footer-col ul li a {

	color: var(--papier) !important;

	text-decoration: none;

	opacity: 0.75;

	font-size: 0.9em;

	transition: opacity 0.2s, color 0.2s;

}


/* ===========================================
   DESIGN SYSTEM — Correctifs couleurs
   =========================================== */

/* Étoiles vides — raphia-dark */
.br-widget a:not(.br-active):not(.br-selected),
.form-review-stars .br-widget .fa-star-o,
.lp-review-stars .fa-star-o {
  color: var(--raphia-dark) !important;
}

/* Badge note numérique (ex: "5.0") — palmier */
.lp-listing-stars .lp-rating-num {
  background: var(--palmier) !important;
  color: var(--papier) !important;
  border-radius: 4px;
}

/* Boutons Google Map formulaire soumission */
#lp-submit-form .lp-coordinates .btn-link,
.lp-coordinates a {
  background-color: var(--indigo) !important;
  color: var(--papier) !important;
  border: none !important;
  border-radius: 4px;
}

#lp-submit-form .lp-coordinates .btn-link:hover,
#lp-submit-form .lp-coordinates .btn-link.active,
.lp-coordinates a:hover,
.lp-coordinates a.active {
  background-color: var(--indigo-light) !important;
  color: var(--papier) !important;
}

/* Dashboard — boîtes stats (Vues/Clics/Avis) */
/* Dashboard — boîtes stats (Vues/Clics/Avis) */
.panel-dash-views .count-box.blue-box {
  background: var(--indigo-light) !important;
  color: var(--papier) !important;
}

.panel-dash-views .count-box.orange-box {
  background: var(--raphia-dark) !important;
  color: var(--encre) !important;
}

.panel-dash-views .count-box.orange-box p,
.panel-dash-views .count-box.orange-box span,
.panel-dash-views .count-box.orange-box h3,
.panel-dash-views .count-box.orange-box h6,
.panel-dash-views .count-box.orange-box i {
  color: var(--encre) !important;
}

.panel-dash-views .count-box.green-box {
  background: var(--laterite) !important;
  color: var(--papier) !important;
}

.gbatta-footer .gbatta-footer-col ul li a:hover {

	opacity: 1;

	color: var(--raphia) !important;

}

.gbatta-footer .gbatta-footer-copyright {

	text-align: center;

	margin-top: 40px;

	padding-top: 20px;

	border-top: 1px solid rgba(237,232,221,0.15);

	font-size: 0.8125rem;

	opacity: 0.6;

	color: var(--papier);

}

@media (max-width: 768px) {

	.gbatta-footer .gbatta-footer-row {

		flex-direction: column;

		gap: 30px;

		text-align: center;

	}

	.gbatta-footer .gbatta-footer-col {

		min-width: auto;

		flex-basis: auto !important;

		flex: 1 1 auto !important;

	}

}


/* ===========================================
   POPUP CLAIM — Harmonisation panneau gauche
   (formulaire natif ListingPro claim-form.php)
   =========================================== */

.claimform-box .leftside {
  background: #f3ede5 !important;
  padding: 2.5rem 2rem;
}

.claimform-box .claim-details.insidewrp h2 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--indigo);
  margin-bottom: 1.75rem;
  text-transform: none;
}

/* Labels */
.claimform-box .form-group label {
  display: block;
  font-family: var(--font-body);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--indigo);
  margin-bottom: 0.5rem;
}

.claimform-box .form-group label span {
  color: var(--laterite);
}

.claimform-box h6.newuserlabel {
  font-family: var(--font-body);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--laterite);
  margin-bottom: 0.5rem;
}

/* Champs texte */
.claimform-box .form-group input[type="text"],
.claimform-box .form-group input[type="email"],
.claimform-box .form-group input[type="password"],
.claimform-box .form-group textarea.form-control {
  width: 100%;
  font-family: var(--font-body);
  font-size: 0.9375rem;
  color: var(--encre);
  background: #fff;
  border: 2px solid var(--raphia-dark);
  padding: 0.7em 1em;
  border-radius: 0;
  transition: border-color 0.2s;
}

.claimform-box .form-group input[type="text"]:focus,
.claimform-box .form-group input[type="email"]:focus,
.claimform-box .form-group input[type="password"]:focus,
.claimform-box .form-group textarea.form-control:focus {
  outline: none;
  border-color: var(--laterite);
}

.claimform-box .form-group input::placeholder,
.claimform-box .form-group textarea::placeholder {
  color: #999;
  font-weight: 400;
  text-transform: none;
  letter-spacing: normal;
}

.claimform-box .form-group textarea.form-control {
  padding: 0.75em 1.75em 0.9em 1em;
  line-height: 1.5;
  box-sizing: border-box;
  resize: vertical;
}

/* Override height fixe imposée par le parent (main-new.css:13295) */
.claimform-box .form-group textarea.form-control.textarea1 {
  height: 60px !important;
  overflow-y: auto;
}


/* Tooltip aide (icône ?) */
.claimform-box .help-text a.help {
  color: var(--laterite);
}

.claimform-box .help-tooltip {
  font-family: var(--font-body);
  font-size: 0.8125rem;
  background: var(--indigo);
  color: #fff;
}

/* Upload fichier */
.claimform-box .custom-file-upload {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--indigo);
  border: 2px solid var(--indigo);
  padding: 0.5em 1em;
  cursor: pointer;
  margin-bottom: 0.75rem;
  transition: background 0.2s, color 0.2s;
}

.claimform-box .custom-file-upload:hover {
  background: var(--indigo);
  color: #fff;
}

/* Checkbox "déjà un compte" — cibler le pseudo-élément directement */
.claimform-box .lp-new-checkbox-style::before {
  color: #C9C2B3 !important;
}

.claimform-box input#lp-signin-on-claim:checked + .lp-new-checkbox-style::before {
  color: var(--laterite) !important;
}

/* Retire l'ancienne règle color sur le span parent, elle ne suffisait pas */
.claimform-box .lp-new-checkbox-style {
  color: #C9C2B3 !important; /* gardée en fallback, sans effet sur le glyphe */
}

.claimform-box input#lp-signin-on-claim:checked + .lp-new-checkbox-style {
  background: none !important;
  border-color: transparent !important;
}

.claimform-box .lp-new-checkbox-style2 {
  font-family: var(--font-body);
  font-size: 0.875rem;
  color: var(--encre);
}

.claimform-box input#lp-signin-on-claim:checked + .lp-new-checkbox-style {
  background: none !important;
  border-color: transparent !important;
  color: var(--laterite) !important;
}

/* Bouton submit */
.claimform-box input[type="submit"].lp-review-btn {
  display: inline-block;
  width: 100%;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 0.9375rem;
  padding: 0.85em 1.75em;
  background: var(--laterite);
  color: #fff;
  border: 2px solid var(--laterite);
  border-radius: 0;
  text-transform: none;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
}

.claimform-box input[type="submit"].lp-review-btn:hover:not(:disabled) {
  background: var(--laterite-light);
  border-color: var(--laterite-light);
}

.claimform-box input[type="submit"].lp-review-btn:disabled {
  background: var(--raphia-dark);
  border-color: var(--raphia-dark);
  color: #8a8375;
  cursor: not-allowed;
  opacity: 1;
}

/* Note modération */
.claimform-box .claim_shield {
  font-family: var(--font-body);
  font-size: 0.8125rem;
  color: #555;
  margin-top: 1rem;
  text-align: center;
}

.claimform-box .claim_shield .fa-shield {
  color: var(--palmier);
  margin-right: 0.4em;
}


/* Bouton "Retour au tableau de bord" du message succès claim */
.claimform-box .statuss .lp-claim-cuccess-return,
.claimform-box .statuss .lp-claim-cuccess-return span,
.claimform-box .statuss .lp-claim-cuccess-return a {
  color: var(--papier) !important;
  text-shadow: none !important;
  transition: none !important;
}

.claimform-box .statuss .lp-claim-cuccess-return {
  display: inline-block;
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 0.9375rem;
  padding: 12px 24px;
  background: var(--laterite);
  border: none;
  border-radius: 4px;
  text-decoration: none;
}

.claimform-box .statuss .lp-claim-cuccess-return:hover,
.claimform-box .statuss .lp-claim-cuccess-return:hover span {
  background: var(--laterite-light);
  color: var(--papier) !important;
}
/* Image succès claim — affichage 217x303 (fichier 2x Retina 434x606) */
.claimform-box .statuss img {
  width: 100%;
  max-width: 320px;
  height: 180px;
  object-fit: cover;
  object-position: top;
  margin: 0 auto 15px auto;
  display: block;
}


/* Typographie message succès claim */
.claimform-box .text-center.lp-claim-cuccess h3 {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  color: var(--indigo) !important;
  font-size: 1.5rem !important;
}

.claimform-box .text-center.lp-claim-cuccess p {
  font-family: var(--font-body) !important;
  color: var(--encre) !important;
  font-weight: 400 !important;
  font-size: 0.9375rem !important;
  line-height: 1.5 !important;
}

/* Fix tooltip texte illisible */
.claimform-box .help-tooltip,
.claimform-box .help-tooltip p {
  color: #fff !important;
}

/* Fix ligne signin (nom d'utilisateur / mot de passe) trop étroite */
.claimform-box .claim_signin .row {
  display: block;
}

.claimform-box .claim_signin .row .col-md-6 {
  width: 100%;
  float: none;
  margin-bottom: 1rem;
}

.claimform-box .claim_signin .row .col-md-6:last-child {
  margin-bottom: 0;
}


/* Avatar par défaut Gbatta — cercle parfait */
img.gbatta-default-avatar,
.avatar-circle img[src*="avatar-default"] {
  border-radius: 50% !important;
  object-fit: cover !important;
}

/* Onglets localisation formulaire soumission — hauteur uniforme */
#lp-submit-form .lp-coordinates .btn-link,
.lp-coordinates a {
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  box-sizing: border-box;
}

/* Onglet actif */
#lp-submit-form .lp-coordinates .btn-link.active,
.lp-coordinates a.active {
  background-color: var(--laterite) !important;
  color: var(--papier) !important;
  opacity: 1;
}

/* Onglets inactifs */
#lp-submit-form .lp-coordinates .btn-link:not(.active),
.lp-coordinates a:not(.active) {
  background-color: var(--indigo-light) !important;
  color: var(--papier) !important;
  opacity: 0.8;
}

/* Survol inactif */
#lp-submit-form .lp-coordinates .btn-link:not(.active):hover,
.lp-coordinates a:not(.active):hover {
  opacity: 1;
  background-color: var(--indigo) !important;
}


/* ===========================================
   LOADER — Éléphant Gbatta avec respiration
   =========================================== */

@keyframes gbattaBreathe {
    0% {
        transform: scale(0.90);
        opacity: 0.6;
    }
    50% {
        transform: scale(1.08);
        opacity: 1;
    }
    100% {
        transform: scale(0.90);
        opacity: 0.6;
    }
}

.lp-theme-loader {
    background-color: var(--papier) !important;
}

.lp-theme-loader img {
    width: 85px !important;
    height: 85px !important;
    object-fit: contain !important;
    animation: gbattaBreathe 1.5s ease-in-out infinite !important;
}


/* Message de succès — soumission de fiche */
.alert.alert-success,
.lp-submit-notice,
.listing-submit-success {
    background: var(--raphia) !important;
    color: var(--encre) !important;
    border: none !important;
    border-left: 4px solid var(--palmier) !important;
    padding: 15px !important;
    font-family: var(--font-body) !important;
    border-radius: 4px !important;
}

/* ===========================================
   RESPONSIVE MOBILE — max-width: 767px
   Ajouts progressifs — ne pas modifier le desktop
   =========================================== */
@media (max-width: 767px) {

    /* Espacement sous les boutons du hero avant l''apatam */
    .gbatta-hero {
        padding-bottom: 3rem !important;
    }

    /* Titre H1 du hero : reduire la taille pour mobile 375px */
    .gbatta-hero h1,
    .gbatta-hero .gbatta-heading {
        font-size: 2.2rem !important;
        line-height: 1.2 !important;
    }

    /* [Escales] Proche de moi : aligne exactement sur la grille 2x2 (335.38px) */
    #lp-find-near-me,
    #lp-find-near-me ul,
    #lp-find-near-me li {
        width: 100% !important;
        max-width: 335.38px !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: block !important;
        clear: both !important;
        box-sizing: border-box !important;
    }
    #lp-find-near-me .near-me-btn {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        text-align: center !important;
        padding: 10px 15px !important;
    }

    /* [Escales] Bloc Pas de resultat : marges de securite */
    .search-filter-response .text-center {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* [Escales] Bouton carte : croix blanche sur fond indigo */
    a.open-img-view,
    .open-img-view {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 36px !important;
        height: 36px !important;
        background-color: #1B2A4A !important;
        border-radius: 4px !important;
        text-decoration: none !important;
    }
    a.open-img-view i,
    .open-img-view i {
        display: none !important;
    }
    a.open-img-view::after,
    .open-img-view::after {
        content: "✕";
        color: #ffffff !important;
        font-size: 20px !important;
        font-weight: bold !important;
        line-height: 1 !important;
    }

    
/* [Escales] Bouton fermeture carte : croix X visible */
    .md-close {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 32px !important;
        height: 32px !important;
        text-decoration: none !important;
    }
    .md-close i,
    .mapbilemap-close i {
        display: none !important;
    }
    .md-close::after,
    .mapbilemap-close::after {
        content: "✕";
        color: #ffffff !important;
        font-size: 22px !important;
        font-weight: bold !important;
        display: block !important;
        text-align: center !important;
        line-height: 32px !important;
    }

    /* [Escales] Masquer le texte anglais No Result Found (ListingPro) */
    .no-result-found,
    .lp-no-result,
    .no-listing-found,
    .listingpro-no-result,
    .lp-not-found {
        display: none !important;
    }



    /* [Blog] Articles similaires : grille 1 colonne sur mobile */
    .gbatta-related-grid {
        grid-template-columns: 1fr !important;
    }
    .gbatta-related-card {
        margin-bottom: 24px !important;
    }


    /* [Fiche] Bouton avis : texte long sur une ou plusieurs lignes en mobile */
    #submit_review,
    input#submit_review,
    input.lp-review-btn,
    .review-form p.form-submit input[type="submit"] {
        white-space: normal !important;
        height: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        font-size: 13px !important;
        line-height: 1.3 !important;
        padding: 10px 12px !important;
    }

    /* [404 + Global] Boutons wp-block-buttons : empilement mobile propre
       Exclut .gbatta-hero-buttons qui a son propre fix mobile (ligne ~1841) */
    .wp-block-buttons:not(.gbatta-hero-buttons) {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        gap: 12px !important;
    }

    .wp-block-buttons:not(.gbatta-hero-buttons) .wp-block-button,
    .wp-block-buttons:not(.gbatta-hero-buttons) .gbatta-btn {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .wp-block-buttons:not(.gbatta-hero-buttons) .wp-block-button__link {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    /* [Submit Form] Tooltips d''aide : empecher le debordement sur mobile */
    .lp-submit-form-container .help-text,
    .form-group .help-text,
    div.help-text.googlefulladdress {
        position: relative !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important;
        box-sizing: border-box !important;
        margin-top: 6px !important;
        margin-left: 0 !important;
    }


}
/* Masquer l'icone ? native dans la zone d'upload jFiler (remplace par texte) */
.file-upload-area .help-text,
.file-upload-area [data-quick-tip] {
    display: none !important;
}

/* Notices de dimensions d'images (formulaire de soumission) */
.gbatta-img-notice {
    display: block !important;
    clear: both !important;
    width: 100% !important;
    text-align: left !important;
    font-size: 12px !important;
    color: #888 !important;
    margin: 2px 0 10px 0 !important;
    font-weight: normal !important;
    font-style: italic !important;
    line-height: 1.2 !important;
}

/* Tooltips tailles d''images sur le formulaire de soumission */
.gbatta-img-tip {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background: var(--indigo);
    color: #fff;
    border-radius: 50%;
    font-size: 11px;
    font-weight: bold;
    cursor: help;
    margin-left: 6px;
    position: relative;
    vertical-align: middle;
}

.gbatta-img-tip-text {
    display: none;
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    background: var(--indigo);
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.4;
    padding: 6px 10px;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 9999;
    pointer-events: none;
}

.gbatta-img-tip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: var(--indigo);
}

.gbatta-img-tip:hover .gbatta-img-tip-text,
.gbatta-img-tip:focus .gbatta-img-tip-text,
.gbatta-img-tip:active .gbatta-img-tip-text {
    display: block;
}

@media (max-width: 767px) {
    .gbatta-img-tip-text {
        white-space: normal;
        width: 220px;
        left: auto;
        right: 0;
        transform: none;
    }
    .gbatta-img-tip-text::after {
        left: auto;
        right: 8px;
    }
}



/* ===========================================
   DESKTOP — Hero : zone de texte elargie
   =========================================== */
@media (min-width: 992px) {
    .gbatta-hero > .wp-block-group__inner-container {
        max-width: 1050px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Loader personnalise Gbatta pour les requetes AJAX / Modal */
.md-overlay.content-loading {
    background-image: url('/wp-content/uploads/2026/08/avatar-default-trans.png') !important;
    background-size: 80px 80px !important;
    background-repeat: no-repeat !important;
}


/* Loader personnalise Gbatta pour les requetes AJAX / Modal */
.md-overlay.content-loading {
    background-image: url('/wp-content/uploads/2026/08/avatar-default-trans.png') !important;
    background-size: 80px 80px !important;
    background-repeat: no-repeat !important;
}


/* ==========================================================================
   Page Profil Auteur (/author/...) — Correctifs Mobile & Reactions
   ========================================================================== */

/* 1. Masquer definitivement la reaction LOL sur tout le site */
.review-lol,
.review-lol.review-reaction {
    display: none !important;
}

/* 2. Reactions Avis — Texte "Ce commentaire est..." sur Ligne 1, Boutons cote a cote sur Ligne 2 */
.lp-review-right-bottom {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
}

.lp-review-right-bottom::before {
    content: "" !important;
    width: 100% !important;
    flex-basis: 100% !important;
    height: 0 !important;
    order: 1 !important;
}

.lp-review-right-bottom .review-reaction {
    order: 2 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

/* 3. Header Auteur & Stats (Mobile <= 767px) */
@media (max-width: 767px) {
    /* "Membre depuis" affiche sous le nom */
    .lp-banner-date {
        position: static !important;
        display: block !important;
        margin-top: 6px !important;
        font-size: 0.85rem !important;
        color: rgba(255, 255, 255, 0.9) !important;
        white-space: nowrap !important;
    }

    .lp-banner-date p {
        margin: 0 !important;
        color: inherit !important;
    }

    /* Empiler les 3 statistiques verticalement (Avis, Photos, Fiches) */
    .lp-banner-bottom-left ul {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
        padding-left: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }

    .lp-banner-bottom-left ul li {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
    }

    /* [Submit Form] Alignement propre label + icone ? sur la meme ligne */
    .lp-submit-form-container .form-group {
        position: relative;
    }
    .lp-submit-form-container .form-group > label,
    .lp-submit-form-container .form-group > h3,
    .lp-submit-form-container .form-group > .help-text {
        display: inline-block !important;
        vertical-align: middle !important;
        margin-bottom: 8px !important;
        width: auto !important;
    }
    .lp-submit-form-container .help-text {
        margin-left: 8px !important;
    }

    /* [Submit Form] Securisation tooltip Bootstrap/Tooltipster mobile */
    .tooltip, .tooltipster-base, .jq-tooltip {
        max-width: 90vw !important;
        white-space: normal !important;
    }
    .tooltip-inner, .tooltipster-content {
        max-width: 200px !important;
        word-wrap: break-word !important;
        text-align: left !important;
    }
}


/* ==========================================================================
   Page Profil Auteur (/author/...) — Finitions Icones & Textes
   ========================================================================== */

/* 1. Visibilite du texte "Membre depuis" dans la banniere sombre */
.lp-banner-date,
.lp-banner-date p {
    color: rgba(255, 255, 255, 0.9) !important;
    display: block !important;
    font-size: 0.85rem !important;
    margin: 4px 0 0 0 !important;
}

/* 2. Retirer le fond vert de l''etoile et uniformiser la largeur des icones */
.lp-banner-bottom-left ul li i,
.lp-banner-bottom-left ul li span.rating-icon,
.banner-ratings i {
    background: none !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    width: 24px !important;
    text-align: center !important;
    display: inline-block !important;
    margin-right: 8px !important;
}

/* Alignement parfait des textes de stats */
.lp-banner-bottom-left ul li {
    align-items: center !important;
}


/* ==========================================================================
   Anti-Scroll Horizontal Mobile & Alignement Stats Auteur
   ========================================================================== */

/* 1. Bloquer le debordement horizontal du badge reCAPTCHA et du viewport */
html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

.grecaptcha-badge {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* 2. Etoile doree pour "Avis donnes" */
.banner-ratings i,
.lp-banner-bottom-left .banner-ratings i {
    color: #F8B84E !important;
    font-size: 16px !important;
    width: 24px !important;
    text-align: center !important;
    display: inline-block !important;
    margin-right: 8px !important;
    background: none !important;
    padding: 0 !important;
}

/* 3. Icones Photos et Fiches */
.banner-photos i,
.banner-list i,
.lp-banner-bottom-left .banner-photos i,
.lp-banner-bottom-left .banner-list i {
    color: #1B2A4A !important;
    font-size: 16px !important;
    width: 24px !important;
    text-align: center !important;
    display: inline-block !important;
    margin-right: 8px !important;
}


/* Alignement strict au pixel des boutons de reaction */
.lp-review-right-bottom .review-reaction {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    height: 32px !important;
    line-height: 1 !important;
    margin: 0 !important;
}


/* ==========================================================================
   Verrouillage Reactions d''Avis — Masquage LOL & Alignement Strict
   ========================================================================== */

/* Masquer definitivement et physiquement le bouton LOL partout */
.review-lol,
.review-lol.review-reaction,
a.review-lol,
.lp-review-right-bottom a.review-lol {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: none !important;
}

/* Alignement au pixel pres des 2 boutons restants (Interessant + J''aime) */
.lp-review-right-bottom .review-interesting,
.lp-review-right-bottom .review-love {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    height: 32px !important;
    line-height: 1 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}


/* Annuler le margin-bottom de 4px sur Interessant en mobile (responsive.css) */
@media (max-width: 480px) {
    .lp-listing-review .lp-review-right-bottom .review-interesting,
    .lp-activity-description .review-interesting {
        margin-bottom: 0 !important;
    }
}
/* ==========================================================================
   Page Profil Auteur — Espacement Stats + Alignement Boutons Avis
   ========================================================================== */

/* Espacement entre le chiffre et le libelle des stats (1 Avis donnes, pas 1Avis donnes) */
.lp-banner-bottom-left ul li strong {
    margin-right: 5px !important;
}

/* Alignement unifie des boutons de reaction et du bouton Signaler sur les avis */
.lp-review-right-bottom {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    float: none !important;
    clear: both !important;
}

.lp-review-right-bottom a,
.lp-review-right-bottom #lp-report-this-review,
.lp-review-right-bottom .review-love {
    float: none !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    order: 2 !important;
}



/* Loader personnalise Gbatta pour les onglets de la page Auteur */
.author-inner-content-wrap.content-loading {
    background-image: url('/wp-content/uploads/2026/08/avatar-default-trans.png') !important;
    background-size: 80px 80px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

/* Tooltips dashboard : repositionnement sur mobile */
@media (max-width: 480px) {
    .lp-user-dashboard .ui-tooltip,
    .lp-user-dashboard [data-toggle="tooltip"] + .tooltip,
    .lp-user-dashboard .simptip-position-top:before,
    .lp-user-dashboard .simptip-position-top:after,
    .lp-user-dashboard .tooltip-inner {
        max-width: 260px !important;
        white-space: normal !important;
        left: auto !important;
        right: 0 !important;
        transform: none !important;
        word-wrap: break-word !important;
    }
}

/* Empilement vertical des boutons du profil sur mobile */
@media (max-width: 480px) {
    .lp-tab-pane #update_profile_form .btn-danger,
    .lp-tab-pane #update_profile_form .btn-success,
    .lp-tab-pane #update_profile_form a.btn,
    a.download-profile-btn,
    a.delete-account-btn {
        display: block !important;
        width: 100% !important;
        float: none !important;
        margin: 8px 0 !important;
        text-align: center !important;
    }
}

/* ==========================================================================
   GBATTA - CORRECTIFS MOBILE & DASHBOARD (AUG 2026)
   ========================================================================== */

/* 1. Alignment des boutons Profil (Telecharger & Supprimer) */
#lp_delete_user_profile .col-sm-6 {
    width: 100% !important;
    float: none !important;
    display: block !important;
    text-align: center !important;
    padding: 5px 0 !important;
}

#lp_delete_user_profile #lp_profile_pdf,
#lp_delete_user_profile #lpwanttodelete {
    width: 100% !important;
    display: block !important;
    margin: 4px 0 !important;
}

/* 2. Repositionnement Tooltips Mobile (Dashboard Stats) */
@media (max-width: 480px) {
    .lp-user-dashboard .ui-tooltip,
    .lp-user-dashboard [data-toggle="tooltip"] + .tooltip,
    .lp-user-dashboard .tooltip-inner {
        max-width: 280px !important;
        width: 85vw !important;
        white-space: normal !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        word-wrap: break-word !important;
        text-align: center !important;
    }
}

/* 3. Homogenisation Majuscules Onglets Dashboard */
.lp-user-dashboard .lp-dashboard-tabs ul li a,
.lp-tab-pane .nav-tabs > li > a {
    text-transform: capitalize !important;
}

/* 4. Correctif Hauteur Avatar Header Mobile */
.lp-user-header {
    overflow: visible !important;
    height: auto !important;
    min-height: 50px !important;
}

.lp-user-header .user-meta-image {
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
}

.lp-user-header .user-meta-image img {
    max-height: 36px !important;
    width: auto !important;
    border-radius: 50% !important;
}

/* 5. Menu Off-Canvas Mobile : Affichage Bouton Tableau de bord */
body.logged-in .mm-navbar #mobile-extra-btn,
body.logged-in .mobile-user-menu-btn {
    display: inline-block !important;
}

/* ==========================================================================
   GBATTA - CORRECTIFS MAJUSCULES MENUS & TOOLTIPS MOBILE
   ========================================================================== */

/* Majuscules automatiques sur tous les menus et onglets */
.mm-listview li a,
.mobile-nav-popup ul li a,
.lp-dashboard-tabs ul li a,
.lp-user-dashboard .lp-dashboard-menu li a,
.lp-tab-pane .nav-tabs > li > a {
    text-transform: capitalize !important;
}

/* Tooltips mobile : securisation sans forcer la position */
@media (max-width: 480px) {
    .tooltipster-base {
        left: 10px !important;
        right: 10px !important;
        max-width: calc(100vw - 20px) !important;
        width: auto !important;
        transform: none !important;
    }
    .tooltip, .jq-tooltip {
        max-width: 90vw !important;
        white-space: normal !important;
    }
    .tooltip-inner, .tooltipster-content {
        word-wrap: break-word !important;
        text-align: left !important;
    }
}

/* ==========================================================================
   [Ajout + Edition Fiche] Forcer la responsivite des formulaires sur mobile
   ========================================================================== */
@media (max-width: 767px) {
    body, html {
        overflow-x: hidden !important;
    }

    #lp-submit-form,
    .submit_new_style,
    .lp-submit-form-wrap,
    .featuresDataContainerOuterSubmit,
    .lp-sub-title,
    .listingpro_edit_form,
    form[name="source"] {
        width: 100% !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: none !important;
    }

    #lp-submit-form input[type="text"],
    #lp-submit-form input[type="email"],
    #lp-submit-form input[type="url"],
    #lp-submit-form select,
    #lp-submit-form textarea,
    .submit_new_style input[type="text"],
    .submit_new_style select,
    .submit_new_style textarea,
    .select2-container {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* ==========================================================================
   GBATTA - CORRECTIF TOOLTIP (.help-text) & NAVIGATION LATERALE
   ========================================================================== */

/* 1. Dashboard Stats — Tooltip ? en haut a droite, sans fond indigo (global) */
.panel-dash-views .count-box,
.lp-user-dashboard-stat .count-box,
.count-box {
    position: relative !important;
}

.panel-dash-views .count-box .help-text,
.lp-user-dashboard-stat .count-box .help-text,
.count-box .help-text {
    position: absolute !important;
    top: 10px !important;
    left: 15px !important;
    right: auto !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    box-shadow: none !important;
    display: inline-block !important;
    z-index: 10 !important;
    border-radius: 0 !important;
}

.panel-dash-views .count-box .help-text i,
.lp-user-dashboard-stat .count-box .help-text i,
.count-box .help-text i {
    color: #ffffff !important;
    font-size: 14px !important;
    opacity: 0.7 !important;
}

.panel-dash-views .count-box .help-text:hover i,
.lp-user-dashboard-stat .count-box .help-text:hover i,
.count-box .help-text:hover i {
    opacity: 1 !important;
}

/* 2. Homogeneisation casse (Majuscules) sur la sidebar et menus */
.lp-user-dashboard .lp-dashboard-menu li a,
.lp-user-dashboard-tabs li a,
.mm-menu .mm-listview li a,
.mobile-nav-popup ul li a {
    text-transform: capitalize !important;
}

/* ==========================================================================
   GBATTA - HARMONISATION MENU MOBILE & DASHBOARD TOOLTIPS
   ========================================================================== */

/* 1. Icones tooltip stats : regroupes dans le bloc precedent */

/* 2. Majuscule sur les pastilles/tooltips de la sidebar gauche du Dashboard */
.lp-left-panel-height ul li a,
.lp-left-panel-height ul li,
.lp-user-dashboard .lp-dashboard-menu li,
.lp-user-dashboard .lp-dashboard-menu li a,
.lp-user-dashboard .lp-left-panel-height {
    text-transform: capitalize !important;
}

/* ==========================================================================
   GBATTA - HARMONISATION TYPOGRAPHIQUE MENU MOBILE (MON TABLEAU DE BORD)
   ========================================================================== */

/* Forcer la graisse typographique (Gras 600) identique aux liens natifs mmenu */
.mm-listview li.gbatta-dash-item a,
.gbatta-dash-item a.mm-listitem__text,
.gbatta-dash-item a {
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #1B2A4A !important;
}