/* Banner */
#tredicart-cookie-banner {
    position: fixed; bottom: 0; left: 0; width: 100%;
    background: #fff; border-top: 1px solid #ccc;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    padding: 20px; z-index: 99999;
    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
    font-family: sans-serif;
}
.cookie-content { flex: 1; padding-right: 20px; font-size: 14px; color: #333; }
.cookie-buttons { display: flex; gap: 10px; }
.btn-primary { background-color: #000; color: #fff; padding: 10px 15px; border:none; border-radius:4px; cursor:pointer; }
.btn-secondary { background-color: #f1f1f1; color: #333; border: 1px solid #ccc; padding: 10px 15px; border-radius:4px; cursor:pointer;}
.btn-outline { background: none; border: none; text-decoration: underline; color: #555; cursor:pointer; padding: 10px 15px;}
.cookie-link { color: #000; text-decoration: underline; }

/* Modal */
#tredicart-cookie-modal {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.5); z-index: 100000;
    display: flex; justify-content: center; align-items: center;
}
.cookie-modal-content {
    background: #fff; padding: 30px; width: 90%; max-width: 500px;
    border-radius: 8px; position: relative; text-align: left;
}
.close-icon {
    position: absolute; top: 10px; right: 15px; font-size: 24px;
    background: none; border: none; cursor: pointer;
}
.modal-buttons { margin-top: 20px; display: flex; flex-direction: column; gap: 10px; }

/* Mobile */
@media (max-width: 768px) {
    #tredicart-cookie-banner { flex-direction: column; text-align: center; }
    .cookie-content { padding-right: 0; margin-bottom: 15px; }
    .cookie-buttons { flex-direction: column; width: 100%; }
}