/*
Theme Name: WiseBattery Corporate
Author: WiseBattery
Description: WiseBattery corporate website with native product pages and content editors.
Version: 1.3.9
Requires at least: 6.8
Requires PHP: 7.4
Text Domain: wisebattery-corporate
*/
:root {--wb-blue:#2A64B0;--wb-deep:#2D4D73;--wb-line:#e3e8ed;--wb-gap:clamp(3rem,7vw,7rem);}
body {margin:0;background:white;color:#20252b;font-family:"HarmonyOS Sans",sans-serif;line-height:1.55;}
.wp-site-blocks>main {max-width:1320px;width:88%;margin-inline:auto;padding-block:1rem 4rem;}
.wp-site-blocks>header,.wp-site-blocks>footer {padding:1rem max(6%,calc((100% - 1320px)/2));border-block-end:1px solid var(--wb-line);}
.wp-site-blocks>footer {border-block-start:1px solid var(--wb-line);padding-block:3rem;}
a {color:var(--wb-blue);text-underline-offset:.22em;}
a:focus-visible,summary:focus-visible {outline:3px solid var(--wb-blue);outline-offset:3px;}
h1,h2,h3 {line-height:1.13;letter-spacing:-.035em;text-wrap:balance;}
h1 {font-size:clamp(2.3rem,4.15vw,4.55rem);}
h2 {font-size:clamp(1.7rem,2.7vw,2.85rem);}
.wp-block-button__link {border-radius:0;background:var(--wb-blue);color:white;}
.wb-hero {align-items:center;min-height:clamp(540px,81svh,840px);margin-block:0;gap:clamp(1.5rem,4vw,4rem);}
.wb-hero>.wp-block-column:first-child {flex-basis:42%;}
.wb-hero>.wp-block-column:last-child {flex-basis:58%;}
.wb-hero h1 {max-width:15ch;}
.wb-hero p {max-width:43ch;}
.wb-hero img {display:block;width:100%;max-height:72svh;object-fit:contain;}
.wb-chapter {border-top:1px solid var(--wb-line);padding-block:var(--wb-gap);margin-block:0;}
.wb-chapter img {max-width:100%;height:auto;}
.wb-family-selector {position:relative;}
.wb-family-row {margin-block:0;border-top:1px solid var(--wb-line);}
.wb-family-row>p {margin:.8rem 0;font-weight:600;}
.wb-family-row>details {margin:0;}
.wb-family-row summary {cursor:pointer;color:var(--wb-deep);min-height:44px;}
.wb-family-content {padding-bottom:1rem;}
.wb-family-content img {height:clamp(12rem,24vw,21rem);width:100%;object-fit:contain;}
.wb-spread {gap:clamp(2rem,7vw,7rem);}
.wb-chapter ul {padding-inline-start:1.25rem;}
.wb-chapter li {margin-block:.8rem;}
.wp-block-table {max-width:100%;overflow:auto;}
.wp-block-table table {width:100%;border-collapse:collapse;}
.wp-block-table td,.wp-block-table th {padding:.65rem;border:1px solid var(--wb-line);text-align:left;}
.wb-brand {width:154px;height:44px;position:relative;display:inline-block;overflow:hidden;}
.wb-brand img {position:absolute;width:142%;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);}
@media(min-width:782px) {
	.wb-family-selector {display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);column-gap:6%;grid-template-rows:repeat(6,minmax(44px,auto));min-height:32rem;align-content:start;}
	.wb-family-row {display:contents;}
	.wb-family-row>p {grid-column:1;grid-row:var(--wb-row);padding:.65rem 5.5rem .65rem 0;margin:0;border-top:1px solid var(--wb-line);}
	.wb-family-row>details {display:contents;}
	.wb-family-row>details::details-content {display:contents;}
	.wb-family-row summary {grid-column:1;grid-row:var(--wb-row);justify-self:end;align-self:start;font-size:.83rem;max-width:5rem;padding-top:.65rem;}
	.wb-family-row details:not([open])>.wb-family-content {display:none;}
	.wb-family-content {grid-column:2;grid-row:1 / span 6;align-self:center;min-width:0;}
	.wb-family-row:nth-child(1){--wb-row:1}.wb-family-row:nth-child(2){--wb-row:2}.wb-family-row:nth-child(3){--wb-row:3}.wb-family-row:nth-child(4){--wb-row:4}.wb-family-row:nth-child(5){--wb-row:5}.wb-family-row:nth-child(6){--wb-row:6}
}
@media(max-width:781px) {
	.wb-hero {min-height:0;padding-block:2rem;}
	.wb-hero img {max-height:none;}
	.wp-site-blocks>main {width:90%;}
}
