/* ===== ADBIR header: centered logo, no header text, image + black overlay ===== */

/* Base + overlay image */
.pkp_structure_head{
  background:#560913;              /* fallback color */
  position:relative; overflow:hidden;
}
.pkp_structure_head::before{
  content:"";
  position:absolute; inset:0;
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.45)),
    url("/public/site/bidang.jpg");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  z-index:0;
}

/* Put header content above overlay and center it */
.pkp_is_site .pkp_structure_head .pkp_head_wrapper{
  position:relative; z-index:1;
  display:flex; justify-content:center; align-items:center;
  min-height:180px; padding:20px 0;
}

/* Center the site-name block */
.pkp_site_name_wrapper,
.pkp_site_name{
  display:flex; align-items:center; justify-content:center;
}

/* Centered logo only */
.pkp_site_name img{
  max-height:72px; height:auto; width:auto; display:block; margin:0 auto;
}

/* Remove any previously injected text */
.pkp_site_name::after,
.pkp_site_name_wrapper::after{ content:none !important; }

/* Hide header text if the theme outputs it with/without a logo */
.pkp_site_name .pkp_site_name_text,
.pkp_site_name .is_text,
.pkp_site_name a span{ display:none !important; }

/* Header links readable on dark banner */
.pkp_site_name a,
.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a,
.pkp_site_nav_menu a{ color:#fff !important; text-decoration:none; }

/* Search input on dark header */
.pkp_search .search_controls input[type="text"],
.pkp_search .search_controls input[type="search"]{
  background:rgba(255,255,255,.9); color:#111; border:1px solid rgba(0,0,0,.2);
}

/* Clean header */
.pkp_head_wrapper{ background:transparent !important; box-shadow:none !important; }

/* Mobile */
@media (max-width:768px){
  .pkp_is_site .pkp_structure_head .pkp_head_wrapper{ min-height:150px; padding:16px 0; }
  .pkp_site_name img{ max-height:60px; }
}

/* Focus ring */
a:focus,button:focus,[role="button"]:focus,input:focus{ outline:2px solid #fff; outline-offset:2px; }