/* ============================================
   FIXES.CSS - Corrections spécifiques
   ============================================ */

/* FORCER L'AFFICHAGE DES IMAGES PARTOUT */
img {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: 100%;
    height: auto;
}

/* Logo principal - visible partout */
.logo img,
img[src*="Logo2.png"],
header img[alt*="Artisans"],
header img[alt*="Logo"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto;
    max-height: 60px;
    width: auto;
}

/* Images PNG (logos partenaires, marques, etc.) */
img[src$=".png"],
img[src$=".PNG"],
img[src*="logo-"],
img[src*="daikin"],
img[src*="mitsubishi"] {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ============================================
   MOBILE UNIQUEMENT - NE PAS TOUCHER DESKTOP
   ============================================ */

@media (max-width: 768px) {
    
    /* Logo mobile - FORCER AFFICHAGE */
    .logo img,
    .md\\:hidden .logo img,
    header.md\\:hidden img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-height: 50px;
        width: auto;
    }
    
    /* TOUS LES BOUTONS CTA MOBILE (hors header et menu) */
    /* Fond crème, texte bordeaux, bordure rouge vif épaisse */
    main .btn-primary,
    main .btn-outline,
    section .btn-primary,
    section .btn-outline,
    main a.btn-primary,
    main a.btn-outline,
    section a.btn-primary,
    section a.btn-outline,
    .cta-mobile-btn,
    main button[type="submit"],
    section button[type="submit"] {
        background-color: #FFF8DC !important; /* Crème */
        border: 5px solid #FF0000 !important; /* Rouge vif épais */
        color: #800020 !important; /* Bordeaux */
        font-weight: 700 !important;
        border-radius: 9999px !important;
        padding: 14px 28px !important;
        text-decoration: none !important;
        display: inline-block !important;
        text-align: center;
        line-height: 1.3;
        transition: all 0.2s ease;
    }
    
    /* Hover des CTA mobile */
    main .btn-primary:hover,
    main .btn-outline:hover,
    section .btn-primary:hover,
    section .btn-outline:hover,
    .cta-mobile-btn:hover {
        background-color: #FAEBD7 !important; /* Crème antique légèrement plus foncé */
        border-color: #CC0000 !important;
        transform: scale(1.03);
    }
    
    /* Active/Focus des CTA mobile */
    main .btn-primary:active,
    main .btn-outline:active,
    section .btn-primary:active,
    section .btn-outline:active,
    .cta-mobile-btn:active {
        transform: scale(0.98);
    }
    
    /* NE PAS APPLIQUER CES STYLES AUX BOUTONS DU HEADER ET DU MENU MOBILE */
    .site-header .btn-primary,
    .site-header .btn-outline,
    #mobile-menu .btn-primary,
    #mobile-menu .btn-outline,
    footer .btn-primary,
    footer .btn-outline {
        background-color: initial !important;
        border: initial !important;
        color: initial !important;
        padding: initial !important;
    }
}

/* ============================================
   DESKTOP - Garder les styles originaux
   ============================================ */

@media (min-width: 769px) {
    /* Sur desktop, les boutons gardent leur style original */
    /* Ne rien changer */
}