/*
Theme Name:   Résilience Opérationnelle
Theme URI:    https://resilience-operationnelle.ca
Description:  Thème enfant Kadence — Blog résilience opérationnelle v3
Author:       Mathieu Da Silva
Template:     kadence
Version:      3.0.0
Text Domain:  resilience-operationnelle
*/

/* === GOOGLE FONTS === */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Inter:wght@400;500&display=swap');

/* === RESET KADENCE DEFAULTS === */
body { font-family:'Inter',sans-serif !important; color:#1a1a1a; }
.site, #page { background:#fff; }
.entry-content, .entry-summary { max-width:none; }

/* === NAVIGATION === */
.site-header, #masthead {
  background:#fff !important;
  border-bottom:0.5px solid #e2e8f0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
.ro-nav {
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 32px;
  background:#fff;
  border-bottom:0.5px solid #e2e8f0;
  position:sticky; top:0; z-index:100;
}
.ro-logo {
  font-family:'Manrope',sans-serif; font-weight:700;
  font-size:17px; color:#0E2A4A; letter-spacing:-0.3px;
  text-decoration:none;
}
.ro-logo span { color:#1D9E75; }
.ro-nav-links { display:flex; gap:28px; list-style:none; margin:0; padding:0; }
.ro-nav-links a { font-size:13px; color:#64748b; text-decoration:none; transition:color .15s; }
.ro-nav-links a:hover { color:#0E2A4A; }
.ro-nav-right { display:flex; align-items:center; gap:16px; }
.ro-rss {
  font-size:12px; color:#1D9E75;
  display:flex; align-items:center; gap:5px;
  text-decoration:none; transition:opacity .15s;
}
.ro-rss:hover { opacity:.8; color:#1D9E75; }

/* === HERO === */
.ro-hero { background:#0B1F38; padding:64px 32px 56px; }
.ro-hero-inner { max-width:640px; }
.ro-hero-badge {
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(29,158,117,0.18); color:#5DCAA5;
  font-size:11px; font-weight:500;
  padding:4px 12px; border-radius:20px; margin-bottom:20px;
}
.ro-hero h1 {
  font-family:'Manrope',sans-serif !important;
  font-size:34px !important; font-weight:700 !important;
  color:#fff !important; line-height:1.25; margin:0 0 16px;
}
.ro-hero h1 span { color:#5DCAA5; }
.ro-hero p { font-size:15px; color:rgba(255,255,255,0.6); line-height:1.7; margin:0 0 28px; max-width:500px; }
.ro-hero-meta { display:flex; gap:24px; flex-wrap:wrap; }
.ro-hero-meta-item {
  display:flex; align-items:center; gap:7px;
  font-size:12px; color:rgba(255,255,255,0.45);
}
.ro-hero-meta-item i { color:#1D9E75; font-size:15px; }

/* === SILOS BAR === */
.ro-silos {
  background:#F0F4F8;
  padding:16px 32px;
  display:flex; gap:8px; flex-wrap:wrap; align-items:center;
  border-bottom:0.5px solid #e2e8f0;
}
.ro-silo-label { font-size:11px; color:#94a3b8; margin-right:4px; }
.ro-silo {
  font-size:12px; color:#0E2A4A;
  background:#fff; border:0.5px solid #e2e8f0;
  border-radius:20px; padding:4px 12px;
  text-decoration:none; cursor:pointer; transition:all .15s;
}
.ro-silo:hover { background:#f8fafc; color:#0E2A4A; }
.ro-silo.active, a.ro-silo.active { background:#0E2A4A !important; color:#fff !important; border-color:#0E2A4A !important; }

/* === MAIN LAYOUT === */
.ro-main {
  display:grid;
  grid-template-columns:1fr 280px;
  gap:0;
  background:#fff;
  max-width:1200px;
  margin:0 auto;
}

/* === ARTICLES COLUMN === */
.ro-articles { padding:32px; border-right:0.5px solid #e2e8f0; }
.ro-articles-header {
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:24px;
}
.ro-articles-header h2 {
  font-family:'Manrope',sans-serif !important;
  font-size:15px !important; font-weight:600 !important;
  color:#0E2A4A; margin:0;
}
.ro-articles-header span { font-size:12px; color:#94a3b8; }

/* === FEATURED ARTICLE === */
.ro-article-featured {
  background:#fff; border:0.5px solid #e2e8f0;
  border-radius:10px; overflow:hidden;
  margin-bottom:20px; border-top:3px solid #1D9E75;
}
.ro-article-img {
  background:linear-gradient(135deg,#0B1F38 0%,#185FA5 100%);
  height:140px; display:flex; align-items:center; justify-content:center;
}
.ro-article-img i { font-size:40px; color:rgba(255,255,255,0.2); }
.ro-article-featured-body { padding:20px; }
.ro-featured-badge {
  font-size:10px; font-weight:600;
  background:#E1F5EE; color:#0F6E56;
  padding:3px 8px; border-radius:4px;
  display:inline-block; margin-bottom:10px; letter-spacing:0.3px;
}
.ro-article-tag {
  font-size:10px; background:#EEF2FF; color:#3730a3;
  padding:3px 8px; border-radius:4px;
  display:inline-block; margin-bottom:10px; margin-left:4px;
}
.ro-article-featured h3 {
  font-family:'Manrope',sans-serif !important;
  font-size:17px !important; font-weight:700 !important;
  color:#0E2A4A; margin:0 0 8px; line-height:1.35;
}
.ro-article-featured h3 a { color:#0E2A4A; text-decoration:none; }
.ro-article-featured h3 a:hover { color:#1D9E75; }
.ro-article-featured p { font-size:13px; color:#64748b; line-height:1.6; margin:0 0 14px; }
.ro-article-footer { display:flex; align-items:center; justify-content:space-between; }
.ro-article-meta { font-size:11px; color:#94a3b8; }
.ro-read-more {
  font-size:12px; color:#1D9E75; font-weight:500;
  display:flex; align-items:center; gap:4px; text-decoration:none;
}
.ro-read-more:hover { color:#0F6E56; }

/* === ARTICLE LIST === */
.ro-article-list { display:flex; flex-direction:column; gap:16px; }
.ro-article-card {
  background:#fff; border:0.5px solid #e2e8f0;
  border-radius:8px; padding:16px;
  display:grid; grid-template-columns:auto 1fr;
  gap:16px; align-items:start;
  text-decoration:none;
}
.ro-article-num {
  font-family:'Manrope',sans-serif; font-size:22px;
  font-weight:700; color:#e2e8f0;
  line-height:1; padding-top:2px; min-width:28px;
}
.ro-article-card-tag {
  font-size:10px; background:#F0F4F8; color:#475569;
  padding:2px 7px; border-radius:4px;
  display:inline-block; margin-bottom:6px;
}
.ro-article-card h3 {
  font-family:'Manrope',sans-serif !important;
  font-size:14px !important; font-weight:600 !important;
  color:#0E2A4A; margin:0 0 5px; line-height:1.4;
}
.ro-article-card h3 a { color:#0E2A4A; text-decoration:none; }
.ro-article-card h3 a:hover { color:#1D9E75; }
.ro-article-card p { font-size:12px; color:#64748b; margin:0 0 8px; line-height:1.5; }
.ro-article-card-meta { font-size:11px; color:#94a3b8; }

/* === SIDEBAR === */
.ro-sidebar { padding:28px 24px; background:#FAFAFA; }
.ro-sidebar-section { margin-bottom:28px; }
.ro-sidebar-title {
  font-family:'Manrope',sans-serif; font-size:13px;
  font-weight:600; color:#0E2A4A;
  margin:0 0 14px; padding-bottom:8px;
  border-bottom:0.5px solid #e2e8f0;
}

/* === AUTHOR CARD === */
.ro-author-card {
  background:#fff; border:0.5px solid #e2e8f0;
  border-radius:8px; padding:16px; text-align:center;
}
.ro-avatar {
  width:52px; height:52px; border-radius:50%;
  background:#0E2A4A; display:flex;
  align-items:center; justify-content:center;
  font-family:'Manrope',sans-serif; font-weight:700;
  font-size:16px; color:#5DCAA5;
  margin:0 auto 10px;
}
.ro-author-name {
  font-family:'Manrope',sans-serif; font-size:14px;
  font-weight:600; color:#0E2A4A; margin:0 0 3px;
}
.ro-author-title { font-size:11px; color:#64748b; margin:0 0 12px; line-height:1.5; }
.ro-author-tags {
  display:flex; flex-wrap:wrap; gap:5px;
  justify-content:center; margin-bottom:12px;
}
.ro-author-tag {
  font-size:10px; background:#E1F5EE; color:#0F6E56;
  padding:2px 7px; border-radius:4px;
}
.ro-linkedin-btn {
  display:flex; align-items:center; justify-content:center;
  gap:6px; font-size:12px; color:#0E2A4A;
  border:0.5px solid #e2e8f0; border-radius:6px;
  padding:7px; background:#fff; cursor:pointer;
  width:100%; box-sizing:border-box;
  text-decoration:none; transition:background .15s;
}
.ro-linkedin-btn:hover { background:#f8fafc; color:#0E2A4A; }

/* === NEWSLETTER === */
.ro-newsletter { background:#0B1F38; border-radius:8px; padding:18px; }
.ro-newsletter p { font-size:12px; color:rgba(255,255,255,0.65); line-height:1.6; margin:0 0 12px; }

/* Force Fluent Forms stacked layout (override inline/column defaults) */
.ro-newsletter .ff-t-container,
.ro-newsletter .ff-column,
.ro-newsletter .ff-t-cell,
.ro-newsletter .ff-el-group,
.ro-newsletter .ff_submit_btn_wrapper,
.ro-newsletter .ff-btn-submit-wrapper {
  display:block !important; width:100% !important;
  float:none !important; padding:0 !important;
  flex:none !important; max-width:100% !important;
}
.ro-newsletter .fluentform,
.ro-newsletter .ff-form-wrap { display:block !important; }

/* Email input */
.ro-newsletter input[type="email"],
.ro-newsletter input[type="text"],
.ro-newsletter .ff-el-input--content input {
  display:block !important; width:100% !important;
  box-sizing:border-box !important;
  font-size:12px !important; padding:8px 10px !important;
  border-radius:5px !important; border:none !important;
  margin-bottom:8px !important; color:#1a1a1a !important;
  font-family:'Inter',sans-serif !important;
}

/* Submit button */
.ro-newsletter button[type="submit"],
.ro-newsletter input[type="submit"],
.ro-newsletter .ff-btn,
.ro-newsletter .ff-btn-submit {
  display:block !important; width:100% !important;
  font-size:12px !important; font-weight:500 !important;
  background:#1D9E75 !important; color:#fff !important;
  border:none !important; border-radius:5px !important;
  padding:8px !important; cursor:pointer !important;
  font-family:'Inter',sans-serif !important;
  text-align:center !important; margin:0 !important;
}
.ro-newsletter .ff-el-group label { color:rgba(255,255,255,0.5) !important; font-size:11px !important; }
.ro-newsletter .ff-message-success { color:#5DCAA5 !important; font-size:12px !important; }
.ro-newsletter .error-hide-field { display:none !important; }

/* === POPULAR ARTICLES === */
.ro-popular { display:flex; flex-direction:column; gap:10px; }
.ro-popular-item { display:flex; gap:10px; align-items:start; }
.ro-popular-num {
  font-family:'Manrope',sans-serif; font-size:18px;
  font-weight:700; color:#e2e8f0; min-width:20px;
}
.ro-popular-item h4 {
  font-size:12px !important; font-weight:500 !important;
  color:#0E2A4A; margin:0 0 3px; line-height:1.4;
}
.ro-popular-item h4 a { color:#0E2A4A; text-decoration:none; }
.ro-popular-item h4 a:hover { color:#1D9E75; }
.ro-popular-item span { font-size:10px; color:#94a3b8; }

/* === CONSULTING TEASER === */
.ro-consulting-teaser {
  background:#fff; border:0.5px solid #e2e8f0;
  border-left:3px solid #1D9E75;
  border-radius:0 8px 8px 0; padding:14px;
}
.ro-consulting-teaser p { font-size:12px; color:#475569; line-height:1.6; margin:0 0 10px; }
.ro-consulting-teaser a { font-size:12px; color:#1D9E75; font-weight:500; text-decoration:none; }
.ro-consulting-teaser a:hover { text-decoration:underline; }

/* === FOOTER === */
.site-footer, #colophon {
  background:#0B1F38 !important;
  color:rgba(255,255,255,0.35) !important;
  margin-top:0 !important;
}
.ro-footer {
  background:#0B1F38;
  padding:28px 32px;
  display:flex; align-items:center;
  justify-content:space-between;
  flex-wrap:wrap; gap:12px;
  max-width:100%;
}
.ro-footer-logo {
  font-family:'Manrope',sans-serif;
  font-weight:700; font-size:15px; color:#fff;
}
.ro-footer-logo span { color:#5DCAA5; }
.ro-footer p { font-size:11px; color:rgba(255,255,255,0.35); margin:0; }

/* === HIDE DEFAULT KADENCE ELEMENTS ON HOMEPAGE === */
.home .site-main > .entry-header,
.home .site-main > .post-thumbnail,
.blog .site-main > .entry-header { display:none; }
.kadence-blog-layout-wrap { display:none !important; }
.home .content-area { padding:0 !important; }
.home .site-content { padding:0 !important; }

/* === RESPONSIVE === */
@media (max-width:900px) {
  .ro-main { grid-template-columns:1fr; }
  .ro-sidebar { border-top:0.5px solid #e2e8f0; }
  .ro-nav { padding:14px 20px; }
  .ro-hero { padding:40px 20px 36px; }
  .ro-hero h1 { font-size:26px !important; }
  .ro-articles { padding:24px 20px; }
  .ro-silos { padding:12px 20px; }
}
@media (max-width:600px) {
  .ro-nav-links { display:none; }
  .ro-hero-meta { gap:14px; }
  .ro-footer { flex-direction:column; align-items:flex-start; padding:24px 20px; }
}