/* Csurga Floating Badge - Public CSS */

.csfb-container {
    position: fixed;
    display: block; 
    box-sizing: border-box;
    /* A szélességet/magasságot és a top/left/bottom/right értékeket inline stílussal kapja a PHP-tól */
}

/* Badge Image Styles */
.csfb-container img.csfb-badge-image {
    display: block;
    width: 100%; /* Töltse ki a konténer szélességét */
    height: 100%; /* Töltse ki a konténer magasságát */
    object-fit: contain; /* Tartsa meg az arányokat, ne vágja le, illeszkedjen a konténerbe */
    border-radius: inherit; /* Inherit border-radius from container if set */
    transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out; /* For hover effects */
    /* A kép explicit méretezését (width, height) eltávolítottuk a PHP-ból, 
       most a konténer méretéhez igazodik a width:100% és height:100% által. */
}

/* Close Button Specific Styles */
#csurga-floating-badge-container button#csfb-close-badge-button.csfb-close-button {
    position: absolute !important; 
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important; 
    color: inherit !important; 
    text-align: initial !important;
    font-size: initial !important;
    font-weight: initial !important;
    line-height: 0 !important; 
    -webkit-appearance: none !important; 
    appearance: none !important;
    margin: 0 !important; /* Biztonság kedvéért */
    cursor: pointer !important;
    /* A width és height inline stílussal van beállítva a PHP által, azokra nem kell !important */
    z-index: 10 !important; /* A badge kép fölött legyen */
    overflow: hidden !important; /* Ha az SVG valamiért nagyobb lenne */
}

#csurga-floating-badge-container button#csfb-close-badge-button.csfb-close-button svg.csfb-close-icon-svg {
    display: block;
    width: 100%;
    height: 100%;
}

/* Rejtett állapot a JS számára */
.csfb-hidden {
    display: none !important;
}