/* ================================================
   Cookie Consent Banner — MM Travelers
   ================================================ */

#mm-consent-overlay {
    position:        fixed;
    inset:           0;
    background:      rgba(5, 14, 26, .75);
    backdrop-filter: blur(4px);
    z-index:         9999;
    display:         flex;
    justify-content: center;
    align-items:     flex-start;
    padding-top:     8vh;
    font-family:     'Segoe UI', system-ui, sans-serif;
}

#mm-consent-banner {
    background:    #0f2a48;
    border:        1px solid rgba(44, 95, 138, .5);
    border-radius: 12px;
    padding:       2rem 2rem 1.75rem;
    width:         min(460px, calc(100% - 2rem));
    box-shadow:    0 24px 64px rgba(0, 0, 0, .55),
                   0 0 0 1px rgba(44, 95, 138, .2);
}

#mm-consent-title {
    font-size:   1rem;
    font-weight: 700;
    color:       #f8fafc;
    margin:      0 0 .75rem;
}

#mm-consent-body {
    font-size:   .875rem;
    color:       #94a3b8;
    line-height: 1.65;
    margin:      0 0 1.5rem;
}

.mm-consent-actions {
    display:         flex;
    gap:             .6rem;
    justify-content: flex-end;
}

.mm-consent-actions button {
    cursor:        pointer;
    border-radius: 7px;
    padding:       .5rem 1.25rem;
    font-size:     .875rem;
    font-weight:   600;
    white-space:   nowrap;
    transition:    background .15s, color .15s, border-color .15s, box-shadow .15s;
}

#mm-consent-accept {
    background: #e8c97e;
    color:      #0f2a48;
    border:     1px solid #e8c97e;
}

#mm-consent-accept:hover {
    background:   #f0d898;
    border-color: #f0d898;
    box-shadow:   0 0 18px rgba(232, 201, 126, .4);
}

#mm-consent-decline {
    background: transparent;
    color:      #94a3b8;
    border:     1px solid rgba(148, 163, 184, .3);
}

#mm-consent-decline:hover { color: #f1f5f9; border-color: rgba(148, 163, 184, .65); }