/*
Theme Name: Ma Belle Recette
Template: generatepress
Version: 1.0.0
Description: Recettes simples et gourmandes au quotidien
Text Domain: ma-belle-recette
*/

/* --- Fix 1: Mobile column container negative margin --- */
@media (max-width: 767px) {
    .generate-columns-container { margin-left: 0; margin-right: 0; }
    .generate-columns-container .generate-columns,
    .generate-columns-container > * { padding-left: 0; }
    .generate-columns-container .page-header,
    .generate-columns-container > .paging-navigation { margin-left: 0; }
}

/* --- Fix 2: Mobile header colors --- */
#mobile-header { background-color: #FFFFFF; }
#mobile-header .menu-toggle { color: #001219; }
#mobile-header .menu-toggle .gp-icon svg { fill: #001219; }
#mobile-header .menu-toggle:hover .gp-icon svg,
#mobile-header .menu-toggle:focus .gp-icon svg { fill: #006D77; }

/* --- Fix 3: Mobile menu items styling --- */
#mobile-header .main-nav ul li a {
    color: #001219; background-color: #FFFFFF;
    padding: 14px 25px; font-weight: 600; font-size: 16px;
    border-bottom: 1px solid #D1E7E4;
}
#mobile-header .main-nav ul li a:hover { color: #006D77; background-color: #EDF6F9; }

/* --- Fix 4: Search button SVG --- */
.search-submit svg, .search-form .search-submit svg,
#mobile-header .search-submit svg { fill: currentColor; }

/* --- Fix 5: Contact Form 7 button --- */
.wpcf7 input[type="submit"], .wpcf7-submit {
    background-color: #006D77 !important; color: #FFFFFF !important;
    border: none !important; padding: 12px 30px !important;
    font-size: 16px !important; font-weight: 600 !important;
    cursor: pointer !important; border-radius: 4px !important;
}
.wpcf7 input[type="submit"]:hover, .wpcf7-submit:hover {
    background-color: #005761 !important; color: #FFFFFF !important;
}

/* --- Fix 6: Mobile logo sizing --- */
#mobile-header .mobile-header-logo img { height: 50px; max-width: 250px; width: auto; }

/* --- Fix 7: Hide top bar on mobile --- */
@media (max-width: 1024px) {
    .top-bar { display: none; }
    .homepage-h1-bar { display: none; }
}

/* --- Fix 8: Read-more link styling --- */
.read-more, a.read-more {
    display: inline-block; color: #006D77; font-weight: 600; font-size: 15px;
    text-decoration: none; border-bottom: 2px solid #006D77; padding-bottom: 2px;
}
.read-more:hover, a.read-more:hover { color: #005761; border-color: #005761; }

/* --- Fix 9: Pagination styling --- */
.page-numbers {
    display: inline-block; padding: 8px 14px; margin: 0 3px;
    font-weight: 600; font-size: 15px; color: #006D77;
    text-decoration: none; border: 1px solid #D1E7E4;
    border-radius: 4px; background: #FFFFFF;
}
.page-numbers.current { background-color: #006D77; color: #FFFFFF; border-color: #006D77; }
a.page-numbers:hover { background-color: #EDF6F9; color: #005761; border-color: #006D77; }
.nav-links { text-align: center; padding: 10px 0; }
.nav-links a, .paging-navigation a { font-weight: 600; color: #006D77; }
.nav-links a:hover, .paging-navigation a:hover { color: #005761; }

/* --- Fix 10: Search elements sizing --- */
.search-field { min-width: 200px; padding: 8px 12px; font-size: 15px; }
.search-submit { padding: 8px 15px; min-width: 44px; min-height: 44px; }
@media (max-width: 1024px) {
    .search-field {
        min-width: 0; width: 100%; -webkit-appearance: none; appearance: none;
        border-radius: 3px; font-size: 16px; padding: 10px 12px;
        border: 1px solid #D1E7E4; background-color: #FFFFFF; color: #001219;
    }
    .search-submit {
        -webkit-appearance: none; appearance: none;
        background-color: #006D77; color: #FFFFFF; border: none;
        border-radius: 3px; padding: 10px 15px; min-width: 44px; min-height: 44px;
    }
}

/* --- Fix 11: Post content vertical rhythm --- */
.entry-header { margin-bottom: 15px; }
.entry-summary, .entry-content { margin-bottom: 15px; }
.entry-meta { margin-bottom: 10px; }
.post-image { margin-bottom: 15px; }

/* --- Fix 12: Mobile font sizes --- */
@media (max-width: 1024px) {
    body, .sidebar .widget, .footer-widgets, .site-info { font-size: 16px; }
}

/* --- Fix 13: Mobile viewport overflow prevention --- */
@media (max-width: 1024px) {
    body, .site { overflow-x: hidden; }
    .inside-article, #primary, .site-main > * { word-wrap: break-word; overflow-wrap: break-word; }
}

/* --- Fix 14: Previous/Next post navigation links ---
   GP's "Older posts" / "Newer posts" links inside .paging-navigation
   use default link styling. Style them to match the palette. */
.paging-navigation .nav-previous a,
.paging-navigation .nav-next a {
    display: inline-block;
    padding: 8px 18px;
    background-color: #006D77;
    color: #FFFFFF;
    border-radius: 4px;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
}
.paging-navigation .nav-previous a:hover,
.paging-navigation .nav-next a:hover {
    background-color: #005761;
    color: #FFFFFF;
}
.paging-navigation .gp-icon svg {
    fill: #006D77;
}

/* --- Fix 15: Mobile logo prominence --- */
#mobile-header .mobile-header-logo img {
    height: 55px;
    max-width: 280px;
    width: auto;
}
#mobile-header .navigation-branding img {
    height: 55px;
    max-width: 280px;
    width: auto;
}