/* Cloak Design System: targeted site fixes (separate from the migrated Customizer CSS in legacy.css) */

/* Product tabs: "Description" heading in Cloak Font overflowed phones (442px in 342px) and pushed the page sideways. 2026-10-09 */
.woocommerce-Tabs-panel h2 {
    overflow-wrap: anywhere;
}
@media (max-width: 767px) {
    .woocommerce-Tabs-panel h2 {
        font-size: clamp(22px, 7vw, 30px) !important;
        line-height: 1.25 !important;
    }
}

/* Old footer (template 6144) pulls its first section up 82px over the page above. Cancel that on redesigned pages.
   Remove when the footer is rebuilt in phase 3. 2026-10-09 */
body:has(.ck-hero) .elementor-location-footer .elementor-element-1432d5c6 { margin-top: 0 !important; }

/* Migrated Customizer CSS has ".e-con-full { padding-block-start: 0 }", which wipes the top padding of every full-width
   container. Restore Elementor's own padding on redesigned pages. Revisit when legacy.css is cleaned up. 2026-10-09 */
body:has(.ck-hero) [data-elementor-type="wp-page"] .e-con-full { padding-block-start: var(--padding-top); }

/* Same legacy ".e-con-full { padding-block-start: 0 }" problem inside the new header and its mega menu panels. 2026-10-09 */
.elementor-location-header .ck-header .e-con-full { padding-block-start: var(--padding-top); }