
/* Patch-3B UI polish: header + slider + footer + gallery lightbox */
.pfc-topbar{background:#f8f9fa;border-bottom:1px solid rgba(0,0,0,.05);font-size:.92rem}
.pfc-topbar .text-muted{color:rgba(0,0,0,.65)!important}
.pfc-social, .pfo-social{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:rgba(0,0,0,.04);color:rgba(0,0,0,.65);text-decoration:none}
.pfc-social:hover,.pfo-social:hover{background:rgba(0,0,0,.08);color:rgba(0,0,0,.85)}
.pfc-navbar{transition:all .25s ease}
.pfc-navbar.is-scrolled{box-shadow:0 8px 26px rgba(0,0,0,.08)!important}
.navbar .nav-link{padding:.85rem .95rem;font-weight:600;color:rgba(0,0,0,.75)}
.navbar .nav-link:hover{color:rgba(0,0,0,.95)}
.navbar .nav-link.active{color:#0d6efd}
.navbar .dropdown-menu{border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.10);border:1px solid rgba(0,0,0,.06);padding:.5rem}
.navbar .dropdown-item{border-radius:10px;padding:.55rem .75rem;font-weight:600}
.navbar .dropdown-item:hover{background:rgba(13,110,253,.08)}
/* Slider overlay readability */
.hero-area .single-slider{position:relative}
.hero-area .single-slider:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,0,0,.60), rgba(0,0,0,.15));}
.hero-area .hero-content{position:relative;z-index:2;max-width:680px}
.hero-area .hero-content h2{color:#fff;font-weight:800;letter-spacing:-.02em;line-height:1.05}
.hero-area .hero-content p{color:rgba(255,255,255,.85);font-size:1.05rem}
.hero-area .hero-content .theme-btn{border-radius:999px;padding:.75rem 1.2rem;font-weight:700}
@media (max-width: 991px){
  .hero-area .hero-content{padding:24px 0}
  .hero-area .hero-content h2{font-size:1.8rem}
}
/* Footer */
.pfo-footer{background:#0b1220;color:#fff}
.pfo-footer .text-muted{color:rgba(255,255,255,.65)!important}
.pfo-footer h5,.pfo-footer h6{color:#fff}
.pfo-footer-links a{color:rgba(255,255,255,.78);text-decoration:none;display:inline-block;padding:.25rem 0}
.pfo-footer-links a:hover{color:#fff;text-decoration:underline}
.pfo-footer .pfo-social{background:rgba(255,255,255,.08);color:rgba(255,255,255,.85)}
.pfo-footer .pfo-social:hover{background:rgba(255,255,255,.14);color:#fff}
.pfo-footer-bottom{border-top:1px solid rgba(255,255,255,.10);padding:14px 0;margin-top:24px;font-size:.92rem;color:rgba(255,255,255,.70)}
/* Gallery */
.pfc-gcard{border-radius:18px;overflow:hidden;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 24px rgba(0,0,0,.06);transition:transform .2s ease, box-shadow .2s ease}
.pfc-gcard:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.10)}
.pfc-gthumb{aspect-ratio: 4 / 3; object-fit:cover; width:100%}
.pfc-lightbox-backdrop{background:rgba(0,0,0,.85)}
.pfc-lightbox-img{max-height:78vh; width:auto; max-width:100%}
.pfc-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:999px;border:0;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center}
.pfc-lightbox-nav:hover{background:rgba(255,255,255,.22)}
.pfc-lightbox-prev{left:12px}
.pfc-lightbox-next{right:12px}

/* --- Hero Slider (Swiper) --- */
.pfc-hero-wrap{position:relative}
.pfc-hero-swiper{
  width:100%;
  /* Safer sizing: avoid min()/clamp() issues on some cached/older builds */
  height:78vh;
  max-height:820px;
  min-height:420px;
}
.pfc-hero-slide{background-size:cover;background-position:center;position:relative;display:flex;align-items:center;min-height:inherit}
.pfc-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,0,0,.68) 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,.05) 100%)}
.pfc-hero-content{position:relative;z-index:2;color:#fff;padding:64px 0}
.pfc-hero-title{font-weight:800;letter-spacing:.2px;line-height:1.05;margin:0 0 12px}
.pfc-hero-subtitle{opacity:.92;max-width:52ch;margin:0 0 18px}
.pfc-hero-swiper .swiper-button-prev,.pfc-hero-swiper .swiper-button-next{color:#fff}
.pfc-hero-swiper .swiper-pagination-bullet{background:#fff;opacity:.55}
.pfc-hero-swiper .swiper-pagination-bullet-active{opacity:1}
@media (max-width: 768px){
  .pfc-hero-swiper{height:64vh;min-height:320px}
  .pfc-hero-content{padding:44px 0}
  .pfc-hero-title{font-size:1.9rem}
}
