/*
Theme Name:        VendsMonEntreprise Child
Theme URI:         https://vendsmonentreprise.fr
Description:       Thème enfant My Listing pour vendsmonentreprise.fr — marketplace française de cession-reprise de PME. Applique la charte graphique (bleu roi #1F4DBF), les badges « Dirigeant vérifié » et « À la une », ainsi que le bloc de valorisation neutre calculée par la plateforme. Toute personnalisation passe par ce thème enfant : ne jamais modifier le thème parent.
Author:            Charles
Author URI:        https://vendsmonentreprise.fr
Template:          my-listing
Version:           1.0.0
Requires at least: 6.0
Requires PHP:      8.1
License:           GNU General Public License v2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       vendsmonentreprise-child
*/

/* ==========================================================================
   Variables CSS — charte graphique vendsmonentreprise.fr
   Préfixe : --vme-
   ========================================================================== */

:root {
	/* Bleus */
	--vme-bleu:            #1F4DBF; /* Bleu roi principal */
	--vme-bleu-fonce:      #163A8F; /* Hover */
	--vme-bleu-nuit:       #0F2456; /* Footer / très foncé */
	--vme-bleu-clair:      #E8EEFB; /* Fond bleuté clair */

	/* Textes et fonds */
	--vme-texte:           #1B2334;
	--vme-texte-secondaire:#5B6472;
	--vme-fond:            #F6F7F9;
	--vme-blanc:           #FFFFFF;
	--vme-bordure:         #E3E6EB;

	/* Badges */
	--vme-vert:            #1B8A5A; /* « Dirigeant vérifié » */
	--vme-vert-fond:       #E6F4EC;
	--vme-or:              #B97A0F; /* « À la une » */
	--vme-or-fond:         #FDF3E0;

	/* Divers */
	--vme-police:          'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	--vme-rayon-carte:     12px;
	--vme-rayon-bouton:    8px;
	--vme-ombre:           0 1px 3px rgba(15, 36, 86, .08);
}

/* ==========================================================================
   Surcharges de base — remplacement de la couleur primaire My Listing
   ========================================================================== */

/* Typographie et fond de page */
body {
	font-family: var(--vme-police);
	background-color: var(--vme-fond);
	color: var(--vme-texte);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--vme-police);
	color: var(--vme-texte);
}

/* Liens */
a {
	color: var(--vme-bleu);
}

a:hover,
a:focus {
	color: var(--vme-bleu-fonce);
}

/* Boutons My Listing et WooCommerce : bleu roi */
.buttons.button-2,
.buttons.button-5,
.c27-submit-listing-button,
button[type="submit"],
input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.button,
.woocommerce button.button,
.elementor-button {
	background-color: var(--vme-bleu);
	border-color: var(--vme-bleu);
	color: var(--vme-blanc);
	border-radius: var(--vme-rayon-bouton);
	font-family: var(--vme-police);
}

.buttons.button-2:hover,
.buttons.button-5:hover,
.c27-submit-listing-button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.elementor-button:hover {
	background-color: var(--vme-bleu-fonce);
	border-color: var(--vme-bleu-fonce);
	color: var(--vme-blanc);
}

/* En-tête (header My Listing) */
.header-skin-1 .c27-main-header,
.c27-main-header.header-fixed,
.header-skin-2 .c27-main-header {
	background-color: var(--vme-blanc);
	border-bottom: 1px solid var(--vme-bordure);
}

.c27-main-header .header-menu > li > a,
.c27-main-header .i-nav-icon {
	color: var(--vme-texte);
	font-family: var(--vme-police);
}

.c27-main-header .header-menu > li > a:hover {
	color: var(--vme-bleu);
}

/* Éléments actifs / accents divers du thème parent */
.md-checkbox input[type="checkbox"]:checked + label:before,
.finder-tabs .tab-active a,
.c27-search-form-wrapper .form-group .active {
	background-color: var(--vme-bleu);
	border-color: var(--vme-bleu);
}

/* Cartes d'annonces : rayon et ombre de la charte */
.lf-item-container,
.card,
.listing-preview {
	border-radius: var(--vme-rayon-carte);
	box-shadow: var(--vme-ombre);
	background-color: var(--vme-blanc);
	border: 1px solid var(--vme-bordure);
}

/* Pied de page : bleu très foncé */
.footer,
footer.footer,
.c27-footer-widgets {
	background-color: var(--vme-bleu-nuit);
	color: var(--vme-blanc);
}

/* Conteneur centré max 1180px */
.container,
.elementor-container {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}

/* ==========================================================================
   Responsive — breakpoint 768px
   ========================================================================== */

@media (max-width: 768px) {
	.container,
	.elementor-container {
		padding-left: 15px;
		padding-right: 15px;
	}
}