/* EroKami V10.23.1: age confirmation and verification resend cooldown */

/* The age block is intentionally independent from every legacy checkbox class. */
body[data-route="sylius_shop_register"] .ek231-age {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    align-items: start !important;
    column-gap: 12px !important;
    row-gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 18px 0 22px !important;
    padding: 15px 16px !important;
    border: 1px solid rgba(255, 125, 188, .20) !important;
    border-radius: 15px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(217,70,141,.045)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

body[data-route="sylius_shop_register"] .ek231-age__input[type="checkbox"] {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    float: none !important;
    inline-size: 22px !important;
    block-size: 22px !important;
    min-inline-size: 22px !important;
    max-inline-size: 22px !important;
    min-block-size: 22px !important;
    max-block-size: 22px !important;
    margin: 1px 0 0 !important;
    padding: 0 !important;
    clip: auto !important;
    clip-path: none !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    border: 1px solid rgba(255,255,255,.32) !important;
    border-radius: 7px !important;
    background: #0d0c16 !important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.45) !important;
    cursor: pointer !important;
}

body[data-route="sylius_shop_register"] .ek231-age__input[type="checkbox"]::after {
    content: "" !important;
    position: absolute !important;
    left: 7px !important;
    top: 3px !important;
    width: 6px !important;
    height: 11px !important;
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    opacity: 0 !important;
    transform: rotate(45deg) scale(.65) !important;
    transform-origin: center !important;
    transition: opacity .12s ease, transform .12s ease !important;
}

body[data-route="sylius_shop_register"] .ek231-age__input[type="checkbox"]:checked {
    border-color: #ff8fc6 !important;
    background: linear-gradient(180deg, #ff79ba, #d9468d) !important;
    box-shadow: 0 0 0 4px rgba(217,70,141,.14), 0 8px 18px rgba(217,70,141,.20) !important;
}

body[data-route="sylius_shop_register"] .ek231-age__input[type="checkbox"]:checked::after {
    opacity: 1 !important;
    transform: rotate(45deg) scale(1) !important;
}

body[data-route="sylius_shop_register"] .ek231-age__input[type="checkbox"]:focus-visible {
    outline: 2px solid #74e2ff !important;
    outline-offset: 3px !important;
}

body[data-route="sylius_shop_register"] .ek231-age__label {
    display: block !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(255,255,255,.94) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    cursor: pointer !important;
}

body[data-route="sylius_shop_register"] .ek231-age__help {
    grid-column: 2 !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    color: rgba(255,255,255,.56) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1.5 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

body[data-route="sylius_shop_register"] .ek231-age__errors {
    grid-column: 2 !important;
    min-width: 0 !important;
    margin-top: 3px !important;
    color: #ff97b3 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.45 !important;
}

body[data-route="sylius_shop_register"] .ek231-age__errors ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Verification resend cooldown */
.ek231-verification__status {
    margin-top: 7px !important;
    color: rgba(255,255,255,.66) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

.ek231-verification__status strong {
    color: #fff !important;
}

.ek231-verification form button:disabled {
    cursor: not-allowed !important;
    opacity: .58 !important;
    filter: saturate(.55) !important;
    box-shadow: none !important;
}

@media (max-width: 520px) {
    body[data-route="sylius_shop_register"] .ek231-age {
        grid-template-columns: 22px minmax(0, 1fr) !important;
        padding: 14px !important;
    }
}