/**
 * @file
 * Stil global pentru widget-ul Drupal Dropbutton — inspirat de tema Claro.
 *
 * Dezactivăm stilurile Bootstrap Barrio (Bartik-era) via libraries-override
 * în bootstrap_barrio_subtheme.info.yml și oferim stiluri complete aici.
 *
 * Prefixul .js este necesar pe regulile structurale ca să câștigăm specificitate
 * față de core/misc/dropbutton/dropbutton.css care le folosește pe toate.
 */
/* ------------------------------------------------------------------ */
/* Custom properties (tokens)                                          */
/* ------------------------------------------------------------------ */
.dropbutton-wrapper {
  --db-bg: #ffffff;
  --db-bg-hover: #f4f7fb;
  --db-border: #d3d9de;
  --db-border-hover: #91a1b2;
  --db-text: #232425;
  --db-primary: #003ecc;
  --db-danger: #b32424;
  --db-shadow: 0 2px 6px rgba(15, 35, 75, .12), 0 0 1px rgba(15, 35, 75, .25);
  width: 100px;
}
/* ------------------------------------------------------------------ */
/* Reset explicit al regulilor Bartik/Bootstrap Barrio                */
/* (păstrate .js prefix ca să bată specificitate egală)               */
/* ------------------------------------------------------------------ */
/* core pune min-height:2em pe td > wrapper */
.js td .dropbutton-wrapper {
  min-height: unset;
}
/* Bootstrap Barrio pune padding-right: 10em care face celula imensă */
.js td .dropbutton-multiple {
  padding-right: 2.4rem; /* LTR */
  margin-right: 0;
  max-width: none;
}
[dir="rtl"].js td .dropbutton-multiple {
  padding-right: 0;
  padding-left: 2.4rem;
  margin-left: 0;
}
/* Reset border-right pe ul.dropbutton adăugat de BB */
.dropbutton-multiple .dropbutton {
  border-right: 0 none;
}
[dir="rtl"] .dropbutton-multiple .dropbutton {
  border-left: 0 none;
  border-right: 0 none;
}
/* ------------------------------------------------------------------ */
/* Widget container                                                    */
/* ------------------------------------------------------------------ */
.js .dropbutton-wrapper,
.js .dropbutton-widget {
  display: block;  /* core folosește block — nu inline-block */
  position: relative;
  box-sizing: border-box;
}
.js td .dropbutton-widget {
  position: absolute; /* în celule de tabel: widget e absolut — min-width se aplică aici */
  min-width: 120px;
}
/* În tabel: rezervă spațiu pentru widget + toggle */
.js td .dropbutton-wrapper {
  min-height: 2em;
  min-width: 120px;
}
.js td .dropbutton-multiple {
  padding-right: 2.4rem; /* LTR */
  margin-right: 0;
  max-width: none;
}
[dir="rtl"].js td .dropbutton-multiple {
  padding-right: 0;
  padding-left: 2.4rem;
  margin-left: 0;
}

.js .dropbutton-multiple .dropbutton-widget {
  padding-right: 39px;
}

.js .dropbutton-widget,
.js .dropbutton-wrapper .dropbutton-widget {
  background-color: var(--db-bg);
  background-image: none;
  border: 1px solid var(--db-border);
  border-radius: 6px;
  overflow: visible;
  color: var(--db-text);
  cursor: default;
  text-align: left;
  margin: 0;
  transition: border-color .15s, box-shadow .15s;
}
.js .dropbutton-wrapper:hover .dropbutton-widget,
.js .dropbutton-wrapper:focus-within .dropbutton-widget {
  border-color: var(--db-border-hover);
  box-shadow: var(--db-shadow);
}
/* ------------------------------------------------------------------ */
/* Lista de acțiuni                                                    */
/* ------------------------------------------------------------------ */
.js .dropbutton-widget .dropbutton {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.js .dropbutton-widget .dropbutton li {
  margin: 0;
  padding: 0;
  list-style: none;
  background: transparent;
}
.js .dropbutton-multiple .dropbutton-widget .dropbutton-action a{
  margin-left:10px !important;
}
.js .dropbutton-widget .dropbutton .dropbutton-action > a,
.js .dropbutton-widget .dropbutton .dropbutton-action > button,
.js .dropbutton-widget .dropbutton .button {
  display: block;
  box-sizing: border-box;
  padding: .6rem 1.1rem .6rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--db-text);
  text-decoration: none;
  background: transparent;
  background-image: none;
  border: 0;
  border-radius: 0;
  text-align: left;
  white-space: nowrap;
  margin: 0;

}
.js .dropbutton-widget .dropbutton .dropbutton-action > a:hover,
.js .dropbutton-widget .dropbutton .dropbutton-action > a:focus,
.js .dropbutton-widget .dropbutton .dropbutton-action > button:hover,
.js .dropbutton-widget .dropbutton .dropbutton-action > button:focus {
  background: var(--db-bg-hover);
  background-image: none;
  color: var(--db-primary);
  text-decoration: none;
  border-bottom: 0 none;
  outline: none;
}
.js .dropbutton-widget .dropbutton .secondary-action {
  border-top: 1px solid var(--db-border);
}
.js .dropbutton-widget .dropbutton .secondary-action.delete > a:hover,
.js .dropbutton-widget .dropbutton .secondary-action.delete > a:focus {
  color: var(--db-danger);
  background: #fdecec;
}
.dropbutton-multiple .dropbutton .dropbutton-action > * {
  margin-right: 0;
  margin-left: 0;
}
/* ------------------------------------------------------------------ */
/* Toggle (butonul săgeată)                                            */
/* ------------------------------------------------------------------ */
.js .dropbutton-multiple .dropbutton-toggle {
  position: absolute;
  top: 0;
  right: 0; /* LTR */
  bottom: 0;
  width: 2.4rem;
  border-left: 1px solid var(--db-border);
}
[dir="rtl"].js .dropbutton-multiple .dropbutton-toggle {
  right: auto;
  left: 0;
  border-left: 0;
  border-right: 1px solid var(--db-border);
}.js .dropbutton-toggle button {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  background-color: transparent;
  background-image: none;
  border: 0 none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  color: var(--db-text);
  transition: background .15s, color .15s;
}
.js .dropbutton-toggle button:hover,
.js .dropbutton-toggle button:focus {
  background: var(--db-bg-hover);
  background-image: none;
  color: var(--db-primary);
  outline: none;
}
.js .dropbutton-arrow {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: -2px 0 0 -5px;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: currentColor transparent transparent transparent;
  transition: transform .15s;
  background: transparent;
}
.js .dropbutton-toggle .dropbutton-arrow:hover {
  background: transparent;
}
.js .dropbutton-wrapper.open .dropbutton-arrow {
  transform: rotate(180deg);
}
.js .dropbutton-wrapper.open .dropbutton-widget {
  z-index: 100;
  box-shadow: var(--db-shadow);
  border-color: var(--db-border-hover);
  overflow: visible;
}
/* ------------------------------------------------------------------ */
/* Dropbutton cu o singură acțiune; focus accesibil                   */
/* ------------------------------------------------------------------ */
.dropbutton-single .dropbutton-action > a {
  font-weight: 600;
  color: var(--db-primary);

}
.dropbutton-widget .dropbutton :focus-visible {
  outline: 2px solid var(--db-primary);
  outline-offset: -2px;
}