/* British Social brand refresh — presentation only, 5 November 2026. */
:root{--ink:#080f36;--muted:#566787;--line:#e5e9f1;--paper:#fff;--page:#f5f7fb;--rust:#e80024;--green:#df0028;--shadow:0 6px 24px rgba(13,28,65,.055);--bs-red:#e80024;--bs-red-dark:#bd0020;--bs-pink:#fff0f3;--bs-navy:#080f36}
body{background:var(--page);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}
h1,h2,h3,h4,.post-author strong,.directory-copy h3,.event-list-copy h3,.empty-state h2,.event-image strong,.right-card h3,.profile-summary h2{font-family:'Manrope','DM Sans',Arial,sans-serif;color:var(--bs-navy);font-style:normal}
button,input,textarea,select,.post-text,.post-body,.page-heading p,.empty-state p,.event-details,.right-foot,.modal,.modal textarea,.public-page,.single-post,.welcome-footer{font-family:'DM Sans',Arial,sans-serif}
.brand{display:inline-flex;align-items:center;flex-shrink:0;min-width:0;text-decoration:none;gap:0;letter-spacing:normal}
.bs-brand-logo{display:block;width:238px;height:46px;object-fit:contain;object-position:center;max-width:100%;border-radius:0;flex-shrink:0}
.topbar{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 14px #0b153306}
.topbar-inner{gap:18px}.topbar .brand{margin-right:auto}.topbar .searchbox{background:#f5f7fc;border:1px solid #dfe5f0;border-radius:28px;color:#24355b}.searchbox input{color:var(--ink)}
.quick-create,.primary-cta,.auth-submit,.publish-button,.britmarket-create,.business-directory-card .business-follow:not(.following),.join-event,.ad-link,.admin-button.primary{background:var(--bs-red);color:#fff;border-color:var(--bs-red);box-shadow:0 4px 12px #e8002415}
.quick-create:hover,.primary-cta:hover,.auth-submit:hover,.publish-button:hover,.britmarket-create:hover{background:var(--bs-red-dark);color:white}
.primary-cta span,.auth-submit span{color:white}.quick-create{border-radius:24px}.badge{background:var(--bs-red)}
.round-action,.profile-menu{background:#f3f5fa;border-color:#e7ebf3;color:var(--bs-navy)}.round-action:hover{background:#ffe9ee;color:var(--bs-red)}.settings-action svg,.sign-out svg{color:var(--bs-navy)}
.sign-out,.admin-portal-link,.header-control{color:var(--bs-navy);background:white;border-color:#dfe5f0}.admin-portal-link{background:var(--bs-pink);color:var(--bs-red);border-color:#ffdae2}
.side-menu{gap:4px}.side-link{color:#111b3c;border-radius:16px;font-weight:700;font-size:14px;min-height:46px}.side-link svg{width:23px;height:23px;stroke-width:1.65}.side-link:hover{background:#fff0f3;color:var(--bs-red)}.side-link.selected,.side-link.active{color:var(--bs-red);background:#fde8ed}.side-link.selected[data-view=home] svg{fill:currentColor;stroke-width:1.3}.side-link small{background:#ffe7ed;color:#c90028}.mini-profile{border-color:#e5e9f1}.mini-profile strong{color:var(--bs-navy)}.sidebar-note{background:#fff0f3;color:#a40b2a}.sidebar-note strong{color:#be0026}
.welcome-row{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e8edf5;border-radius:20px;background:linear-gradient(100deg,#fff 0%,#f5f8ff 70%,#edf3ff);min-height:180px;padding:26px 28px;box-sizing:border-box;margin-bottom:22px;align-items:center}.welcome-row:before{content:'';position:absolute;inset:0 0 0 48%;background:linear-gradient(90deg,#f6f9ff,transparent),url('https://images.unsplash.com/photo-1513635269975-59663e0ac1ad?w=900&auto=format&fit=crop&q=80') center/cover;opacity:.45;z-index:-2}.welcome-row:after{content:none}.welcome-row h1{font-weight:800;letter-spacing:-1.2px;color:var(--bs-navy);font-size:34px}.welcome-row p{color:#42577c;font-size:14px;max-width:500px}.welcome-row .eyebrow{color:#17254b}.welcome-row .outline-button{background:#ffffffeb;border-color:#e3e8f0;color:#a40024;font-family:inherit;position:relative;z-index:1}
.composer,.post,.right-card,.card,.directory-card,.page-modal,.modal,.auth-card,.events-controls,.britmarket-controls{border-color:#e5e9f1;box-shadow:0 6px 22px #10245105;background-color:#fff}.composer,.post{border-radius:20px}.composer-prompt{font-family:inherit;color:#536383}.compose-icon,.composer-actions button,.post-actions button:hover,.post-actions button.liked,.post-actions button.saved{color:var(--bs-red)}
.secondary-action,.outline-button{font-family:inherit;color:#bd0026;border-color:#eadce2;border-radius:10px}.secondary-action:hover,.outline-button:hover{background:#fff0f3;border-color:#f4bcc9;color:#bd0026}
.filter-pills button.active,.profile-tabs button.active,.business-tabs button.active,.group-tabs button.active,.page-tabs button.active{background:#fff0f3;color:#c90028;border-color:#f2bfcb}.profile-tabs button.active,.business-tabs button.active{border-bottom-color:var(--bs-red)}
.business-profile-hero,.profile-cover,.business-directory-cover{background:linear-gradient(135deg,#131e46,#3c4975)}.business-directory-follow,.business-directory-action,.ad-button{background:var(--bs-red);color:white}.event-image{background:linear-gradient(135deg,#fbe7ee,#edf2ff);color:var(--bs-navy)}.event-image strong{font-family:'Manrope',Arial,sans-serif}.event-details strong,.right-card-footer{font-family:inherit}.empty-state{background:linear-gradient(135deg,#fff,#f8faff);border-radius:18px}.empty-state>span{background:#fff0f3;color:var(--bs-red)}.toast{background:var(--bs-navy);font-family:inherit;border-radius:12px}.access-notice{background:#fff4f6;border-color:#ffdce4;color:#1c294e}.access-notice>span{color:var(--bs-red)}.age-confirm{background:#fff4f6;border-color:#ffdce4;color:#27375a}.age-confirm span{color:#27375a}.auth-form input:focus,.auth-form select:focus,.auth-form textarea:focus,input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:#d61b40;outline-color:#d61b40;box-shadow:0 0 0 3px #e8002410}input[type=checkbox]{accent-color:var(--bs-red)}
.welcome-screen{background:var(--page);max-width:1500px;padding-top:20px}.welcome-nav{border:1px solid var(--line);border-radius:20px;padding:12px 24px;height:82px;box-sizing:border-box;box-shadow:var(--shadow)}.welcome-nav .bs-brand-logo{width:260px;height:50px}.welcome-nav-note{font-family:'Manrope',Arial,sans-serif;color:var(--bs-navy);letter-spacing:1.8px;font-weight:800;font-size:9px;margin-left:4px;padding-left:22px;border-left:2px solid var(--bs-red)}.nav-signin{background:var(--bs-red);color:white;border-color:var(--bs-red);border-radius:24px;font-family:inherit;font-weight:700;padding:13px 22px}.nav-signin span{color:white}.welcome-hero{padding-top:56px;padding-bottom:50px}.hero-copy h1{font-weight:800;color:var(--bs-navy);line-height:1.08}.hero-copy h1 em{color:var(--bs-red);font-style:normal}.hero-copy>p{font-family:inherit;color:#536383;font-size:17px;line-height:1.8}.hero-kicker{color:#293a5c;font-weight:800}.hero-kicker i{background:var(--bs-red)}.quiet-cta{color:#a00025;border-color:#e8b8c4;font-family:inherit}.hero-footnote{font-family:inherit;color:#536383}.hero-footnote span{color:var(--bs-red)}.hero-art .main-photo{border-radius:28px}.hero-note{background:#fff;border:1px solid #f0e0e6;box-shadow:var(--shadow);border-radius:16px}.hero-note strong{font-family:'Manrope',Arial,sans-serif;color:var(--bs-navy)}.hero-note small{color:#65738c}.hero-doodle,.note-spark,.detail-number{color:var(--bs-red)}.detail-item strong,.detail-item p,.details-intro h2,.welcome-footer>span,.welcome-footer button,.welcome-footer>a{font-family:inherit}.welcome-details{border-color:var(--line)}.detail-item p{color:#65738c;line-height:1.7}.welcome-footer em{color:var(--bs-red);font-style:normal}.welcome-footer button{color:#bd0026}
.auth-screen{background:var(--page)}.auth-aside{background:linear-gradient(145deg,#fff7f8,#fff 52%,#f0f3fa);border-right:1px solid #e5e9f1}.auth-aside:after{border-color:#f4dce3}.auth-aside .bs-brand-logo{width:270px;height:54px}.auth-aside-kicker{color:#495b7c}.auth-aside h2{font-family:'Manrope',Arial,sans-serif;color:var(--bs-navy);font-weight:800}.auth-aside h2 em{color:var(--bs-red);font-style:normal}.auth-aside>p{font-family:inherit;color:#536383;line-height:1.7}.auth-aside-art{border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.auth-aside-foot{color:#5b6d87}.auth-card{border-radius:24px;border:1px solid var(--line)}.auth-card h1{font-weight:800;color:var(--bs-navy)}.auth-subtitle,.auth-card>p{color:#65738c}.auth-form label{font-weight:600;color:#263657}.auth-submit{border-radius:13px;font-weight:700}.forgot-password,.auth-switch button,.back-home{font-family:inherit;color:#a80028}.auth-legal{color:#66738b}
.events-controls .discovery-filter>button[type=submit]{background:#fff0f3;border-color:#ffd5df;color:#bd0026}.events-controls-heading h1,.events-controls-heading p{font-family:inherit}.britmarket-controls .discovery-filter>button[type=submit]{background:#fff0f3;color:#bd0026;border-color:#ffd5df}.britmarket-tabs .filter-pills button.active{background:#ffe9ef;color:#c90028}.mobile-nav{background:#fffffffa;border-color:var(--line)}.mobile-nav button.active{color:var(--bs-red)}.mobile-nav .mobile-create-icon{background:var(--bs-red);color:white}.mobile-nav button{font-family:inherit}.admin-nav>button.active{background:#fff0f3;color:#bf0028}.admin-top .brand{font-size:0}.admin-top .bs-brand-logo{width:225px;height:44px}.admin-top{background:#fff}.live-pill{color:#22604f}.public-nav .bs-brand-logo{width:235px;height:46px}.single-post-nav .bs-brand-logo{width:235px;height:46px}
@media(min-width:1400px){.app-layout{max-width:1600px;grid-template-columns:225px minmax(0,1fr) 300px;gap:28px}.topbar-inner{max-width:1680px}.brand-note{display:block;color:var(--bs-navy);font:800 8px/1.5 'Manrope',Arial,sans-serif;letter-spacing:1.2px;border-left:1px solid var(--bs-red);padding-left:16px;max-width:185px}.topbar .searchbox{max-width:430px}.left-sidebar{padding-right:8px}.right-sidebar{min-width:0}}
@media(max-width:1100px){.topbar-inner{gap:10px}.topbar .bs-brand-logo{width:200px;height:42px}.brand-note{display:none}.welcome-nav-note{display:none}.auth-aside .bs-brand-logo{width:230px;height:48px}}
@media(max-width:760px){.topbar .bs-brand-logo{width:148px;height:34px}.topbar-inner{gap:6px;padding-left:10px;padding-right:10px}.topbar .brand{margin-right:auto}.welcome-row{padding:22px 18px;min-height:178px;border-radius:16px;display:flex;align-items:flex-start;gap:10px}.welcome-row h1{font-size:27px;line-height:1.2}.welcome-row p{font-size:12px;max-width:290px}.welcome-row:before{inset:0 0 0 30%;opacity:.2}.welcome-row:after{content:none}.welcome-row .outline-button{font-size:10px;padding:7px;max-width:95px;white-space:normal}.welcome-nav{height:72px;padding:10px 14px;border-radius:15px;gap:12px}.welcome-nav .bs-brand-logo{width:180px;height:38px}.nav-signin{padding:10px 15px;font-size:12px}.welcome-screen{padding-top:12px}.welcome-hero{padding-top:35px}.hero-copy h1{font-size:clamp(40px,10.5vw,62px);letter-spacing:-1.6px}.hero-copy>p{font-size:15px}.hero-buttons{flex-wrap:wrap}.auth-aside{height:auto;min-height:180px;padding:18px 22px}.auth-aside .bs-brand-logo{width:205px;height:42px}.auth-aside-kicker{margin-top:22px}.auth-aside h2{font-size:30px}.auth-main{padding:22px 14px}.auth-card{padding:26px 20px;margin:22px 0}.auth-card h1{font-size:30px}.composer,.post{border-radius:16px}.side-link{font-size:14px}.public-nav .bs-brand-logo,.single-post-nav .bs-brand-logo{width:165px;height:36px}.admin-top .bs-brand-logo{width:175px;height:36px}}
@media(max-width:380px){.topbar .bs-brand-logo{width:135px;height:32px}.welcome-nav .bs-brand-logo{width:155px;height:34px}.welcome-nav{padding:10px}.auth-card{padding:23px 16px}.welcome-row{padding:18px 15px}.welcome-row h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Match the existing application selectors without changing their behaviour. */
.community-app .quick-create,.community-app .join-event,.community-app .sidebar-ad-cta,.community-app .ad-cta,.community-app .business-directory-follow,.community-app .business-directory-action,.community-app .publish-button{background:#e80024;color:#fff;border-color:#e80024}
.community-app .side-link.selected,.business-directory-tabs [aria-current="page"],.group-directory-tabs [aria-current="page"]{background:#fde8ed;color:#d60029;border-color:#ffd5df}
.community-app .see-all-button,.community-app .filter-button,.community-app .text-button{color:#bf0028}

.welcome-screen .nav-signin,.welcome-screen .primary-cta,.auth-screen .primary-cta,.auth-screen .auth-submit{background:#e80024;color:#fff;border-color:#e80024;font-family:inherit;border-radius:24px}
.welcome-screen .hero-copy h1 em{font-weight:800}.auth-screen .age-confirm{background:#fff4f6;border-color:#ffdce4;color:#27375a}.auth-screen .age-confirm span{color:#27375a}