/*
Theme Name: Blocksy Child – Ewelina Rybka
Template: blocksy
Description: Motyw potomny Blocksy dla ewelinarybka.pl. Styl „pracownia na papierze”. Własny CSS dopisuj tutaj, nie w motywie rodzica.
Version: 1.2.1
Text Domain: blocksy-child
*/

/* ==========================================================================
   Styl „pracownia na papierze” – 2026-11-02
   Kolory pochodzą z Elementor → Ustawienia witryny → Kolory globalne
   (zmienne --e-global-color-…). Zmieniasz kolor tam, nie tutaj.
   Klasy er-… dodaje się w Elementorze: Zaawansowane → Klasy CSS.
   ========================================================================== */

/* Paleta Blocksy = paleta marki (nagłówek, menu, stopka, blog) */
html:root {
	--theme-palette-color-1: #A85337; /* akcent, linki */
	--theme-palette-color-2: #3E2B1F; /* hover */
	--theme-palette-color-3: #4A382C; /* tekst */
	--theme-palette-color-4: #3E2B1F; /* nagłówki */
	--theme-palette-color-5: #E6E0DA; /* obramowania */
	--theme-palette-color-6: #EAE1D4; /* tło jasne 2 */
	--theme-palette-color-7: #F4EFE8; /* tło strony */
	--theme-palette-color-8: #FFFFFF;
	--er-krem: var(--e-global-color-secondary, #F4EFE8);
	--er-braz: var(--e-global-color-primary, #3E2B1F);
	--er-terakota: var(--e-global-color-accent, #A85337);
	--er-terakota-jasna: var(--e-global-color-c0ffe01, #C66E52);
	--er-karmel: var(--e-global-color-c0ffe02, #A87652);
	--er-szalwia: var(--e-global-color-c0ffe03, #8DA58B);
}

/* Tło strony + tekstura papieru (ziarno). Siła: opacity w body::after */
html body {
	background-color: #F4EFE8;
	font-family: "Inter", system-ui, sans-serif;
}
body::after {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 9998;
	opacity: .32;
	mix-blend-mode: multiply;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .24 0 0 0 0 .17 0 0 0 0 .12 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* Nagłówek Blocksy: przezroczysty na papierze, menu w Inter */
.ct-header [data-row] { background-color: #F4EFE8 !important; } /* kolor tła = papier; tekstura nakłada się z body::after */
.ct-header, .ct-header .menu > li > a { font-family: "Inter", system-ui, sans-serif; font-weight: 500; }
/* Menu 1.1.3: większe, bez wersalików, „Kontakt” jako przycisk */
.ct-header [data-id="menu"] .menu > li > a { font-size: 16px !important; text-transform: none !important; letter-spacing: .01em; color: var(--er-braz); }
.ct-header [data-id="menu"] .menu > li > a:hover, .ct-header [data-id="menu"] .menu > li.current-menu-item > a, .ct-header [data-id="menu"] .menu > li.current-menu-ancestor > a { color: var(--er-terakota); }
.ct-header [data-id="menu"] .sub-menu a { font-size: 15px !important; text-transform: none !important; }
.ct-header [data-id="menu"] .menu > li:last-child > a { height: auto !important; padding: 12px 24px !important; margin-left: 8px; border-radius: 40px; background: var(--er-braz); color: #F4EFE8 !important; box-shadow: 3px 3px 0 var(--er-terakota-jasna); }
.ct-header [data-id="menu"] .menu > li:last-child > a:hover { background: var(--er-terakota); }
.ct-header .site-logo-container img { max-height: 60px !important; height: 60px; width: auto; }
#offcanvas .menu a, .ct-panel .menu a { font-size: 20px !important; text-transform: none !important; font-family: "Fraunces", Georgia, serif; }
.ct-header .site-title a, .ct-header .site-title { font-family: "Fraunces", Georgia, serif; font-weight: 600; color: var(--er-braz); }

/* Stopka: ciemny brąz */
.ct-footer, .ct-footer [data-row] { background-color: #3E2B1F !important; color: #E6DCD0; }
.ct-footer a { color: #F4EFE8; }
.ct-footer .ct-footer-copyright, .ct-footer p { color: #E6DCD0 !important; }

/* Kursywa w nagłówkach = terakota (np. „<em>sprzedają</em>”) */
.elementor-heading-title em { font-style: italic; color: var(--er-terakota); }

/* Odręczny dopisek (nadtytuły w Caveat) */
.er-dopisek .elementor-heading-title { display: inline-block; transform: rotate(-2deg); transform-origin: left center; }

/* Przycisk główny z „cieniem z kartki” */
.er-cta .elementor-button { box-shadow: 4px 4px 0 var(--er-braz); transition: transform .15s ease, box-shadow .15s ease; }
.er-cta .elementor-button:hover { transform: translate(2px, 2px); box-shadow: 2px 2px 0 var(--er-braz); }
.er-ciemna .er-cta .elementor-button { box-shadow: 4px 4px 0 var(--er-terakota-jasna); }
.er-terakota .er-cta .elementor-button { box-shadow: 4px 4px 0 rgba(255,255,255,.55); }

/* Karty jak kartki papieru */
.e-con.er-karta { position: relative; border-radius: 6px; box-shadow: 0 12px 28px rgba(62,43,31,.10); }
.er-ciemna .e-con.er-karta { box-shadow: none; }

/* Kartki na stosie (karty oferty): lico ::before, kartka pod spodem ::after */
.e-con.er-stos { background: transparent !important; z-index: 0; }
.e-con.er-stos::before {
	content: "" !important; display: block; position: absolute; inset: 0; width: auto; height: auto;
	background: var(--er-krem); border-radius: 6px; z-index: -1; opacity: 1; mix-blend-mode: normal;
}
.e-con.er-stos::after {
	content: ""; position: absolute; inset: 0; border-radius: 6px; z-index: -2;
	background: var(--er-szalwia); transform: rotate(-3deg) translate(6px, 8px);
}
.e-con.er-stos ~ .e-con.er-stos::after { background: var(--er-karmel); transform: rotate(2.5deg) translate(6px, 8px); }

/* Karta wyróżniona: wysunięta, z przesuniętym cieniem i naklejką */
.e-con.er-wyrozniona { transform: translateY(-14px); box-shadow: 8px 8px 0 var(--er-terakota-jasna) !important; overflow: visible; }
.er-naklejka { position: absolute !important; top: -20px; right: 18px; width: auto !important; max-width: none !important; z-index: 3; }
.er-naklejka .elementor-heading-title { background: var(--er-szalwia); color: #233023 !important; padding: 2px 16px; transform: rotate(4deg); white-space: nowrap; }

/* Karteczka przyklejona taśmą (opinie) */
.e-con.er-karteczka { overflow: visible; }
.e-con.er-karteczka::after {
	content: ""; position: absolute; top: -13px; left: 50%; width: 110px; height: 26px; margin-left: -55px;
	background: rgba(141,165,139,.6); transform: rotate(-4deg); pointer-events: none;
}
.e-con.er-karteczka:nth-child(2n)::after { background: rgba(198,110,82,.5); transform: rotate(3deg); }

/* Polaroid z taśmą (Twoje zdjęcia) */
.er-polaroid { position: relative; }
.er-polaroid img {
	background: #fff; padding: 14px 14px 56px; box-shadow: 0 18px 40px rgba(62,43,31,.18);
	transform: rotate(3deg); border-radius: 0 !important; aspect-ratio: 4 / 5; object-fit: cover; width: 100%;
}
.er-polaroid::after {
	content: ""; position: absolute; top: -10px; left: 50%; width: 120px; height: 30px; margin-left: -60px;
	background: rgba(198,110,82,.55); transform: rotate(-4deg); pointer-events: none;
}
.er-ramka img { border-radius: 6px; border: 1px solid #D8CDBF; box-shadow: 0 10px 24px rgba(62,43,31,.10); aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }

/* Hero: podpis pod zdjęciem i pieczątka 5,0 */
.e-con.er-hero-foto { position: relative; overflow: visible; }
.er-hero-foto::before {
	content: "" !important; position: absolute; width: 78%; aspect-ratio: 1; border-radius: 50%;
	background: var(--er-szalwia); opacity: .45; top: -20px; right: -20px; left: auto; height: auto; z-index: 0;
}
.er-hero-foto > * { position: relative; z-index: 1; }
.er-podpis .elementor-heading-title { font-family: "Caveat", cursive !important; font-size: 26px !important; transform: rotate(-2deg); }
.er-hero-foto .er-podpis { margin-top: -56px !important; transform: rotate(3deg); }
.er-podpis--duzy .elementor-heading-title { font-size: 44px !important; }
.er-pieczatka { position: absolute !important; left: -16px; bottom: 30px; width: 128px !important; z-index: 2 !important; }
.er-pieczatka .elementor-heading-title {
	width: 128px; height: 128px; border-radius: 50%; background: var(--er-braz); border: 3px double var(--er-karmel);
	display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1 !important;
	transform: rotate(-12deg); box-sizing: border-box; font-size: 34px !important;
}
.er-pieczatka .elementor-heading-title span { font-family: "Inter", sans-serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; margin-top: 6px; font-weight: 500; }

/* Rwane krawędzie sekcji ciemnej */
.e-con.er-rwane { position: relative; overflow: visible; }
.e-con.er-rwane::before, .e-con.er-rwane::after {
	content: "" !important; position: absolute; left: 0; right: 0; width: 100%; height: 28px; pointer-events: none; z-index: 1;
	opacity: 1; mix-blend-mode: normal; background-color: transparent;
	background-repeat: no-repeat; background-size: 100% 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40 L0 22 L40 18 L80 26 L130 14 L180 24 L240 12 L300 22 L360 16 L420 26 L480 10 L540 20 L600 15 L660 27 L720 12 L780 22 L840 14 L900 25 L960 13 L1020 23 L1080 11 L1140 24 L1200 16 L1260 26 L1320 13 L1380 21 L1440 15 L1440 40 Z' fill='%233E2B1F'/%3E%3C/svg%3E");
}
.e-con.er-rwane::before { top: -27px; bottom: auto; }
.e-con.er-rwane::after { bottom: -27px; top: auto; transform: scaleY(-1) scaleX(-1); }

/* Ikony list w sekcji ciemnej i terakotowej */
.er-terakota .elementor-heading-title { color: #fff; }

/* Poprawki 1.1.1 */
.e-con.er-hero-foto::before { inset: auto !important; top: -20px !important; right: -20px !important; width: 78% !important; height: auto !important; aspect-ratio: 1 / 1; border-radius: 50% !important; }
.ct-header .site-logo-container img, .ct-header [data-id="logo"] img { mix-blend-mode: multiply; }
@media (min-width: 768px) { .elementor-button { white-space: nowrap; } }
.er-ciemna .elementor-widget-text-editor a { color: #E3A58F; }
.er-terakota .er-dopisek { align-self: center; text-align: center; }
.er-terakota .elementor-widget-text-editor a { color: #fff; }

/* Pasek cookies (Flexible Cookies) w kolorach marki – 1.1.4 */
.flexible-cookies-button { font-family: "Inter", system-ui, sans-serif !important; font-weight: 600 !important; border-radius: 40px !important; padding: 10px 18px !important; box-shadow: none !important; transition: background .15s ease; }
.flexible-cookies-button.primary { background: #A85337 !important; border: 2px solid #A85337 !important; color: #F4EFE8 !important; box-shadow: 3px 3px 0 #3E2B1F !important; }
.flexible-cookies-button.primary:hover { background: #3E2B1F !important; border-color: #3E2B1F !important; }
.flexible-cookies-button.secondary { background: transparent !important; border: 2px solid #3E2B1F !important; color: #3E2B1F !important; }
.flexible-cookies-button.secondary:hover { background: #3E2B1F !important; color: #F4EFE8 !important; }
.flexible-cookies-button.tertiary { background: transparent !important; border: 0 !important; color: #A85337 !important; text-decoration: underline; text-underline-offset: 4px; }
.flexiblecookies_cookie_text a, .flexiblecookies-description a { color: #A85337 !important; }
.checkbox__toggle input:checked + .checkbox__toggle-slider { background-color: #8DA58B !important; }
.flexible-cookies-reopen-settings { background: #3E2B1F !important; color: #F4EFE8 !important; }

/* Formularz WPForms w stylu strony – 1.1.4 */
.wpforms-container .wpforms-form .wpforms-field input[type=text], .wpforms-container .wpforms-form .wpforms-field input[type=email], .wpforms-container .wpforms-form .wpforms-field input[type=tel], .wpforms-container .wpforms-form .wpforms-field select, .wpforms-container .wpforms-form .wpforms-field textarea {
	max-width: 100% !important; width: 100% !important; background: #fff !important; border: 1px solid #D8CDBF !important; border-radius: 6px !important; padding: 12px 14px !important; font-family: "Inter", system-ui, sans-serif; font-size: 16px; color: #3E2B1F; min-height: 48px; }
.wpforms-container .wpforms-form .wpforms-field input:focus, .wpforms-container .wpforms-form .wpforms-field select:focus, .wpforms-container .wpforms-form .wpforms-field textarea:focus { border-color: #A85337 !important; box-shadow: 0 0 0 3px rgba(168,83,55,.18) !important; outline: none; }
.wpforms-container .wpforms-form .wpforms-field-label { font-family: "Inter", system-ui, sans-serif; font-weight: 600 !important; color: #3E2B1F !important; font-size: 15px !important; }
.wpforms-container .wpforms-form .wpforms-required-label { color: #A85337 !important; }
.wpforms-container .wpforms-form button[type=submit] { background: #A85337 !important; color: #F4EFE8 !important; border: 0 !important; border-radius: 40px !important; padding: 16px 32px !important; height: auto !important; font-family: "Inter", system-ui, sans-serif; font-weight: 600 !important; font-size: 16px !important; box-shadow: 4px 4px 0 #3E2B1F !important; }
.wpforms-container .wpforms-form button[type=submit]:hover { transform: translate(2px,2px); box-shadow: 2px 2px 0 #3E2B1F !important; }
.wpforms-container .wpforms-form .wpforms-field-gdpr-checkbox label { font-size: 14px !important; color: #4A382C !important; }

/* Podmenu (rozwijane „Oferta”) – jasna kartka, czytelny tekst – 1.1.5 */
.ct-header [data-id="menu"] .sub-menu { --dropdown-background-color: #F4EFE8; background-color: #F4EFE8 !important; border: 1px solid #E6E0DA; border-radius: 6px; box-shadow: 0 14px 30px rgba(62,43,31,.16) !important; padding: 6px 0; }
.ct-header [data-id="menu"] .sub-menu li > a, .ct-header [data-id="menu"] .sub-menu li > a .ct-menu-link { color: #3E2B1F !important; background: transparent !important; }
.ct-header [data-id="menu"] .sub-menu li > a:hover, .ct-header [data-id="menu"] .sub-menu li > a:focus-visible, .ct-header [data-id="menu"] .sub-menu li.current-menu-item > a { color: #A85337 !important; background: #EAE1D4 !important; }
.ct-header [data-id="menu"] .sub-menu li { border-color: #E6E0DA !important; }

/* Odstęp między przyciskami obok siebie (wszystkie strony) – 1.1.6 */
.e-con:has(> .elementor-widget-button + .elementor-widget-button) { gap: 14px 16px !important; flex-wrap: wrap; --padding-left: 0px; --padding-right: 0px; padding-left: 0 !important; padding-right: 0 !important; }
.e-con:has(> .elementor-widget-button + .elementor-widget-button) .elementor-button { padding-left: 26px !important; padding-right: 26px !important; }

/* ==========================================================================
   1.2.0 – blog, wpisy, 404, stopka
   ========================================================================== */

/* Karty wpisów (sekcja „Z bloga” na stronie głównej i /blog/) */
.entries .entry-card { background: #fff !important; border-radius: 6px !important; box-shadow: 0 12px 28px rgba(62,43,31,.10) !important; border: 0 !important; overflow: hidden; }
.entries .entry-card .entry-title { font-family: "Fraunces", Georgia, serif !important; font-weight: 600 !important; font-size: 22px !important; line-height: 1.25 !important; letter-spacing: 0; }
.entries .entry-card .entry-title a { color: #3E2B1F !important; }
.entries .entry-card .entry-title a:hover { color: #A85337 !important; }
.entries .entry-card .entry-meta, .entries .entry-card .entry-meta a { font-family: "Caveat", cursive !important; font-size: 21px !important; text-transform: none !important; letter-spacing: 0 !important; color: #A85337 !important; font-weight: 500 !important; }
.entries .entry-card .entry-excerpt { font-size: 16px; color: #4A382C; }
.entries .entry-card .ct-media-container img { aspect-ratio: 4 / 3; object-fit: cover; }
.entries .entry-card .entry-button { color: #A85337; font-weight: 600; }
.ct-pagination a, .ct-pagination span { border-radius: 40px !important; }
.ct-pagination .current { background: #3E2B1F !important; color: #F4EFE8 !important; }

/* Nagłówek strony bloga / archiwum */
.blog .hero-section .page-title, .archive .hero-section .page-title, .search .hero-section .page-title { font-family: "Fraunces", Georgia, serif; font-weight: 600; color: #3E2B1F; font-size: clamp(36px, 5vw, 56px); }
.blog .hero-section .page-description, .archive .hero-section .page-description { color: #4A382C; }

/* Pojedynczy wpis */
.single-post .hero-section .page-title { font-family: "Fraunces", Georgia, serif; font-weight: 600; color: #3E2B1F; font-size: clamp(32px, 4.6vw, 52px); line-height: 1.12; letter-spacing: -0.3px; }
.single-post .hero-section .entry-meta, .single-post .hero-section .entry-meta a { font-size: 15px; color: #6B5646; }
.single-post .hero-section .entry-meta .meta-categories a { font-family: "Caveat", cursive; font-size: 22px; color: #A85337; }
.single-post .entry-content { font-size: 18px; line-height: 1.75; color: #4A382C; }
.single-post .entry-content > * { max-width: 720px; }
.single-post .entry-content h2 { font-family: "Fraunces", Georgia, serif; font-weight: 600; color: #3E2B1F; font-size: clamp(26px, 3vw, 34px); margin-top: 1.8em; }
.single-post .entry-content h3 { font-family: "Fraunces", Georgia, serif; font-weight: 600; color: #3E2B1F; font-size: 24px; margin-top: 1.5em; }
.single-post .entry-content a { color: #A85337; text-decoration: underline; text-decoration-color: rgba(168,83,55,.45); text-underline-offset: 4px; }
.single-post .entry-content a:hover { color: #3E2B1F; }
.single-post .entry-content blockquote { border: 0; background: #fff; padding: 28px 32px; border-radius: 6px; box-shadow: 0 12px 28px rgba(62,43,31,.10); font-family: "Fraunces", Georgia, serif; font-style: italic; font-size: 22px; color: #3E2B1F; position: relative; }
.single-post .entry-content blockquote::before { content: ""; position: absolute; top: -12px; left: 40px; width: 100px; height: 24px; background: rgba(141,165,139,.6); transform: rotate(-4deg); }
.single-post .entry-content ul li::marker, .single-post .entry-content ol li::marker { color: #A85337; }
.single-post .entry-content img { border-radius: 6px; }
.single-post .ct-featured-image img, .single-post .hero-section figure img { border-radius: 6px; box-shadow: 0 18px 40px rgba(62,43,31,.15); }
.single-post .entry-tags a, .single-post .ct-share-box a { border-radius: 40px !important; }
.single-post .post-navigation .item-title { font-family: "Fraunces", Georgia, serif; color: #3E2B1F; }
.single-post .ct-related-posts-container { background: #EAE1D4 !important; }
.single-post .ct-related-posts .related-entry-title, .single-post .ct-related-posts .related-entry-title a { font-family: "Fraunces", Georgia, serif; color: #3E2B1F; font-size: 20px; }
.single-post .ct-related-posts .ct-module-title { font-family: "Fraunces", Georgia, serif; color: #3E2B1F; }
/* Karteczka z zaproszeniem pod wpisem (dodawana w functions.php) */
.single-post .entry-content > .er-wpis-cta { max-width: 720px; position: relative; margin: 56px 0 24px; background: #fff; border-radius: 6px; box-shadow: 0 16px 36px rgba(62,43,31,.12); padding: 40px 36px 32px; transform: rotate(-.6deg); }
.er-wpis-cta::before { content: ""; position: absolute; top: -13px; left: 50%; margin-left: -55px; width: 110px; height: 26px; background: rgba(198,110,82,.55); transform: rotate(-4deg); }
.er-wpis-cta p { margin: 0 0 10px; }
.er-wpis-cta__dopisek { font-family: "Caveat", cursive; font-size: 26px; color: #A85337; }
.er-wpis-cta__tytul { font-family: "Fraunces", Georgia, serif; font-weight: 600; font-size: clamp(24px, 3vw, 30px); line-height: 1.2; color: #3E2B1F; }
.er-wpis-cta__tekst { font-size: 17px; color: #4A382C; }
.er-wpis-cta__przyciski { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px; margin-top: 18px !important; }
.single-post .entry-content .er-wpis-cta__btn { display: inline-block; background: #A85337; color: #F4EFE8 !important; text-decoration: none !important; padding: 14px 28px; border-radius: 40px; font-weight: 600; box-shadow: 4px 4px 0 #3E2B1F; }
.single-post .entry-content .er-wpis-cta__btn:hover { background: #3E2B1F; }
.single-post .entry-content .er-wpis-cta__link { color: #3E2B1F; font-weight: 600; }

/* 404 */
.er-404 { padding: 80px 20px 110px; display: flex; justify-content: center; }
.er-404__kartka { position: relative; max-width: 720px; width: 100%; background: #fff; border-radius: 6px; box-shadow: 0 18px 40px rgba(62,43,31,.14); padding: 56px 48px 48px; text-align: center; transform: rotate(-1deg); }
.er-404__kartka::before, .er-404__kartka::after { content: ""; position: absolute; top: -14px; width: 120px; height: 28px; background: rgba(198,110,82,.55); }
.er-404__kartka::before { left: 40px; transform: rotate(-6deg); }
.er-404__kartka::after { right: 40px; background: rgba(141,165,139,.6); transform: rotate(5deg); }
.er-404__dopisek { font-family: "Caveat", cursive; font-size: 28px; color: #A85337; margin: 0; transform: rotate(-2deg); }
.er-404__liczba { font-family: "Fraunces", Georgia, serif; font-weight: 600; font-style: italic; font-size: clamp(96px, 18vw, 160px); line-height: 1; color: #C66E52; margin: 8px 0; }
.er-404__tytul { font-family: "Fraunces", Georgia, serif; font-weight: 600; color: #3E2B1F; font-size: clamp(28px, 4vw, 40px); margin: 0 0 12px; }
.er-404__tekst { color: #4A382C; font-size: 17px; max-width: 520px; margin: 0 auto 28px; }
.er-404__przyciski { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 14px; margin-bottom: 28px; }
.er-404__btn { display: inline-block; padding: 12px 24px; border: 2px solid #3E2B1F; border-radius: 40px; color: #3E2B1F !important; font-weight: 600; text-decoration: none !important; }
.er-404__btn:hover { background: #3E2B1F; color: #F4EFE8 !important; }
.er-404__btn--glowny { background: #A85337; border-color: #A85337; color: #F4EFE8 !important; box-shadow: 4px 4px 0 #3E2B1F; }
.er-404__btn--glowny:hover { background: #3E2B1F; border-color: #3E2B1F; }
.er-404__szukaj { max-width: 420px; margin: 0 auto; }
.er-404__szukaj input[type=search] { border-radius: 40px !important; border: 1px solid #D8CDBF !important; background: #F4EFE8 !important; }

/* Stopka: własna (szablon Elementora) zamiast stopki Blocksy */
body.er-ma-stopke .ct-footer { display: none !important; }
.er-stopka-wrap { position: relative; z-index: 1; }
.er-stopka-wrap .elementor-icon-list-item a:hover .elementor-icon-list-text { color: #E3A58F !important; }
.e-con.er-rwane-gora { position: relative; overflow: visible; }
.e-con.er-rwane-gora::before {
	content: "" !important; position: absolute; left: 0; right: 0; width: 100%; height: 28px; top: -27px; bottom: auto; pointer-events: none; z-index: 1; opacity: 1; mix-blend-mode: normal; background-color: transparent;
	background-repeat: no-repeat; background-size: 100% 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40 L0 22 L40 18 L80 26 L130 14 L180 24 L240 12 L300 22 L360 16 L420 26 L480 10 L540 20 L600 15 L660 27 L720 12 L780 22 L840 14 L900 25 L960 13 L1020 23 L1080 11 L1140 24 L1200 16 L1260 26 L1320 13 L1380 21 L1440 15 L1440 40 Z' fill='%233E2B1F'/%3E%3C/svg%3E");
}
/* sekcja terakotowa tuż nad stopką – rwana krawędź stopki zachodzi na nią ładnie */

/* Telefon: mniej przechyłów, bez wysuwania */
@media (max-width: 767px) {
	.e-con.er-wyrozniona { transform: none; margin-top: 12px; }
	.er-polaroid img { transform: rotate(1.5deg); }
	.er-pieczatka { left: 0; bottom: 40px; }
	.er-pieczatka .elementor-heading-title { width: 104px; height: 104px; font-size: 28px !important; }
	.er-hero-foto::before { right: 0; }
	.er-404__kartka { padding: 44px 22px 32px; transform: none; }
	.single-post .entry-content { font-size: 17px; }
}

@media (prefers-reduced-motion: reduce) {
	.er-cta .elementor-button { transition: none; }
}