/*
Theme Name:   Termo Pian Pro
Theme URI:    https://stronywpaski.pl
Author:       Zebr@ Innov@tion
Author URI:   https://stronywpaski.pl
Description:  Motyw WordPress dla firmy izolacji natryskowych PUR-Therm. Zawiera niestandardowe widgety Elementora dla każdej sekcji strony.
Version:      1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License:      Private
Text Domain:  termo-pian-pro

Changelog:
1.0.0 - Wersja inicjalna. Konwersja projektu React na motyw WordPress z widgetami Elementora.
*/

/* ============================================================
   RESET — zerowanie marginesów WordPress i Elementor
   ============================================================ */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}

.site,
.site-content,
#content,
.content-area,
#primary,
.entry-content,
.wp-site-blocks,
#page,
main {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    max-width: 100%;
}

/* Zeruj padding na widget-container dla własnych widgetów full-width */
.elementor-widget-tpp_navbar .elementor-widget-container,
.elementor-widget-tpp_hero .elementor-widget-container,
.elementor-widget-tpp_footer_section .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
}

/* ============================================================
   ZMIENNE CSS — paleta kolorów i typografia
   ============================================================ */
:root {
    --tpp-primary:          #f97316;
    --tpp-primary-dark:     #ea6c0d;
    --tpp-primary-light:    rgba(249,115,22,0.15);
    --tpp-bg:               #ffffff;
    --tpp-fg:               #141921;
    --tpp-card:             #ffffff;
    --tpp-muted:            #f1f2f5;
    --tpp-muted-fg:         #6b7280;
    --tpp-border:           #e4e6ed;
    --tpp-radius:           0.75rem;
    --tpp-font-body:        'Inter', sans-serif;
    --tpp-font-display:     'Playfair Display', serif;
}

/* ============================================================
   ANIMACJE (jedyne style poza resetem i zmiennymi w tym pliku)
   ============================================================ */
@keyframes tpp-pulse {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.5; }
}

@keyframes tpp-spin {
    to { transform: rotate(360deg); }
}

@keyframes tpp-reveal {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: translateY(0); }
}

.tpp-animate-pulse { animation: tpp-pulse 2s cubic-bezier(0.4,0,0.6,1) infinite; }
.tpp-animate-spin  { animation: tpp-spin 1s linear infinite; }
.tpp-reveal        { animation: tpp-reveal 0.7s ease both; }