/*
Theme Name: Corde Lisse
Template: generatepress
Version: 1.0.0
Description: Custom theme for La Route Franche
*/

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

/* Style éditorial mobile discret */
@media (max-width: 767px) {
  .inside-navigation::before {
    content: "La mécanique, le bitume et tout ce qui roule — raconté par quelqu'un qui met vraiment les mains dedans.";
    font-style: italic;
    position: absolute;
    left: var(--gap-small, 8px);
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--text-color);
  }
  .inside-navigation { position: relative; }
}

/* Submit-button palette rule */
body button.wpforms-submit,
body .wpcf7-submit,
body .ff-btn-submit {
  background-color: #7C3AED !important;
  color: #ffffff !important;
}
body button.wpforms-submit:hover,
body .wpcf7-submit:hover,
body .ff-btn-submit:hover {
  filter: brightness(0.88) !important;
}

/* Post card styling — mandatory across homepage/archive/category/search */
.jm-card {
  background: #FFFFFF;
  border-radius: 16px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.12);
  padding: 16px;
  transition: transform .15s ease;
}
.jm-card:hover { transform: translateY(-3px); }
.jm-card img { border-radius: 12px 12px 0 0; display:block; width:100%; height:220px; object-fit:cover; }
.jm-card .jm-cat { color: #7C3AED; font-size: 13px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.jm-card h3 { margin: 8px 0 4px; }
.jm-card h3 a { color: #1E1B4B; text-decoration:none; }
.jm-card p { color: #6B7280; font-size: 15px; }

/* Hero */
.jm-hero { background: #F5F3FF; border-radius: 16px; padding: 24px; margin-bottom: 2rem; }
.jm-hero img { width:100%; height:500px; object-fit:cover; border-radius:16px; }
.jm-hero h2 a { color:#1E1B4B; }

/* Category strip */
.jm-cat-strip { display:flex; flex-wrap:wrap; gap:1rem; }
.jm-cat-strip a { border:1px solid #E9E5F5; border-radius:16px; padding:10px 16px; color:#1E1B4B; text-decoration:none; background:#F5F3FF; }
.jm-cat-strip a:hover { background:#8B5CF6; color:#fff; }

/* Front-page visible H1 (site tagline) */
.site-tagline-heading {
    text-align: center;
    padding: 0.5rem 1rem;
    font-size: 1.1rem;
    color: inherit;
    margin: 0 0 1rem;
}

/* Footer — 3-col-dark */
#footer,
.site-footer,
.footer-widgets-container {
  background-color: #1E1B4B !important;
  color: #E5E7EB;
}
.footer-widgets-container a { color: #C4B5FD; }
.footer-widgets-container a:hover { color: #ffffff; }
.footer-widgets-container .widget-title,
.footer-widgets-container h2,
.footer-widgets-container h3 { color: #ffffff; }
.copyright-bar, .site-info { background-color: #17153a !important; color: #C4B5FD; }

/* Sidebar */
#left-sidebar .widget, #sidebar .widget { background:#F5F3FF; border-radius:16px; padding:16px; margin-bottom:1.5rem; }
#left-sidebar .widget-title, #sidebar .widget-title { color:#7C3AED; }

/* 404 */
.error-404 .page-content { text-align:center; padding: 3rem 1rem; }