/*
Theme Name: Tribune Foot Régional
Template: generatepress
Version: 1.0.0
Description: Analyse du football français — championnats, compositions, tactique
Text Domain: tribune-terrain
*/

/* ====================================================================
   ONLY rules for elements GP does not control via option keys.
   Each rule documents the specific GP gap it addresses.
   Palette: berry-vivid (primary #7C3AED, text #1E1B4B, surface #F5F3FF)
   ==================================================================== */

/* --- Fix 1: Mobile column container negative margin ---
   GP blog uses .generate-columns-container{margin-left:-35px} for gutters.
   The reset rule requires body class .generate-columns-activated, which
   the scrub mu-plugin removes (strips all generate-* classes).
   This replicates GP blog/style.min.css @media(max-width:767px) reset. */
@media (max-width: 767px) {
  .generate-columns-container {
    margin-left: 0 !important;
  }
  .generate-columns-container .generate-columns {
    padding-left: 0 !important;
    width: 100% !important;
  }
}

/* --- Fix 2: Compact-tagline homepage hero (rendered via functions.php) ---
   GP has no hero option key; styled inline + here for responsive sizing. */
.home-hero {
  background: #F5F3FF;
  text-align: center;
  padding: 30px 20px;
  border-bottom: 3px solid #7C3AED;
}
.home-hero h1 {
  font-family: "PT Serif", Georgia, serif;
  font-size: 2rem;
  font-weight: 700;
  color: #1E1B4B;
  margin: 0 0 8px;
  letter-spacing: 0.01em;
}
.home-hero p {
  font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.05rem;
  color: #6B7280;
  margin: 0;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .home-hero { padding: 22px 16px; }
  .home-hero h1 { font-size: 1.55rem; }
  .home-hero p { font-size: 0.98rem; }
}

/* --- Fix 3: Section heading "À découvrir" on the posts feed ---
   GP archive does not emit a feed section heading; functions.php adds it. */
.feed-section-heading {
  font-family: "PT Serif", Georgia, serif;
  font-size: 1.4rem;
  font-weight: 700;
  color: #1E1B4B;
  margin: 0 0 18px;
  padding-bottom: 8px;
  border-bottom: 2px solid #E9E5F5;
}

/* --- Fix 4: Read-more / button accent (GP button color is set via option,
   but archive "read more" links inherit anchor color) --- */
.read-more, a.read-more {
  color: #7C3AED;
  font-weight: 700;
  text-decoration: none;
}
.read-more:hover { text-decoration: underline; }

/* --- Fix 5: Author card at post foot (functions.php emits .author-card) --- */
.author-card {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background: #F5F3FF;
  border: 1px solid #E9E5F5;
  border-radius: 6px;
  padding: 18px 20px;
  margin: 36px 0 0;
}
.author-card img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  flex: 0 0 64px;
  object-fit: cover;
}
.author-card .author-card-body { font-family: "PT Sans", Arial, sans-serif; }
.author-card .author-card-name {
  font-family: "PT Serif", Georgia, serif;
  font-weight: 700;
  color: #1E1B4B;
  font-size: 1.05rem;
  text-decoration: none;
}
.author-card .author-card-name:hover { color: #7C3AED; }
.author-card .author-card-title { color: #6B7280; font-size: 0.9rem; margin: 2px 0 6px; }
.author-card .author-card-bio { color: #1E1B4B; font-size: 0.95rem; margin: 0; }

/* --- Fix 6: Post byline (functions.php) --- */
.post-byline {
  font-family: "PT Sans", Arial, sans-serif;
  color: #6B7280;
  font-size: 0.9rem;
  margin: 4px 0 18px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.post-byline img { width: 28px; height: 28px; border-radius: 50%; }
.post-byline a { color: #7C3AED; text-decoration: none; font-weight: 700; }