/*
Theme Name: JunkTruck Child
Theme URI:
Description: Child theme for JunkTruck. Put all theme code/style customizations here so that updating the parent JunkTruck theme never overwrites them.
Author: Trash Out Services LLC
Author URI: https://trashoutservicesllc.com
Template: junktruck
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: junktruck-child
*/

/* Add custom CSS below this line. */

/*
 * Footer tagline ("Competitive and reliable business waste collection") and
 * the social-icons row, relocated under the Working Hours block. The tagline
 * is left-justified and pulled up close to the hours rows; the social icons
 * are centered as a group. Applies on every screen size.
 */
.elementor-element-3f657fa,
.elementor-element-3f657fa .heading,
.elementor-element-3f657fa .heading-text {
	text-align: left;
}
/* Pull the tagline up toward the Sat / time row and drop the heading's own
   top margin so it sits close to the hours block. */
.elementor-element-d29d660 {
	margin-top: -18px;
}
.elementor-element-3f657fa .heading.style1 p {
	margin-top: 0;
}
/* Center the social icons as a group. The list is laid out with flexbox so the
   icons center regardless of the theme's default list padding / asymmetric item
   spacing; !important defeats the theme's equal-specificity `li` padding rule. */
.elementor-element-7e69e4b .social-links.style1 ul {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center !important;
	align-items: center;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}
.elementor-element-7e69e4b .social-links.style1 ul li {
	float: none !important;
	padding: 0 6px !important;
}
/* Recolor the icon circles from the template's leftover green (#056250) to the
   brand gray; lighten slightly on hover for feedback. */
.elementor-element-7e69e4b .social-links.style1 ul li a {
	background-color: #666666 !important;
}
.elementor-element-7e69e4b .social-links.style1 ul li a:hover {
	background-color: #808080 !important;
}

/*
 * Footer "Working Hours": keep the day labels (M-F / Sat) and their time
 * ranges side-by-side on small screens. Elementor's default mobile rule forces
 * every .elementor-column to width:100%, which stacks the two inner columns so
 * the days and times land on separate rows. We override that for this block
 * only (it carries the custom CSS class .footer-lt-rt) and preserve the desktop
 * label/value width ratio. Higher selector specificity beats Elementor's
 * .elementor-column rule regardless of stylesheet load order.
 */
@media (max-width: 767px) {
	.footer-lt-rt > .elementor-container {
		flex-wrap: nowrap;
		align-items: flex-start;
	}
	/* Day-label column narrowed to pull the time ranges left and cut the
	   horizontal gap (38% -> 19% -> a further 10% tighter = 17.1%). */
	.footer-lt-rt > .elementor-container > .elementor-column:first-child {
		width: 17.1%;
	}
	.footer-lt-rt > .elementor-container > .elementor-column:last-child {
		width: 82.9%;
	}
	/* Keep the day labels (M-F / Sat) on one line so a narrow column can't
	   wrap them. */
	.footer-lt-rt > .elementor-container > .elementor-column:first-child .item-list li {
		white-space: nowrap;
	}
	/* Elementor's default 10px column-gap padding, reduced (10 -> 5 -> a
	   further 10% tighter = 4.5px) between the two columns / lists. */
	.footer-lt-rt > .elementor-container > .elementor-column > .elementor-element-populated {
		padding: 4.5px;
	}
}