/* GMG / Cocoon – Pure White + Mint / 2026-10-14.
   Presentation-only: never alters article content, outbound links or scripts.
   Four opt-in body classes scope all changes. */

/* 1. Shared, lightweight header. Preserve Cocoon menu and mobile drawer functionality. */
body.gmgha-compact-header{background:#fff!important;--gmgha-deep:#153f32;--gmgha-mint:#38dba5;--gmgha-pale:#eafff5;--gmgha-line:#dfeee7}
body.gmgha-compact-header #header-container,
body.gmgha-compact-header #header,
body.gmgha-compact-header #header-container .navi{background-color:#fff!important;background-image:none!important;box-shadow:none!important}
body.gmgha-compact-header #header-container{border-bottom:1px solid #e6f0eb!important}
body.gmgha-compact-header #header-container-in{padding-top:0!important;padding-bottom:0!important;min-height:0!important}
body.gmgha-compact-header #header-in{padding-top:8px!important;padding-bottom:8px!important;min-height:0!important}
body.gmgha-compact-header #header .logo-header{margin:0!important;padding:0!important;min-height:0!important;line-height:1.15!important}
body.gmgha-compact-header #header .site-name{display:inline-flex;align-items:center;justify-content:center;gap:9px;max-width:100%;text-decoration:none!important}
body.gmgha-compact-header #header .site-name-text{font-size:clamp(15px,1.8vw,20px)!important;line-height:1.25!important;font-weight:800!important;color:#153f32!important;letter-spacing:-.02em}
body.gmgha-compact-header #header .site-name img,
body.gmgha-compact-header #header .site-logo-image{max-height:45px!important;width:auto!important;max-width:calc(100vw - 120px)!important;object-fit:contain}
body.gmgha-compact-header #header .tagline{display:none!important}
body.gmgha-compact-header #navi,
body.gmgha-compact-header #navi .navi-in{background:#fff!important;box-shadow:none!important;min-height:0!important}
body.gmgha-compact-header #navi .navi-in a{color:#244b3c!important;background:transparent!important;padding-top:8px!important;padding-bottom:8px!important;font-size:14px;font-weight:700}
body.gmgha-compact-header #navi .navi-in a:hover,
body.gmgha-compact-header #navi .current-menu-item>a{color:#127b57!important;background:#eafff5!important}
body.gmgha-compact-header .mobile-menu-buttons,
body.gmgha-compact-header .mobile-header-menu-buttons{background:#fff!important;box-shadow:0 1px 0 #e4eee8!important}
body.gmgha-compact-header .mobile-menu-buttons .menu-button,
body.gmgha-compact-header .mobile-menu-buttons .menu-button-in,
body.gmgha-compact-header .mobile-header-menu-buttons .menu-button{background:#fff!important;color:#244b3c!important}
body.gmgha-compact-header .mobile-menu-buttons .menu-button a,
body.gmgha-compact-header .mobile-menu-buttons .menu-button label{color:#244b3c!important}
/* Badges are decorative. They do not replace or remove the live clickable site name. */
body.gmgha-editorial-badge #header .site-name::before{
 content:"";display:inline-block;flex:none;width:34px;height:34px;border-radius:50%;
 background-position:center;background-size:cover;background-repeat:no-repeat;background-color:#f1fff8;
 border:1px solid #b9ecda;box-shadow:0 1px 4px rgba(18,108,79,.08)
}
body.gmgha-editorial-badge .mobile-menu-buttons .logo-menu-button::before{
 content:"";display:inline-block;vertical-align:middle;width:28px;height:28px;
 margin-right:4px;background-position:center;background-size:contain;background-repeat:no-repeat
}
@media(max-width:1023px){
 body.gmgha-compact-header #header-in{padding-top:4px!important;padding-bottom:4px!important}
 body.gmgha-compact-header .mobile-menu-buttons .menu-button{height:46px!important;min-height:46px!important;padding-top:0!important}
 body.gmgha-compact-header .mobile-menu-buttons .menu-button-in{min-height:42px!important}
 body.gmgha-compact-header .mobile-header-menu-buttons{height:46px!important;min-height:46px!important}
 body.gmgha-compact-header #header .site-logo-image{max-height:36px!important}
}
@media(max-width:640px){
 body.gmgha-compact-header #header .site-name-text{font-size:16px!important}
 body.gmgha-editorial-badge #header .site-name::before{width:29px;height:29px}
}

/* 2. Hub pages already contain a distinct, long, substantive hero.
   Keep the WordPress title in the DOM (accessible / SEO) but avoid duplicate visible titles.
   Hide only the page header thumbnail, never an image inside the content. */
body.gmgha-clean-hub{background:#fff!important}
body.gmgha-clean-hub .entry-header>.entry-title,
body.gmgha-clean-hub .entry-header .entry-title{
 position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
 overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important
}
body.gmgha-clean-hub .entry-header>.eye-catch-wrap,
body.gmgha-clean-hub .entry-header>.eye-catch,
body.gmgha-clean-hub .entry-header>.date-tags,
body.gmgha-clean-hub .entry-header>.post-date,
body.gmgha-clean-hub .entry-header>.post-update{display:none!important}
body.gmgha-clean-hub .entry-header{margin:0!important;padding:0!important;min-height:0!important}
body.gmgha-clean-hub .entry-content{margin-top:0!important;padding-top:0!important}
body.gmgha-clean-hub .article{background:#fff!important}
body.gmgha-clean-hub .content{background:#fff!important}

/* 3. Individual posts: pure white and shared information hierarchy. */
body.gmgha-mint-article{background:#fff!important;--gmg-accent:#27b986;--gmg-strong:#167956;--gmg-soft:#ebfff5;--gmg-border:#dceee5;--gmg-text:#203b30}
body.gmgha-mint-article #content,
body.gmgha-mint-article #main,
body.gmgha-mint-article .main,
body.gmgha-mint-article .article,
body.gmgha-mint-article .entry-content{background-color:#fff!important}
body.gmgha-mint-article .entry-header .entry-title{background:transparent!important;border:0!important;box-shadow:none!important;color:#193c30!important;line-height:1.42!important;letter-spacing:-.015em}
body.gmgha-mint-article .entry-content{color:#273a33;line-height:1.9}
body.gmgha-mint-article .entry-content>a,
body.gmgha-mint-article .entry-content p>a,
body.gmgha-mint-article .entry-content li>a{color:#167956;text-underline-offset:3px}
body.gmgha-mint-article .entry-content>h2,
body.gmgha-mint-article .entry-content>h3{color:#153f32!important}
body.gmgha-mint-article .entry-content>h2{
 background:#f2fff9!important;border:0!important;border-left:4px solid #37dba1!important;
 box-shadow:none!important;padding:.65em .8em!important;border-radius:0 11px 11px 0!important
}
body.gmgha-mint-article .entry-content>h3{
 background:transparent!important;border:0!important;border-bottom:2px solid #cef0df!important;
 box-shadow:none!important;padding:.45em .1em!important
}
body.gmgha-mint-article .entry-content>h2::before,
body.gmgha-mint-article .entry-content>h2::after,
body.gmgha-mint-article .entry-content>h3::before,
body.gmgha-mint-article .entry-content>h3::after{display:none!important}
body.gmgha-mint-article .entry-content .wp-block-table table,
body.gmgha-mint-article .entry-content table{border-color:#dceee5}
body.gmgha-mint-article .entry-content table th{background-color:#e8faf1;color:#1c513d}
body.gmgha-mint-article .entry-content table td{border-color:#e1eee8}
body.gmgha-mint-article .toc{background:#f8fffb!important;border:1px solid #dceee5!important;border-radius:12px}
body.gmgha-mint-article .toc-title{color:#1c513d!important}
body.gmgha-mint-article .blank-box,
body.gmgha-mint-article .information-box,
body.gmgha-mint-article .primary-box,
body.gmgha-mint-article .success-box{border-radius:12px;border-color:#cfe9dc}

/* Scoped legacy templates. Remap variables first, preserve grid, widths, buttons and link targets. */
body.gmgha-mint-article .gmg-nl-bank,
body.gmgha-mint-article .gmg-es-guide,
body.gmgha-mint-article .gmg-be-guide,
body.gmgha-mint-article .gmgx-26,
body.gmgha-mint-article .gmgx{
 --ivory:#fff;--white:#fff;--paper:#fff;--ink:#213b30;--navy:#167956;
 --muted:#62736b;--line:#dceee5;--soft:#effcf5;--blue:#1b9970;--gold:#2bc38e;
 background:#fff!important;color:#263c32!important
}
body.gmgha-mint-article #main .gmg-nl-bank h2,
body.gmgha-mint-article #main .gmg-es-guide h2,
body.gmgha-mint-article #main .gmg-be-guide h2,
body.gmgha-mint-article #main .gmg-nl-bank h3,
body.gmgha-mint-article #main .gmg-es-guide h3,
body.gmgha-mint-article #main .gmg-be-guide h3,
body.gmgha-mint-article .gmgx-26 h2,
body.gmgha-mint-article .gmgx-26 h3{color:#1d4636!important}
body.gmgha-mint-article .gmg-nl-bank .nl-lead,
body.gmgha-mint-article .gmg-es-guide .es-lead,
body.gmgha-mint-article .gmg-be-guide .be-summary,
body.gmgha-mint-article .gmgx-26 .gmgx-summary{
 background:#f3fff8!important;border-color:#d6eee1!important
}
body.gmgha-mint-article .gmg-nl-bank .nl-card,
body.gmgha-mint-article .gmg-es-guide .es-card,
body.gmgha-mint-article .gmg-be-guide .be-card,
body.gmgha-mint-article .gmgx-26 .gmgx-card{
 background:#fff!important;border-color:#dceee5!important
}
body.gmgha-mint-article .gmg-nl-bank .nl-cta,
body.gmgha-mint-article .gmg-es-guide .es-cta,
body.gmgha-mint-article .gmg-be-guide .be-cta{
 background:#f2fff8!important;border-color:#cfead9!important
}
body.gmgha-mint-article .gmg-nl-bank .nl-table-wrap table th,
body.gmgha-mint-article .gmg-es-guide .es-table-wrap table th,
body.gmgha-mint-article .gmg-be-guide table th,
body.gmgha-mint-article .gmgx-26 table th{
 background:#e9fff3!important;color:#1b6146!important
}
body.gmgha-mint-article .gmg-nl-bank .nl-stepnav a,
body.gmgha-mint-article .gmg-es-guide .es-stepnav a,
body.gmgha-mint-article .gmg-be-guide .be-stepnav a{
 background:#f6fffa!important;color:#167956!important;border-color:#d5eee1!important;border-radius:12px!important
}
body.gmgha-mint-article .gmg-nl-bank .nl-btn,
body.gmgha-mint-article .gmg-nl-bank a.nl-cta-btn,
body.gmgha-mint-article .gmg-es-guide .es-btn,
body.gmgha-mint-article .gmg-be-guide .be-btn{
 background:#39dba5!important;color:#103c2d!important;border-color:#39dba5!important
}

/* Nomad / work 2026 template. */
body.gmgha-mint-article .gag26{color:#293c34!important}
body.gmgha-mint-article .gag26 h2{background:#effdf6!important;border-left-color:#39dba5!important;color:#17432f!important}
body.gmgha-mint-article .gag26 h3{color:#1f4839!important;border-bottom-color:#cbeede!important}
body.gmgha-mint-article .gag26-kicker{color:#16835e!important}
body.gmgha-mint-article .gag26-box,
body.gmgha-mint-article .gag26-cta,
body.gmgha-mint-article .gag26-next{background:#f4fff8!important;border-color:#d6eee1!important}
body.gmgha-mint-article .gag26-box>strong,
body.gmgha-mint-article .gag26-cta>strong{color:#194b36!important}
body.gmgha-mint-article .gag26-table thead th{background:#def7e9!important;color:#194b36!important}
body.gmgha-mint-article .gag26-table tbody tr:nth-child(even){background:#f8fdfb!important}
body.gmgha-mint-article .gag26 a.gag26-btn{background:#39dba5!important;color:#103c2d!important}
body.gmgha-mint-article .gag26 a{color:#16835e}

/* Premier League + stadiums: preserve original styles and two-button types. */
body.gmgha-mint-article .gmg-pl26 .pl-lead,
body.gmgha-mint-article .gmg-pl26 .pl-note,
body.gmgha-mint-article .gmg-pl26 .pl-tour{
 background:#f3fff8!important;border-color:#d8eee3!important
}
body.gmgha-mint-article .gmg-pl26 .pl-lead,
body.gmgha-mint-article .gmg-pl26 .pl-route{border-left-color:#39dba5!important}
body.gmgha-mint-article .gmg-pl26 .pl-btn:not(.pl-btn-alt){background:#39dba5!important;color:#143f30!important}
body.gmgha-mint-article .gmg-pl26 .pl-btn-alt{background:#fff!important;color:#17855d!important;border-color:#bdebd7!important}
body.gmgha-mint-article .gmg-pl26 th{background:#e9fff3!important;color:#23533e!important}
body.gmgha-mint-article .gmgx-26 .gmgx-note{background:#f3fff8!important;border-left-color:#39dba5!important}
body.gmgha-mint-article .gmgx-26 .gmgx-chip{background:#e9fff3!important;color:#167956!important}

/* Core UK/FR guides: these inherit Cocoon styles, so do not overwrite their content structure. */
body.gmgha-mint-article .gag-uk-article,
body.gmgha-mint-article .gag-fr-article{background:#fff!important;color:#283e34}
body.gmgha-mint-article .gag-uk-article .gag-summary,
body.gmgha-mint-article .gag-fr-article .gag-summary,
body.gmgha-mint-article .gag-uk-article .gag-next,
body.gmgha-mint-article .gag-fr-article .gag-next{
 background:#f3fff8!important;border-color:#d9eee2!important
}
body.gmgha-mint-article .gag-uk-article .gag-table th,
body.gmgha-mint-article .gag-fr-article .gag-table th{background:#e9fff3!important;color:#1b6146!important}

/* Existing top mini-menu and footers in many published posts. */
body.gmgha-mint-article .gmg5e-nav{background:#f5fff9!important;border-color:#d2ecdf!important;border-radius:14px!important}
body.gmgha-mint-article .gmg5e-nav a{color:#167956!important}
body.gmgha-mint-article .gmg5e-chips a{background:#fff!important;border-color:#cfebdf!important;color:#167956!important}
body.gmgha-mint-article .gmg-fu-2026{border-color:#cfe9dc!important}
body.gmgha-mint-article .gmg-fu-2026 h2{color:#1f5942!important}
body.gmgha-mint-article .gmg-fu-2026 li{border-color:#e3eee8!important}
body.gmgha-mint-article .gmg-fu-2026 li a{color:#167956!important;border-bottom-color:#a7ddc5!important}

/* Prevent a common small-screen width issue but do not change table/data proportions. */
@media(max-width:680px){
 body.gmgha-mint-article .entry-content{font-size:15px;line-height:1.85}
 body.gmgha-mint-article .entry-header .entry-title{font-size:clamp(23px,6vw,30px)!important}
 body.gmgha-mint-article .gmg-pl26 .pl-scroll,
 body.gmgha-mint-article .gag26-scroll,
 body.gmgha-mint-article .gmg-nl-bank .nl-table-wrap,
 body.gmgha-mint-article .gmg-es-guide .es-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 body.gmgha-clean-hub .entry-content{margin-top:0!important}
}
/* Extra Cocoon page header permutations: only outside post content on known hubs. */
body.gmgha-clean-hub .article>.eye-catch-wrap,
body.gmgha-clean-hub .article>.eye-catch,
body.gmgha-clean-hub .article>.date-tags,
body.gmgha-clean-hub .article>.post-date,
body.gmgha-clean-hub .article>.post-update{display:none!important}
body.gmgha-compact-header #header .logo-header{max-height:56px!important}
@media(max-width:1023px){body.gmgha-compact-header #header .logo-header{max-height:46px!important}}