/**
Theme Name: AstraSenior
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astrasenior
Template: astra
*/

h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
}

.ordered-list {
	list-style-type: decimal;
}


.ordered-list li,
.wp-block-list li { 
	margin-bottom: 15px; 
}

.lista-przepis li,
.small-margin-title {
	margin-bottom: 5px; 
}

.random-quote-heading {
    color: #fff !important; 
    text-align: center;
	font-style: italic;
	font-size: 40px !important;
	font-family: 'Merriweather', serif !important; 
    font-weight: 500;
    margin-bottom: 0 !important;
	padding: 60px 10px !important;
	max-width: 1000px !important;
}

.ordered-list figure {
	margin: 5px 0
}

.entry-content h2.wp-block-heading, .entry-content h2.uagb-heading-text,               
.entry-content .wp-block-uagb-advanced-heading h2 {
    border-left: 5px solid #0073aa !important; 
    padding-left: 15px !important; 
    line-height: 1.3;
    margin-bottom: 20px;
    background: transparent; 
}

.entry-content h2.clean,
.clean h2,
.clean.wp-block-uagb-advanced-heading h2 {
    border-left: none !important;
    padding-left: 0 !important;   
}

.sdm_download {
	font: unset !important;
	font-family: "Crimson Pro", serif; !important;
	font-weight: 600 !important;
	padding: 7px 12px !important;
	font-size: 20px !important;
	text-decoration: none !important;
	background: #f6f6f6 !important;
	border-color: #2F4014 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

.sdm_download:hover {
	background: #2F4014 !important;
	color: #f6f6f6 !important;
}

.sdm_fancy2_download_dl_link, .sdm_fancy2_more_details_link {
	border-radius: 5px;
	border-width: 2px !important;
}


.sdm_fancy2_item .sdm_fancy2_download_link {
	margin-top: 10px;
}

.sdm_fancy2_item .sdm_fancy2_download_title {
	display: none !important;
}

.ast-article-post .post-thumb-img-content {
	text-align: center;
}

.ast-article-post .post-thumb-img-content img {
	    aspect-ratio: revert-layer;
    max-height: 240px;
    width: auto !important;
}

/* --- Ustawienia domyślne (Mobile First) --- */
/* Działa na telefonach i mniejszych tabletach */
ul.dlm-downloads {
  list-style-type: none; /* Usuwa kropki z listy */
  display: grid; /* Włącza nowoczesny układ siatki */
  gap: 20px; /* Dodaje odstęp między kafelkami */
  padding: 0; /* Usuwa domyślne wcięcie listy */
  
  /* Na mobilkach chcemy 2 kolumny, więc min. to ok. 160px */
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); 
}

/* --- Ustawienia na duże ekrany --- */
/* Gdy ekran ma 1000px szerokości lub więcej */
@media (min-width: 1000px) {
  ul.dlm-downloads {
    /* Wracamy do większych kafelków (tak jak chciałeś) */
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}

.download-box-content h1, .dlm-downloads h1 {
	  font-size: 20px;
    margin: 15px 5px;
}

.dlm-downloads .download-box {
	border: 0;
	width: auto !important;
	height: 100% !important;
	box-shadow: 0 2px 4px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.4)
}

.download-box-content .download-button,
.dlm-downloads .download-button {
	border: 2px solid #2D3140;
	background: none;
  color: #2D3140;
	font-size: 18px;
    padding: 5px;
    display: inline-flex;
    text-decoration: none !important;
	text-shadow: unset !important;
	box-shadow: unset !important;
}

.download-box .download-count,
.download-box .download-button small,
.dlm-downloads .download-button small,
.dlm-downloads .download-count {
	display: none;
}

.download-box-content .download-button:hover,
.dlm-downloads .download-button:hover {
	border: 2px solid #2D3140;
	background: #2D3140;
  color: #fff;
    padding: 5px 10px;
    display: inline-flex;
    text-decoration: none !important;
}

.download-monitor-pagination {
	padding: 10px;
}

/* --- DOMYŚLNY STYL PRZYCISKÓW (Globalny Reset + Download Monitor) --- */

.wp-block-button__link,
.uagb-buttons-repeater,
.uagb-infobox-cta-link,
.download-link,
.download-button {
    /* Layout Flexbox - naprawia ikonki */
    display: inline-flex !important; 
    align-items: center !important; 
    justify-content: center !important;
    gap: 10px !important; /* Odstęp między tekstem a ikoną */
    
    /* Reszta stylu (Grafit) */
    background-color: #222222 !important; 
    color: #ffffff !important;
    border: 2px solid #222222 !important;
    border-radius: 6px !important;
    padding: 12px 24px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    line-height: 1.2 !important;
    cursor: pointer !important;
    text-align: center !important;
    
    /* Zapobieganie rozwalaniu się na mobile */
    max-width: 100%; 
    box-sizing: border-box !important;
}

/* Stan: HOVER */
.wp-block-button__link:hover,
.uagb-buttons-repeater:hover,
.uagb-infobox-cta-link:hover,
.download-link:hover,
.download-button:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
}

/* --- FIX DLA IKON (Żeby nie sklejały się z tekstem) --- */
/* Usuwamy stare marginesy, bo teraz mamy 'gap' w flexie */
.wp-block-button__link svg,
.uagb-buttons-repeater svg {
    margin: 0 !important; 
}

/* Stan: VISITED (Naprawia kolor po kliknięciu - żeby nie robił się fioletowy) */
.download-link:visited,
.download-button:visited {
    color: #ffffff !important;
}

/* WYKLUCZENIA dla klas specjalnych (Santa/Trust) */
.btn-santa-promo .uagb-buttons-repeater,
.btn-santa-promo .uagb-infobox-cta-link,
.btn-santa-promo .wp-block-button__link {
    background-color: #D42426 !important;
    border-color: #FFD700 !important;
}

.btn-senior-trust .uagb-buttons-repeater,
.btn-senior-trust .uagb-infobox-cta-link,
.btn-senior-trust .wp-block-button__link {
    background-color: #0073aa !important;
    border: none !important;
}

/* --- STYL B: Niebieski Uniwersalny (Dla Spectra Button, InfoBox, Core Button) --- */

/* Lista selektorów oddzielona przecinkami */
.btn-senior-trust .uagb-buttons-repeater,
.btn-senior-trust .uagb-infobox-cta-link,
.btn-senior-trust .wp-block-button__link,
.btn-senior-trust .uagb-marketing-btn__link {
    background-color: #0073aa !important; /* WordPress Blue */
    color: #ffffff !important;
    border-radius: 8px !important;
    border: none !important;
    padding: 14px 28px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    text-decoration: none !important; /* Usuwa podkreślenie linku */
    display: inline-flex !important; /* Naprawia układ dla zwykłych linków */
    box-shadow: 0 6px 15px rgba(0, 115, 170, 0.3) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    cursor: pointer !important;
    line-height: 1.2 !important;
}

/* Stan: HOVER */
.btn-senior-trust .uagb-buttons-repeater:hover,
.btn-senior-trust .uagb-infobox-cta-link:hover,
.btn-senior-trust .wp-block-button__link:hover,
.btn-senior-trust .uagb-marketing-btn__link:hover {
    background-color: #006394 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 20px rgba(0, 115, 170, 0.4) !important;
}

/* Stan: ACTIVE (Kliknięcie) */
.btn-senior-trust .uagb-buttons-repeater:active,
.btn-senior-trust .uagb-infobox-cta-link:active,
.btn-senior-trust .wp-block-button__link:active,
.btn-senior-trust .uagb-marketing-btn__link:active {
    transform: translateY(1px) !important;
    box-shadow: 0 2px 5px rgba(0, 115, 170, 0.3) !important;
    background-color: #00527a !important;
}

/* Stan: FOCUS */
.btn-senior-trust .uagb-buttons-repeater:focus,
.btn-senior-trust .uagb-infobox-cta-link:focus,
.btn-senior-trust .wp-block-button__link:focus,
.btn-senior-trust .uagb-marketing-btn__link:focus {
    outline: 3px solid #fecb00 !important;
    outline-offset: 2px;
}

.btn-senior-trust svg,
.btn-senior-trust svg path,
.btn-santa-promo svg,
.btn-santa-promo svg path {
    fill: #ffffff !important;  /* Wymusza biały kolor wypełnienia */
    stroke: #ffffff !important; /* Wymusza biały obrys (dla niektórych ikon) */
    color: #ffffff !important; /* Dla ikon opartych na currentColor */
}

.entry-content p a,
.entry-content li a {
    color: #0073aa; /* Twój kolor marki */
    font-weight: 600; /* Lekkie pogrubienie - łatwiej czytać */
    text-decoration: none !important; /* Usuwamy standardową kreskę */
    border-bottom: 2px solid rgba(0, 115, 170, 0.3); /* Nowa, grubsza, półprzezroczysta linia */
    transition: all 0.2s ease-in-out; /* Płynna animacja */
    padding-bottom: 1px; /* Oddech między tekstem a linią */
}

/* 2. Stan Hover (Najazd myszką) */
.entry-content p a:hover,
.entry-content li a:hover {
    color: #005177; /* Nieco ciemniejszy tekst */
    background-color: rgba(0, 115, 170, 0.1); /* Delikatne tło (efekt markera) */
    border-bottom-color: #0073aa; /* Linia robi się pełna */
    border-radius: 4px; /* Ładne zaokrąglenie tła */
    padding: 2px 4px; /* Powiększenie pola aktywnego */
    margin: -2px -4px;
}


.entry-content p a.wp-block-button__link,
.entry-content p a.uagb-buttons-repeater,
.entry-content p a.download-button {
    border-bottom: none !important;
    background-color: #222 !important; /* Wracamy do koloru przycisku */
    color: #fff !important;
    padding: 12px 24px !important; /* Reset paddingu przycisku */
    margin: 0 !important;
}

/* 1. Fix: Przycięcie obrazka (żeby nie najeżdżał na tekst) */
.uagb-infobox_cta-type-all .uagb-ifb-image-content {
    overflow: hidden !important; /* To jest klucz - przycina zoom */
    border-radius: 8px !important; /* Ładne rogi dla samego zdjęcia */
    /* Opcjonalnie: Naprawa dziwnych marginesów Spectry */
    margin-bottom: 15px !important; 
}

/* Płynne przejścia dla elementów */
.uagb-infobox_cta-type-all {
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    border-radius: 8px;
}

.uagb-infobox_cta-type-all img {
    transition: transform 0.5s ease !important;
    display: block; /* Usuwa "pustą linię" pod obrazkiem */
}

/* 3. Stan HOVER (Desktop) */

/* Uniesienie kafelka */
.uagb-infobox_cta-type-all:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
}

/* Zoom obrazka */
.uagb-infobox_cta-type-all:hover img {
    transform: scale(1.1);
}

/* --- BOX REDAKCYJNY (Styl: Clean & Trust) --- */

.senior-author-box {
    background-color: #f9f9f9; /* Jasne szare tło - oddziela od treści */
    border-left: 5px solid #0073aa; /* Twój niebieski brandowy */
    border-radius: 6px;
    padding: 30px;
    margin-top: 50px; /* Odstęp od końca artykułu */
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03); /* Bardzo delikatny cień */
}

/* Górna część: Zdjęcie + Tekst */
.senior-box-inner {
    display: flex;
    gap: 25px;
    align-items: flex-start;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0; /* Linia oddzielająca noty prawne */
}

/* Zdjęcie (Avatar) */
.senior-author-img img {
    width: auto;
    height: auto;
    max-height: 180px;
    border-radius: 50%; /* Kółko */
    object-fit: cover;
    border: 3px solid #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Teksty */
.senior-author-text h4 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.2rem;
    color: #222;
    font-weight: 700;
}

.senior-author-text p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #444;
    margin-bottom: 10px;
}

.senior-more-link {
    font-size: 0.9rem;
    font-weight: 600;
    color: #0073aa;
    text-decoration: none;
}

.senior-more-link:hover {
    text-decoration: underline;
}

/* Dolna część: Disclaimer (Mały druk) */
.senior-box-footer {
    font-size: 0.85rem; /* Mniejszy tekst */
    color: #777;
    font-style: italic;
    line-height: 1.4;
}

.senior-disclaimer strong {
    color: #555; /* Trochę ciemniejsze nagłówki w stopce */
    font-style: normal;
}

/* RWD - Na telefonach układ pionowy */
@media (max-width: 600px) {
    .senior-box-inner {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
    
    .senior-author-text h4 {
        margin-top: 10px;
    }
}

/* --- STYLIZACJA BLOKU "CYTAT" (Wersja Szara/Wcięta) --- */

/* 1. Kontener główny */
.wp-block-uagb-blockquote {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

/* 2. Wygląd ramki */
.uagb-blockquote {
    background-color: #f9f9f9 !important; /* Jasne szare tło */
    
    /* ZMIANA: Szara krawędź zamiast niebieskiej */
    border-left: 5px solid #cccccc !important; 
    
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    padding: 25px 30px !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
    text-align: left !important;
    
    /* Wcięcia (Desktop) */
    margin-left: 40px !important; 
    margin-right: 40px !important;
}

/* 3. Tekst w środku */
.uagb-blockquote__content {
    font-size: 1rem !important;
    font-style: normal !important;
    color: #333 !important;
    line-height: 1.6 !important;
}

/* 4. Linki wewnątrz ramki (Pozostają niebieskie dla kontrastu) */
.uagb-blockquote__content a {
    color: #0073aa !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border-bottom: 2px solid rgba(0, 115, 170, 0.3) !important;
    transition: all 0.2s ease-in-out !important;
}

.uagb-blockquote__content a:hover {
    background-color: rgba(0, 115, 170, 0.1) !important;
    border-bottom-color: #0073aa !important;
}

/* 5. Ukrycie stopki */
.uagb-blockquote footer,
.uagb-blockquote__author-wrap {
    display: none !important;
}

/* --- RESPONSYWNOŚĆ (Mobile) --- */
@media (max-width: 767px) {
    .uagb-blockquote {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 20px !important;
    }
}

/* --- WYRÓWNANIE PRZYCISKÓW POBIERANIA (Equal Height) --- */

/* 1. Ustawienie kontenera treści jako Flex w pionie */
.download-box-content {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important; /* Rozciągnij na całą dostępną wysokość */
    min-height: 150px; /* Minimalna wysokość, żeby kafelki były równe */
}

/* 2. Tytuł (H1) */
.download-box-content h1 {
    flex-grow: 1 !important; /* Tytuł zajmuje całe wolne miejsce */
    margin-bottom: 15px !important; /* Odstęp od przycisku */
    font-size: 1.1rem !important; /* Ujednolicenie wielkości fontu */
    line-height: 1.3 !important;
}

/* 3. Przycisk (Link) */
.download-link {
    margin-top: auto !important; /* Magia Flexboxa: Pycha przycisk na sam dół */
    width: 100% !important; /* Opcjonalnie: Przycisk na pełną szerokość */
    text-align: center !important;
}

/* 4. Fix dla całego pudełka (żeby sąsiednie kafelki miały równą wysokość) */
.dlm-downloads li {
    display: flex !important; /* Elementy listy jako flex */
    flex-direction: column !important;
}

.download-box {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important; /* Rozciągnij kafelek */
    height: 100% !important;
}

.christmas-info-box {
	background: #f9f9f9;
    padding: 30px;
    border-radius: 8px;
}

.christmas-info-box .uagb-ifb-title {
	color: #0073aa;
}

.christmas-info-box .wp-block-button .wp-block-button__link {
	margin-top: auto
}

/* --- WYRÓWNANIE PRZYCISKÓW W KAFELKACH (Info Box) --- */

/* 1. Ustawienie wysokości samego kafelka na 100% wysokości kolumny */
.christmas-info-box {
    height: 100% !important;
}

/* 2. Zmiana wnętrza kafelka na elastyczny kontener (Flex) */
.christmas-info-box .uagb-ifb-content {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important; /* Rozciągnij treść na całą wysokość kafelka */
    justify-content: flex-start !important;
}

/* 3. Magiczne wypchnięcie przycisku na dół */
.christmas-info-box .uagb-ifb-button-wrapper {
    margin-top: auto !important; /* To jest klucz: "idź na sam dół, ile się da" */
    padding-top: 20px !important; /* Dodatkowy oddech od tekstu */
    width: 100%; /* Opcjonalnie: zapewnia stabilność kontenera przycisku */
}

/* --- STYL BANERA ŚWIĄTECZNEGO (Zielony) --- */

.christmas-green-box {
    background-color: #14452F !important; /* Głęboka, choinkowa zieleń */
    color: #ffffff !important; /* Biały tekst */
    border: 1px solid #C5A059 !important; /* Delikatna złota ramka */
    border-radius: 8px !important;
    padding: 35px !important;
    box-shadow: 0 10px 25px rgba(20, 69, 47, 0.15) !important; /* Zielonkawy cień */
}

/* Wymuszenie białego koloru dla wszystkich tekstów w środku */
.christmas-green-box h2,
.christmas-green-box h3,
.christmas-green-box h4,
.christmas-green-box p,
.christmas-green-box li,
.christmas-green-box strong {
    color: #ffffff !important;
}

/* --- PRZYCISK W ZIELONYM BANERZE (Zwykły Button / Spectra Button) --- */

/* 1. Stan Spoczynku: Białe tło, Zielony tekst */
.christmas-green-box .wp-block-button__link,
.christmas-green-box .uagb-buttons-repeater {
    background-color: #ffffff !important;
    color: #14452F !important; /* Ciemna zieleń */
    border: 2px solid #ffffff !important;
    box-shadow: none !important; /* Bez cienia, czysty flat/solid */
}

/* 2. Ikonka (SVG): Musi być zielona */
.christmas-green-box .wp-block-button__link svg,
.christmas-green-box .wp-block-button__link svg path,
.christmas-green-box .uagb-buttons-repeater svg,
.christmas-green-box .uagb-buttons-repeater svg path {
    fill: #14452F !important;
    color: #14452F !important;
}

/* --- STAN HOVER (Po najechaniu) --- */

/* 1. Tło: Złote, Tekst: Biały */
.christmas-green-box .wp-block-button__link:hover,
.christmas-green-box .uagb-buttons-repeater:hover {
    background-color: #C5A059 !important; /* Złoty */
    border-color: #C5A059 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

/* 2. Ikonka: Biała */
.christmas-green-box .wp-block-button__link:hover svg,
.christmas-green-box .wp-block-button__link:hover svg path,
.christmas-green-box .uagb-buttons-repeater:hover svg,
.christmas-green-box .uagb-buttons-repeater:hover svg path {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* --- FIX: PRZYCISK SENIOR TRUST WEWNĄTRZ ZIELONEGO BANERA --- */

/* 1. Stan Spoczynku: Białe Tło, Zielony Tekst */
/* Nadpisujemy styl niebieski konkretnie dla tego kontenera */
.christmas-green-box .btn-senior-trust .uagb-buttons-repeater,
.christmas-green-box .btn-senior-trust .wp-block-button__link,
.promo-box-green .btn-senior-trust .uagb-buttons-repeater,
.promo-box-green .btn-senior-trust .wp-block-button__link {
    background-color: #ffffff !important;
    color: #14452F !important; /* Ciemna zieleń */
    border-color: #ffffff !important;
    box-shadow: none !important;
}

/* 2. Ikonka (SVG): Musi być Zielona */
.christmas-green-box .btn-senior-trust svg,
.christmas-green-box .btn-senior-trust svg path,
.promo-box-green .btn-senior-trust svg,
.promo-box-green .btn-senior-trust svg path {
    fill: #14452F !important; /* Zielony */
    color: #14452F !important;
}

/* --- STAN HOVER (Po najechaniu) --- */

/* 1. Tło: Złote, Tekst: Biały */
.christmas-green-box .btn-senior-trust .uagb-buttons-repeater:hover,
.christmas-green-box .btn-senior-trust .wp-block-button__link:hover,
.promo-box-green .btn-senior-trust .uagb-buttons-repeater:hover,
.promo-box-green .btn-senior-trust .wp-block-button__link:hover{
    background-color: #C5A059 !important; /* Złoty */
    border-color: #C5A059 !important;
    color: #ffffff !important;
}

/* 2. Ikonka: Biała */
.christmas-green-box .btn-senior-trust .uagb-buttons-repeater:hover svg,
.christmas-green-box .btn-senior-trust .uagb-buttons-repeater:hover svg path,
.promo-box-green .btn-senior-trust .uagb-buttons-repeater:hover svg,
.promo-box-green .btn-senior-trust .uagb-buttons-repeater:hover svg path{
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* --- STYLIZACJA PRZYCISKU NEWSLETTERA (Squeeze Page) --- */

/* 1. Wygląd przycisku (Zgodny z resztą strony) */
.tnp-subscription input.tnp-submit {
    background-color: #222222 !important; /* Twój Grafit */
    color: #ffffff !important;
    border: 2px solid #222222 !important;
    border-radius: 6px !important;
    padding: 12px 30px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    width: 100% !important; /* Przycisk na całą szerokość formularza */
    margin-top: 15px !important;
}

/* 2. Hover (Po najechaniu) */
.tnp-subscription input.tnp-submit:hover {
    background-color: #000000 !important; /* Pełna czerń */
    border-color: #000000 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
}

/* 3. Lekki lifting pól formularza (żeby nie były "chude") */
.tnp-field input {
    padding: 12px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    background-color: #fff !important;
}

/* --- STYLE KOMUNIKATÓW NEWSLETTERA --- */

/* 1. Sukces (Zielona Ramka) */
.tnp-message, 
.tnp-confirmation { /* Klasa domyślna wtyczki */
    background-color: #e8f5e9 !important; /* Jasna zieleń */
    border-left: 6px solid #2e7d32 !important; /* Ciemny zielony pasek */
    color: #1b5e20 !important; /* Ciemny zielony tekst */
    padding: 20px 25px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    border-radius: 6px !important;
    font-size: 1.1rem !important;
    line-height: 1.5 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
}

/* 2. Błąd / Już zapisany (Czerwona/Pomarańczowa Ramka) */
.tnp-error {
    background-color: #fff3e0 !important; /* Jasny pomarańcz */
    border-left: 6px solid #ef6c00 !important; /* Ciemny pomarańcz */
    color: #e65100 !important;
    padding: 20px 25px !important;
    margin-top: 20px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
}

/* Pogrubienia w komunikatach */
.tnp-message strong, .tnp-error strong {
    display: block; /* W nowej linii */
    font-size: 1.2rem;
    margin-bottom: 5px;
}

.tnp-error input[type="submit"] {
    background-color: #222222 !important; /* Grafit */
    color: #ffffff !important;
    border: 2px solid #222222 !important;
    padding: 12px 35px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

/* Hover: Czerwony (Sygnał: Usuwasz konto) */
.tnp-error input[type="submit"]:hover {
    background-color: #d32f2f !important; /* Czerwony */
    border-color: #d32f2f !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
}

/* --- CUSTOM NEWSLETTER W STOPCE (Wersja V2 - Ulepszona) --- */

/* 1. Kontener Paska (Większy oddech) */
.custom-footer-newsletter {
    background-color: #f9f9f9; /* Jaśniejszy szary - bardziej elegancki */
    border-left: 5px solid #0073aa; /* Twój niebieski akcent */
    padding: 30px 40px; /* Większy padding wewnątrz */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; /* Rozsuń tekst i formularz na boki */
    gap: 30px;
    border-radius: 8px;
    margin-bottom: 40px; /* Większy odstęp od właściwej stopki */
    box-shadow: 0 5px 15px rgba(0,0,0,0.03); /* Delikatny cień */
}

/* 2. Teksty (Lewa strona) */
.cfn-content {
    flex: 1; /* Zajmij dostępne miejsce */
    min-width: 300px;
}

.cfn-content h4 {
    margin: 0 0 8px 0;
    color: #222;
    font-size: 1.3rem; /* Większy nagłówek */
    font-weight: 700;
}

.cfn-content p {
    margin: 0;
    color: #555;
    font-size: 1rem;
    line-height: 1.5;
}

/* 3. Formularz (Prawa strona) */
.cfn-form {
    flex: 1;
    min-width: 300px;
    display: flex;
    flex-direction: column;
}

.cfn-input-row {
    display: flex;
    gap: 15px; /* Większy odstęp między polem a przyciskiem */
	margin-top: 15px;
    width: 100%;
    justify-content: center;
}

/* Pole Email */
.cfn-email {
    padding: 12px 20px !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    width: 100% !important; /* Elastyczna szerokość */
    max-width: 300px; /* Ale nie szersze niż to */
    height: 50px !important; /* Wyższe pole - łatwiej trafić */
    font-size: 15px !important;
}

/* Przycisk */
.cfn-submit {
    background-color: #222 !important; /* Grafit */
    color: #fff !important;
    border: none !important;
    padding: 0 30px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    height: 50px !important; /* Taka sama wysokość jak email */
    transition: 0.3s;
    white-space: nowrap; /* Żeby tekst się nie łamał */
}

.cfn-submit:hover {
    background-color: #0073aa !important; /* Niebieski hover - ożywia */
    transform: translateY(-2px);
}

/* Checkbox i link */
.cfn-privacy {
    margin-top: 10px;
    font-size: 13px;
    color: #888;
    text-align: center; /* Wyrównanie do prawej, pod formularzem */
    width: 100%;
}

.cfn-privacy label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
}

.cfn-privacy a {
    color: #666;
    text-decoration: underline;
}

/* --- MOBILE (Pionowanie) --- */
@media (max-width: 768px) {
    .custom-footer-newsletter {
        flex-direction: column;
        text-align: center;
        padding: 25px 20px;
    }
    
    .cfn-content {
        text-align: center;
        margin-bottom: 10px;
    }
    
    .cfn-form {
        align-items: center;
        width: 100%;
    }

    .cfn-input-row {
        flex-direction: column;
        width: 100%;
    }
    
    .cfn-email {
        max-width: 100%;
        width: 100% !important;
    }

    .cfn-submit {
        width: 100% !important;
    }
    
    .cfn-privacy {
        text-align: center;
        justify-content: center;
    }
    
    .cfn-privacy label {
        justify-content: center;
    }
}

/* WARIANT 1: Świąteczny (Zielony) */
.promo-box-green {
    background-color: #14452F; /* Choinkowa zieleń */
    color: #ffffff;
    padding: 35px;
    border-radius: 8px;
    border: 1px solid #C5A059; /* Złota ramka */
    text-align: center;
    margin: 40px 0;
    box-shadow: 0 8px 20px rgba(20, 69, 47, 0.15);
}

.promo-box-green h3 {
    color: #ffffff !important;
    margin-top: 0;
}

.promo-box-green p {
    color: #e0e0e0; /* Jasnoszary tekst */
    font-size: 1.05rem;
    margin-bottom: 20px;
}

/* WARIANT 2: Uniwersalny (Szary) */
.promo-box-gray {
    background-color: #f4f4f4;
    color: #222;
    padding: 30px;
    border-radius: 8px;
    border-left: 5px solid #0073aa; /* Niebieski pasek */
    margin: 40px 0;
}

.promo-box-gray h3 {
    color: #0073aa !important;
    margin-top: 0;
}

.download-box-content h3 {
	font-size: 20px !important;
}