/* ---------------------------------------------------------
   GLOBAL WIDGET WRAPPER — THICK GOLD BORDER (FORCED)
--------------------------------------------------------- */
.msr-widget {
    --msr-bg: #0a1a3c;          /* Deep navy */
    --msr-border: #d4af37;      /* GOLD BORDER (FORCED) */
    --msr-text: #ffffff;
    --msr-accent: #d4af37;
    --msr-button-bg: #d4af37;
    --msr-button-text: #0a1a3c;
    --msr-button-hover: #f6e27a;

    background: var(--msr-bg);

    /* ⭐ THICK GOLD BORDER — ALWAYS GOLD */
    border: 6px solid var(--msr-border);

    padding: 24px;
    text-align: center;
    border-radius: 14px;
    max-width: 360px;
    margin: 20px auto;
    color: var(--msr-text);
    font-family: Arial, sans-serif;

    /* ⭐ MLB-style gold glow */
    box-shadow: 0 0 16px rgba(212, 175, 55, 0.55);
}

.msr-widget:hover {
    /* ⭐ Stronger hover glow */
    box-shadow: 0 0 26px rgba(212, 175, 55, 0.85);
}

/* ---------------------------------------------------------
   CONTENT AREA
--------------------------------------------------------- */
.msr-content {
    margin-top: 10px;
}

/* Clickable title link wrapper */
.msr-title-link {
    text-decoration: none;
}

/* Title with animated underline + glow */
.msr-title {
    margin-top: 0;
    margin-bottom: 10px;
    color: var(--msr-accent);
    font-size: 20px;
    position: relative;
    display: inline-block;
    transition: all 0.25s ease-in-out;
}

/* Underline animation */
.msr-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0%;
    height: 2px;
    background: var(--msr-accent);
    transition: width 0.25s ease-in-out;
}

/* Hover: underline + glow + lighter gold */
.msr-title:hover {
    color: #f6e27a;
    text-shadow: 0 0 8px rgba(246, 226, 122, 0.8);
    cursor: pointer;
}

.msr-title:hover::after {
    width: 100%;
}

.msr-description {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 16px;
    opacity: 0.95;
}

/* ---------------------------------------------------------
   BUTTON — upgraded hover color
--------------------------------------------------------- */
.msr-button {
    display: inline-block;
    background: var(--msr-button-bg);
    color: var(--msr-button-text);
    padding: 10px 18px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.2s ease-in-out;
}

.msr-button:hover {
    background: var(--msr-button-hover);   /* LIGHTER YELLOW */
    transform: scale(1.05);
}

/* ---------------------------------------------------------
   AFFILIATE DISCLOSURE — bottom + white + more spacing
--------------------------------------------------------- */
.msr-affiliate {
    font-size: 10px;
    color: #ffffff;               /* WHITE TEXT */
    margin-top: 36px;             /* MORE spacing */
    padding-top: 14px;            /* breathing room */
    font-weight: bold;
    opacity: 0.85;
    display: block;

    /* subtle divider */
    border-top: 1px solid rgba(255,255,255,0.25);
}

/* ---------------------------------------------------------
   SKIN SUPPORT — GOLD BORDER FORCED
--------------------------------------------------------- */
.msr-skin-default {
    --msr-border: #d4af37;
}

.msr-skin-halloween {
    --msr-bg: #1a0f0f;
    --msr-border: #d4af37; /* ALWAYS GOLD */
    --msr-text: #ffefc2;
    --msr-accent: #ff7b00;
    --msr-button-bg: #ff7b00;
    --msr-button-text: #1a0f0f;
}

.msr-skin-christmas {
    --msr-bg: #0b1f0b;
    --msr-border: #d4af37; /* ALWAYS GOLD */
    --msr-text: #ffffff;
    --msr-accent: #c62828;
    --msr-button-bg: #c62828;
    --msr-button-text: #ffffff;
}

.msr-skin-mlb {
    --msr-bg: #001f3f;
    --msr-border: #d4af37; /* ALWAYS GOLD */
    --msr-text: #ffffff;
    --msr-accent: #ff4136;
    --msr-button-bg: #ff4136;
    --msr-button-text: #001f3f;
}

.msr-skin-easter {
    --msr-bg: #f7f3ff;          /* soft pastel lavender */
    --msr-border: #d4af37;      /* ALWAYS GOLD */
    --msr-text: #4a3b6b;        /* deep lavender text */
    --msr-accent: #ff9ad6;      /* pink accent */
    --msr-button-bg: #ff9ad6;   /* pink button */
    --msr-button-text: #4a3b6b; /* lavender text */
}

.msr-skin-thanksgiving {
    --msr-bg: #3a1f0f;          /* warm roasted brown / autumn base */
    --msr-border: #d4af37;      /* ALWAYS GOLD */
    --msr-text: #fff7e6;        /* soft cream text */
    --msr-accent: #ff8c42;      /* pumpkin orange accent */
    --msr-button-bg: #ff8c42;   /* pumpkin button */
    --msr-button-text: #3a1f0f; /* brown text on button */
}

.msr-skin-st_patricks {
    --msr-bg: #0b2e0b;          /* deep emerald green */
    --msr-border: #d4af37;      /* ALWAYS GOLD */
    --msr-text: #ffffff;        /* white text */
    --msr-accent: #00c851;      /* bright shamrock green */
    --msr-button-bg: #00c851;   /* shamrock button */
    --msr-button-text: #0b2e0b; /* emerald text */
}

.msr-skin-valentines {
    --msr-bg: #3b0a18;          /* deep romantic burgundy */
    --msr-border: #d4af37;      /* ALWAYS GOLD */
    --msr-text: #ffffff;        /* white text */
    --msr-accent: #ff4d6d;      /* bright valentine pink/red */
    --msr-button-bg: #ff4d6d;   /* valentine button */
    --msr-button-text: #3b0a18; /* burgundy text */
}

.msr-skin-summer {
    --msr-bg: #0b2b4f;          /* deep ocean blue */
    --msr-border: #d4af37;      /* ALWAYS GOLD */
    --msr-text: #ffffff;        /* white body text */
    --msr-accent: #4fc3f7;      /* bright sky blue accent */
    --msr-button-bg: #ffca28;   /* sunny yellow button */
    --msr-button-text: #0b2b4f; /* ocean blue text on button */
}

.msr-skin-summer_light {
    --msr-bg: #0f3c68;          /* mid ocean blue */
    --msr-border: #d4af37;
    --msr-text: #ffffff;
    --msr-accent: #81d4fa;      /* soft sky blue */
    --msr-button-bg: #ffeb3b;   /* bright sun */
    --msr-button-text: #0f3c68;
}