/* ===============================
   jQuery UI Dialog – soft overrides
   =============================== */

/* 1) Bordi stondati 6px (dialog + titlebar + contenuto) */
.ui-dialog,
.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-content {
  border-radius: 12px !important;
}

/* (opzionale) evita “spigolo” sul close button */
.ui-dialog .ui-dialog-titlebar-close {
  border-radius: 12px !important;
}

/* 2) Etichette nere dentro il dialog */
.ui-dialog .ui-dialog-content label {
  color: #000 !important;
  font-size: medium;
  font-weight: 100;
}


/* ===== Drupal modal (jQuery UI dialog) – overrides mirati ===== */

/* 1) Bordi stondati 6px: serve anche overflow:hidden per “tagliare” lo sfondo interno */
.ui-dialog {
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  
  .ui-dialog .ui-dialog-titlebar {
    border-radius: 12px 12px 0 0 !important;
  }
  
  /* questo è il contenitore che stai ispezionando */
  #drupal-modal {
    border-radius: 0 0 12px 12px !important;
  }
  
  /* 2) Etichette nere (dentro la modale) */
  #drupal-modal label {
    color: #000 !important;
    font-size: medium;
    font-weight: 200;
  }