/* =============================================
   Page Header — variantă albastră + breadcrumb centrat
   (nu atinge alte clase din site)
   ============================================= */

#page-header.page-header--blue{
  background:#2f6fa5;
  padding:40px 0;
  margin:0 0 25px;
  position:relative;
  z-index:2;
}

/* Titlul H1 rămâne centrat */
#page-header .title-breadcrumbs h1{
  color:#fff;
  margin:0 0 10px;
  line-height:1.2;
  font-weight:700;
  text-align:center;
}

/* Wrapperul de titlu/breadcrumb centrează conținutul intern */
#page-header .title-breadcrumbs{
  text-align:center; /* important pentru centrare */
}

/* Container breadcrumb */
#page-header .thebreadcumb{
  display:block;
  margin:0;
  padding:0;
  text-align:center; /* centrează lista în wrapper */
}

/* Lista breadcrumb — făcută inline-block ca să poată fi centrată */
#page-header .breadcrumb{
  background:transparent;
  margin:0;
  padding:0;
  color:#d9ecff;
  display:inline-block;   /* cheia pentru centrare */
  float:none;             /* anulăm orice float din temă */
  text-align:center;
  vertical-align:top;
}

/* Linkuri breadcrumb */
#page-header .breadcrumb a{
  color:#ffffff;
  text-decoration:none;
}

/* Elemente din breadcrumb la același nivel */
#page-header .breadcrumb li{
  display:inline-block;
  margin:0;
  padding:0;
  list-style:none;
  line-height:1.4;
}

/* Separator între elemente */
#page-header .breadcrumb li + li:before{
  content:"/";
  padding:0 6px;
  color:#d9ecff;
}

/* Asigurăm că nu există flotări moștenite */
#page-header .title-breadcrumbs .thebreadcumb,
#page-header .title-breadcrumbs .breadcrumb{
  float:none;
}

/* Ajustări pe ecrane mici */
@media (max-width: 575.98px){
  #page-header{
    padding:28px 0;
  }
  #page-header .title-breadcrumbs h1{
    font-size:22px;
  }
  #page-header .breadcrumb{
    font-size:13px;
    line-height:1.3;
  }
}