/* Server-only Lions Clubs International brand layer.
   Official Lions palette and identity assets with the platform's original type system. */

:root{
  --lions-blue:#00338d;
  --lions-yellow:#ebb700;
  --lions-purple:#7a2582;
  --lions-dark-blue:#0d2240;
  --lions-light-blue:#407cca;
  --lions-cool-gray:#55565a;
  --tg-accent:#00338d;
  --tg-accent-soft:rgba(0,51,141,.12);
  --tg-violet:#7a2582;
  --tg-action-bg:#00338d;
  --tg-action-text:#fff;
  --tg-bg:#f7f9fc;
  --tg-bg-2:#fff;
  --tg-text:#0d2240;
  --tg-muted:#55565a;
}

html[data-theme="dark"]{
  --tg-accent:#ebb700;
  --tg-accent-soft:rgba(235,183,0,.14);
  --tg-violet:#7a2582;
  --tg-action-bg:#ebb700;
  --tg-action-text:#0d2240;
  --tg-text:#fff;
  --tg-muted:#b3b2b1;
}

body{
  background:
    radial-gradient(circle at 12% -6%,rgba(0,51,141,.14),transparent 32rem),
    radial-gradient(circle at 92% 12%,rgba(122,37,130,.09),transparent 32rem),
    linear-gradient(var(--tg-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--tg-grid) 1px,transparent 1px),
    linear-gradient(180deg,var(--tg-bg) 0%,var(--tg-bg-2) 100%);
  background-size:auto,auto,72px 72px,72px 72px,auto;
  background-attachment:fixed;
}

html[data-theme="dark"] body{
  background:
    radial-gradient(circle at 12% -6%,rgba(0,51,141,.32),transparent 34rem),
    radial-gradient(circle at 92% 14%,rgba(122,37,130,.20),transparent 34rem),
    radial-gradient(circle at 50% 100%,rgba(235,183,0,.08),transparent 36rem),
    linear-gradient(var(--tg-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--tg-grid) 1px,transparent 1px),
    linear-gradient(180deg,#071426 0%,#0d2240 52%,#071426 100%);
  background-size:auto,auto,auto,72px 72px,72px 72px,auto;
}

.topbar-inner.wide{
  border-top-width:1px!important;
  border-top-color:var(--tg-line-strong)!important;
  box-shadow:var(--tg-shadow-soft),inset 0 2px 0 var(--lions-yellow),inset 0 1px 0 rgba(255,255,255,.16)!important;
}

.topbar .brand{
  min-width:0;
  flex:0 1 auto;
}

.brand-icon.brand-logo-image{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 1 auto!important;
  width:222px!important;
  height:44px!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  padding:5px 10px!important;
  border:1px solid rgba(13,34,64,.12)!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
  line-height:0!important;
}

.brand-logo-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
}

.brand-logo-image+span{display:none!important}
.footer-brand .brand-logo-image{width:min(250px,100%)!important;height:50px!important}
.landing-empty-visual img{width:210px!important;height:70px!important;object-fit:contain!important}

.eyebrow,.micro-label,.preview-kicker{color:var(--lions-blue)!important}
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .micro-label,
html[data-theme="dark"] .preview-kicker{color:var(--lions-yellow)!important}

.dark-btn,.blue-btn,.post-enquiry,.apply-btn,.landing-search-button{
  background:var(--lions-blue)!important;
  color:#fff!important;
}

.dark-btn:hover,.blue-btn:hover,.post-enquiry:hover,.apply-btn:hover,.landing-search-button:hover{
  background:var(--lions-dark-blue)!important;
}

html[data-theme="dark"] .dark-btn,
html[data-theme="dark"] .blue-btn,
html[data-theme="dark"] .post-enquiry,
html[data-theme="dark"] .apply-btn,
html[data-theme="dark"] .landing-search-button{
  background:var(--lions-yellow)!important;
  color:var(--lions-dark-blue)!important;
}

.navlinks a.active{background:var(--lions-blue)!important;color:#fff!important}
.hero-orbit-one{background:radial-gradient(circle at 35% 35%,rgba(0,51,141,.24),rgba(64,124,202,.06) 58%,transparent 70%)}
.hero-orbit-two{background:radial-gradient(circle at 55% 45%,rgba(122,37,130,.20),rgba(122,37,130,.05) 60%,transparent 72%)}
.landing-supplier-cta:after{background:rgba(235,183,0,.18)}

:focus-visible{outline:3px solid var(--lions-yellow)!important;outline-offset:3px}

@media(max-width:1180px){
  .brand-icon.brand-logo-image{width:200px!important;height:42px!important;padding:5px 9px!important}
}

@media(max-width:900px){
  .topbar-inner.wide{gap:8px!important}
  .brand-icon.brand-logo-image{width:190px!important;height:40px!important;padding:4px 8px!important}
}

@media(max-width:640px){
  .topbar-inner.wide{gap:5px!important}
  .brand-icon.brand-logo-image{
    width:clamp(132px,calc(100vw - 126px),190px)!important;
    height:40px!important;
  }
  .footer-brand .brand-logo-image{width:min(238px,100%)!important;height:48px!important}
}

@media(max-width:360px){
  .brand-icon.brand-logo-image{height:38px!important;padding:4px 7px!important}
}