/* 1. Adaugă un spațiu controlat sub header */
.header-block-2 {
    margin-bottom: 15px !important; /* Poți schimba 15px cu 5px sau 10px după bunul plac */
    padding-bottom: 0 !important;
}

/* 2. Ne asigurăm că zona de conținut de sub el nu are spațiu suplimentar care să se cumuleze */
.t4-main-body {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 3. Elimină orice spațiu rezidual din interiorul containerului de video */
#t4-main-body .t4-section-inner {
    padding-top: 0 !important;
}
/* =====================================================
   T4 / JA TEMPLATE – DARK MODE CUSTOM PALETTE
   Primary dark color: #292929
   ===================================================== */

/* -----------------------------------------------------
   1. FUNDAL GENERAL + TEXT
----------------------------------------------------- */
body.dark-active {
  background-color: #292929;
  color: #e6e6e6;
}

/* -----------------------------------------------------
   2. CONTAINER PRINCIPAL
----------------------------------------------------- */
body.dark-active .t4-main-body {
  background-color: #292929;
}

/* -----------------------------------------------------
   3. TOPBAR
----------------------------------------------------- */
body.dark-active #t4-topbar {
  background-color: #2e2e2e;
  color: #e0e0e0;
}

/* -----------------------------------------------------
   4. HEADER + MENIU PRINCIPAL
----------------------------------------------------- */
body.dark-active #t4-header,
body.dark-active .t4-header {
  background-color: #292929;
  border-bottom: 1px solid #292929;
}

/* Linkuri meniu */
body.dark-active .navbar-nav > li > a,
body.dark-active .navbar-nav > li > span {
  color: #f0f0f0;
}

/* Hover / activ */
body.dark-active .navbar-nav > li > a:hover,
body.dark-active .navbar-nav > .active > a {
  color: #ffffff;
}

/* -----------------------------------------------------
   5. DROPDOWN / MEGA MENU
----------------------------------------------------- */
body.dark-active .dropdown-menu,
body.dark-active .mega-dropdown-menu {
  background-color: #2f2f2f;
  border-color: #3c3c3c;
}

body.dark-active .dropdown-menu a {
  color: #e6e6e6;
}

body.dark-active .dropdown-menu a:hover {
  background-color: #292929;
  color: #ffffff;
}

/* -----------------------------------------------------
   6. ZONA DE CONȚINUT (SP PAGE BUILDER)
----------------------------------------------------- */
body.dark-active .sppb-section {
  background-color: transparent;
}

body.dark-active .sppb-row,
body.dark-active .sppb-addon {
  color: #e6e6e6;
}

/* -----------------------------------------------------
   7. CARDURI / MODULE
----------------------------------------------------- */
body.dark-active .card,
body.dark-active .t4-module {
  background-color: #2e2e2e;
  border: 1px solid #292929;
}

/* -----------------------------------------------------
   8. BUTOANE
----------------------------------------------------- */
body.dark-active .btn {
  background-color: #292929;
  color: #ffffff;
  border-color: #4a4a4a;
}

body.dark-active .btn:hover {
  background-color: #4a4a4a;
}

/* -----------------------------------------------------
   9. LINKURI GENERALE
----------------------------------------------------- */
body.dark-active a {
  color: #9ecbff;
}

body.dark-active a:hover {
  color: #cfe2ff;
}

/* -----------------------------------------------------
   10. FOOTER
----------------------------------------------------- */
body.dark-active #t4-footer {
  background-color: #292929;
  border-top: 1px solid #292929;
  color: #d0d0d0;
}

/* -----------------------------------------------------
   11. FORMULARE
----------------------------------------------------- */
body.dark-active input,
body.dark-active textarea,
body.dark-active select {
  background-color: #333333;
  color: #ffffff;
  border-color: #4a4a4a;
}

/* -----------------------------------------------------
   12. SCROLLBAR (opțional)
----------------------------------------------------- */
body.dark-active ::-webkit-scrollbar {
  width: 10px;
}

body.dark-active ::-webkit-scrollbar-track {
  background: #292929;
}

body.dark-active ::-webkit-scrollbar-thumb {
  background: #292929;
}

body.dark-active ::-webkit-scrollbar-thumb:hover {
  background: #4a4a4a;
}
/* -----------------------------------------------------
   13. HEADINGS
----------------------------------------------------- */

body.dark-active h1,
body.dark-active h2,
body.dark-active h3,
body.dark-active h4,
body.dark-active h5,
body.dark-active h6 {
  color: #ffffff;
}