/* =========================================
   COLETA24 - CSS CURATAT COMPLET
   ========================================= */


/* 1) STIL MOBIL PENTRU TEXTUL DIN SLIDER */
@media (max-width: 768px) and (hover: none) and (pointer: coarse) {
  .vw-packers-slider-box{
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
  }

  .vw-packers-slider-box span,
  .vw-packers-slider-box h1,
  .vw-packers-slider-box p{
    color: #ffffff !important;
    text-shadow: 0 3px 10px rgba(0,0,0,0.55) !important;
  }

  .vw-packers-slider-button-1{
    box-shadow: 0 6px 18px rgba(0,0,0,0.45) !important;
  }
}


/* 2) FOOTER - TOT ALB */
footer,
footer a,
footer p,
footer li,
footer h1,
footer h2,
footer h3,
footer h4,
footer span{
  color: #ffffff !important;
}

footer a:hover{
  color: #ffffff !important;
}


/* 3) PRIMUL ITEM DIN MENIU = BUTON ROSU */
.main-navigation ul li:first-child > a,
.main-navigation div ul li:first-child > a,
#site-navigation ul li:first-child > a,
#site-navigation div ul li:first-child > a,
.menu > li:first-child > a,
ul.menu > li:first-child > a,
.nav-menu > li:first-child > a,
.primary-menu > li:first-child > a {
  background: #ff2a2a !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  padding: 10px 18px !important;
  font-weight: 700 !important;
  display: inline-block !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

.main-navigation ul li:first-child > a:hover,
.main-navigation div ul li:first-child > a:hover,
#site-navigation ul li:first-child > a:hover,
#site-navigation div ul li:first-child > a:hover,
.menu > li:first-child > a:hover,
ul.menu > li:first-child > a:hover,
.nav-menu > li:first-child > a:hover,
.primary-menu > li:first-child > a:hover {
  background: #28CF59 !important;
  color: #ffffff !important;
}

@media (max-width: 1024px) {
  .main-navigation ul li:first-child > a,
  .main-navigation div ul li:first-child > a,
  #site-navigation ul li:first-child > a,
  #site-navigation div ul li:first-child > a,
  .menu > li:first-child > a,
  ul.menu > li:first-child > a,
  .nav-menu > li:first-child > a,
  .primary-menu > li:first-child > a {
    display: block !important;
    text-align: center !important;
    margin: 8px 12px !important;
    padding: 12px 16px !important;
  }
}


/* 4) HEADER FIX */
#header,
header,
.site-header,
#masthead,
.header,
.header-wrapper,
.top-header,
.navbar,
.navigation-bar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
}


/* 5) PASTREAZA LOGO-UL VIZIBIL */
#header .logo,
#header .site-logo,
#header .custom-logo,
#header .site-branding,
header .logo,
header .site-logo,
header .custom-logo,
header .site-branding,
#masthead .logo,
#masthead .site-logo,
#masthead .custom-logo,
#masthead .site-branding {
  display: block !important;
  position: relative !important;
  z-index: 999999 !important;
}


/* 6) SPATIU SUB HEADER
   desktop + mobil, ca sa nu se mai taie poza */
body {
  padding-top: 155px !important;
}

@media (max-width: 768px){
  body {
    padding-top: 215px !important;
  }
}


/* 7) TELEFON HEADER - UN SINGUR RAND */
.coleta-phone-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}

.coleta-phone-label {
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

.coleta-phone-link {
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  display: inline-block !important;
}

.coleta-phone-link:hover {
  color: #ffffff !important;
}

@media (max-width: 768px) {
  .coleta-phone-row {
    gap: 6px !important;
  }

  .coleta-phone-label,
  .coleta-phone-link {
    font-size: 13px !important;
  }
}


/* 8) STRUCTURA TELEFON DIN THEME */
.vw-packers-header-call .row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}

.vw-packers-header-call .vw-packers-call-icon {
  flex: 0 0 auto !important;
  margin-right: 8px !important;
}

.vw-packers-header-call .col-lg-12.col-md-10.col-8.col-sm-7 {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  width: auto !important;
  max-width: none !important;
  flex: 1 1 auto !important;
}

.vw-packers-header-call p,
.vw-packers-header-call .call-no-text {
  margin: 0 !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  line-height: 1.1 !important;
  display: inline-block !important;
  color: #ffffff !important;
}

.vw-packers-header-call p {
  font-size: 15px !important;
  font-weight: 500 !important;
}

.vw-packers-header-call .call-no-text {
  font-size: 15px !important;
  font-weight: 700 !important;
}

@media screen and (max-width: 767px) {
  .vw-packers-header-call p {
    display: none !important;
  }

  .vw-packers-header-call .call-no-text {
    font-size: 14px !important;
  }

  .vw-packers-header-call {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}


/* 9) BANDA ALBA SUB MENIU - O PASTRAM */
header::after {
  content: "Planen Sie Ihren Transport bequem online – deutlich günstiger ! Lieferung innerhalb von 24 Stunden in ganz Deutschland – schnell, direkt und günstiger als klassische Expressdienste !";
  display: block;
  width: 100%;
  background: #ffffff;
  color: #28CF59;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 20px;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
}

@media (max-width: 768px){
  header::after {
    font-size: 12px !important;
    line-height: 1.35 !important;
    padding: 8px 12px !important;
  }
}


/* 10) TELEFON + EMAIL SUB EL IN HEADER */
.vw-packers-header-call {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  line-height: 1.2 !important;
  margin-top: 14px !important;
}

.vw-packers-header-call a,
.vw-packers-header-call span,
.vw-packers-header-call p {
  display: block !important;
}

.vw-packers-header-call::after {
  content: "🖂 info@coleta24.de";
  display: block;
  font-size: 18px;
  color: #ffffff;
  margin-top: 16px;
  margin-left: 8px;
}

@media (max-width: 768px){
  .vw-packers-header-call::after {
    font-size: 14px !important;
    margin-top: 8px !important;
    margin-left: 0 !important;
}