/** * base.css — Styles partagés du local-seo-engine. * Copié automatiquement dans dist/assets/base.css à chaque build. * Inclus automatiquement dans le via html.php. * * Contient les composants générés par l'engine : * - Cards pros (.archi-card, .other-archis-grid) * - Carte Google Maps (.map-embed) * - Widget Vite Un Devis minimal (.form-card-widget) */ /* ================================================ Pros Cards (entreprises locales) ================================================ */ .other-archis-grid { display: grid; grid-template-columns: 1fr; gap: var(--space-lg, 24px); } @media (min-width: 640px) { .other-archis-grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { .other-archis-grid { grid-template-columns: repeat(3, 1fr); } } .archi-card { display: block; padding: var(--space-lg, 24px); background: var(--white, #fff); border: 1px solid var(--gray-200, #e5e7eb); border-radius: var(--radius-lg, 12px); transition: var(--transition-base, all 0.2s ease); text-decoration: none; } .archi-card:hover { border-color: var(--primary-400, #4ade80); box-shadow: var(--shadow-md, 0 4px 16px rgba(0,0,0,0.1)); transform: translateY(-2px); } .archi-card-header { display: flex; align-items: center; gap: var(--space-md, 16px); } .archi-card-avatar { width: 48px; height: 48px; background: linear-gradient(135deg, var(--primary-400, #4ade80), var(--primary-600, #16a34a)); border-radius: var(--radius-lg, 12px); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; font-weight: 700; flex-shrink: 0; } .archi-card-name { font-weight: 600; color: var(--gray-900, #111827); margin-bottom: 2px; } .archi-card-location { font-size: var(--font-size-sm, 14px); color: var(--gray-500, #6b7280); } /* ================================================ Carte Google Maps embed ================================================ */ .map-embed { border-radius: 12px; overflow: hidden; box-shadow: var(--shadow-md, 0 4px 16px rgba(0,0,0,0.1)); } .map-embed iframe { display: block; width: 100%; height: 420px; border: 0; } @media (max-width: 640px) { .map-embed iframe { height: 280px; } } /* ================================================ Widget Vite Un Devis — conteneur minimal ================================================ */ .form-card-widget { padding: 8px !important; } /* ================================================ Hero trust badges — texte blanc sur fond image ================================================ */ .hero-dept-content .trust-item, .hero-ville-content .trust-item, .hero-service-content .trust-item, .hero-region-content .trust-item { color: white; }