/* ====== NewHotMusic.com New Styles ====== */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');


:root {
     /*Brand Colors */
    --gold-primary: #FFD700;
    --gold-secondary: #FFC107;
    --gold-third: #FFE102;
    --bg-dark: rgba(0, 0, 0, 0.5);
    
     /*UI Colors */
    --text-primary: #FFFFFF;
    --text-secondary: rgba(255, 255, 255, 0.8);
    --border-light: rgba(255, 215, 0, 0.2);
    
     /*Effects */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
    --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

    --disable-grey : #B3B3B3;

    --grey:#333333;
    --gold: #D4AF37;
    --light-gold: #FFEC00;
    --cream: #FAC971;
    --dark-gold: #A19B47;
    --white: #FFFFFF;
    --black: #000000;
}
html, body {
    height: 100%;
    margin: 0;
    color: var(--white);
}

.card{
    background: transparent;
    border: none;
}

/* == Paddings == */
.px-26-px{
    padding-left: 26px;
    padding-right: 26px;
}
.py-19-px{
    padding-top: 19px;
    padding-bottom: 19px;
}

/* == Fonts classes == */
.montserrat-b-24{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24px;
}
.montserrat-b-42{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 42px;
    /* font-size: clamp(28px, 4vw, 42px); */
}
.montserrat-b-56{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 56px;
    /* font-size: clamp(32px, 5vw, 56px); */
    /* overflow-wrap: anywhere; */
}

.montserrat-r-12{
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
}

.montserrat-r-14{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

.montserrat-r-16{
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    /* font-size: clamp(9px, 4vw, 16px); */
    /* overflow-wrap: anywhere; */
}
.montserrat-r-18{
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    /* font-size: clamp(9px, 4vw, 18px); */
    /* overflow-wrap: anywhere; */
}
.montserrat-r-22{
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    /* font-size: clamp(24px, 2.2vw, 22px); */
}
.montserrat-sb-18{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 18px;
}
.montserrat-sb-20{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 20px;
}
.montserrat-sb-22{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 22px;
}
.montserrat-sb-24{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 24px;
}
.montserrat-sb-26{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 26px;
}
.montserrat-sb-32{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 32px;
}
.montserrat-m-24{
    font-family: 'Montserrat', sans-serif;
    font-weight:500;
    font-size: 24px;
}

.montserrat-m-20{
    font-family: 'Montserrat', sans-serif;
    font-weight:500;
    font-size: 20px;
}

/* == backgorunds & colors == */

.border-gold{
    border: var(--gold-third) 1px solid;
}
.border-gold-hover:hover{
    border: var(--gold-third) 1px solid;
}
.border-gold-dashed-3px{
    border: var(--gold-third) 3px dashed;
}
.border-grey-dashed-3px{
    border: var(--grey) 3px dashed;
}
.border-343434{
    border: #343434 1px solid;
}

.color-gold-third{
    color: var(--gold-third);
}
.color-linear-gradient-yellow-orange{
    background: linear-gradient(90deg, #FFE100, #FFFFFF, #FE8C00);
    -webkit-background-clip: text; /* for Chrome, Safari */
    -webkit-text-fill-color: transparent; /* for Chrome, Safari */
    background-clip: text; /* for Firefox */
    color: transparent; /* fallback */
}
.bg-black-translucent{
    background-color: rgba(0, 0, 0, 0.5);
}
.card.bg-black-translucent {
    background-color: rgba(0, 0, 0, 0.5);
}

.bg-transparent-gold{
    background-color: rgba(255, 254, 39, 0.06); /* 6% opacity */
}
.bg-linear-gradient-blue{
    background: linear-gradient(90deg, #3664F8, #0020C2);
}
.bg-color-1515188C{
    background: #1515188C;
}
a {
    text-decoration: none;
}
.backdrop-blur-2px{
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px); /* Safari */
}
.accordion-item{
    background: transparent;
    border: none;
}
.accordion-button{
    background: transparent;
    border-bottom:grey 1px solid;
}

.accordion-button:not(.collapsed){
    background: transparent;
}
/* White arrow when collapsed */
.accordion-button::after {
    filter: brightness(0) invert(1);
}

/* Optional: keep arrow white when expanded */
.accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
}
.accordion-button:focus {
    box-shadow: none;
    outline: none;
    border-color: transparent;
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
}


.btn-black-transparent {
    background: rgba(27, 27, 27, 0.808);
}

/* Mobile stack nicely */
@media (max-width: 768px) {
    .custom-action-card {
        flex-direction: column;
        text-align: center;
        gap: 16px;
    }

    .custom-action-card .text-end {
        text-align: center !important;
    }
}

.padding-top-bottom-16px {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.padding-left-right-20px {
    padding-left: 20px !important;
    padding-right: 20px !important;
}