/* Hammer of the Game: scoped widget styles, 2.6.5. */
@font-face {font-family:"HOTG Barlow";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/barlow-400-normal-latin.woff2") format("woff2");}
@font-face {font-family:"HOTG Barlow";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/barlow-700-normal-latin.woff2") format("woff2");}
@font-face {font-family:"HOTG Barlow";font-style:italic;font-weight:900;font-display:swap;src:url("fonts/barlow-900-italic-latin.woff2") format("woff2");}
.hotg-widget {

    --lfv-accent:  var(--e-global-color-accent,  #b91c1c);
    --lfv-primary: var(--e-global-color-primary, #1a1a1a);
    --lfv-text:    var(--e-global-color-text,    #333333);
    --lfv-border:  #e5e7eb;
    --lfv-bar-bg:  #f3f4f6;
    --lfv-gap:     1.25rem;
    font-family: inherit;
    color: var(--lfv-text);

}
.hotg-widget .lfv-header {

    margin-bottom: var(--lfv-gap);

}
.hotg-widget .lfv-titel {

    margin: 0 0 .5rem;
    font-size: inherit;

}
.hotg-widget .lfv-omschrijving {

    margin: 0;
    opacity: .75;

}
.hotg-widget .lfv-countdown-wrap {

    text-align: center;
    margin-bottom: var(--lfv-gap);
    padding: 2rem 1.5rem;
    background: var(--lfv-bar-bg);
    border-radius: 12px;
    transition: background .4s ease, color .4s ease, box-shadow .4s ease;

}
.hotg-widget .lfv-countdown-label {

    margin: 0 0 1.1rem;
    font-weight: 600;
    font-size: 1rem;
    opacity: .75;
    text-transform: uppercase;
    letter-spacing: .08em;
    transition: opacity .4s ease;

}
.hotg-widget .lfv-countdown {

    display: inline-flex;
    align-items: flex-start;
    gap: .6rem;
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1;
    font-variant-numeric: tabular-nums;

}
.hotg-widget .lfv-cd-item {

    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 3rem;
    background: rgba(0,0,0,.06);
    border-radius: 8px;
    padding: .3rem .5rem .5rem;

}
.hotg-widget .lfv-cd-item small {

    font-size: .55rem;
    font-weight: 600;
    opacity: .55;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-top: .35rem;

}
.hotg-widget .lfv-cd-sep {

    margin-top: .15em;
    opacity: .35;
    font-weight: 300;

}
@keyframes lfv-pulse {

    0%, 100% { transform: scale(1);    box-shadow: 0 0 0 0 rgba(0,0,0,.15); }
    50%       { transform: scale(1.03); box-shadow: 0 6px 24px rgba(0,0,0,.18); }

}
.hotg-widget .lfv-countdown-wrap--urgent {

    background: var(--lfv-accent);
    color: #ffffff;
    animation: lfv-pulse 1.8s ease-in-out infinite;

}
.hotg-widget .lfv-countdown-wrap--urgent .lfv-countdown-label {

    opacity: .85;

}
.hotg-widget .lfv-countdown-wrap--urgent .lfv-cd-item {

    background: rgba(255,255,255,.15);

}
.hotg-widget .lfv-countdown-wrap--urgent .lfv-cd-item small {

    opacity: .75;

}
.hotg-widget .lfv-options {

    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: var(--lfv-gap);

}
.hotg-widget .lfv-option {

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    padding: 1.1rem;
    border: 1px solid var(--lfv-border);
    border-radius: 8px;
    background: #ffffff;
    transition: box-shadow .2s ease;

}
.hotg-widget .lfv-option:hover {

    box-shadow: 0 4px 16px rgba(0, 0, 0, .08);

}
.hotg-widget .lfv-option__image {

    width: 100%;
    
    overflow: hidden;
    border-radius: 8px;

}
.hotg-widget .lfv-option__image img {

    width: 100%;
    
    height: 220px;
    object-fit: cover;
    object-position: center top;
    display: block;
    border-radius: 8px;
    

}
.hotg-widget .lfv-option__no-image {

    width: 100%;
    height: 220px; 
    background: var(--lfv-bar-bg);
    border-radius: 8px;

}
.hotg-widget .lfv-option__info {

    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .45rem;

}
.hotg-widget .lfv-option__naam-wrap {

    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    flex-wrap: wrap;

}
.hotg-widget .lfv-rugnummer {

    display: inline-block;
    background: var(--lfv-accent);
    color: #ffffff;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1;
    padding: .2em .45em;
    border-radius: 4px;
    flex-shrink: 0;

}
.hotg-widget .lfv-option__name {

    font-weight: 600;
    text-align: center;

}
.hotg-widget .lfv-bar {

    width: 100%;
    height: 8px;
    background: var(--lfv-bar-bg);
    border-radius: 99px;
    overflow: hidden;

}
.hotg-widget .lfv-bar__fill {

    height: 100%;
    background: var(--lfv-accent);
    border-radius: 99px;
    transition: width .6s ease;
    width: 0%;

}
.hotg-widget .lfv-percentage {

    font-size: .9rem;
    font-weight: 700;
    color: var(--lfv-accent);

}
.hotg-widget .lfv-stem-btn {

    margin-top: auto;
    width: 100%;
    padding: .55em 1.25em;
    background: var(--lfv-accent);
    color: #ffffff;
    border: none;
    border-radius: var(--e-global-border-radius, 4px);
    font-family: inherit;
    font-size: .95rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity .2s ease;

}
.hotg-widget .lfv-stem-btn:hover:not(:disabled) {

    opacity: .85;

}
.hotg-widget .lfv-stem-btn:disabled {

    opacity: .5;
    cursor: not-allowed;

}
.hotg-widget .lfv-al-gestemd,
.hotg-widget .lfv-gesloten-msg {

    text-align: center;
    margin-top: 1rem;
    font-style: italic;
    opacity: .75;

}
.hotg-widget .lfv-loading {

    text-align: center;
    padding: 2rem;
    opacity: .4;

}
.hotg-widget .lfv-body {

    display: block;

}
.hotg-widget .lfv-body--met-samenvatting {

    display: grid;
    grid-template-columns: 1fr 260px; 
    gap: var(--lfv-gap);
    align-items: start;

}
.hotg-widget .lfv-options-wrap {

    position: relative;
    
    min-width: 0;

}
.hotg-widget .lfv-options-lock {

    position: absolute;
    inset: -6px; 
    background: rgba(255, 255, 255, 0.70);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    z-index: 10;
    pointer-events: none;    
    opacity: 0;
    transition: opacity .5s ease;

}
.hotg-widget .lfv-options-lock--zichtbaar {

    opacity: 1;
    pointer-events: auto;

}
.hotg-widget .lfv-options-lock__tekst {

    font-size: .9rem;
    font-weight: 600;
    color: var(--lfv-primary);
    opacity: .65;
    text-align: center;
    padding: 0 1rem;

}
.hotg-widget.lfv-layout--list .lfv-options {

    grid-template-columns: 1fr !important;

}
.hotg-widget.lfv-layout--list .lfv-option {

    flex-direction: row;
    align-items: center;
    gap: 1rem;
    padding: .6rem .9rem;

}
.hotg-widget.lfv-layout--list .lfv-option__image {

    width: auto;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 50%;

}
.hotg-widget.lfv-layout--list .lfv-option__image img {

    width: 52px;
    height: 52px !important;     
    object-fit: cover;
    object-position: center top;
    border-radius: 50%;

}
.hotg-widget.lfv-layout--list .lfv-option__no-image {

    width: 52px;
    height: 52px;
    border-radius: 50%;

}
.hotg-widget.lfv-layout--list .lfv-option__info {

    flex: 1;
    align-items: flex-start;

}
.hotg-widget.lfv-layout--list .lfv-option__naam-wrap {

    justify-content: flex-start;

}
.hotg-widget.lfv-layout--list .lfv-stem-btn {

    width: auto;
    margin-top: 0;
    white-space: nowrap;
    flex-shrink: 0;

}
.hotg-widget .lfv-samenvatting {

    background: var(--lfv-bar-bg);
    border-radius: 12px;
    padding: 1.25rem;
    position: sticky;
    top: 1.5rem;

}
.hotg-widget .lfv-sam-titel {

    margin: 0 0 1rem;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    opacity: .7;

}
.hotg-widget .lfv-sam-blok {

    padding: .75rem 0;
    border-top: 1px solid rgba(0,0,0,.08);

}
.hotg-widget .lfv-sam-blok:first-of-type,
.hotg-widget .lfv-sam-blok--eerst {

    border-top: none;
    padding-top: 0;

}
.hotg-widget .lfv-sam-wedstrijd {

    padding-bottom: .85rem;
    margin-bottom: .1rem;
    border-bottom: 1px solid rgba(0,0,0,.08);

}
.hotg-widget .lfv-sam-score {

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;

}
.hotg-widget .lfv-sam-team {

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    min-width: 0;

}
.hotg-widget .lfv-sam-team--rechts {

    align-items: flex-end;
    text-align: right;

}
.hotg-widget .lfv-sam-team__logo {

    width: 48px;
    height: 48px;
    object-fit: contain;
    margin-bottom: .3rem;

}
.hotg-widget .lfv-sam-team--rechts .lfv-sam-team__logo {

    align-self: flex-end;

}
.hotg-widget .lfv-sam-team__logo-fallback {

    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: .65rem;
    font-weight: 800;
    background: var(--lfv-bar-bg);
    border-radius: 50%;
    margin-bottom: .3rem;
    color: var(--lfv-primary);

}
.hotg-widget .lfv-sam-team__afkorting {

    font-size: 1.15rem;
    font-weight: 800;
    color: var(--lfv-primary);
    line-height: 1;
    letter-spacing: .02em;

}
.hotg-widget .lfv-sam-team__naam {

    font-size: .7rem;
    opacity: .55;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    margin-top: .15rem;

}
.hotg-widget .lfv-sam-score__getal {

    font-size: 1.5rem;
    font-weight: 800;
    color: var(--lfv-accent);
    white-space: nowrap;
    flex-shrink: 0;
    letter-spacing: .03em;

}
.hotg-widget .lfv-sam-datum {

    margin: .6rem 0 0;
    font-size: .73rem;
    opacity: .5;

}
.hotg-widget .lfv-sam-label {

    display: block;
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    opacity: .55;
    margin-bottom: .35rem;

}
.hotg-widget .lfv-sam-totaal {

    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
    color: var(--lfv-accent);

}
.hotg-widget .lfv-sam-jouwestem-naam {

    font-size: 1rem;
    font-weight: 700;
    color: var(--lfv-accent);

}
.hotg-widget .lfv-sam-aftellen {

    font-size: 1.15rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--lfv-accent);

}
.hotg-widget .lfv-sam-top3 {

    margin: .25rem 0 0;
    padding: 0 0 0 .6rem;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: .45rem;

}
.hotg-widget .lfv-sam-top3-item {

    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .85rem;

}
.hotg-widget .lfv-sam-medaille {

    font-size: .8rem;
    font-weight: 600;
    opacity: .45;
    line-height: 1;
    flex-shrink: 0;
    min-width: 1.1rem;
    text-align: right;

}
.hotg-widget .lfv-sam-naam {

    flex: 1;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.hotg-widget .lfv-sam-pct {

    font-size: .8rem;
    font-weight: 700;
    opacity: .65;
    flex-shrink: 0;

}
.hotg-widget .lfv-sam-leeg {

    font-style: italic;
    opacity: .5;
    font-size: .85rem;

}
.hotg-widget .lfv-sam-winnaar-blok {

    background: var(--lfv-accent);
    color: #ffffff;
    border-radius: 8px;
    padding: .9rem !important;
    border-top: none !important;
    margin-top: .75rem;

}
.hotg-widget .lfv-sam-winnaar-label {

    display: block;
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    opacity: .85;
    margin-bottom: .4rem;

}
.hotg-widget .lfv-sam-winnaar-naam {

    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1.2;

}
.hotg-widget .lfv-lead-overlay {

    position: absolute;
    inset: -6px;
    background: rgba(255, 255, 255, 0.97);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    z-index: 20;
    opacity: 0;
    transition: opacity .3s ease;
    pointer-events: none;
    box-sizing: border-box;

}
.hotg-widget .lfv-lead-overlay--zichtbaar {

    opacity: 1;
    pointer-events: auto;

}
.hotg-widget .lfv-lead-form {

    width: 100%;
    max-width: 360px;
    display: flex;
    flex-direction: column;
    gap: .85rem;

}
.hotg-widget .lfv-lead-titel {

    margin: 0 0 .15rem;
    font-size: 1.05rem;
    font-weight: 700;
    text-align: center;
    color: var(--lfv-primary);

}
.hotg-widget .lfv-lead-veld {

    display: flex;
    flex-direction: column;
    gap: .3rem;

}
.hotg-widget .lfv-lead-veld__label {

    font-size: .8rem;
    font-weight: 600;
    color: var(--lfv-primary);
    opacity: .7;

}
.hotg-widget .lfv-lead-input {

    width: 100%;
    padding: .55em .75em;
    border: 1px solid var(--lfv-border);
    border-radius: 6px;
    font-family: inherit;
    font-size: .95rem;
    color: var(--lfv-primary);
    background: #fff;
    box-sizing: border-box;
    transition: border-color .2s ease;
    -webkit-appearance: none;

}
.hotg-widget .lfv-lead-input:focus {

    outline: none;
    border-color: var(--lfv-accent);
    box-shadow: 0 0 0 3px rgba(185, 28, 28, .1);

}
.hotg-widget .lfv-lead-gdpr-wrap {

    display: flex;
    align-items: flex-start;
    gap: .5rem;
    font-size: .82rem;
    line-height: 1.5;
    color: var(--lfv-text);
    cursor: pointer;

}
.hotg-widget .lfv-lead-gdpr-wrap input[type="checkbox"] {

    margin-top: .15em;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    accent-color: var(--lfv-accent);
    cursor: pointer;

}
.hotg-widget .lfv-lead-gdpr-wrap a {

    color: var(--lfv-accent);
    text-decoration: underline;

}
.hotg-widget .lfv-lead-acties {

    display: flex;
    flex-direction: column;
    gap: .45rem;
    margin-top: .1rem;

}
.hotg-widget .lfv-lead-bevestig {

    width: 100%;
    padding: .6em 1.25em;
    background: var(--lfv-accent);
    color: #ffffff;
    border: none;
    border-radius: var(--e-global-border-radius, 4px);
    font-family: inherit;
    font-size: .95rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity .2s ease;

}
.hotg-widget .lfv-lead-bevestig:hover:not(:disabled) {

    opacity: .85;

}
.hotg-widget .lfv-lead-bevestig:disabled {

    opacity: .55;
    cursor: not-allowed;

}
.hotg-widget .lfv-lead-overslaan {

    background: none;
    border: none;
    font-family: inherit;
    font-size: .8rem;
    color: var(--lfv-primary);
    opacity: .5;
    text-decoration: underline;
    cursor: pointer;
    text-align: center;
    padding: .15em 0;
    transition: opacity .2s ease;

}
.hotg-widget .lfv-lead-overslaan:hover {

    opacity: .75;

}
.hotg-widget .lfv-lead-fout {

    font-size: .8rem;
    color: #b91c1c;
    text-align: center;
    min-height: 1em;

}
@media (max-width: 767px) {
.hotg-widget .lfv-lead-overlay {

        inset: 0;
        border-radius: 8px;
        padding: 1.25rem;
        align-items: flex-start;
        overflow-y: auto;
    
}


}
.hotg-widget.hotg-widget--gesloten .lfv-body:not(.lfv-body--met-samenvatting) {

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--lfv-gap) * 1.5);

}
.hotg-widget.hotg-widget--gesloten .lfv-options {

    display: flex;
    justify-content: center;
    align-items: flex-start;
    grid-template-columns: unset !important;

}
.hotg-widget.hotg-widget--gesloten .lfv-option:not(.lfv-option--winnaar) {

    display: none;

}
.hotg-widget .lfv-option--winnaar,
.hotg-widget.lfv-layout--list .lfv-option--winnaar {

    max-width: 340px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    padding: 1.1rem;
    border-color: var(--lfv-accent) !important;
    box-shadow: 0 0 0 2px var(--lfv-accent), 0 12px 40px rgba(0, 0, 0, .14);

}
.hotg-widget.lfv-layout--list .lfv-option--winnaar .lfv-option__image {

    width: 100%;
    border-radius: 8px;

}
.hotg-widget.lfv-layout--list .lfv-option--winnaar .lfv-option__image img {

    width: 100%;
    height: 220px !important;
    border-radius: 8px;
    object-fit: cover;
    object-position: center top;

}
.hotg-widget.lfv-layout--list .lfv-option--winnaar .lfv-option__info {

    align-items: center;

}
.hotg-widget.lfv-layout--list .lfv-option--winnaar .lfv-option__naam-wrap {

    justify-content: center;

}
.hotg-widget.lfv-layout--list .lfv-option--winnaar .lfv-stem-btn {

    width: 100%;
    margin-top: auto;
    white-space: normal;

}
.hotg-widget.hotg-widget--gesloten .lfv-option--winnaar .lfv-option__image img,
.hotg-widget.hotg-widget--gesloten .lfv-option--winnaar .lfv-option__no-image {

    height: 320px !important;

}
.hotg-widget .lfv-option__winnaar-badge {

    width: 100%;
    text-align: center;
    background: var(--lfv-accent);
    color: #ffffff;
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding: .4em .75em;
    border-radius: 4px;
    margin-bottom: .15rem;

}
.hotg-widget.hotg-widget--gesloten .lfv-samenvatting {

    position: static;
    top: auto;

}
.hotg-widget.hotg-widget--gesloten .lfv-bar,
.hotg-widget.hotg-widget--gesloten .lfv-percentage {

    display: none;

}
.hotg-widget.hotg-widget--gesloten .lfv-sam-blok--top3 {

    display: none;

}
@media (max-width: 1024px) {
.hotg-widget .lfv-body--met-samenvatting {

        grid-template-columns: 1fr 200px;
    
}


}
@media (max-width: 767px) {
.hotg-widget .lfv-options {

        grid-template-columns: repeat(2, 1fr);
    
}
.hotg-widget .lfv-body--met-samenvatting {

        grid-template-columns: 1fr !important;
    
}
.hotg-widget .lfv-samenvatting {

        order: 1;
        position: static;
        top: auto;
        padding: 1rem;
    
}
.hotg-widget .lfv-sam-team__logo,
.hotg-widget .lfv-sam-team__logo-fallback {

        width: 40px;
        height: 40px;
        line-height: 40px;
    
}
.hotg-widget .lfv-sam-score__getal {

        font-size: 1.3rem;
    
}
.hotg-widget .lfv-sam-totaal {

        font-size: 1.6rem;
    
}
.hotg-widget .lfv-options-lock {

        inset: 0;
        border-radius: 8px;
    
}
.hotg-widget .lfv-stem-btn {

        min-height: 44px;
        font-size: 1rem;
        padding: .65em 1.25em;
    
}
.hotg-widget.lfv-layout--list .lfv-option {

        padding: .65rem .8rem;
        gap: .85rem;
    
}
.hotg-widget.lfv-layout--list .lfv-option__naam-wrap {

        flex-wrap: nowrap;
    
}
.hotg-widget.lfv-layout--list .lfv-percentage {

        font-size: .85rem;
    
}
.hotg-widget.lfv-layout--list .lfv-bar {

        height: 6px;
    
}
.hotg-widget .lfv-options-lock__tekst {

        font-size: .85rem;
        line-height: 1.5;
    
}
.hotg-widget .lfv-lead-bevestig {

        min-height: 44px;
        font-size: 1rem;
    
}
.hotg-widget .lfv-lead-overslaan {

        min-height: 36px;
        font-size: .88rem;
    
}
.hotg-widget .lfv-lead-input {

        font-size: 1rem;
    
}
.hotg-widget .lfv-lead-overlay {

        align-items: flex-start;
        padding-top: 1.5rem;
    
}
.hotg-widget.hotg-widget--gesloten .lfv-options-wrap {

        order: 0;
    
}
.hotg-widget.hotg-widget--gesloten .lfv-samenvatting {

        order: 1;
    
}
.hotg-widget .lfv-option--winnaar {

        max-width: 100%;
    
}
.hotg-widget.hotg-widget--gesloten .lfv-option--winnaar .lfv-option__image img,
.hotg-widget.hotg-widget--gesloten .lfv-option--winnaar .lfv-option__no-image {

        height: 260px !important;
    
}


}
@media (max-width: 480px) {
.hotg-widget .lfv-options {

        grid-template-columns: 1fr;
    
}
.hotg-widget .lfv-option__image img {

        height: 180px;
    
}
.hotg-widget .lfv-option__no-image {

        height: 180px;
    
}
.hotg-widget .lfv-countdown {

        font-size: 1.4rem;
    
}
.hotg-widget .lfv-option {

        padding: .8rem .7rem;
    
}


}
@media (max-width: 380px) {
.hotg-widget.lfv-layout--list .lfv-option__image img,
.hotg-widget.lfv-layout--list .lfv-option__no-image {

        width: 44px;
        height: 44px !important;
    
}
.hotg-widget.lfv-layout--list .lfv-stem-btn {

        font-size: .85rem;
        padding: .5em .8em;
    
}


}
.hotg-widget {

    --lfv-navy: #0C1F41;
    --lfv-blue: #265AA6;
    --lfv-muted: #5b6b85;
    --lfv-line: #e3e8f0;

}
.hotg-widget .lfv-layout--grid .lfv-option,
.hotg-widget.lfv-layout--grid .lfv-option {

    position: relative;
    padding: 0 !important;
    gap: 0;
    align-items: stretch;
    overflow: hidden;
    border: 0;
    border-radius: 10px !important;
    background: #ffffff;
    box-shadow: none;
    transition: transform .15s ease;

}
.hotg-widget.lfv-layout--grid .lfv-option:hover {

    transform: translateY(-2px);
    box-shadow: none;

}
.hotg-widget.lfv-layout--grid .lfv-option__image,
.hotg-widget.lfv-layout--grid .lfv-option__image img {

    border-radius: 0 !important;

}
.hotg-widget.lfv-layout--grid .lfv-option__image img {

    height: auto !important;
    aspect-ratio: 1 / 1.05;

}
.hotg-widget .lfv-rugnummer {

    background: var(--lfv-navy);
    color: #ffffff;
    font-weight: 900;
    font-style: italic;
    letter-spacing: .02em;
    border-radius: 0;

}
.hotg-widget.lfv-layout--grid .lfv-rugnummer {

    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    font-size: 1.15rem;
    padding: .35em .6em .3em;
    border-radius: 0 0 10px 0;

}
.hotg-widget.lfv-layout--grid .lfv-option__info {

    align-items: flex-start;
    gap: .55rem;
    padding: .9rem 1rem .2rem;

}
.hotg-widget.lfv-layout--grid .lfv-option__naam-wrap {

    justify-content: flex-start;

}
.hotg-widget .lfv-option__name {

    font-size: 1.05rem;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    line-height: 1.15;
    color: var(--lfv-navy);
    text-align: left;

}
.hotg-widget .lfv-bar {

    height: 4px !important;
    background: var(--lfv-line);
    border-radius: 0;

}
.hotg-widget .lfv-bar__fill {

    height: 4px !important;
    background: var(--lfv-blue);
    border-radius: 0;

}
.hotg-widget .lfv-percentage {

    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    color: var(--lfv-muted);

}
.hotg-widget .lfv-stem-btn {

    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: .04em;
    border-radius: 10px;

}
.hotg-widget.lfv-layout--grid .lfv-stem-btn {

    width: auto;
    margin: .5rem 1rem 1rem;

}
.hotg-widget.lfv-layout--list .lfv-option {

    background: #ffffff;
    border: 0;
    border-radius: 10px;
    box-shadow: none;

}
.hotg-widget .lfv-samenvatting {

    background: var(--lfv-blue);
    color: #ffffff;
    border-radius: 10px !important;
    padding: 1.25rem 1.25rem 1.4rem;

}
.hotg-widget .lfv-sam-titel {

    font-size: 1.15rem;
    font-weight: 900;
    font-style: italic;
    letter-spacing: .02em;
    opacity: 1;
    color: #ffffff;

}
.hotg-widget .lfv-sam-blok,
.hotg-widget .lfv-sam-wedstrijd {

    border-color: rgba(255, 255, 255, .22);

}
.hotg-widget .lfv-sam-label {

    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    color: #ffffff;
    opacity: .75;

}
.hotg-widget .lfv-sam-team__afkorting,
.hotg-widget .lfv-sam-score__getal,
.hotg-widget .lfv-sam-totaal,
.hotg-widget .lfv-sam-jouwestem-naam,
.hotg-widget .lfv-sam-aftellen {

    color: #ffffff;

}
.hotg-widget .lfv-sam-team__afkorting,
.hotg-widget .lfv-sam-score__getal {

    font-weight: 900;
    font-style: italic;

}
.hotg-widget .lfv-sam-score__getal {

    font-size: 1.9rem;

}
.hotg-widget .lfv-sam-team__naam,
.hotg-widget .lfv-sam-datum,
.hotg-widget .lfv-sam-leeg,
.hotg-widget .lfv-sam-medaille,
.hotg-widget .lfv-sam-pct {

    color: #ffffff;
    opacity: .75;

}
.hotg-widget .lfv-sam-team__naam {

    white-space: normal;
    font-size: .72rem;
    line-height: 1.2;

}
.hotg-widget .lfv-sam-totaal {

    font-size: 2.4rem;
    font-weight: 900;
    font-style: italic;

}
.hotg-widget .lfv-sam-naam {

    color: #ffffff;

}
.hotg-widget .lfv-sam-winnaar-blok {

    background: #ffffff;
    color: var(--lfv-navy);
    border-radius: 8px;

}
.hotg-widget .lfv-sam-winnaar-label {

    color: var(--lfv-blue);
    opacity: 1;

}
.hotg-widget .lfv-sam-winnaar-naam {

    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    color: var(--lfv-navy);

}
.hotg-widget .lfv-option__winnaar-badge {

    border-radius: 0;
    font-weight: 900;
    font-style: italic;

}
.hotg-widget .lfv-al-gestemd,
.hotg-widget .lfv-gesloten-msg,
.hotg-widget .lfv-geen-spelers {

    color: #ffffff;

}
.hotg-widget.lfv-layout--list .lfv-stem-btn {

    padding: .6em .95em !important;
    font-size: .9rem;
    min-height: 40px;

}
.hotg-widget.lfv-layout--list .lfv-option__name {

    font-size: .95rem;

}
.hotg-widget.lfv-layout--list .lfv-option__info {

    min-width: 0;

}
.hotg-widget .lfv-winnaar-stats {

    display: flex;
    flex-wrap: wrap;
    gap: .35rem 1rem;
    padding-top: .5rem;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--lfv-muted);

}
.hotg-widget .lfv-winnaar-stats b {

    font-size: 1.1rem;
    font-weight: 900;
    font-style: italic;
    color: var(--lfv-navy);

}
.hotg-widget:not(.hotg-widget--gesloten) .lfv-bar,
.hotg-widget:not(.hotg-widget--gesloten) .lfv-percentage,
.hotg-widget:not(.hotg-widget--gesloten) .lfv-sam-blok--top3 {

    display: none;

}
.hotg-widget:not(.hotg-widget--gesloten).lfv-layout--grid .lfv-option__info {

    gap: 0;
    padding-bottom: 0;

}


/* Zelfstandige Hammers-huisstijl. Alleen binnen deze widget. */
.hotg-widget.hotg-widget {
    --lfv-accent: #265AA6;
    --lfv-primary: #0C1F41;
    --lfv-text: #ffffff;
    --lfv-navy: #0C1F41;
    --lfv-blue: #265AA6;
    --lfv-yellow: #F0E848;
    --lfv-font: "HOTG Barlow", "Barlow", Arial, sans-serif;
    box-sizing: border-box;
    font-family: var(--lfv-font);
    font-size: 18px;
    line-height: 1.5;
    color: #ffffff;
    padding: clamp(20px, 3vw, 44px);
    background-color: #0C1F41;
    background-image: radial-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(#0C1F41, #051230);
    background-size: 14px 14px, 100% 100%;
    border-radius: 10px;
    isolation: isolate;
    min-width: 0;
}
.hotg-widget *, .hotg-widget *::before, .hotg-widget *::after { box-sizing: border-box; }
/* hidden is functioneel: thema's mogen stemknoppen niet opnieuw zichtbaar maken. */
.hotg-widget [hidden] { display: none !important; }
.elementor .elementor-widget-hammer_of_the_game .hotg-widget .lfv-titel,
.hotg-widget.hotg-widget .lfv-titel {
    font-family: var(--lfv-font) !important;
    font-size: clamp(30px, 4.5vw, 64px) !important;
    font-weight: 900 !important;
    font-style: italic !important;
    line-height: 1.02 !important;
    letter-spacing: -.025em;
    text-transform: uppercase;
    color: #ffffff !important;
    margin: 0 0 12px;
    overflow-wrap: anywhere;
}
.hotg-widget.hotg-widget .lfv-omschrijving {
    color: var(--lfv-yellow);
    opacity: 1;
    font: italic 400 clamp(18px, 2vw, 24px)/1.35 var(--lfv-font);
    margin: 0;
}
.hotg-widget.hotg-widget .lfv-header { margin-bottom: clamp(24px, 4vw, 44px); }
.hotg-widget.hotg-widget .lfv-option__name,
.hotg-widget.hotg-widget .lfv-rugnummer,
.hotg-widget.hotg-widget .lfv-samenvatting,
.hotg-widget.hotg-widget .lfv-option__winnaar-badge { font-family: var(--lfv-font); }
.hotg-widget.hotg-widget .lfv-stem-btn {
    font-family: var(--lfv-font) !important;
    font-size: 18px;
    font-weight: 900;
    font-style: italic;
    line-height: 1.2;
    text-transform: uppercase;
    min-height: 44px;
    color: #ffffff;
    background: linear-gradient(90deg, #265AA6 55%, #0C1F41 100%);
    border: 0;
    border-radius: 8px;
    padding: 14px 24px;
    cursor: pointer;
    touch-action: manipulation;
}
.hotg-widget.hotg-widget .lfv-stem-btn:hover:not(:disabled) { background: #0C1F41; color: #F0E848; }
.hotg-widget.hotg-widget .lfv-stem-btn:disabled { opacity: .65; cursor: wait; }
.hotg-widget .lfv-stem-btn:focus-visible { outline: 3px solid #F0E848; outline-offset: 3px; }
.hotg-widget.hotg-widget .lfv-option__winnaar-badge { background: #265AA6; color: #ffffff; }
.hotg-widget.hotg-widget .lfv-al-gestemd,
.hotg-widget.hotg-widget .lfv-gesloten-msg,
.hotg-widget.hotg-widget .lfv-geen-spelers { color: #ffffff; opacity: 1; }
.hotg-widget .lfv-decision-notice { color: #F0E848; padding: 16px; border: 1px solid #F0E848; border-radius: 8px; }
.hotg-widget.hotg-widget .lfv-samenvatting { min-width: 0; background: #265AA6; }
.hotg-widget.hotg-widget .lfv-body--met-samenvatting { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 28px; align-items: start; }
.hotg-widget.hotg-widget--gesloten .lfv-body { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 28px; align-items: start; width: 100%; }
.hotg-widget.hotg-widget--gesloten .lfv-samenvatting { width: 100%; }
.hotg-widget .lfv-options-wrap, .hotg-widget .lfv-option, .hotg-widget .lfv-option__info { min-width: 0; }
.hotg-widget .lfv-option__name { overflow-wrap: anywhere; }
@media (max-width: 767px) {
    .hotg-widget.hotg-widget .lfv-body--met-samenvatting,
    .hotg-widget.hotg-widget--gesloten .lfv-body { grid-template-columns: minmax(0, 1fr); gap: 24px; }
    .hotg-widget.hotg-widget .lfv-samenvatting { width: 100%; }
    .hotg-widget.hotg-widget.lfv-layout--list .lfv-stem-btn { min-height: 44px; padding: 12px 14px !important; flex-shrink: 0; }
    .hotg-widget.hotg-widget.lfv-layout--grid .lfv-stem-btn { margin: 8px 12px 12px; max-width: calc(100% - 24px); }
}
@media (prefers-reduced-motion: reduce) {
    .hotg-widget *, .hotg-widget *::before, .hotg-widget *::after { animation: none !important; transition: none !important; }
}