body {
  font-size: 0.85rem;
  background-color: #EFF6FF7A;
}
.node--type-centralizator.node--view-mode-full .field--name-field-views-transporturi {
    flex: 0 0 100%;
}

.field--name-field-views-transporturi .viewsreference--view-title {
    display: none;
}

.tabledrag-toggle-weight-wrapper {
    display: none;
}

.navbar-brand img {
  height: 22px;
  margin: 0 0.5rem 0 0;
}

.navbar-brand .site-title {
  font-size: 1rem;
  letter-spacing: 1.5px;
}

.navbar-brand a.site-title {
  color: #356fed;
}

body.eca-logged-out, body.user-login {
  margin-top: 100px;
}

.eca-logged-out .navbar-brand, .user-login .navbar-brand {
  flex-direction: column;
  justify-content: center;
  margin-right: 0
}

.eca-logged-out .navbar-brand img, .user-login .navbar-brand img {
  height: 50px;
  margin: 0;
}

.eca-logged-out .navbar-brand .site-title, .user-login .navbar-brand .site-title {
  font-size: 1.5rem;
}

.user-login .region-nav-branding {
  margin-left: auto;
  margin-right: auto;
}

.ui-dialog {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.ui-dialog-content .alert {
    background-color: #f4d6d8 !important;
    color: #5b161d !important;
    padding: 1rem !important;
    border-radius: 0.375rem !important;
    position: relative !important;
    margin-top: 15px !important;
}

.ui-dialog-content .alert .btn-close {
    position: absolute !important;
    top: 6px !important;
    right: 6px !important;
    z-index: 2 !important;
    padding: 1.25rem 1rem !important;
    --bs-btn-close-color: #000 !important;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;
  --bs-btn-close-opacity: 0.5 !important;
  --bs-btn-close-hover-opacity: 0.75 !important;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
  --bs-btn-close-focus-opacity: 1 !important;
  --bs-btn-close-disabled-opacity: 0.25 !important;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%) !important;
  box-sizing: content-box !important;
  width: 0.5em !important;
  height: 0.5em !important;
  padding: 0.25em 0.25em !important;
  color: var(--bs-btn-close-color) !important;
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat !important;
  border: 0 !important;
  border-radius: 0.375rem !important;
  opacity: var(--bs-btn-close-opacity) !important;
}

h4.form-required, h4.label {
    font-weight: normal !important;
}

[name="field_autorizatie_mediu_0_upload_button"], [name="field_viza_anuala_0_upload_button"] {
    display: none !important;
}

.btn-close {
    cursor: pointer !important;
}

thead th {
    font-weight: 500;
}

.ui-dialog-title {
    font-weight: 500 !important;
}

#drupal-off-canvas-wrapper .ui-dialog-titlebar {
    background-color: #3a3a3a  !important;
}

#drupal-off-canvas-wrapper {
    --off-canvas-background-color: #444 !important;
}


#drupal-off-canvas-wrapper .fieldset-legend {
    font-weight: 600 !important;
}


.bef-exposed-form .form-actions {
    display: inline-block;
    margin-top: 39px;
}


/**
 * Stiluri pentru evidențierea rândului când off-canvas este deschis
 */

/* Rândul activ când off-canvas este deschis */
.views-table tr.row-offcanvas-active {
    background-color: #e3f2fd !important;
    border-left: 4px solid #2196f3;
    box-shadow: 0 2px 4px rgba(33, 150, 243, 0.2);
    transition: all 0.3s ease;
  }
  
  /* Alternativ - variantă cu galben */
  .views-table tr.row-offcanvas-active.highlight-yellow {
    background-color: #fff9c4 !important;
    border-left: 4px solid #ffeb3b;
    box-shadow: 0 2px 4px rgba(255, 235, 59, 0.3);
  }
  
  /* Alternativ - variantă cu verde */
  .views-table tr.row-offcanvas-active.highlight-green {
    background-color: #e8f5e8 !important;
    border-left: 4px solid #4caf50;
    box-shadow: 0 2px 4px rgba(76, 175, 80, 0.2);
  }
  
  /* Pentru tabele cu striping, asigură-te că culoarea se aplică */
  .views-table.table-striped tr.row-offcanvas-active:nth-child(2n+1) td,
  .views-table.table-striped tr.row-offcanvas-active:nth-child(2n) td {
      background-color: #e3f2fd !important;
      --bs-table-bg-type: #e3f2fd !important;
  }
  
  /* Animație subtilă pentru tranziție */
  .views-table tr {
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
  }
  
  /* Pentru tema dark, dacă este cazul */
  @media (prefers-color-scheme: dark) {
    .views-table tr.row-offcanvas-active {
      background-color: #1a237e !important;
      border-left-color: #3f51b5;
      color: #ffffff;
    }
  }


#drupal-off-canvas-wrapper .ui-dialog-titlebar::before {
    width: 1rem !important;
}

@media (min-width: 1200px) {
    h1, .h1 {
      font-size: 1.5rem;
    }
  }






/**
 * Control animații Off-canvas - Drupal 11
 * Animații rapide și fluide pentru interfața compactă
 */

/* ========== ANIMAȚII OFF-CANVAS RAPIDE ========== */

/* Override animația principală off-canvas */
.ui-dialog-off-canvas {
    transition: all 0.2s ease-out !important; /* În loc de 0.3s implicit */
    animation-duration: 0.2s !important;
  }
  
  /* Animația de intrare (slide-in de la dreapta) */
  .ui-dialog-off-canvas[style*="display: block"] {
    animation: slideInRight 0.15s ease-out !important;
  }
  
  /* Animația de ieșire */
  .ui-dialog-off-canvas.ui-dialog-closing {
    animation: slideOutRight 0.15s ease-in !important;
  }
  
  /* Keyframes pentru slide-in rapid */
  @keyframes slideInRight {
    0% {
      transform: translateX(100%);
      opacity: 0;
    }
    100% {
      transform: translateX(0);
      opacity: 1;
    }
  }
  
  /* Keyframes pentru slide-out rapid */
  @keyframes slideOutRight {
    0% {
      transform: translateX(0);
      opacity: 1;
    }
    100% {
      transform: translateX(100%);
      opacity: 0;
    }
  }
  
  /* ========== OVERLAY ANIMAȚIE RAPIDĂ ========== */
  .ui-widget-overlay {
    transition: opacity 0.15s ease-out !important;
    animation-duration: 0.15s !important;
  }
  
  /* Overlay fade-in rapid */
  .ui-widget-overlay.ui-front {
    animation: fadeInOverlay 0.15s ease-out !important;
  }
  
  @keyframes fadeInOverlay {
    0% { opacity: 0; }
    100% { opacity: 0.3; }
  }
  
  /* ========== CONȚINUT OFF-CANVAS ========== */
  .ui-dialog-content {
    transition: all 0.1s ease-out !important;
  }
  
  /* Animația pentru conținutul care se încarcă */
  .ui-dialog-off-canvas .ui-dialog-content {
    animation: fadeInContent 0.2s ease-out !important;
  }
  
  @keyframes fadeInContent {
    0% {
      opacity: 0;
      transform: translateY(10px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  /* ========== TITLEBAR ANIMAȚIE ========== */
  .ui-dialog-titlebar {
    transition: all 0.1s ease-out !important;
  }
  
  /* ========== ANIMAȚII PENTRU FORME ========== */
  .ui-dialog-off-canvas form {
    animation: slideUpForm 0.2s ease-out !important;
  }
  
  @keyframes slideUpForm {
    0% {
      opacity: 0.7;
      transform: translateY(15px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  /* ========== RESPONSIVE ANIMATIONS ========== */
  @media (max-width: 768px) {
    /* Pe mobile, animații și mai rapide */
    .ui-dialog-off-canvas {
      transition: all 0.15s ease-out !important;
      animation-duration: 0.15s !important;
    }
    
    .ui-widget-overlay {
      transition: opacity 0.1s ease-out !important;
    }
  }
  
  /* ========== DISABLE ANIMAȚII PENTRU REDUCED MOTION ========== */
  @media (prefers-reduced-motion: reduce) {
    .ui-dialog-off-canvas,
    .ui-widget-overlay,
    .ui-dialog-content,
    .ui-dialog-titlebar {
      transition: none !important;
      animation: none !important;
    }
  }
  
  /* ========== ANIMAȚII MICRO-INTERACTIONS ========== */
  .ui-dialog-off-canvas input:focus,
  .ui-dialog-off-canvas select:focus,
  .ui-dialog-off-canvas textarea:focus {
    transition: border-color 0.1s ease-out, box-shadow 0.1s ease-out !important;
  }
  
  .ui-dialog-off-canvas .btn:hover {
    transition: all 0.1s ease-out !important;
    transform: translateY(-1px) !important;
  }
  
  .ui-dialog-off-canvas .btn:active {
    transform: translateY(0) !important;
    transition: all 0.05s ease-out !important;
  }
  
  /* ========== LOADING STATES ========== */
  .ui-dialog-off-canvas.ajax-progress {
    opacity: 0.8 !important;
    transition: opacity 0.1s ease-out !important;
  }
  
  /* ========== VARIANTE DE VITEZĂ ========== */
  
  /* Ultra rapid - pentru teste */
  .offcanvas-ultra-fast .ui-dialog-off-canvas {
    transition: all 0.1s ease-out !important;
    animation-duration: 0.1s !important;
  }
  
  /* Rapid */
  .offcanvas-fast .ui-dialog-off-canvas {
    transition: all 0.15s ease-out !important;
    animation-duration: 0.15s !important;
  }
  
  /* Normal (implicit) */
  .offcanvas-normal .ui-dialog-off-canvas {
    transition: all 0.2s ease-out !important;
    animation-duration: 0.2s !important;
  }
  
  /* Lent - pentru accesibilitate */
  .offcanvas-slow .ui-dialog-off-canvas {
    transition: all 0.4s ease-out !important;
    animation-duration: 0.4s !important;
  }

strong {
  font-weight: 600;
}

.tabs-primary .nav-tabs {
  font-size: 70%;
}


[data-drupal-selector="edit-field-data-livrare-value-wrapper"] legend {
  margin-bottom: 0;
}

[data-drupal-selector="edit-field-data-livrare-value-wrapper"] .fieldset-wrapper {
  display: flex;
  align-items: center;
}

.form--inline .form-item {
  margin-right: 1em;
}

legend, .btn, .form-control {
  font-size: inherit;
}

.field--name-field-descriere-destinat .field__items {
  display: flex;
  gap: 5px;
}

.file-resup-wrapper a.button {
  margin: inherit;
}

.btn.btn-success.button.upload {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none;
    font-size: inherit;
}

/* Folosește clasele tale custom */
.transport-document {
  position: relative;
  margin-bottom: 4rem;
}

.transport-document + .transport-document {
  margin-top: 4rem;
  padding-top: 3rem;
  border-top: 3px solid #6c757d;
  position: relative;
}

.transport-document + .transport-document::before {
  content: '';
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #007bff, transparent);
}

.transport-document-sidebar {
  position: sticky;
  top: 20px;
  align-self: flex-start;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 1.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
}

@media (max-width: 768px) {
  .transport-document-sidebar {
    position: static;
    max-height: none;
    overflow-y: visible;
    background: #f8f9fa;
    margin-top: 1rem;
  }
}

.webform-submission-schimba-stadiul-media-document-c-add-form input {
  display: none;
}

.field--name-field-documente-achizitii-neasoc {
  width: 100%;
}

.user-login, .eca-logged-out .dialog-off-canvas-main-canvas {
  max-width: 330px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-brand .site-title {
  text-transform: none;
}

.eca-logged-out .dialog-off-canvas-main-canvas .region-nav-branding {
  margin-left: auto;
  margin-right: auto;
}

.eca-logged-out .dialog-off-canvas-main-canvas .region-content {
  text-align: center;
}