/* BANNIÈRE */
#ptcmp-banner {
    position: fixed;
    z-index: 999999;
    background: #ffffff;
    color: #333;
    padding: 20px;
    border-radius: 10px;
    width: 350px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    font-family: Arial, sans-serif;
}

/* POSITIONS */
.ptcmp-position-bottom-right { bottom: 20px; right: 20px; }
.ptcmp-position-bottom-center { bottom: 20px; left: 50%; transform: translateX(-50%); }
.ptcmp-position-center { top: 50%; left: 50%; transform: translate(-50%, -50%); }

/* STYLES */
.ptcmp-style-bar { width: 100%; border-radius: 0; left: 0; right: 0; bottom: 0; }
.ptcmp-style-popup { width: 420px; }

/* BUTTONS */
.ptcmp-buttons { display: flex; gap: 10px; margin-top: 15px; }
.ptcmp-btn { flex: 1; padding: 10px; border-radius: 6px; cursor: pointer; }

/* MODALE */
#ptcmp-modal-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.55);
    z-index: 99999998;
}

#ptcmp-modal {
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    max-width: 95%;
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    z-index: 99999999;
}

#ptcmp-modal-scroll {
    max-height: 350px;
    overflow-y: auto;
    padding-right: 10px;
}

/* HIDDEN */
.ptcmp-hidden { display: none !important; }

/* BOUTON FLOTTANT */
#ptcmp-floating-btn {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 48px;
    height: 48px;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    cursor: pointer;
    z-index: 999999999 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}