/* ================================================
   Custom Colors - Agence Expertise Cabinet CEE
   ================================================ */

:root {
	/* Couleur primaire (Rouge - #ff1d25) */
	--agex-primary: #ff1d25;
	--agex-primary-dark: #e01a20;
	--agex-primary-light: #ff4d52;

	/* Couleur secondaire (Noir - #000000) */
	--agex-secondary: #000000;
	--agex-secondary-dark: #1a1a1a;
	--agex-secondary-light: #333333;

	/* Couleurs neutres */
	--agex-text-dark: #000000;
	--agex-text-light: #666666;
	--agex-bg-light: #f5f5f5;
	--agex-bg-white: #ffffff;
	--agex-border-light: #e0e0e0;

	/* Autres couleurs */
	--agex-success: #4caf50;
	--agex-warning: #ff9800;
	--agex-danger: #f44336;
	--agex-info: #2196f3;

	/* Override des variables du template Gudfin original */
	--pbmit-global-color: #ff1d25;                  /* Rouge au lieu de #ecab23 (jaune) */
	--pbmit-global-color-rgb: 255, 29, 37;         /* RGB du rouge */
	--pbmit-blackish-color: #000000;                /* Noir au lieu de #16222d */
	--pbmit-primary-color: #ff1d25;                 /* Couleur primaire */
	--pbmit-secondary-color: #000000;               /* Couleur secondaire - noir */
	--pbmit-secondary-color-rgb: 0, 0, 0;           /* RGB du noir */
	--pbmit-heading-color: #000000;                 /* Titres - noir */
	--pbmit-body-typography-color: #333333;         /* Texte corps - gris foncé */
	--pbmit-link-color-normal: #000000;             /* Liens - noir */
	--pbmit-link-color-hover: #ff1d25;              /* Liens hover - rouge */
	--pbmit-light-color: #f5f5f5;                   /* Couleur légère */
	--pbmit-white-color: #ffffff;                   /* Blanc */
	--pbmit-white-color-rgb: 255, 255, 255;         /* RGB blanc */
	--pbmit-text-dark: #000000;                     /* Texte noir */
	--pbmit-text-light: #666666;                    /* Texte gris */
	--pbmit-bg-light: #f5f5f5;                      /* Background léger */
	--pbmit-bg-white: #ffffff;                      /* Background blanc */
}

/* ================================================
   OVERRIDE DES COULEURS DU TEMPLATE
   ================================================ */

/* Couleur primaire - Texte */
.pbmit-global-color,
.pbmit-element-title,
.pbmit-btn,
.pbmit-slider-title,
a:hover,
.pbmit-fid > span,
h1, h2, h3, h4, h5, h6 {
	color: var(--agex-primary);
}

/* Backgrounds primaires */
.pbmit-bg-color-global,
.pbmit-element-service-box:hover,
.pbmit-btn:hover {
	background-color: var(--agex-primary);
	color: var(--agex-bg-white) !important;
}

.pbmit-btn:hover .pbmit-button-text span{
	color: black !important;
}

/* Backgrounds secondaires */
.pbmit-bg-color-secondary {
	background-color: var(--agex-secondary);
	color: var(--agex-bg-white);
}

/* Boutons */
.pbmit-btn {
	border-color: var(--agex-primary);
	background-color: var(--agex-primary);
	color: var(--agex-bg-white);
	transition: all 0.3s ease;
}

.pbmit-btn:hover {
	background-color: var(--agex-primary-dark);
	border-color: var(--agex-primary-dark);
}

.pbmit-btn.blackish {
	background-color: var(--agex-secondary);
	border-color: var(--agex-secondary);
	color: var(--agex-bg-white);
}

.pbmit-btn.blackish:hover {
	background-color: var(--agex-secondary-dark);
	border-color: var(--agex-secondary-dark);
}

/* SVG colors */
svg path {
	fill: var(--agex-primary);
}

svg circle {
	fill: var(--agex-primary);
}

svg polygon {
	fill: var(--agex-primary);
}

/* Links */
a {
	color: var(--agex-primary);
	text-decoration: none;
}

a:hover {
	color: var(--agex-primary-dark);
}

/* Highlight text */
.pbmit-span-underline {
	text-decoration: underline;
	text-decoration-color: var(--agex-primary);
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

/* Active states */
.pbmit-active,
.pbmit-ihbox-icon-wrapper.pbmit-icon-type-icon {
	color: var(--agex-primary);
}

/* Input focus */
input:focus,
textarea:focus,
select:focus {
	border-color: var(--agex-primary) !important;
	box-shadow: 0 0 0 0.2rem rgba(255, 29, 37, 0.25);
}

/* Icons colors */
.pbmit-ihbox-icon,
.pbmit-service-icon,
.pbmit-ihbox-icon-wrapper {
	color: var(--agex-primary);
}

/* Header colors */
.pbmit-header-style-1 {
	background-color: transparent;
}

.pbmit-header-sticky-yes.pbmit-header-sticky {
	background-color: var(--agex-bg-white);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Navigation colors */
.main-menu a:hover {
	color: var(--agex-primary);
}

.main-menu li.active > a {
	color: var(--agex-primary);
}

.navigation li.dropdown > a::after {
	border-color: var(--agex-primary) transparent transparent;
}

/* Footer colors */
.site-footer {
	background-color: var(--agex-secondary);
	color: var(--agex-bg-white);
}

.site-footer a {
	color: var(--agex-primary);
}

.site-footer a:hover {
	color: var(--agex-primary-light);
}

.widget-title {
	color: var(--agex-bg-white);
	border-bottom-color: var(--agex-primary);
}

/* Section colors */
.pbmit-pattarn-bg {
	background-color: var(--agex-bg-light);
}

/* Box shadow with primary color */
.pbmit-shadow-custom {
	box-shadow: 0 0 20px rgba(255, 29, 37, 0.1);
}

/* Testimonial */
.testimonial-one-left {
	background-color: var(--agex-secondary) !important;
}

.pbmit-testimonial-style-3 {
	border-top-color: var(--agex-primary);
}

/* Star ratings */
.pbmit-base-icon-star.pbmit-active {
	color: #ecab23 !important;
}

/* Backgrounds avec primaire */
.pbmit-bg-color-primary {
	background-color: var(--agex-primary);
	color: var(--agex-bg-white);
}

/* Text avec primaire */
.pbmit-text-primary {
	color: var(--agex-primary);
}

/* Border avec primaire */
.pbmit-border-primary {
	border-color: var(--agex-primary);
}

/* Animation effects */
@keyframes pbmitPulse {
	0%, 100% {
		box-shadow: 0 0 0 0 rgba(255, 29, 37, 0.7);
	}
	50% {
		box-shadow: 0 0 0 10px rgba(255, 29, 37, 0);
	}
}

.pbmit-pulse {
	animation: pbmitPulse 2s infinite;
}

/* Service boxes */
.pbmit-element-service-box {
	border-color: var(--agex-border-light);
	transition: all 0.3s ease;
}

.pbmit-element-service-box:hover {
	background-color: var(--agex-primary);
	border-color: var(--agex-primary);
}

.pbmit-element-service-box:hover h3,
.pbmit-element-service-box:hover p {
	color: var(--agex-bg-white);
}

/* Progress bars */
.progress-bar {
	background-color: var(--agex-primary);
}

/* Dividers */
hr,
.pbmit-separator {
	border-color: var(--agex-primary);
}

/* Responsive adjustments */
@media (max-width: 768px) {
	:root {
		--agex-primary: #ff1d25;
		--agex-secondary: #000000;
	}
}

/* Print styles */
@media print {
	.pbmit-btn,
	.pbmit-global-color,
	a {
		color: var(--agex-primary);
	}
}

.accordion-body {
	color: black;
}