/* ConsentFriend brand overrides */

.consentfriend {
    /* Map ConsentFriend variables to HoY brand colours */
    --green1: #a12471 !important;  /* Replace with your bg-hoy-yellow hex */
    --green2: #a12471 !important;  /* Slightly darker for hover */
    --red1: #a12471;    /* Neutral grey for decline */
    --red2: #a12471;    /* Decline hover */
    --blue1: #a12471;   /* Replace with your text-hoy hex */ }

/* If variable overrides don't work for older ConsentFriend versions, target the buttons directly */
.consentfriend .cm-btn-success,
.consentfriend .cm-btn-accept,
.consentfriend .cm-btn-accept-all {
    background-color: #a12471 !important;  /* Your brand colour */
    color: #000;                /* Make sure text contrasts! */
    border: none; }

.consentfriend .cm-btn-success:hover,
.consentfriend .cm-btn-accept:hover,
.consentfriend .cm-btn-accept-all:hover {
    background-color: #501238 !important; }
    
.consentfriend .cm-btn {
    text-transform: Capitalize;
    font-family: "CaustenRound-Bold";
    padding: 5px 15px 7px 15px !important; }

.consentfriend .cm-btn-decline {
    background-color: #a12471 !important;
    color: #fff; }

.consentfriend .cm-btn-decline:hover {
    background-color: #501238 !important; }
    
.consentfriend .cn-changes {
    text-decoration: none !important;}
    
.consentfriend p {
    font-family: "CaustenRound-Medium"; }
    
.consentfriend a {
    font-family: "CaustenRound-ExtraBold"; }
    
.consentfriend .cn-learn-more {
    text-transform: uppercase; }
    
.consentfriend .title span {
    font-family: "CaustenRound-Medium";
    color: #a12471; }
    
.consentfriend .cm-list-label {
    font-family: "CaustenRound-Bold";
    color: #000;
    font-size: 16px; }
    
.consentfriend .cm-list-description span {
    font-size: 14px; }
    
/* Style the bespoke Eventbrite placeholder to match ConsentFriend's contextual notice */

.eb-placeholder.cm-context-notice {
    background-color: #333;
    color: #fff;
    padding: 3rem 1.5rem;
    text-align: center;
    border-radius: 4px;
    min-height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }

.eb-placeholder.cm-context-notice p {
    color: #fff;
    margin-bottom: 1rem;
    font-size: 14px;
    font-family: "CaustenRound-Bold", system-ui, sans-serif; }

.eb-placeholder.cm-context-notice .cm-footer-link {
    font-size: 0.875rem;
    margin-top: 1.5rem;
    margin-bottom: 0; }

.eb-placeholder.cm-context-notice .cm-footer-link a {
    color: #fff;
    text-decoration: underline; }

.eb-placeholder.cm-context-notice .cm-footer-link a:hover {
    color: #fff;
    text-decoration: none; }
    
/* Eventbrite placeholder button — match Google Maps brand style */

.eb-placeholder .cm-btn,
.eb-placeholder button {
    background-color: #a12471;
    color: #fff;
    border: 2px solid #a12471;
    padding: 5px 15px 7px 15px;
    font-family: "CaustenRound-Bold", system-ui, sans-serif;
    font-size: 14px;
    text-transform: capitalize;
    cursor: pointer;
    border-radius: 4px; }

.eb-placeholder .cm-btn:hover,
.eb-placeholder button:hover,
.eb-placeholder .cm-btn:focus,
.eb-placeholder button:focus {
    background-color: #501238;
    border-color: #501238;
    color: #fff; }

.eb-placeholder .cm-btn:focus-visible,
.eb-placeholder button:focus-visible {
    outline: 3px solid #00427a;
    outline-offset: 2px; }