/* ============================================================
   BANNER PRINCIPAL (ROSA TRANSLÚCIDO COM BLUR)
   ============================================================ */
#pw-cookie-banner { 
    display: none; 
    position: fixed; 
    bottom: 20px; 
    left: 50%; 
    transform: translateX(-50%); 
    width: 92%; 
    max-width: 480px; 
    background: rgba(255, 182, 219, 0.92); 
    backdrop-filter: blur(12px); 
    -webkit-backdrop-filter: blur(12px);
    padding: 22px; 
    border-radius: 20px; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.2); 
    z-index: 9999999; 
    text-align: center; 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #222;
}

#pw-cookie-banner p { margin-bottom: 15px; line-height: 1.4; font-size: 14px; }

/* ============================================================
   MODAL DE CONFIGURAÇÃO (OVERLAY)
   ============================================================ */
#pw-cookie-modal { 
    position: fixed; 
    top: 0; left: 0; width: 100%; height: 100%; 
    background: rgba(0,0,0,0.75); 
    display: none; /* JS altera para flex */
    justify-content: center; 
    align-items: center; 
    z-index: 10000000; 
    font-family: inherit;
    transition: opacity 0.3s ease;
}

.pw-modal-content { 
    background: #fff; 
    padding: 28px; 
    border-radius: 20px; 
    width: 90%; 
    max-width: 440px; 
    max-height: 85vh;
    overflow-y: auto;
    box-shadow: 0 25px 50px rgba(0,0,0,0.4);
}

/* ============================================================
   DROPDOWNS / ACCORDIONS
   ============================================================ */
.pw-dropdown { 
    border-bottom: 1px solid #f0f0f0; 
    padding: 4px 0; 
}

.pw-drop-btn { 
    width: 100%; 
    background: transparent; 
    border: none; 
    text-align: left; 
    font-weight: 600; 
    cursor: pointer; 
    display: flex; 
    justify-content: space-between; 
    align-items: center;
    font-size: 15px; 
    color: #333;
    outline: none;
    padding: 16px 0;
}

.pw-arrow {
    display: inline-block;
    transition: transform 0.3s ease;
    font-size: 10px;
    color: #999;
}

.pw-drop-content { 
    display: none; 
    padding: 0 5px 18px 5px; 
    font-size: 13px; 
    color: #555; 
    line-height: 1.6;
}

/* ============================================================
   SWITCHES (ROSA PINKIEWORLD)
   ============================================================ */
.pw-switch-container {
    display: flex; 
    justify-content: space-between; 
    align-items: center;
    margin-top: 14px; 
    background: #f8f8f8; 
    padding: 12px 15px; 
    border-radius: 12px;
}

.pw-switch { position: relative; display: inline-block; width: 42px; height: 22px; }
.pw-switch input { opacity: 0; width: 0; height: 0; }

.slider { 
    position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; 
    background-color: #e0e0e0; transition: .3s; border-radius: 24px; 
}

.slider:before {
    position: absolute; content: ""; height: 16px; width: 16px;
    left: 3px; bottom: 3px; background-color: white; transition: .3s; border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

input:checked + .slider { background-color: #ff2ea6; }
input:checked + .slider:before { transform: translateX(20px); }

/* ============================================================
   BOTÕES
   ============================================================ */
.pw-cookie-buttons { display: flex; gap: 12px; justify-content: center; margin-top: 10px; }

.pw-btn-primary { 
    background: #ff2ea6; 
    color: #fff; 
    border: none; 
    padding: 12px 24px; 
    border-radius: 12px; 
    cursor: pointer; 
    font-weight: 600; 
    flex: 1;
    font-size: 14px;
    transition: all 0.2s ease;
}

.pw-btn-primary:hover { background: #e62995; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(255, 46, 166, 0.3); }

.pw-btn-alt { 
    background: #fff; 
    border: 1px solid #e0e0e0; 
    padding: 12px 20px; 
    border-radius: 12px; 
    cursor: pointer; 
    color: #666;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.2s;
}

.pw-btn-alt:hover { background: #fdfdfd; border-color: #ccc; color: #333; }

.pw-badge { 
    background: #e8f5e9; 
    color: #2e7d32; 
    font-size: 9px; 
    padding: 3px 10px; 
    border-radius: 20px; 
    text-transform: uppercase;
    font-weight: 700;
}

.pw-modal-footer { 
    display: flex; 
    gap: 12px; 
    margin-top: 25px; 
    border-top: 1px solid #f0f0f0;
    padding-top: 22px;
}

/* Evitar que o scroll do site continue ativo com modal aberto */
body.pw-modal-open { overflow: hidden; }