.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#554164;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{border-radius:10px 10px 10px 10px;}.elementor-kit-6 img{border-radius:10px 10px 10px 10px;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{border-radius:10px 10px 10px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:25px;padding-inline-start:25px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}.site-footer .site-branding .site-logo img{width:0px;max-width:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. Stan spoczynku - kafelek lekko przyciemniony */
.elementor-widget-video .elementor-custom-embed-image-overlay img {
    filter: brightness(0.8) grayscale(0.2); /* Lekkie przyciemnienie i odjęcie koloru */
    transition: filter 0.6s ease-in-out, transform 0.6s ease-in-out; /* Płynne przejście tylko dla tego, co się zmienia */
}

/* 2. Stan po najechaniu - "odżycie" kafelka */
.elementor-widget-video .elementor-custom-embed-image-overlay:hover img {
    filter: brightness(1.1) grayscale(0); /* Rozjaśnienie i pełny kolor */
    transform: scale(1.04); /* Delikatny zoom */
}

/* 3. Dodatkowa poświata (cień) pod kafelkiem przy najechaniu */
.elementor-widget-video .elementor-custom-embed-image-overlay {
    transition: box-shadow 0.6s ease-in-out;
}

.elementor-widget-video .elementor-custom-embed-image-overlay:hover {
    box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.5); /* Głęboki cień dla efektu głębi */
}


/* =========================================
   BLOKOWANIE OVERFLOW W LEWO NA MOBILE
   ========================================= */

html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}


/* =========================================
   PRZYCISK POWROTU DO GÓRY #backToTop
   ========================================= */

#backToTop {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;

    width: 52px;
    height: 52px;
    border-radius: 999px;
    border: none;
    cursor: pointer;

    background: #6B4C88; /* Twoja purpura */
    color: #ffffff;
    font-size: 26px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.45);

    opacity: 0;
    pointer-events: none;
    transition:
        opacity 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease;
}

/* po przewinięciu – widoczny, ale delikatnie przezroczysty */
#backToTop.is-visible {
    opacity: 0.5;
    pointer-events: auto;
}

/* gdy jesteś blisko końca strony – pełna widoczność */
#backToTop.is-strong {
    opacity: 1;
}

/* hover – delikatne podbicie */
#backToTop:hover {
    background: #8360A5; /* jaśniejsza purpura */
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.55);
    transform: translateX(-50%) translateY(-3px);
}/* End custom CSS */