/* === MA BELLE PEAU - STYLE MAGAZINE BEAUTÉ === */
/* Couleur principale: #df8097 */

/* 1. FOND & BASE */
body { background-color: #FDF8F6 !important; }
.site-content { background-color: transparent !important; }

/* 2. GOOGLE FONTS - Playfair Display + Inter */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap');

/* 3. TYPO HEADINGS */
h1,h2,h3,h4,h5,h6,.entry-title { font-family: 'Playfair Display',Georgia,serif !important; color: #2D2D2D; letter-spacing: 0.3px; }
.entry-title a { color: #2D2D2D !important; text-decoration: none; }
.entry-title a:hover { color: #df8097 !important; }

/* 4. BODY TEXT */
body, p, .entry-content { font-family: 'Inter','Helvetica Neue',sans-serif !important; }

/* 5. LIENS ACCENT */
a { color: #df8097; }
a:hover { color: #c56b7f; }

/* 6. HEADER */
.site-header { background: #fff !important; border-bottom: 1px solid #F5E0E5 !important; }

/* 7. NAVIGATION */
.main-navigation .main-nav ul li a { text-transform: uppercase !important; font-size: 13px !important; letter-spacing: 1.5px !important; font-weight: 500 !important; color: #2D2D2D !important; font-family: 'Inter',sans-serif !important; }
.main-navigation .main-nav ul li a:hover { color: #df8097 !important; }
.main-navigation .main-nav ul li.current-menu-item > a { color: #df8097 !important; }

/* 8. SITE TITLE */
.site-title a { font-family: 'Playfair Display',serif !important; color: #2D2D2D !important; letter-spacing: 1px; font-size: 42px !important; }
.site-description { font-family: 'Playfair Display',serif !important; font-style: italic; color: #999; }

/* 9. WIDGET TITLES - STYLE SOLEDAD */
.widget-title, .sidebar .widget-title, h2.widget-title {
  text-transform: uppercase !important; font-size: 13px !important; letter-spacing: 2px !important;
  color: #df8097 !important; border: 1px solid #F5E0E5 !important; padding: 12px 20px !important;
  text-align: center !important; font-family: 'Inter',sans-serif !important; font-weight: 600 !important;
  background: transparent !important; margin-bottom: 25px !important;
}

/* 10. YARPP TITLE */
.yarpp h3, .yarpp-related h3, .related-posts h3 {
  text-transform: uppercase !important; font-size: 13px !important; letter-spacing: 2px !important;
  color: #df8097 !important; border: 1px solid #F5E0E5 !important; padding: 12px 20px !important;
  text-align: center !important; font-family: 'Inter',sans-serif !important; font-weight: 600 !important;
}

/* 11. ARTICLES - CARDS STYLE */
.post-image, article .featured-image { overflow: hidden; border-radius: 0; }
.post-image img, article .featured-image img { transition: transform 0.4s ease !important; }
.post-image:hover img, article .featured-image:hover img { transform: scale(1.05); }

/* 12. POST META */
.entry-meta { color: #999 !important; font-size: 12px !important; text-transform: uppercase; letter-spacing: 0.5px; font-family: 'Inter',sans-serif !important; }
.entry-meta a { color: #999 !important; }
.entry-meta a:hover { color: #df8097 !important; }

/* 13. CATEGORY LABELS */
.cat-links a, .entry-meta .cat-links a {
  color: #df8097 !important; text-transform: uppercase !important;
  font-size: 11px !important; letter-spacing: 1.5px !important; font-weight: 600 !important;
}

/* 14. POST SEPARATOR */
.generate-columns-container article, .blog article.post {
  margin-bottom: 30px !important; padding-bottom: 30px !important;
  border-bottom: 1px solid #F5E0E5 !important;
}

/* 15. SIDEBAR */
.widget { margin-bottom: 35px !important; }
.sidebar .widget li { padding: 8px 0 !important; border-bottom: 1px solid #F5EDED; }
.sidebar .widget li:last-child { border-bottom: none; }
.sidebar .widget li a { color: #555 !important; font-size: 14px; }
.sidebar .widget li a:hover { color: #df8097 !important; }

/* 16. FOOTER */
.site-footer { background: #2D2D2D !important; color: #ccc !important; }
.site-footer a { color: #df8097 !important; }
.site-footer a:hover { color: #fff !important; }
.site-footer .widget-title, .footer-widgets .widget-title {
  color: #df8097 !important; border-color: #444 !important;
}
.site-footer .widget li { border-color: #444 !important; }

/* 17. BUTTONS */
button, input[type="submit"], .button, .wp-block-button__link {
  background-color: #df8097 !important; border: none !important; color: #fff !important;
  text-transform: uppercase; letter-spacing: 1px; font-size: 12px; border-radius: 0 !important;
  font-family: 'Inter',sans-serif !important; transition: background 0.3s ease;
}
button:hover, input[type="submit"]:hover, .button:hover, .wp-block-button__link:hover { background-color: #c56b7f !important; }

/* 18. PAGINATION */
.page-numbers { border: 1px solid #F5E0E5 !important; color: #df8097 !important; border-radius: 0 !important; }
.page-numbers.current { background: #df8097 !important; color: #fff !important; border-color: #df8097 !important; }

/* 19. BLOCKQUOTE */
blockquote { border-left: 3px solid #df8097 !important; background: #FDF8F6 !important;
  padding: 20px 25px !important; font-style: italic; font-family: 'Playfair Display',serif !important; }

/* 20. YARPP THUMBNAILS */
.yarpp-thumbnails-horizontal { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 20px !important; }
.yarpp-thumbnail { text-align: center; }
.yarpp-thumbnail img { transition: transform 0.3s ease; width: 100% !important; height: auto; }
.yarpp-thumbnail:hover img { transform: scale(1.05); }
.yarpp-thumbnail a { font-family: 'Playfair Display',serif !important; font-size: 14px; color: #2D2D2D !important; text-decoration: none; }

/* 21. BACK TO TOP */
.generate-back-to-top { background: #df8097 !important; }
.generate-back-to-top:hover { background: #c56b7f !important; }

/* 22. SEARCH */
.search-form input[type="search"] { border: 1px solid #F5E0E5 !important; border-radius: 0 !important; }

/* 23. CONTENT TYPOGRAPHY */
.entry-content { font-size: 16px; line-height: 1.8; color: #444; }
.entry-content h2 { margin-top: 35px; margin-bottom: 15px; color: #2D2D2D; font-size: 26px; }
.entry-content h3 { margin-top: 25px; margin-bottom: 12px; color: #2D2D2D; font-size: 22px; }

/* 24. GENERATE COLUMNS */
.generate-columns-container { gap: 30px; }

/* 25. FEATURED IMAGE IN SINGLE POST */
.single .featured-image img { width: 100%; height: auto; }

/* 26. READ MORE LINK */
.read-more a, a.read-more {
  text-transform: uppercase !important; font-size: 11px !important; letter-spacing: 1.5px !important;
  font-weight: 600 !important; color: #df8097 !important; font-family: 'Inter',sans-serif !important;
}
.read-more a:hover, a.read-more:hover { color: #c56b7f !important; }


/* 27. NAV BACKGROUND FIX */
.main-navigation, .main-navigation .main-nav ul, .navigation-search,
.main-navigation .main-nav ul ul, .menu-toggle,
.main-navigation .mobile-menu-control-wrapper {
  background-color: #fff !important;
}
.main-navigation .main-nav ul ul li a { background-color: #fff !important; }
.main-navigation .main-nav ul ul li a:hover { background-color: #FDF8F6 !important; color: #df8097 !important; }
@media (max-width: 768px) {
  .main-navigation .main-nav ul { background-color: #fff !important; }
  .menu-toggle { background-color: transparent !important; color: #2D2D2D !important; }
}
/* 28. NAV CURRENT ITEM & HOVER FIX */
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
  background-color: transparent !important;
  color: #df8097 !important;
}
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a,
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a {
  background-color: transparent !important;
  color: #df8097 !important;
}
.navigation-search input[type="search"] {
  background-color: #fff !important;
}
/* 29. FOOTER WIDGETS BACKGROUND */
.footer-widgets, .site.footer-widgets {
  background: #2D2D2D !important;
  color: #ccc !important;
}
.footer-widgets a { color: #df8097 !important; }
.footer-widgets a:hover { color: #fff !important; }
.footer-widgets .widget-title {
  color: #df8097 !important;
  border-color: #444 !important;
}
.footer-widgets .widget li { border-color: #444 !important; }
/* 30. NAV FIX - SINGLE LINE */
.main-navigation .main-nav ul li a {
  letter-spacing: 1px !important;
  font-size: 12px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
/* 31. YARPP / ARTICLES SIMILAIRES - FIT IN CONTENT */
.yarpp-related, .yarpp {
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.yarpp-thumbnails-horizontal {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 15px !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
.yarpp-thumbnail {
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
.yarpp-thumbnail img {
  width: 100% !important;
  height: 160px !important;
  object-fit: cover !important;
  display: block;
}
.yarpp-thumbnail a {
  font-size: 13px !important;
}
/* 32. AUTHOR / BYLINE FIX */
.entry-meta .byline, .entry-meta .author {
  display: inline !important;
}
.post-navigation, .entry-meta {
  clear: both !important;
  max-width: 100% !important;
  overflow: hidden !important;
}