/* Praxena — Custom Styles */
:root {
  --color-primary: #0f3460;
  --color-accent: #e94560;
  --color-dark: #1a1a2e;
  --color-light: #f8f9fa;
  --font-main: 'Inter', -apple-system, sans-serif;
}

body { font-family: var(--font-main); color: #333; }

/* Header */
.site-header { background: var(--color-dark) !important; box-shadow: 0 2px 10px rgba(0,0,0,0.3); }
.site-header a { color: #fff !important; }
.site-branding .site-title a { color: #fff !important; font-weight: 700; font-size: 1.4rem; letter-spacing: -0.5px; }
.site-branding .site-title a:hover { color: var(--color-accent) !important; }

/* Navigation */
.main-navigation a { color: #ddd !important; font-weight: 500; }
.main-navigation a:hover { color: var(--color-accent) !important; }

/* Boutons */
.wp-block-button__link, .button, button[type="submit"] {
  background: var(--color-accent) !important;
  border-color: var(--color-accent) !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease;
}
.wp-block-button__link:hover { background: #c73652 !important; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(233,69,96,0.3); }

/* Articles */
.entry-title a { color: var(--color-dark); font-weight: 700; }
.entry-title a:hover { color: var(--color-accent); }
.entry-meta { color: #888; font-size: 0.85rem; }

/* Images featured */
.post-thumbnail img { border-radius: 8px; }
.entry-content img { border-radius: 6px; max-width: 100%; }

/* Cards articles */
article.post { background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.07); margin-bottom: 30px; transition: transform 0.2s, box-shadow 0.2s; }
article.post:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,0.12); }

/* Pre/code */
pre { background: #1a1a2e !important; color: #e2e8f0 !important; border-radius: 8px !important; padding: 20px !important; font-size: 0.88rem !important; border-left: 4px solid var(--color-accent) !important; overflow-x: auto; }
code { background: #f0f4f8; color: var(--color-dark); padding: 2px 6px; border-radius: 4px; font-size: 0.9em; }
pre code { background: transparent; color: #e2e8f0; padding: 0; }

/* Blockquotes */
blockquote { border-left: 4px solid var(--color-accent); padding: 15px 20px; background: var(--color-light); border-radius: 0 8px 8px 0; font-style: italic; color: #555; margin: 20px 0; }

/* Footer */
.site-footer { background: var(--color-dark); color: #aaa; padding: 30px 0; }
.site-footer a { color: #ccc; } .site-footer a:hover { color: var(--color-accent); }

/* Responsive */
@media (max-width: 768px) { .site-branding .site-title a { font-size: 1.1rem; } }

/* Logo texte */
.site-title a::before { content: '⚡ '; }
.site-title { font-size: 1.3rem !important; }

/* Menu actif */
.current-menu-item > a { color: #e94560 !important; }

/* Bannière newsletter dans sidebar articles */
.widget-newsletter-cta { background: #1a1a2e; color: #fff; padding: 25px; border-radius: 10px; margin: 20px 0; text-align: center; }

/* Logo */
.custom-logo-link img,
.custom-logo { max-height: 46px !important; width: auto !important; }
.site-branding .custom-logo-link { display: flex; align-items: center; }

/* Cacher le titre texte si logo présent */
.has-custom-logo .site-title { display: none; }

/* Header : masquer le titre textuel affiche a cote du logo.
   Kadence rend le nom du site EN PLUS du logo ; comme le logo est deja
   le mot-marque "PRAXENA", ce texte fait doublon et s'affichait en gris
   fonce sur le header sombre, donnant un effet de texte fantome.
   Le nom reste accessible via l'attribut alt du logo. (2026-08-02) */
.site-branding .site-title-wrap { display: none; }