/* ces-elec.fr - Custom additions on top of Tailwind */
body { font-family: 'Open Sans', -apple-system, sans-serif; color: #1f2937; background: #fff; }
h1, h2, h3, h4 { font-family: 'Montserrat', sans-serif; font-weight: 700; color: #0a2540; }
.font-mono-nums { font-variant-numeric: tabular-nums; }
.ces-primary { background-color: #0052cc; }
.ces-primary-text { color: #0052cc; }
.ces-yellow { background-color: #ffc21b; }
.ces-yellow-text { color: #ffc21b; }
.ces-dark { background-color: #0a2540; }
.ces-gradient { background: linear-gradient(135deg, #0a2540 0%, #0052cc 100%); }
.ces-hero-bg { background: linear-gradient(135deg, rgba(10, 37, 64, 0.92), rgba(0, 82, 204, 0.75)), url('../images/hero-electricien.jpg') center/cover; }
.ces-btn { display: inline-block; padding: 14px 32px; background: #ffc21b; color: #0a2540; font-weight: 700; font-family: 'Montserrat', sans-serif; text-transform: uppercase; letter-spacing: 0.05em; transition: 0.2s; border: 2px solid #ffc21b; }
.ces-btn:hover { background: transparent; color: #fff; }
.ces-btn-outline { border: 2px solid #fff; background: transparent; color: #fff; }
.ces-btn-outline:hover { background: #fff; color: #0a2540; }
.ces-btn-primary { background: #0052cc; color: #fff; }
.ces-btn-primary:hover { background: #003d99; color: #fff; }
a { color: #0052cc; text-decoration: none; }
a:hover { color: #0a2540; }
.ces-card { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 16px rgba(0,0,0,0.06); transition: 0.3s; border: 1px solid #e5e7eb; }
.ces-card:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
.ces-eye { display: inline-block; color: #ffc21b; text-transform: uppercase; letter-spacing: 0.2em; font-weight: 700; font-size: 0.75rem; }
.ces-shadow-y { border-left: 4px solid #ffc21b; }
.article img.lead { width: 100%; max-height: 420px; object-fit: cover; border-radius: 8px; margin-bottom: 30px; }
.article h1 { margin-top: 10px; }
.article h2 { margin-top: 36px; }
.article h3 { color: #0052cc; margin-top: 22px; }
.article blockquote { border-left: 4px solid #ffc21b; padding: 6px 20px; margin: 24px 0; font-style: italic; color: #4b5563; }
.ces-cta-box { background: #fff; border-left: 4px solid #ffc21b; padding: 36px; box-shadow: 0 4px 20px rgba(0,0,0,0.05); margin: 24px 0; }