/* css/event-rsvp.css */

.event-rsvp-form {
    max-width: 400px;
    margin: 1em auto;
    font-family: sans-serif;
    font-size: 16px;
}

/* Label nad vnosnimi polji */
.event-rsvp-form label {
    display: block;
    margin-bottom: 0.25em;
    font-weight: bold;
}

/* Vsi tekstovni in izbirni kontrolniki kot blok */
.event-rsvp-form input[type="email"],
.event-rsvp-form input[type="text"],
.event-rsvp-form input[type="datetime-local"],
.event-rsvp-form select {
    display: block;
    width: 100% !important;
    padding: 0.25em;
    margin-bottom: 1em;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

/* Gumb kot full-width block pod vnosnimi polji */
.event-rsvp-form .submit-wrap {
    margin-top: 1em;
}

.event-rsvp-form .submit-wrap button,
.event-rsvp-form button {
    display: block;
    width: 100%;
    padding: 0.6em 1.2em;
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    cursor: pointer;
}

.event-rsvp-form .submit-wrap button:hover,
.event-rsvp-form button:hover {
    background: #fff;
    color: #1D2945
}

.event-rsvp-form button.rsvp-submit {
    display: block;
    width: 100%;
    padding: 0.6em 1.2em;
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    cursor: pointer;
}

.event-rsvp-form button.rsvp-submit:hover {
    background: #fff;
    color: #1D2945;
}

/* Sporočilo o napaki */
.event-rsvp-form .event-error {
    color: #d63638;
    margin-bottom: 1em;
}

/* Nastavimo višino vseh “guest” polj */
.event-rsvp-form input[name^="guest["] {
    height: 2.4em;
    /* višina po želji */
    line-height: 1.5;
    /* da se tekst lepo poravna */
    width: 100%;
}
/* kvadratni videz samih radio-gumbov */
.age-radio {
    display: inline-flex;
    align-items: center;
    margin-right: 1.2em;
    cursor: pointer;
    font-weight: normal;
}

.age-radio input[type=radio] {
    -webkit-appearance: none;
    /* Safari/Chrome */
    appearance: none;
    /* ostali */
    width: 1.1em;
    height: 1.1em;
    border: 2px solid #ccc;
    border-radius: 3px;
    /* kvadratni robovi */
    margin-right: 0.4em;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}

/* obkljukano stanje */
.age-radio input[type=radio]:checked {
    background: #1d2945;
    border-color: #1d2945;
}

/* kljukica */
.age-radio input[type=radio]:checked::after {
    content: '';
    position: absolute;
    left: 0.27em;
    top: 0.05em;
    width: 0.35em;
    height: 0.65em;
    border: solid #fff;
    border-width: 0 0.15em 0.15em 0;
    transform: rotate(45deg);
}

/* gumb za preklic prijave */
.event-cancel-form {
    margin-top: 1rem;
}

.rsvp-cancel-btn {
    font-size: .9rem;
    padding: 0.6em 1.0em;
    line-height: 1.2;
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
}

.event-note {
    margin-bottom: .5rem;
}