/*
Theme Name: Prairie Éclat
Template: generatepress
Version: 1.0.0
Description: Custom theme for Jardin Lumineux
*/

/* GP gap fixes below — option-key-first, CSS only for gaps */

/* Ligne éditoriale mobile visible */
@media (max-width: 767px) {
  .inside-navigation::before {
    content: "Éclairer et cultiver : l'art de transformer un jardin en espace de vie lumineux";
    font-style: italic;
    position: absolute;
    left: var(--gap-small, 8px);
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    color: var(--text-color, #1E1B4B);
  }
  .inside-navigation { position: relative; }
}

/* Contact/search submit button colors (berry-vivid palette primary) */
body button.wpforms-submit,
body .wpcf7-submit,
body .ff-btn-submit,
body .search-form .search-submit,
body .wp-block-search__button {
  background-color: #7C3AED !important;
  color: #ffffff !important;
}
body button.wpforms-submit:hover,
body .wpcf7-submit:hover,
body .ff-btn-submit:hover,
body .search-form .search-submit:hover,
body .wp-block-search__button:hover {
  filter: brightness(0.88) !important;
}

/* Homepage blog-1 composition styles */
.jl-featured-section,
.jl-recent-section,
.jl-categories-section {
  max-width: 900px;
  margin: 0 auto 2.5em;
  padding: 0 1em;
}

.jl-featured-section h2,
.jl-recent-section h2,
.jl-categories-section h2 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 1.4em;
  color: #7C3AED;
  border-bottom: 2px solid #A78BFA;
  padding-bottom: 0.3em;
  margin-bottom: 1.2em;
}

.jl-featured-card {
  display: flex;
  gap: 1.5em;
  align-items: flex-start;
  background: #F5F3FF;
  border-radius: 6px;
  overflow: hidden;
  padding: 1em;
}

.jl-featured-card img {
  width: 220px;
  height: 155px;
  object-fit: cover;
  border-radius: 4px;
  flex-shrink: 0;
}

.jl-featured-card .jl-card-body h3 {
  margin: 0 0 0.5em;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 1.15em;
}

.jl-featured-card .jl-card-body h3 a {
  color: #1E1B4B;
  text-decoration: none;
}

.jl-featured-card .jl-card-body h3 a:hover { color: #7C3AED; }

.jl-featured-card .jl-excerpt { color: #6B7280; margin-bottom: 0.8em; }
.jl-featured-card .jl-read-more {
  display: inline-block;
  background: #7C3AED;
  color: #fff !important;
  padding: 0.4em 1em;
  border-radius: 4px;
  text-decoration: none;
  font-size: 0.9em;
}
.jl-featured-card .jl-read-more:hover { background: #6D28D9; }

/* Recent posts grid */
.jl-posts-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.2em;
}

.jl-post-card {
  background: #fff;
  border: 1px solid #E9E5F5;
  border-radius: 6px;
  overflow: hidden;
}

.jl-post-card img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  display: block;
}

.jl-post-card .jl-card-content { padding: 0.9em; }
.jl-post-card .jl-card-content h3 {
  margin: 0 0 0.4em;
  font-size: 1em;
  font-family: 'Space Grotesk', sans-serif;
}
.jl-post-card .jl-card-content h3 a { color: #1E1B4B; text-decoration: none; }
.jl-post-card .jl-card-content h3 a:hover { color: #7C3AED; }
.jl-post-card .jl-excerpt-sm { font-size: 0.88em; color: #6B7280; margin-bottom: 0.5em; }
.jl-post-card .jl-read-sm {
  font-size: 0.85em;
  color: #7C3AED;
  text-decoration: none;
}

/* Category cards */
.jl-cat-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em;
}

.jl-cat-card {
  background: #F5F3FF;
  border: 1px solid #E9E5F5;
  border-radius: 6px;
  padding: 0.8em 1.2em;
  flex: 1;
  min-width: 140px;
  text-align: center;
}

.jl-cat-card a {
  color: #7C3AED;
  text-decoration: none;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 0.95em;
  display: block;
}

.jl-cat-card a:hover { color: #6D28D9; }
.jl-cat-card .jl-cat-count { font-size: 0.8em; color: #6B7280; }

@media (max-width: 600px) {
  .jl-featured-card { flex-direction: column; }
  .jl-featured-card img { width: 100%; height: 200px; }
  .jl-posts-grid { grid-template-columns: 1fr; }
}

/* Footer single-line-light */
.site-footer {
  background: #ffffff;
  border-top: 1px solid #E9E5F5;
  padding: 1em 0;
}

.footer-bar-wrap {
  background: transparent;
}

/* GP body font weight override (TT5 sets 300 by default) */
body { font-weight: 400; }