/* Beauty Source Trade — cookie consent controls (extends the existing .cookie-notice styles in app.css). */
.cookie-notice__actions { display: flex; flex: none; gap: 8px; }
.cookie-notice__actions button[aria-pressed="true"] { box-shadow: inset 0 0 0 2px #f6e9e3; }
@media (max-width: 600px) {
    .cookie-notice { flex-wrap: wrap; }
    .cookie-notice p { flex: 1 1 100%; }
    .cookie-notice__actions { flex: 1 1 100%; justify-content: flex-end; }
    .cookie-notice__actions button { flex: 1 1 0; min-height: 40px; }
}

/* Footer "Cookie settings": a button that reads exactly like the neighbouring legal links. */
.footer-consent-link { display: inline; margin: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; letter-spacing: inherit; text-decoration: inherit; white-space: nowrap; cursor: pointer; }
.footer-consent-link:hover { text-decoration: underline; }
.footer-consent-link:focus-visible { outline: 2px solid #a65343; outline-offset: 2px; }

/* Cookie Policy: current analytics choice and controls. */
.consent-panel { max-width: 760px; margin: 22px 0 0; padding: 16px 18px; border: 1px solid #ead8cb; background: #fffdfa; }
.consent-panel__status { margin: 0 0 12px; color: #4a3a33; font: 400 15px/1.6 var(--sans); }
.consent-panel__status strong { color: #2a1d18; font-weight: 600; }
.consent-panel__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.consent-panel__actions button { min-height: 40px; padding: 0 18px; border: 1px solid #a84f43; background: #a84f43; color: #fff; font: 600 10.5px/1 var(--sans); letter-spacing: .14em; text-transform: uppercase; cursor: pointer; }
.consent-panel__actions button:hover { background: #8f3f36; border-color: #8f3f36; }
.consent-panel__actions button:focus-visible { outline: 2px solid #a65343; outline-offset: 2px; }
.consent-panel__actions button[aria-pressed="true"] { box-shadow: inset 0 0 0 2px #fffdfa; }
.consent-panel noscript p { margin: 10px 0 0; color: #77685f; font: 400 13px/1.5 var(--sans); }