/*
 Theme Name:   GeneratePress Child (Kernsachehund)
 Description:  Child theme of GeneratePress. Performance and layout tweaks for kernsachehund.at.
 Template:     generatepress
 Version:      1.0.0
 Text Domain:  generatepress-child
*/

/*
 * Layout fixes found in the 2026-11 site check (390 / 820 / 1280 px).
 * The .gb-*-<hash> classes are GenerateBlocks block IDs and change if a block is duplicated or recreated.
 */

/* Home hero: keep the "Unsere Angebote" button its natural width on tablets (phones keep the full-width button). */
@media (min-width: 768px) and (max-width: 1024px) {
	.gb-button-wrapper.gb-button-wrapper-6ed71d4a > .gb-button {
		flex: 0 0 auto;
		width: auto;
	}
}

/* Home "Erziehung": drop the extra 10px indent so it lines up with Ausbildung and Bindung and its photo. */
@media (max-width: 1024px) {
	.gb-container.gb-container-ae4139c9 > .gb-inside-container {
		padding-left: 0;
	}
}

/* Home contact card: the 20px frame plus 30px padding left only 230px for the form on a phone. */
@media (max-width: 767px) {
	.gb-container.gb-container-f2b0c779 {
		border-width: 10px;
	}

	.gb-container.gb-container-f2b0c779 > .gb-inside-container {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/*
 * Lighter background images. The originals in the media library (451 KB, 504 KB and 548 KB, the last one used
 * twice) are only visible at 10-20% opacity behind a dark overlay or as a 200px tile. These WebP copies live in
 * images/ and are about 20-30% of the size. The media library files are untouched.
 */
.gb-container.gb-container-3ebf944a:before {
	background-image: url(images/hero-1600.webp);
}

.gb-container.gb-container-bf6a2fb7:before {
	background-image: url(images/section-1600.webp);
}

.gb-container.gb-container-bc968a89:before,
.gb-container.gb-container-37a7bebe:before {
	background-image: url(images/paw-400.webp);
}

@media (max-width: 767px) {
	.gb-container.gb-container-3ebf944a:before {
		background-image: url(images/hero-800.webp);
	}

	.gb-container.gb-container-bf6a2fb7:before {
		background-image: url(images/section-800.webp);
	}
}

/* Mobile menu button: bigger icon and a 44px touch target (it was a 14px icon). */
.main-navigation .menu-toggle {
	min-width: 44px;
	min-height: 44px;
}

.main-navigation .menu-toggle .gp-icon svg {
	width: 1.8em;
	height: 1.8em;
}


/* Offer details align with the card copy; enquiry links remain visibly interactive. */
.gb-container p.ksh-offer-details {
    box-sizing: border-box;
    margin: 0;
    padding: 24px 34px 32px;
}
.gb-container .ksh-offer-details a {
    color: #0b3565;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.18em;
}
.gb-container .ksh-offer-details a:hover {
    color: #184b7a;
    text-decoration-thickness: 2px;
}
.gb-container .ksh-offer-details a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}
