@charset "utf-8";

  /* SHORT AWARD ABOUT PAGE */
        .honour-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
            gap: 15px; margin-top: 25px;}
        .honour-grid a {color:var(--darkbase);}
        .honour-item {font-weight: 600;background: var(--light);
            padding: 12px 15px; border-radius: 6px;border: 1px solid var(--darkbase);
            display: flex;justify-content: space-between;align-items: center;text-align: right;}
        .honour-item .year {font-weight: 700;color:#fff;background:var(--darkbase);
            padding: 2px 8px;border-radius: 4px;font-size: 0.9rem;}
        .card-header .year {font-weight: 700;color:var(--darkbase);background:var(--mid);
            padding: 2px 8px;border-radius: 4px;font-size: 0.9rem;}
        .honour-item.gander-era { border-left: 4px solid var(--mid);transition: all 0.2s ease-in-out;}
        .honour-item.gander-era:hover {transform: translateY(-2px);box-shadow: 0 4px 10px rgba(0,0,0,0.12);
            border-left-color:var(--darkbase);background-color: var(--mid);color:var(--light);}
        .winner-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
            gap: 30px;margin-top: 30px;}
        .winner-card {border:1px solid var(--darkbase);border-radius: 8px;
            overflow: hidden;box-shadow: 0 4px 12px rgba(0,0,0,0.06);
            display: flex;flex-direction: column;scroll-margin-top: 30px;}
        .winner-card blockquote{color:var(--darkbase)}
        .winner-card .card-header {background: var(--darkbase);
            color: #fff;padding: 15px 20px;display: flex;justify-content: space-between;align-items: center;}
        .winner-card .card-header h3 {margin: 0;font-size: 1.25rem;font-family: 'Cinzel', serif;}
        .winner-card .photo-placeholder {background: var(--light);height: 200px; width:100%;}
            .winner-card .photo-placeholder  img {width: 100%;height: 100%;object-fit: cover;display: block;}
        .winner-card .card-body {padding: 20px;flex-grow: 1;display: flex;flex-direction: column; }
        .winner-card .nominees {margin-top: auto;padding-top: 10px;border-top: 1px solid var(--darkbase);}



        form.shortnom25 label {font-weight: 400; display:flex; flex-direction:column; align-content: left;}
        form.shortnom25 input[type="radio"] {width: 30px; height:30px;}
        @media (min-width: 913px)
        {
            form.shortnom25 input[type="radio"] {width: 40px; height: 40px;}
            .nomname {font-size: 1.5rem;}

    }
        .nomname {font-size: 1.2rem; width: 100%; line-height: normal;}
        .nomineelisting:hover, .nomineelisting.selected, form.shortnom25 .message
        { background: linear-gradient(135deg, #f1c40f 0%, #e67e22 100%); color:var(--darkbase); border-radius:6px;}
        .selectnominee { gap:10px;}
        .nomineelisting {display:flex; gap:10px; border-radius:6px; border:1px solid var(--light); padding:10px; align-items: center;}
        .nominee-reason{padding:10px;}
        .shortnom25 .winner-grid {gap:10px !important; margin-top:10px;}
        .nominee{border-radius:6px; background-color: rgba(255, 255, 255, 0.1); padding:5px;}

        .smallshort {
    max-width: 700px;
    width: 100%;             /* Ensures it spans up to 700px */
    margin: 20px auto;       /* Centers the block */
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: stretch;   /* CRITICAL: Force child form items to stretch full width */
}
        .status-badge {display: inline-flex;align-items: center;
            gap: 8px; background: #27ae60;font-size: 0.85rem;font-weight: 700;padding: 4px 12px;
            border-radius: 20px; margin-bottom: 12px;}
        .status-badge .pulse { width: 8px;height: 8px;background-color: #fff;border-radius: 50%;
            animation: pulse-animation 1.5s infinite;}
        @keyframes pulse-animation {
            0% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.4; transform: scale(1.3); }
            100% { opacity: 1; transform: scale(1); }}
        .juicy {  background: linear-gradient(135deg, #f1c40f 0%, #e67e22 100%);
            color:var(--darkbase) !important;  box-shadow: 0 6px 20px rgba(241, 196, 15, 0.4);
            transition: all 0.3s ease; max-width:max-content;margin: 0 auto; }
        .juicy:hover { color:var(--light) !important;
            box-shadow: 0 10px 28px rgba(241, 196, 15, 0.6);
            background: linear-gradient(135deg, #f39c12 0%, #d35400 100%);}

/* SHORT AWARD SNOW/FIREFLY EFFECT */
#snow-container { position: relative; }
.firefly {
    position: absolute;
    top: 100%;
    left: 50%;
    background: #ffcc00;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0 0 8px 2px rgba(255, 204, 0, 0.6);
    animation: rise linear forwards;
}
@keyframes rise {
    0% { transform: translateY(0) translateX(0); opacity: 0; }
    10% { opacity: 1; }
    100% { transform: translateY(-120vh) translateX(40px); opacity: 0; }
}