/*
Theme Name: SG Business Hub
Theme URI: https://sgbusinesshub.sg/
Author: SG Business Hub
Description: Lightweight editorial WordPress theme for SG Business Hub — Singapore business guides, SME resources, industry content and business directory discovery.
Version: 1.2.3
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
Text Domain: sgbusinesshub
*/

:root{
  --sgbh-navy:#0b3159;
  --sgbh-navy-2:#062544;
  --sgbh-blue:#0b69c7;
  --sgbh-red:#e51b23;
  --sgbh-red-dark:#c9141b;
  --sgbh-green:#159947;
  --sgbh-bg:#f5f7fa;
  --sgbh-border:#dde5ee;
  --sgbh-text:#10273f;
  --sgbh-muted:#5f6f80;
  --sgbh-white:#fff;
  --sgbh-shadow:0 8px 24px rgba(8,37,68,.08);
  --sgbh-radius:12px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--sgbh-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55}
a{color:var(--sgbh-blue);text-decoration:none}
a:hover{color:var(--sgbh-red)}
img{max-width:100%;height:auto;display:block}
.container{width:min(1180px,calc(100% - 32px));margin:0 auto}
.sgbh-topbar{background:var(--sgbh-navy-2);color:#fff;font-size:13px}
.sgbh-topbar .container{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:20px}
.sgbh-top-links{display:flex;gap:14px;align-items:center}.sgbh-top-links a{color:#fff;opacity:.92}.sgbh-top-links a:hover{opacity:1}
.site-header{background:#fff;border-bottom:1px solid var(--sgbh-border);position:sticky;top:0;z-index:50}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}
.custom-logo{max-height:52px;width:auto}.site-branding{display:flex;align-items:center;min-width:250px}.site-branding img{max-height:54px;width:auto}
.sgbh-text-logo{font-size:28px;font-weight:800;color:var(--sgbh-navy);letter-spacing:-1.2px;white-space:nowrap}.sgbh-text-logo span{color:var(--sgbh-red)}
.site-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:24px}.site-nav a{color:var(--sgbh-text);font-size:14px;font-weight:700;padding:28px 0 24px;display:block;border-bottom:3px solid transparent}.site-nav a:hover,.site-nav .current-menu-item>a{color:var(--sgbh-red);border-bottom-color:var(--sgbh-red)}
.mobile-menu-toggle{display:none;border:0;background:none;font-size:26px;color:var(--sgbh-navy);padding:10px}

.sgbh-hero{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(228,244,255,.98) 0%,rgba(211,238,255,.88) 44%,rgba(151,213,247,.68) 100%);border-bottom:1px solid var(--sgbh-border)}
.sgbh-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 35%,rgba(255,255,255,.65),transparent 26%),linear-gradient(0deg,rgba(255,255,255,.18),rgba(255,255,255,0));pointer-events:none}
.sgbh-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,.8fr);gap:38px;align-items:center;padding:58px 0 54px}
.sgbh-hero-copy h1{font-size:46px;line-height:1.08;margin:0 0 14px;color:var(--sgbh-navy-2);letter-spacing:-1.6px;max-width:760px}.sgbh-hero-copy p{font-size:18px;max-width:680px;margin:0 0 24px;color:#294760}
.sgbh-search-wrap{max-width:760px;background:#fff;border-radius:9px;box-shadow:var(--sgbh-shadow);display:flex;padding:5px;border:1px solid #cfe0ef}.sgbh-search-wrap input{flex:1;border:0;padding:14px 16px;font-size:15px;outline:0;min-width:0}.sgbh-search-wrap button{border:0;background:var(--sgbh-red);color:#fff;border-radius:7px;padding:0 28px;font-weight:800;cursor:pointer}.sgbh-search-wrap button:hover{background:var(--sgbh-red-dark)}
.sgbh-popular-searches{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;align-items:center;font-size:12px}.sgbh-popular-searches strong{font-size:12px}.sgbh-chip{background:#fff;border:1px solid #b9cfdf;border-radius:999px;padding:5px 10px;color:var(--sgbh-navy);font-weight:700}

.sgbh-ad{border-radius:var(--sgbh-radius);overflow:hidden}.sgbh-ad-house{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#fff 0%,#edf5fc 100%);border:1px solid rgba(10,70,125,.14);box-shadow:var(--sgbh-shadow);padding:24px}.sgbh-ad-house.compact{padding:20px}.sgbh-ad-copy small{display:block;color:var(--sgbh-red);font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}.sgbh-ad-copy h3{margin:0 0 6px;color:var(--sgbh-navy);font-size:25px;line-height:1.12}.sgbh-ad-copy p{margin:0;color:var(--sgbh-muted);font-size:14px}.sgbh-ad-btn{background:var(--sgbh-red);color:#fff!important;font-weight:800;border-radius:999px;padding:11px 18px;display:inline-block;margin-top:14px;white-space:nowrap}.sgbh-ad-btn:hover{background:var(--sgbh-red-dark)}

.sgbh-quick-grid{position:relative;z-index:3;margin-top:-22px;display:grid;grid-template-columns:repeat(7,1fr);background:#fff;border:1px solid var(--sgbh-border);border-radius:11px;box-shadow:var(--sgbh-shadow);overflow:hidden}.sgbh-quick-item{padding:22px 14px;text-align:center;color:var(--sgbh-text);border-right:1px solid var(--sgbh-border);min-height:112px}.sgbh-quick-item:last-child{border-right:0}.sgbh-quick-item:hover{background:#f8fbfe}.sgbh-quick-icon{font-size:29px;line-height:1;margin-bottom:9px}.sgbh-quick-item strong{display:block;font-size:14px;line-height:1.2}.sgbh-quick-item span{display:block;font-size:12px;color:var(--sgbh-muted);margin-top:4px}

.sgbh-section{padding:38px 0}.sgbh-section.alt{background:var(--sgbh-bg)}.sgbh-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.sgbh-section-head h2{margin:0;color:var(--sgbh-navy);font-size:24px;letter-spacing:-.4px}.sgbh-section-head a{font-size:13px;font-weight:800}
.sgbh-lead-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.6fr);gap:24px}.sgbh-featured-card{border:1px solid var(--sgbh-border);border-radius:var(--sgbh-radius);overflow:hidden;background:#fff;box-shadow:0 5px 18px rgba(8,37,68,.06)}.sgbh-featured-media{aspect-ratio:16/8.5;background:linear-gradient(135deg,#d5e9f7,#91c8ee);overflow:hidden}.sgbh-featured-media img{width:100%;height:100%;object-fit:cover}.sgbh-card-body{padding:18px}.sgbh-label{display:inline-block;background:var(--sgbh-blue);color:#fff!important;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.sgbh-featured-card h3{font-size:27px;line-height:1.12;margin:10px 0;color:var(--sgbh-navy)}.sgbh-meta{display:flex;gap:14px;flex-wrap:wrap;color:#778696;font-size:12px}.sgbh-card-excerpt{font-size:14px;color:#465b6e}.sgbh-read-btn{display:inline-block;margin-top:8px;background:var(--sgbh-red);color:#fff!important;border-radius:999px;padding:10px 18px;font-weight:800;font-size:13px}
.sgbh-latest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sgbh-small-card{border:1px solid var(--sgbh-border);border-radius:10px;overflow:hidden;background:#fff;min-width:0}.sgbh-small-media{aspect-ratio:16/9;background:linear-gradient(135deg,#e7edf4,#c9d7e7);overflow:hidden}.sgbh-small-media img{width:100%;height:100%;object-fit:cover}.sgbh-small-card .sgbh-card-body{padding:12px}.sgbh-small-card h3{font-size:15px;line-height:1.25;margin:7px 0 9px;color:var(--sgbh-text)}

.sgbh-wide-ad{margin:8px 0 2px}.sgbh-wide-ad .sgbh-ad-house{background:linear-gradient(90deg,#eef8ff 0%,#f7fbff 50%,#eef6fc 100%);padding:20px 28px}.sgbh-wide-ad .sgbh-ad-copy h3{font-size:24px}.sgbh-wide-ad .sgbh-ad-house{min-height:116px}

.sgbh-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sgbh-panel{border-radius:var(--sgbh-radius);border:1px solid var(--sgbh-border);padding:24px;background:#fff}.sgbh-panel.blue{background:linear-gradient(135deg,#f0f8ff,#dff0ff)}.sgbh-panel.green{background:linear-gradient(135deg,#f6fff8,#e9f8ea)}.sgbh-panel h2,.sgbh-panel h3{margin:0 0 8px;color:var(--sgbh-navy)}.sgbh-panel p{color:#496071}.sgbh-directory-search{display:flex;margin-top:15px}.sgbh-directory-search input{flex:1;padding:12px;border:1px solid #bdd3e5;border-radius:7px 0 0 7px;min-width:0}.sgbh-directory-search button{border:0;background:var(--sgbh-blue);color:#fff;font-weight:800;padding:0 18px;border-radius:0 7px 7px 0}.sgbh-new-business-stat{font-size:36px;font-weight:900;color:var(--sgbh-navy);line-height:1}.sgbh-stat-note{font-size:12px;color:var(--sgbh-muted)}

.sgbh-industry-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.sgbh-industry-card{border:1px solid var(--sgbh-border);border-radius:9px;overflow:hidden;background:#fff;color:var(--sgbh-text)}.sgbh-industry-media{aspect-ratio:4/2.3;background:linear-gradient(135deg,#ddecf7,#9ec6e5)}.sgbh-industry-media img{width:100%;height:100%;object-fit:cover}.sgbh-industry-card strong{display:block;padding:9px 10px 0;font-size:13px}.sgbh-industry-card span{display:block;padding:0 10px 10px;color:var(--sgbh-muted);font-size:11px}

.sgbh-three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.sgbh-list-box{background:#fff;border:1px solid var(--sgbh-border);border-radius:var(--sgbh-radius);padding:20px}.sgbh-list-box h3{margin:0 0 12px;color:var(--sgbh-navy)}.sgbh-link-list{list-style:none;padding:0;margin:0}.sgbh-link-list li{border-top:1px solid #edf1f5}.sgbh-link-list li:first-child{border-top:0}.sgbh-link-list a{display:block;padding:10px 0;color:var(--sgbh-text);font-weight:650;font-size:14px}.sgbh-link-list a:hover{color:var(--sgbh-red)}

.sgbh-newsletter{background:linear-gradient(90deg,#0a3159,#0b4b7c);border-radius:var(--sgbh-radius);padding:24px 30px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.sgbh-newsletter h2{margin:0 0 3px;font-size:23px}.sgbh-newsletter p{margin:0;opacity:.85}.sgbh-newsletter form{display:flex;min-width:380px}.sgbh-newsletter input{flex:1;border:0;padding:13px 15px;border-radius:999px 0 0 999px;min-width:0}.sgbh-newsletter button{border:0;background:var(--sgbh-red);color:#fff;font-weight:800;padding:0 22px;border-radius:0 999px 999px 0}

.site-footer{background:var(--sgbh-navy-2);color:#c7d4df;margin-top:42px}.footer-main{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px;padding:38px 0}.site-footer h4{color:#fff;margin:0 0 12px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:7px 0}.site-footer a{color:#c7d4df;font-size:13px}.site-footer a:hover{color:#fff}.footer-brand p{font-size:13px;max-width:330px}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding:14px 0;font-size:12px;display:flex;justify-content:space-between;gap:20px}

.sgbh-content-wrap{padding:42px 0}.sgbh-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px}.entry-header h1{font-size:42px;line-height:1.12;color:var(--sgbh-navy);margin:0 0 12px}.entry-content{font-size:17px}.entry-content h2,.entry-content h3{color:var(--sgbh-navy);margin-top:1.8em}.entry-content img{border-radius:10px}.entry-featured{margin:24px 0;border-radius:12px;overflow:hidden}.sgbh-sidebar{display:flex;flex-direction:column;gap:20px}.sgbh-widget{border:1px solid var(--sgbh-border);border-radius:10px;padding:18px;background:#fff}.sgbh-widget h3{margin:0 0 10px;color:var(--sgbh-navy)}
.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pagination{margin-top:30px}

@media(max-width:1100px){.site-nav ul{gap:14px}.site-nav a{font-size:13px}.sgbh-quick-grid{grid-template-columns:repeat(4,1fr)}.sgbh-quick-item:nth-child(4){border-right:0}.sgbh-quick-item:nth-child(-n+4){border-bottom:1px solid var(--sgbh-border)}.sgbh-industry-grid{grid-template-columns:repeat(4,1fr)}.sgbh-latest-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.mobile-menu-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;border-top:1px solid var(--sgbh-border);box-shadow:var(--sgbh-shadow)}.site-nav.is-open{display:block}.site-nav ul{display:block;padding:8px 20px}.site-nav a{padding:12px 0;border-bottom:1px solid #eef2f6}.sgbh-hero-inner{grid-template-columns:1fr;padding:42px 0}.sgbh-hero-copy h1{font-size:38px}.sgbh-lead-grid{grid-template-columns:1fr}.sgbh-data-grid,.sgbh-three-cols,.sgbh-content-grid{grid-template-columns:1fr}.sgbh-industry-grid{grid-template-columns:repeat(3,1fr)}.sgbh-newsletter{display:block}.sgbh-newsletter form{min-width:0;margin-top:16px}.footer-main{grid-template-columns:1fr 1fr}.sgbh-sidebar{order:2}}
@media(max-width:600px){.container{width:min(100% - 22px,1180px)}.sgbh-topbar .container{justify-content:center}.sgbh-topbar .container>span{display:none}.sgbh-top-links a:nth-child(3){display:none}.header-row{min-height:66px}.site-branding{min-width:0}.sgbh-text-logo{font-size:22px}.sgbh-hero-inner{padding:32px 0 42px}.sgbh-hero-copy h1{font-size:31px}.sgbh-hero-copy p{font-size:16px}.sgbh-search-wrap button{padding:0 17px}.sgbh-quick-grid{grid-template-columns:repeat(2,1fr);margin-top:-18px}.sgbh-quick-item{border-right:1px solid var(--sgbh-border)!important;border-bottom:1px solid var(--sgbh-border);min-height:102px;padding:17px 10px}.sgbh-quick-item:nth-child(even){border-right:0!important}.sgbh-latest-grid{grid-template-columns:1fr 1fr}.sgbh-featured-card h3{font-size:23px}.sgbh-industry-grid{grid-template-columns:repeat(2,1fr)}.sgbh-newsletter{padding:22px 18px}.footer-main{grid-template-columns:1fr}.footer-bottom{display:block}.sgbh-ad-house{align-items:flex-start;display:block}.sgbh-ad-btn{margin-top:15px}.entry-header h1{font-size:32px}.archive-grid{grid-template-columns:1fr}.sgbh-section{padding:30px 0}}


/* V1.1 visual refinement */
.sgbh-hero{position:relative;background-image:linear-gradient(90deg,rgba(231,247,255,.97) 0%,rgba(231,247,255,.91) 38%,rgba(231,247,255,.36) 68%,rgba(231,247,255,.14) 100%),url('assets/images/singapore-business-hero.webp');background-size:cover;background-position:center 46%;overflow:hidden;border-bottom:1px solid #cfe1ef}
.sgbh-hero:after{content:"";position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(0deg,rgba(11,49,89,.08),transparent);pointer-events:none}
.sgbh-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.48fr) minmax(330px,.72fr);gap:54px;align-items:center;padding:58px 0 72px}
.sgbh-hero-copy h1{font-size:52px;line-height:1.03;max-width:730px;letter-spacing:-1.8px;color:#082f56;margin:0 0 18px;text-wrap:balance;text-shadow:0 1px 0 rgba(255,255,255,.8)}
.sgbh-hero-copy p{font-size:18px;max-width:690px;margin:0 0 23px;color:#173c5c}
.sgbh-hero-ad .sgbh-ad-house{background:rgba(255,255,255,.95);backdrop-filter:blur(6px);border:1px solid rgba(10,70,125,.17);box-shadow:0 18px 45px rgba(4,43,78,.16)}
.sgbh-preview-card .sgbh-featured-media img,.sgbh-preview-card .sgbh-small-media img{width:100%;height:100%;object-fit:cover}
.sgbh-preview-card{transition:transform .18s ease,box-shadow .18s ease}.sgbh-preview-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(8,37,68,.10)}
.sgbh-house-ad-section{padding:4px 0 28px}.sgbh-wide-ad .sgbh-ad-house{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,310px);align-items:center;background:linear-gradient(90deg,#f4faff 0%,#fff 44%,#eef7ff 100%);border-color:#cfe0ee;overflow:hidden}.sgbh-ad-visual{align-self:stretch;min-height:150px;display:flex;align-items:center;justify-content:center}.sgbh-ad-visual img{width:100%;height:100%;max-height:190px;object-fit:cover;border-radius:10px}.sgbh-hero-ad .sgbh-ad-house{display:grid;grid-template-columns:1fr 145px;padding:24px;min-height:240px}.sgbh-hero-ad .sgbh-ad-visual{min-height:190px}.sgbh-hero-ad .sgbh-ad-visual img{object-fit:cover;height:100%;max-height:none}.sgbh-sidebar .sgbh-ad-house{display:block}.sgbh-sidebar .sgbh-ad-visual{margin-top:14px;min-height:150px}.sgbh-ad-brands{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;color:#244866;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.sgbh-industry-card{transition:transform .16s ease,box-shadow .16s ease}.sgbh-industry-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(8,37,68,.09)}
.sgbh-industry-media{background:#dcebf6}.sgbh-industry-media img{transition:transform .25s ease}.sgbh-industry-card:hover .sgbh-industry-media img{transform:scale(1.025)}
.sgbh-panel{box-shadow:0 6px 18px rgba(8,37,68,.05)}
@media(max-width:860px){.sgbh-hero{background-position:60% center}.sgbh-hero-inner{grid-template-columns:1fr;gap:26px;padding:42px 0 58px}.sgbh-hero-copy h1{font-size:41px;max-width:660px}.sgbh-hero-ad{max-width:600px}.sgbh-wide-ad .sgbh-ad-house{grid-template-columns:1fr 220px}}
@media(max-width:600px){.sgbh-hero{background-image:linear-gradient(rgba(236,249,255,.94),rgba(236,249,255,.92)),url('assets/images/singapore-business-hero.webp');background-position:center}.sgbh-hero-copy h1{font-size:33px}.sgbh-hero-ad .sgbh-ad-house,.sgbh-wide-ad .sgbh-ad-house{grid-template-columns:1fr}.sgbh-hero-ad .sgbh-ad-visual{display:none}.sgbh-wide-ad .sgbh-ad-visual{max-height:150px}.sgbh-ad-brands{font-size:10px}}


/* V1.2 staging QA refinements */
.sgbh-hero{
  background-image:linear-gradient(90deg,rgba(235,248,255,.94) 0%,rgba(235,248,255,.84) 34%,rgba(235,248,255,.32) 62%,rgba(235,248,255,.08) 100%),url('assets/images/singapore-business-hero.webp');
  background-position:center 42%;
}
.sgbh-wide-ad{margin:8px auto 2px}
.sgbh-hero-ad .sgbh-ad-house{grid-template-columns:minmax(0,1fr) 150px;overflow:hidden}
.sgbh-hero-ad .sgbh-ad-visual{min-height:180px;background:#fff;border-radius:10px;padding:5px}
.sgbh-hero-ad .sgbh-ad-visual img{object-fit:contain!important;object-position:center;height:100%;max-height:none;border-radius:7px}
.sgbh-wide-ad .sgbh-ad-visual img{object-position:center}
.sgbh-featured-card,.sgbh-small-card,.sgbh-industry-card{isolation:isolate}
@media(max-width:860px){.sgbh-hero{background-position:54% center}.sgbh-wide-ad{margin-left:auto;margin-right:auto}}
@media(max-width:600px){.sgbh-hero{background-image:linear-gradient(rgba(239,250,255,.95),rgba(239,250,255,.93)),url('assets/images/singapore-business-hero.webp')}}


/* V1.2.1 visual QA hotfix */
.sgbh-hero-ad .sgbh-ad-copy{min-width:0}
.sgbh-hero-ad .sgbh-ad-btn{
  display:block;
  width:100%;
  max-width:100%;
  padding:11px 12px;
  font-size:16px;
  line-height:1.25;
  white-space:normal;
  text-align:center;
  overflow-wrap:anywhere;
}
.sgbh-hero-ad .sgbh-ad-house{grid-template-columns:minmax(0,1fr) 136px;gap:14px}
.sgbh-hero-ad .sgbh-ad-visual{min-width:0}
@media(max-width:1000px) and (min-width:861px){
  .sgbh-hero-ad .sgbh-ad-house{grid-template-columns:1fr 118px;padding:20px}
  .sgbh-hero-ad .sgbh-ad-copy h3{font-size:22px}
  .sgbh-hero-ad .sgbh-ad-btn{font-size:14px}
}

/* V1.2.2 cache-busting hotfix: renamed selected industry image assets to bypass CDN/browser image cache. */

/* V1.2.3: refreshed retail industry image asset to remove stray captured heading text. */