/*
 * Theme Name:  Fleurs du Coeur — Infinity Online
 * Template:    generatepress
 * Version:     1.2.0
 * Description: Child theme for Fleurs du Coeur. GP renders header/footer natively.
 *              All brand tokens and styling via GB Global Styles (style-global.css).
 *              GenerateBlocks Pro not required — GB Free + GP is the full stack.
 */

/* ── Nav drop point — extend hamburger to 1200px ────────────────────────────
   GP Customizer generates @media (max-width: 768px) for its hamburger toggle
   because the DB nav_drop_point default is 768. We need 1200px.
   These rules extend GP's native pattern — no !important, no min-width hacks.
   Selectors mirror GP's own main.min.css output so specificity matches cleanly.
   ─────────────────────────────────────────────────────────────────────────── */
@media (max-width: 1200px) {
    /* Show the mobile hamburger wrapper — mirrors GP's native 768px pattern exactly.
       main.min.css sets .mobile-menu-control-wrapper { display:none } as base rule,
       and .menu-toggle { display:none }. GP Customizer shows both at max-width:768px.
       We extend both to 1200px using the same selectors. */
    .has-inline-mobile-toggle .mobile-menu-control-wrapper                                                 { display: flex; }
    .main-navigation .menu-toggle, .sidebar-nav-mobile:not(#sticky-placeholder)                           { display: block; }
    /* Hide the nav list when menu is closed */
    .main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul                               { display: none; }
    /* Hide non-nav elements inside #site-navigation (mirrors GP's inline rule) */
    .has-inline-mobile-toggle #site-navigation .inside-navigation > :not(.navigation-search):not(.main-nav) { display: none; }
    /* Nav panel must be full-bleed — parent .inside-header has align-items:center which
       shrink-wraps children to content width. Override with align-self:stretch + width:100%. */
    #site-navigation,
    #site-navigation .inside-navigation { align-self: stretch; width: 100%; max-width: none; }
    /* ── Hamburger position anchor ──────────────────────────────────────────────
       Without this, the hamburger sits in the flex-column below the logo and its
       vertical position shifts between tablet (820px) and mobile (<768px) because
       GP's own 768px rules change the header layout. Absolute positioning locks it
       to the top-right at the same coordinates regardless of viewport.
       right/top match .inside-header's grid-container padding (40px / 20px).    */
    .site-header                                { position: relative; }
    .has-inline-mobile-toggle .mobile-menu-control-wrapper {
        margin-left: 0;
        position:    absolute;
        right:       40px;
        top:         20px;
    }
}

/* ── GP page title — suppress the auto-rendered page heading ────────────── */
.page .entry-header { display: none; }

/* ── GP container reset — lets our fdc-section bands go full-bleed ─────── */
.site-content,
.site-content .grid-container { padding: 0; max-width: none; }
.one-container .site-content  { padding: 0; }
.inside-article                { padding: 0; }