/*
Theme Name: Leedo Child - Epitaphe
Theme URI: https://epitaphe.ma/
Description: Thème enfant de Leedo personnalisé pour reproduire le design d'Epitaphe (agence de communication 360).
Author: Epitaphe Studio
Author URI: https://epitaphe.ma/
Template: leedo
Version: 1.0.0
Text Domain: leedo-child
*/

/* ===========================================
   EPITAPHE BRANDING — surcharges visuelles
   =========================================== */

:root {
    --epitaphe-red: #e63946;
    --epitaphe-dark: #1a1a1a;
    --epitaphe-light: #f8f8f8;
    --epitaphe-gold: #c9a961;
}

/* Couleur d'accent principale */
.vlt-btn-primary,
.btn-primary,
a.button,
.elementor-button-link {
    background-color: var(--epitaphe-red) !important;
    border-color: var(--epitaphe-red) !important;
}

.vlt-btn-primary:hover,
.btn-primary:hover {
    background-color: #c92e3b !important;
    border-color: #c92e3b !important;
}

a {
    color: var(--epitaphe-red);
}

a:hover {
    color: #c92e3b;
}

/* Logo et header */
.site-logo img,
.custom-logo {
    max-height: 60px;
    width: auto;
}

/* Typographie globale */
body {
    font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.vlt-heading {
    font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 700;
}

/* Titres de sections style Epitaphe */
.section-title {
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}

.section-title::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: var(--epitaphe-red);
    margin-top: 0.5rem;
}

/* Cards et boxes */
.vlt-info-box,
.vc_general.vc_btn3 {
    border-radius: 4px;
    transition: all 0.3s ease;
}

.vlt-info-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* Footer Epitaphe */
.site-footer {
    background-color: var(--epitaphe-dark);
    color: #ccc;
}

.site-footer a {
    color: #fff;
}

.site-footer a:hover {
    color: var(--epitaphe-red);
}

/* Responsive */
@media (max-width: 768px) {
    .site-logo img,
    .custom-logo {
        max-height: 40px;
    }
}