/* DCL homepage alignment fixes. Scoped to the front page (body.home). Remove the plugin to revert. */

/* 1. Hero: buttons start on the same left edge as the heading; height fits the first screen. */
@media (min-width: 768px) {
	body.home .elementor-element-1e4288c { padding-left: 0; padding-right: 0; }
}
@media (min-width: 1025px) {
	body.home .elementor-element-5a310ad { min-height: clamp(620px, calc(100vh - 178px), 820px); }
}
@media (max-width: 1024px) {
	body.home .elementor-element-5a310ad { min-height: 0; padding-top: 96px; padding-bottom: 96px; }
}
@media (max-width: 767px) {
	body.home .elementor-element-5a310ad { padding-top: 64px; padding-bottom: 64px; }
	body.home .elementor .elementor-element.elementor-element-3d5f7d6 .elementor-heading-title { font-size: 34px; line-height: 1.2; }
}

/* 2. Trust bar: all icons and titles start on the same line. */
body.home .elementor-element-c61bfdf > .e-con-inner { align-items: flex-start; }
body.home .elementor-element-c61bfdf > .e-con-inner > .e-con { align-self: flex-start; margin-top: 0; margin-bottom: 0; }

/* 3. "Why San Diego Chooses DCL": one 4-column grid so the dark card shares the same gutters and edges. */
@media (min-width: 1025px) {
	body.home .elementor-element-548be46 > .e-con-inner {
		display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: auto;
		gap: 20px; padding: 10px; align-items: stretch;
	}
	body.home .elementor-element-ad091b5,
	body.home .elementor-element-39caf52 { display: contents; }
	body.home .elementor-element-39caf52 > .e-con { width: auto; max-width: none; margin: 0; }
	body.home .elementor-element-96b6a64 { grid-column: 4; grid-row: 1 / span 2; width: auto; max-width: none; margin: 0; }
	body.home .elementor-element-39caf52 .elementor-widget-heading .elementor-heading-title { min-height: 2.4em; line-height: 1.2; display: flex; align-items: center; justify-content: center; }
}

/* 4. Blogs: same content width as the other card grids; posts without a featured image get a
      branded image block so titles line up across the row. */
body.home .elementor-element-dba4cae { padding-left: 10px; padding-right: 10px; }
body.home .elementor-element-dba4cae .elementor-post:not(.has-post-thumbnail) .elementor-post__card::before {
	content: ""; display: block; padding-bottom: 66%;
	background: #0d0d0d url("https://www.discreetcollateralloan.com/wp-content/uploads/2026/08/cropped-dcl-logo.png") center / 58% auto no-repeat;
	margin-bottom: 20px; /* same gap Elementor puts under a real thumbnail */
}
body.home .elementor-element-3f1e519 { padding-bottom: 60px; }

/* 5. "Explore More": brand heading and link colors instead of the theme defaults. */
body.home .elementor-element-a2ff99 .elementor-heading-title { color: #000; }
body.home .elementor-element-464572 strong { color: #1a1a1a; }
body.home .elementor-element-464572 a { color: #2e7d1a; text-decoration: none; }
body.home .elementor-element-464572 a:hover,
body.home .elementor-element-464572 a:focus-visible { color: #1f5c10; text-decoration: underline; }
body.home .elementor-element-c555fdf a { color: #2e7d1a; }

/* 6. Shopify product grids: wrapper centered in its card (mobile); unavailable products hidden. */
body.home .shopify-buy-frame--product { margin-left: auto; margin-right: auto; }
body.home .dcl-hf-empty { display: none !important; }
body.home .dcl-hf-center { justify-content: center !important; }

/* 7. Mobile: one 20px side gutter for section text and cards. */
@media (max-width: 767px) {
	body.home [data-elementor-type="wp-page"] .elementor-widget-text-editor,
	body.home [data-elementor-type="wp-page"] .elementor-widget-heading { padding-left: 10px; padding-right: 10px; }
	body.home .elementor-element-824603d .e-con .elementor-widget,
	body.home .elementor-element-548be46 .e-con .elementor-widget,
	body.home .elementor-element-fb1cfcf .e-con .elementor-widget,
	body.home .elementor-element-c85e92c .e-con .elementor-widget,
	body.home .elementor-element-39317c9 .e-con .elementor-widget { padding-left: 0; padding-right: 0; }
	body.home .elementor-element-96b6a64 { margin-left: 10px; margin-right: 10px; width: auto; }
	body.home .elementor-element-dba4cae { padding-left: 10px; padding-right: 10px; }
	body.home .elementor-element-cfe0ce7 .elementor-widget { padding-left: 10px; padding-right: 10px; }
}

/* 8. Footer: the logo file has transparent padding on the left; pull the artwork onto the contact column edge. */
.elementor-location-footer .elementor-widget-image img[src*="cropped-dcl-logo"] { margin-left: -21px; }