.airod-docs-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap:18px;
  max-width: 920px;
}
@media(min-width:900px){
  .airod-docs-grid{ grid-template-columns: 1fr 1fr; }
}

.airod-docs-sep{ margin:22px 0; opacity:.15; }

.airod-upload-list{ display:grid; gap:14px; max-width: 920px; }

.airod-upload-item{
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  padding:14px 14px;
}

.airod-upload-head{ display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.airod-upload-head h4{ margin:0; font-size:18px; }
.airod-upload-help{ opacity:.8; margin-top:6px; }

.airod-upload-actions{ display:flex; gap:10px; align-items:center; }
.airod-upload-view{ color:#fff; text-decoration:underline; opacity:.9; }

.airod-upload-foot{ margin-top:10px; opacity:.85; }

.airod-btn{
  border:0;
  border-radius:999px;
  padding:10px 16px;
  font-weight:800;
  cursor:pointer;
}
.airod-btn-ghost{ background:rgba(255,255,255,.10); color:#fff; border:1px solid rgba(255,255,255,.16); }
.airod-btn-primary{ background:#ED1C24; color:#fff; box-shadow:0 16px 30px rgba(237,28,36,.35); }

.airod-docs-terms{ display:flex; gap:10px; margin-top:18px; align-items:flex-start; }
.airod-docs-actions{ display:flex; gap:14px; align-items:center; margin-top:18px; flex-wrap:wrap; }
.airod-docs-note{ opacity:.75; }

/* MODAL */
.airod-modal{ display:none; position:fixed; inset:0; z-index:9999; }
.airod-modal.is-open{ display:block; }
.airod-modal-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.55); }
.airod-modal-card{
  position:relative;
  background:#fff;
  border-radius:18px;
  max-width: 980px;
  margin: 6vh auto;
  padding:22px;
  z-index:2;
}
.airod-modal-card-sm{ max-width:520px; }
.airod-modal-x{
  position:absolute; top:10px; right:12px;
  border:0; background:transparent; font-size:28px; cursor:pointer;
}

.airod-modal-grid{ display:grid; grid-template-columns: 1fr; gap:18px; }
@media(min-width:900px){
  .airod-modal-grid{ grid-template-columns: 1fr 1fr; }
}

.airod-preview{
  width:100%;
  aspect-ratio: 3/4;
  background:#f3f4f6;
  border-radius:12px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.airod-preview img{ max-width:100%; max-height:100%; object-fit:contain; }

.airod-checklist{ margin:10px 0 18px; padding-left:18px; color:#374151; }
.airod-muted{ color:#6b7280; margin:8px 0 14px; }
/* ===============================
   FORM FIELDS (Documente si date)
================================ */

.airod-acc-block h2,
.airod-acc-block h3,
.airod-acc-block h4 {
    color: #fff;
}

.airod-docs-form {
    max-width: 920px;
}

.airod-docs-grid {
    gap: 24px 32px;
    /* mai aerisit */
}

.airod-field label {
    display: block;
    margin: 0 0 8px;
    font-weight: 700;
    font-size: 14px;
    color: rgba(255, 255, 255, .85);
}

.airod-field input,
.airod-field select,
.airod-field textarea {
    width: 100%;
    height: 48px;
    border-radius: 14px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .06);
    color: #fff;
    font-size: 15px;
    outline: none;
}

.airod-field textarea {
    height: auto;
    padding: 12px 14px;
    min-height: 110px;
}

.airod-field input::placeholder {
    color: rgba(255, 255, 255, .45);
}

.airod-field select {
    appearance: none;
}

.airod-field input:focus,
.airod-field select:focus,
.airod-field textarea:focus {
    border-color: #ED1C24;
    box-shadow: 0 0 0 3px rgba(237, 28, 36, .25);
}

/* helper text */
.airod-field small {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.35;
    color: rgba(255, 255, 255, .60);
}

/* daca tema iti reseteaza agresiv */
body .airod-acc-block .airod-field input,
body .airod-acc-block .airod-field select,
body .airod-acc-block .airod-field textarea {
    background: rgba(255, 255, 255, .06) !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, .16) !important;
}

body .airod-acc-block .airod-field label {
    color: rgba(255, 255, 255, .85) !important;
}

/* checkbox + actions */
.airod-docs-terms{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin-top:18px;
  max-width: 920px;
}

.airod-check{
  width:18px;
  height:18px;
  margin-top:3px;
  accent-color:#ED1C24;
}

.airod-docs-actions{
  display:flex;
  gap:16px;
  align-items:center;
  margin-top:16px;
  flex-wrap:wrap;
  max-width: 920px;
}

.airod-docs-note{
  color:rgba(255,255,255,.65);
  font-size:14px;
  line-height:1.4;
}

/* buton rosu consistent */
.airod-docs-save{
  padding:12px 18px;
  border-radius:999px;
  font-weight:900;
}
/* modal expire date fix */
#airodModalExpire .airod-modal-card {
    padding: 26px;
}

#airodModalExpire h3 {
    margin: 0 0 10px;
    font-size: 22px;
    color: #111;
}

#airodModalExpire .airod-muted {
    margin: 0 0 18px;
    color: rgba(0, 0, 0, .6);
}

#airodModalExpire .airod-expire-field label {
    color: rgba(0, 0, 0, .75) !important;
}

#airodModalExpire .airod-expire-date {
    width: 100% !important;
    height: 48px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(0, 0, 0, .18) !important;
    background: #f3f4f6 !important;
    color: #111 !important;
    padding: 0 14px !important;
    font-size: 15px !important;
    outline: none !important;
    appearance: auto !important;
}

#airodModalExpire .airod-expire-date:focus {
    border-color: #ED1C24 !important;
    box-shadow: 0 0 0 3px rgba(237, 28, 36, .18) !important;
}

/* errors */
.airod-field.is-error label{ color:#ED1C24 !important; }
.airod-field.is-error input,
.airod-field.is-error select,
.airod-field.is-error textarea{
  border-color:#ED1C24 !important;
  box-shadow: 0 0 0 3px rgba(237,28,36,.20) !important;
}

.airod-form-alert{
  display:none;
  margin: 0 0 16px;
  padding: 12px 14px;
  border-radius: 14px;
  font-weight: 700;
  max-width: 920px;
}
.airod-form-alert.is-ok{
  display:block;
  background: rgba(34,197,94,.16);
  border: 1px solid rgba(34,197,94,.25);
  color:#fff;
}
.airod-form-alert.is-err{
  display:block;
  background: rgba(237,28,36,.16);
  border: 1px solid rgba(237,28,36,.25);
  color:#fff;
}
/* ===== SELECT BASIC (native) ===== */
.airod-field select{
  width:100%;
  background:#0f0f0f;
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  padding:12px 14px;
  font-size:15px;
  outline:none;
}

.airod-field select option{
  background:#111;
  color:#fff;
}

/* focus */
.airod-field select:focus{
  border-color:#ED1C24;
  box-shadow:0 0 0 3px rgba(237,28,36,.25);
}

/* ===== ERROR ===== */
.airod-field.is-error select{
  border-color:#ED1C24 !important;
  box-shadow:0 0 0 3px rgba(237,28,36,.35) !important;
}

/* ===== SELECT2 / selectWoo ===== */
.select2-container{
  width:100% !important;
}

.select2-container--default .select2-selection--single{
  background:#0f0f0f;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  height:46px;
  display:flex;
  align-items:center;
}

.select2-container--default .select2-selection__rendered{
  color:#fff;
  padding-left:14px;
  line-height:1;
}

.select2-container--default .select2-selection__arrow{
  height:100%;
  right:10px;
}

.select2-container--default .select2-selection__arrow b{
  border-color:#fff transparent transparent transparent;
}

/* dropdown */
.select2-dropdown{
  background:#111;
  border:1px solid rgba(255,255,255,.16);
  border-radius:12px;
}

.select2-results__option{
  color:#fff;
  padding:10px 14px;
}

.select2-results__option--highlighted{
  background:#ED1C24 !important;
  color:#fff !important;
}

/* selected */
.select2-results__option[aria-selected="true"]{
  background:rgba(255,255,255,.08);
}

/* focus error */
.airod-field.is-error .select2-selection{
  border-color:#ED1C24 !important;
  box-shadow:0 0 0 3px rgba(237,28,36,.35) !important;
}
