/*
Theme Name: Farm To Mom
Description: Rebuild of the farmtomom.com front end. Reproduces the Agrarium header, footer and page chrome on top of Elementor, loading the Agrarium design assets bundled in assets/agrarium (GPL-3.0, by Artureanec).
Version: 1.0.0
Requires at least: 7.0
Requires PHP: 8.3
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: farmtomom
*/

/* Small adjustments on top of the original Agrarium CSS for Elementor 4 markup. */
.elementor-widget-html.elementor-widget-agrarium_heading .elementor-widget-container,
.elementor-widget-html.elementor-widget-agrarium_slogan .elementor-widget-container {
	overflow: visible;
}

/*
 * Elementor 3.6 (the live site) wrapped columns in .elementor-row, which the Agrarium CSS pulled out
 * with negative margins so the column gap never inset content from the section edges. Elementor 4
 * has no row element; these rules restore that geometry. Specificity stays at four classes so
 * page-specific column padding (captured post-*.css, loaded later) still wins.
 */
.elementor-section > .elementor-container.elementor-column-gap-narrow { margin-top: -5px; margin-bottom: -5px; }
.elementor-column-gap-narrow > .elementor-column:first-child > .elementor-element-populated { padding-left: 0; }
.elementor-column-gap-narrow > .elementor-column:last-child > .elementor-element-populated { padding-right: 0; }
.elementor-section > .elementor-container.elementor-column-gap-default { margin-top: -10px; margin-bottom: -10px; }
.elementor-column-gap-default > .elementor-column:first-child > .elementor-element-populated { padding-left: 0; }
.elementor-column-gap-default > .elementor-column:last-child > .elementor-element-populated { padding-right: 0; }
.elementor-section > .elementor-container.elementor-column-gap-extended { margin-top: -15px; margin-bottom: -15px; }
.elementor-column-gap-extended > .elementor-column:first-child > .elementor-element-populated { padding-left: 0; }
.elementor-column-gap-extended > .elementor-column:last-child > .elementor-element-populated { padding-right: 0; }
.elementor-section > .elementor-container.elementor-column-gap-wide { margin-top: -20px; margin-bottom: -20px; }
.elementor-column-gap-wide > .elementor-column:first-child > .elementor-element-populated { padding-left: 0; }
.elementor-column-gap-wide > .elementor-column:last-child > .elementor-element-populated { padding-right: 0; }
.elementor-section > .elementor-container.elementor-column-gap-wider { margin-top: -30px; margin-bottom: -30px; }
.elementor-column-gap-wider > .elementor-column:first-child > .elementor-element-populated { padding-left: 0; }
.elementor-column-gap-wider > .elementor-column:last-child > .elementor-element-populated { padding-right: 0; }
@media (max-width: 767px) {
	.elementor-section .elementor-column-gap-narrow > .elementor-column > .elementor-element-populated { padding-left: 0; padding-right: 0; }
	.elementor-section .elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding-left: 0; padding-right: 0; }
	.elementor-section .elementor-column-gap-extended > .elementor-column > .elementor-element-populated { padding-left: 0; padding-right: 0; }
	.elementor-section .elementor-column-gap-wide > .elementor-column > .elementor-element-populated { padding-left: 0; padding-right: 0; }
	.elementor-section .elementor-column-gap-wider > .elementor-column > .elementor-element-populated { padding-left: 0; padding-right: 0; }
}