/*
Theme Name: RDB Sécurité Incendie
Theme URI: https://rdb-securite-incendie.net/
Author: RDB
Description: Thème WordPress complet sombre rouge avec pages Accueil, Plans, À propos, Services et Contact.
Version: 3.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: rdb-theme
*/

:root{
--bg:#0d0d0f;
--card:#18181c;
--card2:#202025;
--text:#f4f4f4;
--muted:#9d9da7;
--primary:#c9252f;
--primary-light:#ff4b55;
--border:rgba(255,255,255,.08);
--shadow:0 10px 30px rgba(0,0,0,.4);
--radius:18px;
--transition:.35s;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
font-family:Inter,Arial,sans-serif;
background:linear-gradient(to bottom,var(--bg),#111);
color:var(--text);
line-height:1.6;
min-height:100vh;
}
a{text-decoration:none;color:inherit}
p{color:var(--muted)}
.container{width:min(92%,1200px);margin:auto}

.site-header{
position:sticky;
top:0;
z-index:1000;
background:rgba(10,10,10,.88);
backdrop-filter:blur(15px);
border-bottom:1px solid var(--border);
}
.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0;gap:25px}
.logo{font-weight:800;font-size:1.2rem;display:flex;gap:12px;align-items:center}
.logo span{color:var(--primary-light)}
.menu{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.menu a{color:#ccc;font-size:.95rem}
.menu a:hover{color:white}

.hero{padding:115px 0 70px;text-align:center}
.hero h1{font-size:clamp(2.7rem,6vw,5.8rem);line-height:1.05;margin-bottom:22px}
.hero p{font-size:1.12rem;max-width:780px;margin:auto}
.hero-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:32px}

.btn{
display:inline-block;
border:none;
border-radius:999px;
padding:14px 24px;
background:var(--primary);
color:white;
font-weight:800;
transition:var(--transition);
cursor:pointer;
font-family:Inter,Arial,sans-serif;
}
.btn:hover{background:var(--primary-light);transform:translateY(-2px)}
.btn-outline{background:transparent;border:1px solid var(--border)}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:20px 0 90px}
.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:30px;padding:20px 0 90px}
.card,.panel,.info-card,.form-card{
background:linear-gradient(145deg,var(--card),var(--card2));
border:1px solid var(--border);
border-radius:var(--radius);
box-shadow:var(--shadow);
padding:30px;
transition:var(--transition);
}
.card:hover{transform:translateY(-6px);border-color:rgba(201,37,47,.4)}
.card h2,.card h3,.panel h2,.panel h3{margin-bottom:14px}
.icon{
width:48px;height:48px;display:flex;align-items:center;justify-content:center;
border-radius:14px;background:rgba(201,37,47,.15);color:var(--primary-light);
font-size:1.4rem;margin-bottom:18px;
}
.page-content{padding:70px 0}
.site-footer{padding:40px;text-align:center;border-top:1px solid var(--border);color:var(--muted)}

.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-bottom:90px}
.level-card{
background:linear-gradient(145deg,var(--card),var(--card2));
border:1px solid var(--border);
border-radius:var(--radius);
box-shadow:var(--shadow);
overflow:hidden;
transition:var(--transition);
}
.level-card:hover{border-color:rgba(201,37,47,.35);transform:translateY(-3px)}
.level-button{
width:100%;border:none;background:transparent;color:white;padding:24px;
display:flex;align-items:center;justify-content:space-between;cursor:pointer;
font-size:1.1rem;font-weight:800;text-align:left;font-family:Inter,Arial,sans-serif;
}
.level-name{display:flex;align-items:center;gap:12px}
.level-icon{
width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;
background:rgba(201,37,47,.15);color:var(--primary-light);
}
.arrow{color:var(--primary-light);transition:var(--transition)}
.level-card.open .arrow{transform:rotate(90deg)}
.subcategories{display:none;padding:0 24px 24px;gap:12px}
.level-card.open .subcategories{display:grid;animation:openMenu .25s ease}
@keyframes openMenu{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.sub-link{
display:flex;align-items:center;justify-content:space-between;background:#101014;
border:1px solid var(--border);border-radius:14px;padding:15px 16px;color:#ddd;font-weight:700;transition:var(--transition);
}
.sub-link:hover{border-color:rgba(201,37,47,.55);color:white;background:rgba(201,37,47,.12);transform:translateX(4px)}
.badge{background:rgba(201,37,47,.15);color:var(--primary-light);padding:6px 10px;border-radius:999px;font-size:.75rem;font-weight:800;white-space:nowrap}

.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;padding:20px 0 90px}
.info-list{display:grid;gap:18px;margin-top:28px}
.info-item{background:#101014;border:1px solid var(--border);border-radius:16px;padding:20px}
.info-item strong{display:block;margin-bottom:6px;color:white}
.info-item a{color:var(--primary-light);font-weight:700}
form{display:grid;gap:18px}
.form-row{display:grid;gap:8px}
label{font-weight:700}
input,select,textarea{
width:100%;border:1px solid var(--border);border-radius:14px;background:#101014;color:white;
padding:14px 16px;font-family:Inter,Arial,sans-serif;font-size:1rem;outline:none;
}
textarea{min-height:170px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:rgba(255,75,85,.55);box-shadow:0 0 0 4px rgba(201,37,47,.12)}

.list{list-style:none;display:grid;gap:14px;margin-top:20px}
.list li{background:#101014;border:1px solid var(--border);border-radius:14px;padding:15px 17px;color:var(--muted)}
.list li:before{content:"✓";color:var(--primary-light);font-weight:800;margin-right:10px}

@media(max-width:1000px){.level-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.grid,.grid-2,.contact-layout{grid-template-columns:1fr}}
@media(max-width:768px){
.menu{display:none}
.hero{padding-top:90px}
.level-grid{grid-template-columns:1fr}
.card,.panel,.info-card,.form-card{padding:24px}
}