.elementor-5369 .elementor-element.elementor-element-bd56c27{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5369 .elementor-element.elementor-element-dc2d8dc > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-5369 .elementor-element.elementor-element-80690fe.elementor-element{--align-self:flex-start;}#elementor-popup-modal-5369{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-5369 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-5369 .dialog-close-button{display:flex;}#elementor-popup-modal-5369 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS *//* === PRZYCISK ZAMYKANIA W ROGU === */

.elementor-popup-modal .dialog-close-button {
    /* 1. Ustawienie kółka */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    
    width: 35px !important;             /* Rozmiar kółka */
    height: 35px !important;
    
    background-color: #ffffff !important; /* Białe tło */
    border-radius: 50% !important;        /* Idealne zaokrąglenie */
    
    /* 2. POZYCJA - POWRÓT DO ROGU */
    top: 15px !important;    
    right: 15px !important;
    
    /* 3. Estetyka */
    border: none !important;
    outline: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important; /* Cień żeby odcinał się od tła */
    padding: 0 !important;
    margin: 0 !important;
    z-index: 9999 !important;
}

/* 4. Wygląd samego znaku X */
.elementor-popup-modal .dialog-close-button i,
.elementor-popup-modal .dialog-close-button svg {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    fill: #333333 !important;
    color: #333333 !important;
    line-height: 1 !important;
}

/* 5. Efekt najechania */
.elementor-popup-modal .dialog-close-button:hover {
    background-color: #f2f2f2 !important;
    transform: scale(1.1);
    transition: all 0.2s ease;
}

/* 6. Wyśrodkowanie okna + odstęp na dole */
.dialog-widget-content {
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
    padding-bottom: 30px !important; 
    border-radius: 10px !important; /* Lekkie zaokrąglenie całego okna */
}/* End custom CSS */