/*
Theme Name: Business Convergence
Theme URI: https://bconvergence.com
Author: Business Convergence (Pty) Ltd
Description: Executive grey WordPress theme for early-stage venture capital, franchising and the Convergence Journal.
Version: 1.3.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: bconvergence
*/
@import url("assets/site.css");
@import url("assets/executive.css");
.wp-content{max-width:820px;margin:0 auto}.wp-content>*+*{margin-top:1.25rem}.wp-content h2{font-size:2.2rem;margin-top:2.5rem}.wp-content h3{font-size:1.55rem;margin-top:2rem}.wp-content a{color:#775f38;text-decoration:underline}.wp-content blockquote{border-left:3px solid #a8874f;margin:2rem 0;padding:1rem 1.5rem;background:#f4f6f7}.pagination{display:flex;gap:12px;justify-content:center;margin-top:50px}.pagination .page-numbers{padding:9px 14px;border:1px solid #cbd3d7}.pagination .current{background:#34424e;color:#fff}.screen-reader-text{position:absolute;left:-9999px}.opportunity-card{border-top:3px solid #788793}.opportunity-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:70px;align-items:start}.opportunity-enquiry{position:sticky;top:120px;padding:32px;background:#e1e6e9;border:1px solid #c7d0d5}.opportunity-enquiry h3{font-size:1.75rem;margin:20px 0}.opportunity-notice{margin-top:45px;padding:24px;background:#edf0f2;border-left:3px solid #a8874f;color:#53616b}.opportunity-notice p{margin:.5rem 0 0}@media(max-width:900px){.opportunity-layout{grid-template-columns:1fr}.opportunity-enquiry{position:static}}

/* Responsive layouts, WordPress content and touch navigation */
img, video, canvas, svg {max-width:100%;height:auto}
iframe, embed, object {max-width:100%}
figure {max-width:100%;margin-inline:0}
.wp-content, .shell > *, .section-head > *, .contact-grid > *, .opportunity-layout > * {min-width:0}
h1,h2,h3,p,a,label,.brand strong {overflow-wrap:anywhere}
.navlinks {list-style:none;margin:0;padding:0;align-items:center;letter-spacing:.06em}
.navlinks li {position:relative;list-style:none}
.navlinks a {display:block;padding:10px 0}
.navlinks .sub-menu {display:none;position:absolute;top:100%;left:0;min-width:220px;padding:12px;background:#f4f6f7;color:#26323b;box-shadow:0 8px 24px #26323b22;z-index:30}
.navlinks li:hover > .sub-menu,.navlinks li:focus-within > .sub-menu {display:block}
.navlinks .sub-menu .sub-menu {left:100%;top:0}
.nav {gap:20px;position:relative}
.brand {min-width:0}.monogram {flex-shrink:0}
.brand strong {letter-spacing:.04em}
.mobile-toggle {cursor:pointer;min-height:44px;min-width:44px;align-items:center;gap:8px}
.mobile-toggle span {font-size:1rem}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline:3px solid #a8874f;outline-offset:4px}
.hero {min-height:820px;display:flex;flex-direction:column}
.hero-content {width:min(1220px,calc(100% - 40px));max-width:none;padding-bottom:55px}
.hero-content > * {max-width:720px}
.region-dock {position:relative;bottom:auto;margin-top:auto;padding-bottom:34px}
.region-tabs {grid-template-columns:repeat(5,minmax(0,1fr))}
.region-tab {min-height:70px;overflow-wrap:anywhere}
.venture,.article-card {display:flex;flex-direction:column;min-width:0}
.venture a,.article-card a {position:static;margin-top:auto;padding-top:20px;min-height:44px}
.article-card p {margin-bottom:20px}
.field input,.field select,.field textarea {width:100%;min-width:0;font-size:16px;min-height:44px}
.field select option {background:#fff;color:#26323b}
.pagination,.pagination .nav-links {display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.wp-content pre {max-width:100%;overflow:auto}
.wp-content table,.wp-block-table {display:block;max-width:100%;overflow-x:auto}
.wp-content .alignwide,.wp-content .alignfull {max-width:100%}
.wp-block-columns {flex-wrap:wrap!important}
.wp-block-column {min-width:0}
@media(max-width:1100px){
 .nav {flex-wrap:wrap;padding-block:14px;min-height:80px}
 .nav-cta {display:none}
 .mobile-toggle {display:none}
 .navlinks {display:flex;width:100%;flex-wrap:wrap;gap:10px 24px}
 .nav-ready .mobile-toggle {display:inline-flex}
 .nav-ready .navlinks {display:none}
 .nav-ready.menu-open .navlinks {display:flex}
 .topbar {position:relative;background:#f4f6f7}
 .navlinks .sub-menu,.navlinks .sub-menu .sub-menu {display:block;position:static;min-width:0;box-shadow:none;padding:0 0 0 16px}
 .navlinks li {flex:1 1 180px}
 .navlinks a {min-height:44px}
 .hero-content {padding-top:90px}
 .page-hero {padding-top:90px}
 .franchise-grid,.article-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .section-head {gap:35px}
 .contact-grid {gap:40px}
}
@media(max-width:900px){
 .hero {min-height:0}
 .hero-content {padding-block:70px 50px}
 .region-tabs {grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}
 .region-tab {padding:18px 10px}
 .region-visual {min-height:320px}
 .section {padding:75px 0}
 .opportunity-layout {gap:35px}
 .footer-grid {grid-template-columns:1fr 1fr;gap:30px}
 .footer-grid > :first-child {grid-column:1/-1}
}
@media(max-width:600px){
 .shell,.hero-content {width:calc(100% - 32px)}
 .brand {gap:10px}.brand strong {font-size:.78rem;max-width:190px}
 .hero h1 {font-size:clamp(2.7rem,11vw,4rem)}
 .page-hero h1 {font-size:clamp(2.4rem,10vw,3.8rem)}
 .section h2,.region-copy h2 {font-size:clamp(2.2rem,9vw,3.2rem)}
 .eyebrow {font-size:.68rem;letter-spacing:.12em}.eyebrow:before {flex-shrink:0;width:24px}
 .lead {font-size:1.05rem}
 .hero-actions {gap:12px}.hero-actions .button {width:100%;justify-content:center;text-align:center}
 .region-tabs {grid-template-columns:repeat(2,minmax(0,1fr))}
 .region-tab:last-child {grid-column:1/-1}
 .region-dock {padding-bottom:20px}
 .section {padding:55px 0}.section-head {margin-bottom:32px}
 .article-grid,.franchise-grid,.footer-grid,.region-list {grid-template-columns:1fr}
 .region-copy {padding:45px 24px}.region-visual {min-height:260px}
 .venture,.article-card,.franchise,.opportunity-enquiry {padding:24px}
 .venture h3 {margin-top:28px}.article-card h3 {margin-top:24px}
 .page-hero {padding:60px 0}
 .legal {display:flex;flex-direction:column;gap:12px}
 .wp-content h2 {font-size:1.9rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{transition:none}}