/* Benworks Bridge v0.7 / the only input colors are the existing three theme tokens. */
:root{--bb7-soft:var(--bb-surface);--bb7-edge:var(--bb-border);--bb7-shadow:0 14px 34px rgba(20,32,45,.10)}
/* 1. Header */
body.bb7-header-classic .header-main{min-height:100px}
body.bb7-header-classic .main-nav{background:var(--bb-nav);color:#fff;border:0}
body.bb7-header-classic .main-nav li a:hover{background:var(--bb-primary);color:var(--bb-on-primary)}
body.bb7-header-centered .header-main{flex-wrap:wrap;flex-direction:column;justify-content:center;min-height:130px;padding-top:22px;padding-bottom:17px;gap:8px}
body.bb7-header-centered .header-main .brand{text-align:center}
body.bb7-header-centered .header-main .header-actions{max-width:350px}
body.bb7-header-centered .main-nav{background:var(--bb-background);color:var(--bb-text);border-block:1px solid var(--bb-border)}
body.bb7-header-centered .main-nav ul{justify-content:center}
body.bb7-header-centered .main-nav li a:hover{background:var(--bb-surface);color:var(--bb-primary)}
body.bb7-header-solid .site-header{background:var(--bb-primary);color:var(--bb-on-primary)}
body.bb7-header-solid .header-main,body.bb7-header-solid .main-nav{background:var(--bb-primary);color:var(--bb-on-primary)}
body.bb7-header-solid .top-strip{background:var(--bb-nav);color:#fff;border:0}
body.bb7-header-solid .brand small{color:inherit;opacity:.82}
body.bb7-header-solid .main-nav{border:0;border-top:1px solid rgba(255,255,255,.18)}
body.bb7-header-solid .main-nav li a:hover{background:var(--bb-nav);color:#fff}
body.bb7-header-solid .search-form button{background:var(--bb-accent);color:var(--bb-on-accent)}
/* 2. Cards: apply also to featured review rows */
body.bb7-card-standard .product-card,body.bb7-card-standard .bb-feature-row{box-shadow:none;border:1px solid var(--bb-border);border-radius:var(--bb-radius)}
body.bb7-card-lifted .product-card,body.bb7-card-lifted .bb-feature-row{background:var(--bb-background);border:1px solid var(--bb-border);border-radius:calc(var(--bb-radius) + 8px);box-shadow:var(--bb7-shadow);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
body.bb7-card-lifted .product-card:hover,body.bb7-card-lifted .bb-feature-row:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(20,32,45,.16)}
body.bb7-card-outlined .product-card,body.bb7-card-outlined .bb-feature-row{background:var(--bb-background);border:2px solid var(--bb-primary);border-radius:var(--bb-radius);box-shadow:none}
body.bb7-card-outlined .product-body{border-top:1px solid var(--bb-border)}
/* 3. Ranking badges */
body.bb7-rank-circle .bb-rank-circle{border-radius:50%;border:4px solid #fff;background:var(--bb-accent);color:var(--bb-on-accent)}
body.bb7-rank-ribbon .bb-rank-circle{border:0;border-radius:2px 2px 8px 8px;left:13px;top:7px;width:48px;height:54px;background:var(--bb-accent);color:var(--bb-on-accent);box-shadow:0 4px 10px #0002}
body.bb7-rank-ribbon .bb-rank-circle:after{content:"";position:absolute;bottom:-8px;left:0;border-left:24px solid transparent;border-right:24px solid transparent;border-top:10px solid var(--bb-accent)}
body.bb7-rank-minimal .bb-rank-circle{border:1px solid var(--bb-primary);border-radius:var(--bb-radius);left:12px;top:8px;width:43px;height:43px;background:var(--bb-background);color:var(--bb-primary);font-family:var(--bb-heading-font);font-size:21px}
body.bb7-rank-ribbon .rank-number{border-radius:2px;background:var(--bb-accent);color:var(--bb-on-accent)}
body.bb7-rank-minimal .rank-number{border:1px solid var(--bb-primary);background:var(--bb-background);color:var(--bb-primary);border-radius:var(--bb-radius)}
/* 4. CTA buttons; preserve accessible foreground on all 3-color schemes */
body.bb7-button-solid .button,body.bb7-button-solid .bb3-quick-btn,body.bb7-button-solid .bb-slide-cta{border-radius:var(--bb-radius);background:var(--bb-primary);color:var(--bb-on-primary)!important;border:2px solid var(--bb-primary)}
body.bb7-button-outline .button,body.bb7-button-outline .bb3-quick-btn,body.bb7-button-outline .bb-slide-cta{border:2px solid var(--bb-primary);border-radius:var(--bb-radius);background:transparent;color:var(--bb-primary)!important;text-shadow:none}
body.bb7-button-outline .button:hover,body.bb7-button-outline .bb3-quick-btn:hover,body.bb7-button-outline .bb-slide-cta:hover{background:var(--bb-primary);color:var(--bb-on-primary)!important}
body.bb7-button-pill .button,body.bb7-button-pill .bb3-quick-btn,body.bb7-button-pill .bb-slide-cta{border:2px solid var(--bb-primary);border-radius:999px;background:var(--bb-primary);color:var(--bb-on-primary)!important;padding-inline:35px}
/* Hero has a dark photo-overlay: preserve visibility for outlined button */
body.bb7-button-outline .hero .button,body.bb7-button-outline .bb-hero-slider .bb-slide-cta{border-color:#fff;color:#fff!important}
body.bb7-button-outline .hero .button:hover,body.bb7-button-outline .bb-hero-slider .bb-slide-cta:hover{background:#fff;color:#17232b!important}
/* Auxiliary CTA components follow theme colors even when not directly styled */
.bb3-adbar a,.sticky-ad a{background:var(--bb-primary);color:var(--bb-on-primary)}
.bb4-slide-rank{background:var(--bb-accent);color:var(--bb-on-accent)}
@media(max-width:850px){
 body.bb7-header-centered .header-main{flex-direction:row;min-height:75px;justify-content:space-between}
 body.bb7-header-centered .header-main .brand{text-align:left}
 body.bb7-header-solid .menu-toggle{color:var(--bb-on-primary)}
 body.bb7-header-centered .main-nav.is-open{background:var(--bb-background);color:var(--bb-text)}
 body.bb7-header-solid .main-nav.is-open{background:var(--bb-primary);color:var(--bb-on-primary)}
}
@media(prefers-reduced-motion:reduce){body.bb7-card-lifted .product-card,body.bb7-card-lifted .bb-feature-row{transition:none}body.bb7-card-lifted .product-card:hover,body.bb7-card-lifted .bb-feature-row:hover{transform:none}}