/*
Theme Name: Sorelec Theme
Author: SORELEC-CI
Description: Thème personnalisé SORELEC-CI – Solutions Techniques du Bâtiment
Version: 3.0
*/

/* ============================================
   COULEURS MARQUE
   Rouge    : #ee4821
   Bleu     : #15446c
   Fond     : #f7f7f7
   Texte    : #1a1a1a
============================================ */

* { box-sizing: border-box; }
body { font-family: Arial, sans-serif; background-color: #f7f7f7; margin: 0; padding: 0; color: #1a1a1a; }

/* ── NAVBAR ── */
nav.sorelec-navbar { background-color: #15446c !important; padding: 12px 0 !important; z-index: 9999; box-shadow: 0 2px 12px rgba(21,68,108,0.25); }
nav.sorelec-navbar .navbar-brand img { height: 42px; width: auto; }
nav.sorelec-navbar .nav-link { color: #fff !important; font-weight: 500 !important; transition: color 0.2s; }
nav.sorelec-navbar .nav-link:hover { color: #ee4821 !important; }
nav.sorelec-navbar .navbar-toggler { border-color: rgba(255,255,255,0.4) !important; }
nav.sorelec-navbar .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; }

/* ── BOUTONS ── */
.btn-devis { background: #ee4821 !important; color: #fff !important; border-radius: 30px !important; font-weight: 700 !important; border: none !important; padding: 9px 22px !important; text-decoration: none; display: inline-block; }
.btn-devis:hover { background: #d63d18 !important; color: #fff !important; }
.btn-main { background: linear-gradient(135deg,#ee4821,#d63d18) !important; color: #fff !important; border-radius: 30px !important; border: none !important; padding: 10px 24px !important; font-weight: 700 !important; text-decoration: none; }
.btn-main:hover { background: linear-gradient(135deg,#d63d18,#bf3614) !important; color: #fff !important; }
.btn-cta-white { background: #fff; color: #ee4821; font-weight: 700; border-radius: 30px; padding: 13px 32px; text-decoration: none; display: inline-block; }
.btn-cta-white:hover { background: #fff5f3; color: #d63d18; }
.btn-cta-outline { background: transparent; color: #fff; font-weight: 600; border-radius: 30px; padding: 13px 32px; border: 2px solid rgba(255,255,255,0.6); text-decoration: none; display: inline-block; }

/* ── CATALOGUE ── */
.catalogue { background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 12px rgba(21,68,108,0.1); }
.catalogue h5 { background: #15446c; color: #fff; padding: 14px 16px; margin: 0; font-size: 0.97rem; }
.catalogue a { display: block; padding: 10px 16px; color: #15446c !important; text-decoration: none; border-bottom: 1px solid #f0f0f0; font-size: 0.88rem; transition: all 0.2s; }
.catalogue a:hover { background: #fff5f3; color: #ee4821 !important; padding-left: 22px; }

/* ── FOOTER ── */
footer { background: #15446c !important; color: #fff; padding: 50px 0 0; }

/* ── WHATSAPP ── */
.whatsapp-float { position: fixed; bottom: 20px; right: 20px; border-radius: 50px; padding: 12px 18px; font-weight: 700; background: #25d366; color: #fff !important; border: none; box-shadow: 0 4px 16px rgba(37,211,102,0.4); z-index: 9998; text-decoration: none; }

/* ── TAGS ── */
.tag { background: #fff5f3; color: #ee4821; border-radius: 20px; padding: 4px 12px; font-size: 0.78rem; font-weight: 600; margin: 3px; display: inline-block; }
.hero-badge { display: inline-block; background: rgba(238,72,33,0.15); border: 1px solid #ee4821; color: #ee4821; border-radius: 30px; padding: 4px 16px; font-size: 0.85rem; margin-bottom: 16px; letter-spacing: 1px; }