/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/* ==========================================================================
   1. STYLE GLOBALNE / PODSTAWOWE
   ========================================================================== */

/* Kolor tła body */
body {
	background: #FFE5E8 !important;
}

/* Zapobieganie przeciąganiu obrazów */
img {
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
}

/* Stylizacja zaznaczenia tekstu */
::-moz-selection {
	background: rgba(255, 68, 104, .2);
}

::selection {
	background: rgba(255, 68, 104, .2);
}

/* Waga czcionki dla nagłówków */
h1 span, h2 span {
	font-weight: 400 !important;
}

/* ==========================================================================
   2. HEADER / FOOTER
   ========================================================================== */

/* 2.1. Zaokrąglenie headera i footera (DESKTOP - Domyślne) */
footer.site-footer {
	border-radius: 0 12rem 0 0;
}

.site-header-row-container-inner {
	border-radius: 0 0 12rem 0;
}

/* 2.2. Nawigacja */

/* Poprawka hover główne menu */
ul#primary-menu > li > a:hover {
	color: var(--global-palette2);
}

/* Mobile - waga czcionki */
.mobile-navigation a {
	font-weight: 700 !important;
}

/* 2.3. Stylizacja Footera */

/* Nienumerowana lista w footerze */
footer.site-footer ul {
	list-style: none;
	padding: 0 !important;
	margin: 0;
}

footer.site-footer li {
	margin-bottom: 8px;
}

/* Footer biała czcionka nagłówków */
section#block-12 h3,
section#block-14 h3,
section#block-15 h3 {
	color: #FFF !important;
}

/* ==========================================================================
   3. STYLIZACJE WOOKOMMERCE / CHECKOUT
   ========================================================================== */

/* Zaokrąglenie tabelki z podsumowaniem w checkout */
div.wp-block-woocommerce-checkout-order-summary-block {
	border-radius: 16px;
}

/* Pogrubienie promocyjnej ceny w checkout */
ins.wc-block-components-product-price__value.is-discounted.wc-block-components-order-summary-item__individual-price {
	font-weight: 700;
}

/* Poprawka spacing w kodach rabatowych */
ul.wc-block-components-totals-discount__coupon-list {
	padding-left: 0 !important;
	padding-top: 12px;
}

/* ==========================================================================
   4. STYLIZACJE ELEMENTOR / INNE WTYCZKI
   ========================================================================== */

/* Hover nagłówków w FAQ (Elementor Accordion) */
h3.e-n-accordion-item-title-text:hover {
	color: var(--global-palette2);
	transition: 400ms;
}

/* ==========================================================================
   5. CONTACT FORM 7 (Formularz kontaktowy)
   ========================================================================== */

/* 5.1. Struktura */

/* Lista w elementach formularza */
.wpcf7-list-item {
	margin: 0;
}

/* Wiersze formularza */
.wpcf7-form-row {
	margin-bottom: 24px;
}

/* Wiersz z dwoma kolumnami */
.wpcf7-form-row--two-columns {
	display: flex;
	gap: 24px;
}

.wpcf7-form-row--two-columns .wpcf7-form-column {
	flex: 1;
}

/* 5.2. Etykiety i Błędy */

/* Etykiety */
.wpcf7-form-row label {
	width: 100%;
	display: block;
	margin: 8px;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
}

.wpcf7-not-valid-tip {
	margin: 8px;
	color: #FF2564;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
}

.wpcf7-response-output {
	padding: 16px 32px !important;
	font-size: 14px;
	border-radius: 12px;
}

/* 5.3. Pola Input / Checkbox */

/* Inputy i textarea */
input[type="text"],
.wpcf7-form-row input.form-input,
.wpcf7-form-row textarea.form-textarea {
	width: 100%;
	padding: 16px 24px;
	border-radius: 32px;
	border: 2px solid #EFC0C1;
	background: #FFF6F9;
	font-size: 18px;
	box-sizing: border-box;
}

/* Styl checkboxa */
input[type="checkbox"] {
	width: 24px;
	height: 24px;
	accent-color: #FF2564;
	cursor: pointer;
}


/* Checkbox / acceptance */
.wpcf7-acceptance label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 14px;
	margin: 0;
}

.wpcf7-acceptance label input[type="checkbox"] {
	margin-top: 2px;
}

.wpcf7-acceptance .wpcf7-list-item-label {
	display: block;
	max-width: 324px;
}

/* Checkbox row */
.wpcf7-checkbox-row {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
}

/* Submit button */
.wpcf7-submit-btn {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}


/* ==========================================================================
   6. MEDIA QUERIES
   ========================================================================== */

/* Zaokrąglenie headera i footera TABLET (między 767px a 1024px) */
@media (max-width: 1024px) and (min-width: 767px) {
	footer.site-footer {
		border-radius: 0 8rem 0 0;
	}

	.site-header-row-container-inner {
		border-radius: 0 0 8rem 0;
	}
}

/* MEDIA QUERY: Poniżej 767px (MOBILE) */
@media (max-width: 767px) {

	/* Zaokrąglenie headera i footera MOBILE */
	footer.site-footer {
		border-radius: 0 6rem 0 0;
	}

	.site-header-row-container-inner {
		border-radius: 0 0 3rem 0;
	}

	/* ! Testowa responsywność dla 767-400px */
	.elementor-element {
		max-width: 468px;
	}

	div.drawer-header {
		padding: 0 !important;
	}

	.wpcf7-submit-btn {
		flex-direction: row;
	}

	.wpcf7-form-row--two-columns {
		flex-direction: column;
	}
}