/*
   MOSTENIT
   Ramas de la o tema veche (Bootstrap). Candidat la stergere — nimic din
   site nu pare sa mai foloseasca aceste clase.
   Generat din CSS-ul suplimentar, 22 august 2026.
*/




element.style {
    border-color: #e2e2e2;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.15rem 0;
    background-color: #E2E2E2;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header {
    padding: 0.75rem 1.25rem;
  cursor: pointer;
    background-color: #6b6b6bd1;
   
}


.p-3 {
    padding: 0.1rem !important;
}


.btn {
  border: none;
  outline: none;
  padding: 10px 16px;
  background-color: #93aaeb ;
  cursor: pointer;
  font-size: 18px;
	border-radius: 4px !important;
}

/* Butonul de acțiune */
.document-card button,
.document-card .status-badge {
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
}

.document-card .status-badge {
  background-color: #28a745;
  color: #fff;
}

.btn-onevent {
  display: inline-block;
  margin-top: 20px;
  background: #508de8;
  color: white;
  padding: 14px 26px;
  border-radius: 6px;
  font-weight: bold;
  text-decoration: none;
  transition: background 0.3s ease, color 0.3s ease;
  border: none;
	font-size: 18px;
}

.btn-onevent:hover,
.btn-onevent:focus,
.btn-onevent:active {
  background: #3c75c6;
  color: white; 
  text-decoration: none;
}
.btn-onevent.black {
  background: #000;
}
.btn-onevent.black {
  background: #000;
  color: white;
}

.promo-btn {
  display: inline-block;
  background-color: #000;
  color: #fff;
  padding: 14px 28px;
  font-weight: bold;
  border-radius: 8px;
  font-size: 16px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.promo-btn:hover {
  background-color: #333;
}

/* ——— Corectez stilul generic al butonului Onevent ——— */
.oe-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 22px;
  border-radius:5px;
  font-weight:800;
  text-decoration:none;
  line-height:1;
  cursor:pointer;
  border:0;
}

/* Varianta principală (albastru) + efecte */
.oe-btn-primary{
  background:#3b82f6;           /* baza */
  color:#fff !important;
 
  transition:
    background .18s ease,
    box-shadow .18s ease,
    transform .12s ease;
}

/* Hover: culoare puțin mai intensă + ridicare ușoară */
.oe-btn-primary:hover{
  background:#2563eb;
  transform:translateY(-1px);
}

/* Active: apăsare ușoară */
.oe-btn-primary:active{
  transform:translateY(0);
  box-shadow:0 6px 16px rgba(37,99,235,.28);
}

/* Conținutul butonului */
.oe-btn-cta .oe-label{ white-space:nowrap; }

/* Săgeata: animăm doar poziția pe hover */
.oe-btn-cta .oe-arrow{
  display:inline-block;
  transition: transform .18s ease;
}

.oe-btn-cta:hover .oe-arrow{
  transform: translateX(6px);   /* mută săgeata ușor spre dreapta */
}

/* Buton pe mobil: 100% lățime în formularul UTM */
#onevent-utm-builder .onevent-actions .oe-btn{
  width:100%;
  justify-content:center;
}

/* (opțional) pe ecrane ≥768px revine la lățime auto */
@media (min-width:768px){
  #onevent-utm-builder .onevent-actions .oe-btn{ width:auto; }
}


#onevent-utm-builder .btn-secondary{
  flex:1 1 46%; text-align:center;
  border:1px solid var(--border);
  padding:14px 18px; border-radius:12px; background:#fff; color:#111827; font-weight:700;
}

/* Responsive tweaks */
@media (min-width: 768px){
  #onevent-utm-builder .onevent-utm-form{ padding:22px; margin: 18px auto; max-width: 720px; }
  #onevent-utm-builder .btn-primary{ width:auto; padding:12px 22px; }
  #onevent-utm-builder .btn-secondary{ flex:0 0 auto; }
}
@media (max-width: 480px){
  #onevent-utm-builder .btn-secondary{ width:100%; }
  #onevent-utm-builder .onevent-result-row{ flex-direction:column; align-items:stretch; }
  #onevent-utm-builder .onevent-qr-wrap img{ width:180px; height:180px; }
}

/* Neutralizăm stilurile agresive din Flatsome în interiorul formularului */
#onevent-utm-builder .button,
#onevent-utm-builder .btn,
#onevent-utm-builder input[type=submit]{ all: unset; display:inline-block; }
.utm-result .oe-btn{ white-space:nowrap; }
.utm-qr .oe-btn{ background:#f1f5f9; color:#0f172a; }
.utm-qr .oe-btn:hover{ background:#e2e8f0; }

.on-badge{
  color:#fff;
  background:#f2694f;
  padding:1px 9px;
  border-radius:3px;
  line-height:2;
  font-weight:700;
  display:inline-block;
}