/* =============================================================================
   FOOTER REDESIGN – Mindworx child theme
   Súbor: /wp-content/themes/mindworx-child/footer-redesign.css
   Načítava sa cez wp_enqueue_style() z footer.php.

   Obsahuje VÝLUČNE nové prvky ktoré v app.css neexistujú.
   Všetko ostatné (grid, farby, fonty, .menu--social, .footer__copyright,
   h2, button, input, .form-newsletter) dedí z app.css.
   ============================================================================= */

/* Reset pôvodného footer paddingu */
.footer--redesign {
	padding: 0;
}

/* Pôvodný .footer > .grid-container:first-child .grid-x má justify-content: center
   na mobile a space-between na desktope — v novom layoute to nechceme */
.footer--redesign > .grid-container:first-child .grid-x {
	justify-content: flex-start;
}

/* --- Hero: centrovaný headline --- */
.footer__hero {
	padding: 4rem 0 2.5rem;
	text-align: center;
}

@media print, screen and (min-width: 40em) {
	.footer__hero {
		padding: 5rem 0 3rem;
	}
}

.footer__hero .footer__headline {
	margin-bottom: 0;
}

/* --- Ľavý stĺpec: reset centrovania z pôvodného .footer__about na všetkých veľkostiach --- */
.footer__about--redesign,
.footer__about--redesign .menu {
	text-align: left;
	justify-content: flex-start;
}

.footer__about--redesign {
	margin-bottom: 2.5rem;
}

@media print, screen and (min-width: 64em) {
	.footer__about--redesign {
		margin-bottom: 0;
	}
}

/* .menu--social margin-top z .footer .menu--social je 2.5rem — zmenšíme */
.footer__about--redesign .menu--social {
	margin-top: 0.75rem;
	list-style: none;
	margin-left: 0;
	justify-content: flex-start;
}

/* Odstavec pred sociálnymi ikonami – väčší padding zhora */
.footer__about--redesign .footer__socials-label {
	padding-top: 1.5rem;
	margin-bottom: 0;
}

/* --- Padding medzi gridom a copyright barom --- */
.footer--redesign .grid-container:nth-child(2) {
	padding-top: 2.5rem;
	padding-bottom: 3rem;
}

@media print, screen and (min-width: 40em) {
	.footer--redesign .grid-container:nth-child(2) {
		padding-top: 3rem;
		padding-bottom: 4rem;
	}
}

/* --- Biela karta ---
   border-radius: 1rem = rovnaký ako .mw-block v téme
   background: #fefefe = rovnaký ako .bg-white v téme               */
.footer__card {
	background: #fefefe;
	border-radius: 1rem;
	padding: 2rem;
	width: 100%;
}

@media print, screen and (min-width: 40em) {
	.footer__card {
		padding: 2.5rem;
	}
}

/* .lead trieda z app.css sa postará o font a veľkosť,
   tu len zrušíme jej predvolený margin-bottom */
.footer__card-label.lead {
	margin-bottom: 1rem;
}

/* .form-newsletter má v app.css max-width: 37.5rem a margin: 0 auto —
   v karte to nechceme */
.footer__card .form-newsletter {
	max-width: 100%;
	margin: 0;
}

/* Copyright bar – spodný padding */
.footer--redesign .footer__copyright {
	padding: 0 0 2rem;
}