/*
Theme Name: SosBatterie Pro - Thème Enfant
Description: Thème enfant pour SosBatterie.pro avec design moderne et optimisations SEO
Template: twentytwentyfive
Version: 1.0.0
Author: SosBatterie Team
Text Domain: sosbatterie-pro
*/

/* Import du thème parent */
@import url("../twentytwentyfive/style.css");

/* Variables CSS pour SosBatterie Pro */
:root {
    --orange: #ff9500;
    --orange-light: #ffb84d;
    --orange-dark: #e6850e;
    --blue: #2563eb;
    --blue-light: #3b82f6;
    --blue-dark: #1d4ed8;
    --gray-50: #f9fafb;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-400: #9ca3af;
    --gray-500: #6b7280;
    --gray-600: #4b5563;
    --gray-700: #374151;
    --gray-800: #1f2937;
    --gray-900: #111827;
    --white: #ffffff;
    --black: #000000;
    --success: #10b981;
    --warning: #f59e0b;
    --error: #ef4444;
}

/* Reset et base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.6;
    color: var(--gray-800);
    background-color: var(--white);
}

/* Masquer les éléments WordPress par défaut */
#wpadminbar,
.site-header,
.site-footer,
.wp-site-blocks > header,
.wp-site-blocks > footer,
.wp-block-template-part {
    display: none !important;
}

/* Container principal */
.sosbatterie-pro-page {
    width: 100%;
    min-height: 100vh;
    position: relative;
    z-index: 1;
}

/* Styles pour les logos des marques */
.brand-logo {
    max-width: 120px;
    max-height: 60px;
    object-fit: contain;
    filter: grayscale(100%);
    transition: all 0.3s ease;
}

.brand-logo:hover {
    filter: grayscale(0%);
    transform: scale(1.05);
}

/* Responsive design */
@media (max-width: 768px) {
    .brand-logo {
        max-width: 100px;
        max-height: 50px;
    }
}

@media (max-width: 480px) {
    .brand-logo {
        max-width: 80px;
        max-height: 40px;
    }
}

/* Optimisations pour la performance */
img {
    max-width: 100%;
    height: auto;
    loading: lazy;
}

/* Préchargement des polices */
@font-face {
    font-family: 'Inter';
    font-display: swap;
    src: url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
}