/*
Theme Name: Quiet Anchor
Template: generatepress
Version: 1.0.0
Description: Custom theme for Bloc de Code
*/

/* Repère typographique mobile */
@media (max-width: 767px) {
  .inside-navigation::before {
    content: "Clarté technique sans jargon inutile : comment transformer les outils complexes en solutions durables.";
    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: #1A56DB !important;
  color: #ffffff !important;
}
body button.wpforms-submit:hover,
body .wpcf7-submit:hover,
body .ff-btn-submit:hover {
  filter: brightness(0.88) !important;
}

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

/* Footer 2-col-dark widget title styling */
#footer-widgets .widget-title,
#footer-widgets .widgettitle {
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

#footer-widgets a {
    text-decoration: none;
}
#footer-widgets a:hover {
    text-decoration: underline;
}

/* Mobile header hamburger alignment fix (GP Menu Plus) */
@media (max-width: 1024px) {
    #mobile-header .inside-navigation {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    #mobile-header .site-logo.mobile-header-logo {
        flex: 0 0 auto;
        max-width: 55%;
        overflow: hidden;
        order: 1;
    }
    #mobile-header .site-logo.mobile-header-logo img {
        max-width: 100%;
        height: 40px;
        width: auto;
    }
    #mobile-header button.menu-toggle {
        flex: 0 0 auto;
        order: 2;
        margin-left: auto !important;
    }
    #mobile-header #mobile-menu.main-nav {
        order: 3;
        flex: 0 0 100%;
    }
}

/* Author-intro hero (homepage) */
.author-intro-hero {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 2rem;
    margin-bottom: 2rem;
    background-color: #EFF6FF;
    border-radius: 8px;
}
.author-intro-hero__portrait {
    border-radius: 50%;
    flex-shrink: 0;
    width: 120px;
    height: 120px;
}
.author-intro-hero__text h2 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}
.author-intro-hero__text p {
    margin: 0;
}
@media (max-width: 600px) {
    .author-intro-hero {
        flex-direction: column;
        text-align: center;
    }
}