/**
 * VAPNORY - footer vertical height reduction (owner-approved change to the
 * frozen Footer component: touching a frozen
 * component requires an explicit owner request, which this is).
 *
 * (Unrelated to, and NOT a re-attempt of, the earlier horizontal
 * footer-width-constraint.css change - that was based on a misreading of
 * the owner's report and was fully rolled back. This file only changes
 * vertical padding/margin; it never touches width, max-width, or
 * left/right padding/margin on any footer element.)
 *
 * Read-only investigation before writing this file - the real values,
 * read directly from the live generated Elementor CSS
 * (uploads/elementor/css/post-69691.css, the current footer template),
 * not guessed:
 *
 *   element (role)                          desktop   tablet(<=1199) mobile(<=767)
 *   -------------------------------------------------------------------------------
 *   a4c9eb9 (outer black panel) padding-top   80px      50px           50px (unchanged)
 *   a4c9eb9                     padding-bottom 92px      62px          135px (!)
 *   b49b708 (logo row) margin-bottom           55px      20px           30px
 *   69bbe85/1581033/181f15f (SHOP/SUPPORT/     already 16px margin-bottom - within
 *     ABOUT headings) margin-bottom            the owner's own 12-16px target already,
 *                                              not touched.
 *   .elementor-icon-list-item > a line-height  already 32px - within the owner's own
 *                                              28-32px target already, not touched.
 *   5359863/0dcaffb (copyright bar) padding    already 10px top/bottom - already
 *                                              compact, not touched (touching it would
 *                                              only work against the height-reduction
 *                                              goal, and it was never the reported
 *                                              problem).
 *
 * No min-height/height/max-height was found set on any of these container
 * elements (only small 20px accents on unrelated icon/divider details) -
 * confirmed nothing needed removing there.
 *
 * The 767px mobile padding-bottom (135px) is the single largest
 * contributor and matches the owner's own description of "a large blank
 * vertical area between the accordion rows and copyright" - reduced the
 * most here.
 *
 * Mechanism: Elementor's Flexbox Container renders these values through
 * CSS custom properties (e.g. ".elementor-element-a4c9eb9{--padding-top:
 * 80px}"), consumed by Elementor's own low-specificity base rule
 * elsewhere. That per-element rule lives in Elementor's own
 * editor-generated CSS file and must not be edited directly (owner boundary:
 * never edit plugin files - it would also be silently overwritten the
 * next time the template is re-saved in the editor). Instead, this
 * redefines the SAME custom properties at a higher-specificity selector
 * (#bwp-footer prefix = 1 ID + 1 class, vs Elementor's own single-class
 * rule) so the override applies deterministically regardless of CSS file
 * load order, without touching Elementor's generated file, the widget
 * content, or the SHOP/SUPPORT/ABOUT heading/link rules (already within
 * range, so their touch-target height is unchanged - confirmed 16px
 * heading margin + 30px heading line-height + 32px link line-height all
 * untouched).
 *
 * Scoped to #bwp-footer (stable, output by footer.php on every page) so
 * this applies globally and keeps working if the owner ever assigns a
 * different Elementor template as footer_style, matching the per-element
 * hash class names of the one currently in use.
 */
#bwp-footer .elementor-element-a4c9eb9 {
	--padding-top: 36px;
	--padding-bottom: 28px;
}
#bwp-footer .elementor-element-b49b708 {
	--margin-bottom: 24px;
}
@media (max-width: 1199px) {
	#bwp-footer .elementor-element-a4c9eb9 {
		--padding-top: 24px;
		--padding-bottom: 24px;
	}
	#bwp-footer .elementor-element-b49b708 {
		--margin-bottom: 16px;
	}
}
@media (max-width: 767px) {
	#bwp-footer .elementor-element-a4c9eb9 {
		/* This is the "large blank area before copyright" the owner
		   reported - was 135px, the biggest single contributor to the
		   oversized footer. */
		--padding-bottom: 32px;
	}
	#bwp-footer .elementor-element-b49b708 {
		--margin-bottom: 20px;
	}
}