:root {
    --un-color-primary: #363940;
    --un-color-secondary: #931839;
    --un-color-text: #1C1B1F;
    --un-color-accent: #CE1143;
    --un-color-border: #D9D9D9;
    --un-color-black: #000000;
    --un-color-white: #ffffff;
}

.ue-form-wrapper {
    padding: 1.125rem;
    border: 1px solid #900;
    border-radius: 4px;
    background-color: #fdf8f2;
    max-width: 700px;
    margin: 0 auto;
    font-family: inherit;
    color: inherit;
}
@media (min-width: 758px) {
    .ue-form-wrapper {
        padding: 2rem;
    }
}
.ue-contact-form select, .ue-contact-form input, .ue-contact-form textarea {
	background: transparent !important;
}
.ue-contact-form input{
	border: 1px solid #e4e0db !important;
	padding: 1rem !important;
	margin-bottom: 24px !important;
}
#ue-secretariat-text,
#ue-region-text {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 0.9rem;
    margin-bottom: 1.5rem;
    color: inherit;
}
.ue-text_privacy {
    font-size: 12px;
}
.ue-contact-form select,
.ue-contact-form input,
.ue-contact-form textarea {
    width: 100%;
    padding: 1rem;
    border: 1px solid #e4e0db;
    border-radius: 4px;
    background: transparent;
    font-size: 14px;
    font-family: inherit;
    color: inherit;
    margin-bottom: 1rem;
    transition: border-color 0.3s ease;
}
.ue-contact-form input{
	border: 1px solid #e4e0db;
	padding: 1rem;
	margin-bottom: 24px;
}
.ue-contact-form select:focus,
.ue-contact-form input:focus,
.ue-contact-form textarea:focus {
    outline: none;
    border-color: #900;
}
.ue-contact-form textarea {
    height: 150px;
    resize: vertical;
}
.ue-contact-form button {
    display: inline-flex;
    align-items: center;
    background: transparent !important;
    border: none;
    font-weight: 500;
    color: inherit;
    font-size: 16px;
    cursor: pointer;
    color: #1C1B1F;
    transition: transform 0.2s;
    gap: 0.5rem;
    padding: 0;
}
.ue-contact-form button:hover {
    transform: translateX(3px);
    color: #931839;
}
.ue-form-wrapper small {
    display: block;
    font-size: 0.75rem;
    color: inherit;
    margin-top: 0.5rem;
}

/* Fix arrow select */
select:not([size]):not([multiple]) {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg fill='currentColor'%3E%3Cpath d='M10.293,3.293,6,7.586,1.707,3.293A1,1,0,0,0,.293,4.707l5,5a1,1,0,0,0,1.414,0l5-5a1,1,0,1,0-1.414-1.414Z' fill='currentColor'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") !important;
	background-size: 0.6em !important;
	background-repeat: no-repeat !important;
	background-position: calc(100% - var(--cs-input-padding-y, 1rem)) center !important;
}
/* ============================================================
   UNAEP – Registration Form (minimal version, without uk‑grid)
   ============================================================ */

/* ---------- 1. main content ---------- */
#unaep_registration_form{
    box-sizing: border-box;
    /*max-width: 700px;*/
    background: transparent;
}

/* wrapper rows: .ue-grid  -------------------------------- */
.ue-grid{
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
    margin: 0; 
}
.ue-grid > *{
    flex: 1 1 100%;           /* MOBILE: occupa tutta la larghezza */
}
@media (min-width:768px){
    .ue-grid > *{
        flex: 1 1 calc(50% - 16px);
    }
    .ue-grid {
        gap: 10px;
    }
}

/* ---------- 3. input / select / textarea ---------------- */
#unaep_registration_form input:not([type="checkbox"]),
#unaep_registration_form select,
#unaep_registration_form textarea{
    width: 100%;
    padding: 16px 20px;
    border: 1px solid #e4e0db;
    border-radius: 4px;
    background: transparent;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    color: var(--un-color-primary);
    margin: 0 0 1.5rem 0;
    transition: border-color .3s ease;
}
#unaep_registration_form input:focus,
#unaep_registration_form select:focus,
#unaep_registration_form textarea:focus{
    outline: none;
    border-color: #900;
}
#unaep_registration_form textarea{
    height: 150px;
    resize: vertical;
}

/* ---------- 4. toggle “Iscritto ordinario / Sostenitore” ------ */
.ue-toggle{
    display: flex;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 1.5rem;
}
.ue-toggle input[type="radio"]{
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.ue-toggle label{
    flex: 1 1 0;
    text-align: center;
    padding: .75rem 1rem;
    background :#d7d7d7;
    color: #1C1B1F;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
    transition: background .2s,color .2s;
}
/* label selezionato (richiede :has() — Chrome 105+, Firefox 103+, Safari 15.4+) */
#unaep_registration_form:has(#ordinario:checked)   label[for="ordinario"],
#unaep_registration_form:has(#sostenitore:checked) label[for="sostenitore"]{
    background:#931839;
    color:#fff;
}

/* ---------- 5. submit button ------------------------------- */
#unaep_registration_form button{
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding :0;
    border: none;
    background: transparent;
    font: inherit;
    font-weight: 500;
    cursor: pointer;
    color: #1C1B1F;
    transition: transform .2s,color .2s;
}
#unaep_registration_form button:hover{
    transform: translateX(3px);
    color: #931839;
}

#unaep_registration_form button::after{content:'>';}

/* ---------- 6. text privacy / note ----------------- */
#unaep_registration_form .ue-note,
#unaep_registration_form input[type="checkbox"] + label{
    font-size: 12px;
}

/* Checkbox + text on row */
.ue-privacy {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    margin: 1.5rem 0;
    color: (--un-color-text);
}
.ue-privacy input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin: 0;
}


/* Nascondi eventuali <br> generati da WP o plugin */
.ue-privacy br {
    display: none !important;
}

body.category #ue-search-form .ue-search-form-container {
	border: none;
	padding: 0px;
}
input#unaep_data_di_nascita {
    text-indent: 0px !important;
}
/* ============================================================
   END – UNAEP Registration Form
   ============================================================ */
   
/**
* OLD Registration Form
**/

#unaep_registration_form{ margin-top: 40px; }
.unaep_form label { display: block; width: 100%; }
.unaep_form input[type="text"], .unaep_form input[type="password"],
.unaep_form input[type="email"] {
	padding: 4px 8px;
	background: #f0f0f0;
	border: 1px solid #ccc;
	width: 80%;
}
.unaep_form input[type="text"]:focus, .unaep_form input[type="password"]:focus,
.unaep_form input[type="email"]:focus {
	border-color: #aaa;
}
.unaep_form input[type="submit"] {
	border: solid 1px #0b5e90 !important;
}
.unaep_errors { padding: 8px; border: 1px solid #f50; margin: 0 0 15px; }
#unaep_registration_form table {
	width: 100%
}
#unaep_registration_form table * {
	border: none;
}
#unaep_registration_form input[type="radio"]{
	width: auto;
	padding: 0;
	margin: 6px 0 0 6px;
	float: left;
	-webkit-appearance: radio;
	-moz-appearance: radio;
}
#unaep_registration_form input[type="radio"]:hover{ cursor: pointer; }
#unaep_registration_form label[for="ordinario"],
#unaep_registration_form label[for="sostenitore"]{ float:left; }
#unaep_registration_form label[for="ordinario"]:hover,
#unaep_registration_form label[for="sostenitore"]:hover{ cursor: pointer; }
#unaep_registration_form select[name="regione"]{width: 100%;}
#unaep_registration_form input:not([type="submit"]){ text-indent: 0px; }
#unaep_registration_form .hidden{ display: none; }

/* ============================================================
   TAB STYLING FOR CONTACT FORM (#ue-contact-form)
   ============================================================ */

#ue-contact-form .ue-toggle {
    display: flex;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

#ue-contact-form .ue-toggle input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

#ue-contact-form .ue-toggle label {
    flex: 1 1 0;
    text-align: center;
    padding: .75rem 1rem;
    background: #d7d7d7;
    color: #1C1B1F;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
    transition: background .2s, color .2s;
}

/* label selezionato → stesso stile del form registrazione */
#ue-contact-form:has(#ue_tab1:checked) label[for="ue_tab1"],
#ue-contact-form:has(#ue_tab2:checked) label[for="ue_tab2"] {
    background: #931839;
    color: #fff;
}

/* classe hidden per i tab */
#ue-contact-form .hidden {
    display: none !important;
}
/* ============================================================
   END – TAB STYLING FOR CONTACT FORM
   ============================================================ */