/* ============================================ LOGO FORCE - STYLE AGRESSIF POUR FORCER LA TAILLE À inclure EN DERNIER dans le de chaque page ============================================ */ /* FORCER LE LOGO À ÊTRE TRÈS GRAND - PRIORITÉ MAXIMALE */ * img[src*="amz"], * img[alt="Amazon"], * img[alt*="Amazon"], header img, header .left img, header .logo img, .site-logo, .logo-img, .logo, .logo-wrapper img, .logo-container img, .logo-link img { height: 162px !important; /* MODIFICATION: Agrandi de 35% (était 120px) */ width: auto !important; min-height: 162px !important; /* MODIFICATION: Agrandi de 35% (était 120px) */ max-width: 405px !important; /* MODIFICATION: Agrandi proportionnellement (était 300px) */ display: block !important; object-fit: contain !important; } /* FORCER L'ESPACEMENT DU HEADER - Utilise la variable CSS centralisée */ /* RESET COMPLET pour éliminer les espacements excessifs */ header, .site-header { padding: 20px 0 0 !important; /* Padding top seulement, pas de padding bottom */ } .logo-container { /* L'espacement est géré par amazon_style.css avec --logo-to-header-spacing */ /* Ne pas définir padding/margin ici pour éviter les conflits */ padding-top: 10px !important; /* Padding top minimal */ padding-bottom: 0 !important; /* Pas de padding bottom */ } /* ============================================ RESPONSIVE - TABLETTE ============================================ */ @media screen and (max-width: 1024px) { * img[src*="amz"], * img[alt="Amazon"], header img, .site-logo, .logo-img { height: 135px !important; /* MODIFICATION: Agrandi de 35% (était 100px) */ min-height: 135px !important; /* MODIFICATION: Agrandi de 35% (était 100px) */ max-width: 378px !important; /* MODIFICATION: Agrandi proportionnellement (était 280px) */ } header, .site-header { padding: 25px 0 !important; } } /* ============================================ RESPONSIVE - MOBILE ============================================ */ @media screen and (max-width: 768px) { * img[src*="amz"], * img[alt="Amazon"], header img, .site-logo, .logo-img { height: 108px !important; /* MODIFICATION: Agrandi de 35% (était 80px) */ min-height: 108px !important; /* MODIFICATION: Agrandi de 35% (était 80px) */ max-width: 338px !important; /* MODIFICATION: Agrandi proportionnellement (était 250px) */ } header, .site-header { padding: 20px 0 !important; } } /* ============================================ RESPONSIVE - PETIT MOBILE ============================================ */ @media screen and (max-width: 480px) { * img[src*="amz"], * img[alt="Amazon"], header img, .site-logo, .logo-img { height: 95px !important; /* MODIFICATION: Agrandi de 35% (était 70px) */ min-height: 95px !important; /* MODIFICATION: Agrandi de 35% (était 70px) */ max-width: 297px !important; /* MODIFICATION: Agrandi proportionnellement (était 220px) */ } header, .site-header { padding: 18px 0 !important; } }