/* GH Site Polish — presentation only. Every block names the problem it solves.
   Never styles .ghcv-*, .ghe-*, .ghwa-* (the founder's blocks). Undo = deactivate the plugin. */

/* 0. About page: the hero's heading is an h2, and .ghc-site h2 paints it navy - on the navy hero it was INVISIBLE
      (a blank hole above the first paragraph); the picture caption's second line was near-white on white. */
.ghc-site.ghc-about .ghc-hero .ghc-hero-copy h2{color:#fff;font-size:clamp(32px,3.6vw,48px);line-height:1.14;letter-spacing:-1px}
.ghc-site.ghc-about .ghc-hero figcaption{color:#23364b}

/* 1. WooCommerce's PhotoSwipe dialog printed unstyled: six stray dashes under the footer of every page. */
body>.pswp:not(.pswp--open){display:none}

/* 2. The careers page's main button: .ghc-site a painted its text gold + underlined, and it was the third look for
      one action. Now the same green as every other "Apply on WhatsApp". */
body .ghc-site a.gh-wa-btn,body a.gh-wa-btn{background:#128347;color:#fff;text-decoration:none;border-radius:6px;min-height:56px;font-size:17px;box-shadow:0 6px 18px rgb(18 131 71 / .22)}
.ghc-site a.gh-wa-btn:hover,.ghc-site a.gh-wa-btn:focus,a.gh-wa-btn:hover,a.gh-wa-btn:focus{background:#0c703b;color:#fff;box-shadow:0 6px 18px rgb(18 131 71 / .3)}
a.gh-wa-btn svg,a.gh-wa-btn:hover svg,a.gh-wa-btn:focus svg{fill:#fff}

/* 3. Theme footer: white with black headings and orange ticks, holes between stacked columns, 28px tap targets.
      Now cream with navy type and gold ticks, one rhythm, 44px rows on touch screens. */
footer .footer-area .footer-top-area{background:#f8f6f0!important;color:#23364b;padding:72px 0 0}
footer .footer-top-area .footer-top-widget{margin-bottom:40px}
footer .footer-top-area .widget{margin:0 0 24px}
footer .footer-top-area .widget .widgettitle{color:#142b40;font-size:19px;line-height:1.3;margin-bottom:20px;padding-bottom:14px}
footer .footer-area .widgettitle:before{background:#d4ae59;height:3px}
footer .footer-area .widgettitle:after{background:#142b40;height:3px}
footer .footer-top-area .footer-about{color:#44546a;font-size:15px;line-height:1.7;max-width:34em}
footer .footer-top-area .corporate-address li,footer .footer-top-area .corporate-address li a,footer .footer-top-area .widget ul.menu li a{color:#23364b;font-size:15px;line-height:1.6}
footer .footer-top-area .corporate-address li i{color:#806020}
footer .footer-top-area .widget ul.menu li a:before{color:#806020;top:auto}
footer .footer-top-area .widget ul.menu li a:hover,footer .footer-top-area .corporate-address li a:hover{color:#806020}
footer .footer-area .copyright_wrap .left-line,footer .footer-area .copyright_wrap .right-line,footer .footer-area .copyright_wrap .copyright-img1,footer .footer-area .copyright_wrap .copyright-img2{display:none}
footer .footer-area .copyright_wrap{justify-content:center;border-top:1px solid #e6dfcf;margin-top:0;padding-top:22px;padding-bottom:26px;font-size:14px;color:#526071}
@media (max-width:991px){
 footer .footer-area .footer-top-area{padding-top:48px}
 footer .footer-top-area .footer-top-widget{margin-bottom:16px}
 footer .footer-top-area .container{padding-left:20px;padding-right:20px}
 footer .footer-top-area .widget ul.menu li a,footer .footer-top-area .corporate-address li a{display:inline-flex;align-items:center;min-height:44px}
 footer .footer-top-area .widget ul.menu li{margin:0;padding:0}
 footer .footer-area .copyright_wrap{padding-bottom:96px} /* room for the floating interview pill */
}

/* 4. Theme page banner (service pages, posts, 404): near-black texture, 350px tall on a phone, breadcrumb repeating
      the title. Now the brand navy of every ghc hero with a gold hairline, and compact on phones. */
body .entry-banner{background-color:#142b40;background-image:none;border-bottom:3px solid #d4ae59}
body .entry-banner:after{background:transparent} /* the theme's 60% black veil turned the navy to near-black */
body .entry-banner .entry-banner-content h1{letter-spacing:-.6px}
.breadcrumb-area .entry-breadcrumb>span:last-child,.breadcrumb-area .entry-breadcrumb>span:last-child a{color:#d4ae59}
@media (max-width:767px){
 body .entry-banner .entry-banner-content{padding:40px 0 44px!important}
 body .entry-banner .entry-banner-content h1{font-size:30px;line-height:1.2;margin-bottom:0}
 .single .entry-banner .breadcrumb-area,.error404 .entry-banner .breadcrumb-area{display:none}
 body .entry-banner .container,.single-finbuzz_service #primary>.container,.error404 #primary>.container{padding-left:20px;padding-right:20px}
 .single-post #primary>.container{padding-left:5px;padding-right:5px} /* the post body adds 15px of its own: 20px in all, like every ghc page */
}

/* 4b. The placeholder 'no image' box on service pages is hidden by src only; lazy-load swaps src late, so it
       flashed and the text jumped. Hide by data-src too. */
.single-finbuzz_service .post-thumb:has(img[data-src*="/noimage_"]){display:none}

/* 5. Service pages and posts on a phone: 120px hole under the banner, the interview bar touching the first heading,
      an email address printed as the author. */
@media (max-width:767px){
 .single-finbuzz_service #primary.content-area,.single-post #primary.content-area{padding-top:32px!important;padding-bottom:56px!important} /* theme sets 75px!important */
}
.single .ghwa-mobile-entry+.ghc-site{margin-top:28px}
.single-post .entry-meta li.item-author{display:none}
.single-post .entry-meta{color:#526071;font-size:14px}
.single-post .entry-meta i{color:#806020}

/* 5b. Posts on a laptop: no sidebar, so lines ran 150 characters across 1170px, under a 120px hole. One centred
       reading column for the title, the article and what follows. */
@media (min-width:992px){
 .single-post #primary.content-area{padding-top:64px;padding-bottom:88px}
 .single-post.no-sidebar #main,.single-post.no-sidebar .entry-banner .entry-banner-content{max-width:800px;margin-left:auto;margin-right:auto}
}

/* 6. The 404 page: theme demo (orange cartoon, the sentence twice, a glowing capital pill). Calm brand version;
      the three helpful links are printed by this plugin (.ghsp-404). */
.error404 #primary.content-area{padding-top:64px;padding-bottom:72px}
.error404 .error-page-content.ghsp-404-on>:not(.ghsp-404){display:none}
.ghsp-404 h2{font-size:clamp(26px,3vw,36px);line-height:1.2;letter-spacing:-.6px;font-weight:700;color:#142b40;margin:0 0 14px}
.ghsp-404{text-align:center;max-width:620px;margin:0 auto;padding:0 20px 8px;font-size:17px;line-height:1.7;color:#23364b}
.ghsp-404 p{margin:0 0 26px;color:#44546a}
body>.ghsp-404{padding:40px 20px} /* no-JavaScript fallback position */
.ghsp-404-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.ghsp-404-links a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;border-radius:6px;border:1px solid #a7b2bd;background:#fff;color:#142b40;font-size:15px;font-weight:700;line-height:1.4;text-decoration:none;transition:background .15s ease,color .15s ease}
.ghsp-404-links a:hover{background:#142b40;border-color:#142b40;color:#fff}
.ghsp-404-links a.ghsp-wa{background:#128347;border-color:#128347;color:#fff}
.ghsp-404-links a.ghsp-wa:hover{background:#0c703b;border-color:#0c703b}
.ghsp-404-links a.ghsp-gold{background:#d4ae59;border-color:#d4ae59;color:#142b40}
.ghsp-404-links a.ghsp-gold:hover{background:#e3bf70;border-color:#e3bf70;color:#142b40}
@media (max-width:991px){.error404 #primary.content-area{padding-top:44px!important;padding-bottom:52px!important}}
@media (max-width:599px){.ghsp-404-links{flex-direction:column}}

/* 7. Phone header: 114px of logo before a word is read; a 25x17px menu target; black bars. */
@media (max-width:991px){
 .mean-container .mean-bar{padding-top:10px;padding-bottom:10px}
 body .mean-container .mean-bar>a>img{width:150px} /* 'body': the Customizer CSS prints later with equal weight */
 .mean-bar .sidebarBtn{padding:14px 10px;margin-right:-10px;box-sizing:content-box}
 .mean-bar .sidebarBtn .bar{background:#142b40}
}

/* 8. Phones: the floating TOP button stacks over the floating interview pill and fades in over buttons. */
@media (max-width:767px){a.scrollup{display:none!important}}

/* 9. Tonight's new sections. */
/* 9a. guide-video card: square video corners in a rounded card */
.ghc-site #interview-guide video{border-radius:10px;border:1px solid #e3e2dd;background:#142b40}
.ghc-site #interview-guide h3{margin-bottom:8px}
/* 9b. two-ways band: two sentences ran across 1180px with nothing to hold them. On wide screens the two doors sit
       side by side, each with a gold rule; on a phone they stay stacked. */
.ghc-site #two-ways-to-apply .ghc-intro{margin-bottom:18px}
.ghc-site #two-ways-to-apply .ghc-wrap>p:not(.ghc-small){border-left:3px solid #d4ae59;padding-left:16px;margin:0 0 16px}
@media (min-width:768px){
 .ghc-site #two-ways-to-apply .ghc-wrap{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
 .ghc-site #two-ways-to-apply .ghc-intro,.ghc-site #two-ways-to-apply .ghc-small{grid-column:1/-1}
}
/* 9c. seven centred lines of small print under the button read badly on a phone */
@media (max-width:599px){.ghc-site #whatsapp-apply .ghc-wrap>p{text-align:left!important}} /* inline style forces !important */
/* 9d. the block that appears after a video upload */
.ghc-site #ghseo-next-step,#ghseo-next-step{margin-top:18px;padding:20px;border:1px solid #e3e2dd;border-top:3px solid #d4ae59;border-radius:10px;background:#fff}
#ghseo-next-step p{margin:0 0 14px;color:#23364b}

/* 10. One visible focus ring everywhere the theme gives none. */
.site-header a:focus-visible,.mean-container a:focus-visible,footer a:focus-visible,a.gh-wa-btn:focus-visible,.ghsp-404-links a:focus-visible,.entry-banner a:focus-visible{outline:3px solid #b3894e;outline-offset:3px;border-radius:4px}

@media (prefers-reduced-motion:reduce){a.gh-wa-btn,.ghsp-404-links a,footer .footer-top-area .widget ul.menu li a{transition:none!important;transform:none!important}}