#ppi-block .material-icons { vertical-align: middle; margin-right: .4rem; }
#ppi-block .description { margin-bottom: .5rem; }

/* Switch slider (no plugin needed) */
.ppi-switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 26px;
}

.ppi-switch input {
    display: none;
}

.ppi-switch .ppi-slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background: #ccc;
    transition: .2s;
    border-radius: 26px;
}

.ppi-switch .ppi-slider:before {
    content: "";
    position: absolute;
    height: 22px;
    width: 22px;
    left: 2px;
    bottom: 2px;
    background: #fff;
    transition: .2s;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.ppi-switch input:checked+.ppi-slider {
    background: #ccc;
}

.ppi-switch input:checked+.ppi-slider:before {
    transform: translateX(20px);
}

.select-address {
    color: whitesmoke;
    text-align: center;
    border: 1px #ccc solid;
    box-shadow: inherit;
    border-radius: 4px;
    padding: .5rem 1.25rem;
    background-color: #5db85d;
}
.opt-out-button {
    display: flex;
    justify-content: flex-end;
}

/* Style de base pour le champ email en lecture seule */
input[name="ppi_email_readonly"][readonly] {
    background-color: #f8f9fa !important; 
    border: 1px solid #ddd !important;   
    color: #6c757d !important; 
    cursor: default;      
    box-shadow: none !important;    
    outline: none !important; 
}
input[name="ppi_email_readonly"][readonly]:focus,
input[name="ppi_email_readonly"][readonly]:active {
    background-color: #f8f9fa !important;
    border-color: #ddd !important;
    box-shadow: none !important;
    outline: none !important;
}