/* ========================================================================== Dividers — Wave, Diagonal, Curve Breast Connect Theme ========================================================================== */ /* ---------- Wave Divider ---------- */ .bc-divider-wave{position:relative;width:100%;height:80px;overflow:hidden;line-height:0;margin-top:-80px;/* overlap into section above */ z-index:3;pointer-events:none}.bc-divider-wave svg{position:absolute;bottom:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);display:block}.bc-divider-wave{margin-bottom:-2px}.bc-divider-wave--flip svg{transform:rotate(180deg)}/* Wave color variants */ .bc-divider-wave--white svg path{fill:var(--white)}.bc-divider-wave--navy svg path{fill:var(--navy)}.bc-divider-wave--teal svg path{fill:var(--teal)}.bc-divider-wave--warm-white svg path{fill:var(--warm-white)}.bc-divider-wave--soft-gray svg path{fill:var(--soft-gray)}/* ---------- Diagonal Divider ---------- */ .bc-divider-diagonal{position:relative;height:80px;overflow:hidden;margin-top:-1px;margin-bottom:-1px;z-index:2}/*::before removed — diagonal uses inline child div from template */ /* Diagonal color variants */ .bc-divider-diagonal--white::before{background-color:var(--white)}.bc-divider-diagonal--navy::before{background-color:var(--navy)}.bc-divider-diagonal--teal::before{background-color:var(--teal)}.bc-divider-diagonal--warm-white::before{background-color:var(--warm-white)}.bc-divider-diagonal--soft-gray::before{background-color:var(--soft-gray)}/* ---------- Curve Divider ---------- */ .bc-divider-curve{position:relative;width:100%;height:60px;overflow:hidden;line-height:0;margin-top:-4px;z-index:3}.bc-divider-curve svg{position:absolute;bottom:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);display:block}.bc-divider-curve{margin-bottom:-2px}.bc-divider-curve--flip svg{transform:rotate(180deg)}/* Curve color variants */ .bc-divider-curve--white svg path{fill:var(--white)}.bc-divider-curve--navy svg path{fill:var(--navy)}.bc-divider-curve--teal svg path{fill:var(--teal)}.bc-divider-curve--warm-white svg path{fill:var(--warm-white)}.bc-divider-curve--soft-gray svg path{fill:var(--soft-gray)}