/*
Theme Name: MonMicroBusiness
Template: kadence
Version: 2.1
Description: Child theme personnalisé pour MonMicroBusiness.fr
*/

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

:root {
  --mmb-orange: #FF5C35;
  --mmb-orange-light: #FFF1EE;
  --mmb-dark: #111111;
  --mmb-gray: #6B6B6B;
  --mmb-border: #E8E8E8;
  --mmb-bg: #F9F8F6;
  --font-title: 'Syne', sans-serif;
  --font-body: 'Manrope', sans-serif;
}

body { font-family: var(--font-body); color: var(--mmb-dark); background: #fff; }

/* ---- TYPOGRAPHIE ---- */
h1,h2,h3,h4,h5,h6,.entry-title {
  font-family: var(--font-title);
  font-weight: 800;
  letter-spacing: -0.01em; /* Réduit l'écartement */
  line-height: 1.25;
}

/* ---- HEADER ---- */
.site-header, #masthead {
  border-bottom: 1.5px solid var(--mmb-dark);
  background: #fff !important;
  padding: 0 !important;
}

/* Cacher le texte du nom de domaine / site title si doublon avec logo */
.site-branding .site-title {
  display: none !important;
}

/* Si pas de logo image, afficher quand même le nom */
.site-branding:not(:has(img)) .site-title {
  display: block !important;
}

.site-branding .site-title a {
  font-family: var(--font-title);
  font-weight: 800;
  font-size: 22px;
  color: var(--mmb-dark) !important;
  text-decoration: none;
}

/* ---- NAVIGATION ---- */
.main-navigation a {
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 14px;
  color: var(--mmb-dark) !important;
  text-decoration: none;
}
.main-navigation a:hover { color: var(--mmb-orange) !important; }

/* Menu déroulant */
.main-navigation .sub-menu {
  background: #fff;
  border: 1px solid var(--mmb-border);
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.1);
  padding: 0.5rem 0;
  min-width: 200px;
}
.main-navigation .sub-menu li a {
  padding: 8px 18px !important;
  font-size: 13px !important;
  display: block;
  color: var(--mmb-dark) !important;
}
.main-navigation .sub-menu li a:hover {
  color: var(--mmb-orange) !important;
  background: var(--mmb-orange-light);
}
.main-navigation li:hover > .sub-menu { display: block; }

/* ---- BOUTONS ---- */
.wp-block-button__link, .button, button[type="submit"] {
  background: var(--mmb-orange) !important;
  color: #fff !important;
  font-family: var(--font-title);
  font-weight: 700;
  border-radius: 25px !important;
  border: none !important;
}

/* ---- CARDS ARTICLES ---- */
.entry-title {
  word-break: normal !important;
  hyphens: none !important;
  letter-spacing: -0.02em !important;
}
.entry-title a { color: var(--mmb-dark) !important; text-decoration: none; }
.entry-title a:hover { color: var(--mmb-orange) !important; }

.cat-links a {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: var(--mmb-orange-light);
  color: var(--mmb-orange);
  padding: 3px 10px;
  border-radius: 20px;
  text-decoration: none;
}

/* ---- ARTICLE SINGLE ---- */
.single .entry-content { max-width: 740px; margin: 0 auto; }
.single .entry-content h2 {
  font-size: 24px;
  margin-top: 2.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--mmb-orange);
  letter-spacing: -0.02em;
}
.single .entry-content h3 { font-size: 20px; margin-top: 1.75rem; letter-spacing: -0.01em; }
.single .entry-content ul li::marker { color: var(--mmb-orange); }
.single .entry-content table th { background: var(--mmb-dark); color: #fff; font-family: var(--font-title); padding: 10px 14px; }
.single .entry-content table td { padding: 10px 14px; border-bottom: 1px solid var(--mmb-border); }
.single .entry-content blockquote {
  border-left: 4px solid var(--mmb-orange);
  background: var(--mmb-orange-light);
  padding: 1.25rem 1.5rem;
  border-radius: 0 12px 12px 0;
  margin: 2rem 0;
  font-style: normal;
}

/* ---- FOOTER ---- */
.site-footer {
  border-top: 1.5px solid var(--mmb-dark);
  background: var(--mmb-dark) !important;
  color: #fff;
}
.site-footer a { color: #ccc; }
.site-footer a:hover { color: var(--mmb-orange); }
/* Fix letter-spacing global */
h1, h2, h3, h4, h5, h6,
.mmb-section-title,
.mmb-hero__title,
.mmb-card__title,
.mmb-tool-name,
.site-branding .site-title,
.entry-title,
button, .wp-block-button__link,
.mmb-hero__btn, .mmb-tool-btn {
  letter-spacing: -0.02em !important;
}

/* Fix spécifique home page */
.mmb-cats__label,
.mmb-cat-pill,
.mmb-see-all,
.mmb-date,
.mmb-read-time {
  letter-spacing: 0 !important;
}
* {
  letter-spacing: -0.02em;
}

.mmb-tag, .mmb-cats__label, .mmb-date, .mmb-read-time, p, li, span {
  letter-spacing: 0 !important;
}
.mmb-card__title h3,
.mmb-card__title h3 a,
.mmb-tool-name,
.mmb-section-title,
.mmb-hero__title,
.mmb-side-body h3 {
  letter-spacing: -0.03em !important;
  font-family: 'Syne', sans-serif !important;
}