/* ===========================================================
   BHL Archentire — Additions for the PHP build
   (Swiper hero slider, project-add form, page banner, flash toast)
   =========================================================== */

/* ---------- Hero Swiper slider ---------- */
.hero{ padding:0; }
.hero-swiper{
  position:absolute; inset:0; width:100%; height:100%;
}
.hero-swiper .swiper-slide{
  position:relative;
  background-size: cover;
  background-position: center 65%;
  height:100%;
}
.hero-swiper .swiper-slide::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(20,17,55,.55) 0%, rgba(20,17,55,.35) 35%, rgba(15,13,42,.92) 100%);
  z-index:1;
}
.hero-swiper .swiper-slide-active{
  animation: heroZoom 8s ease-in-out forwards;
}
.hero .swiper-pagination{
  z-index:3; bottom: 2.4rem !important;
}
.hero .swiper-pagination-bullet{
  background:#fff; opacity:.55; width:9px; height:9px;
}
.hero .swiper-pagination-bullet-active{
  opacity:1; background: var(--terracotta); width:26px; border-radius:5px;
}
.hero .swiper-button-next,
.hero .swiper-button-prev{
  color:#fff; opacity:.7; transform:scale(.7);
  transition:.25s;
}
.hero .swiper-button-next:hover,
.hero .swiper-button-prev:hover{ opacity:1; color: var(--terracotta); }

/* ---------- Flash toast ---------- */
.flash-toast{
  position:fixed; top:1.2rem; left:50%; transform:translateX(-50%);
  z-index:2000; min-width:280px; max-width:92vw;
  border-radius:12px; box-shadow:0 12px 30px rgba(0,0,0,.18);
  font-family: var(--font-body);
}

/* ---------- Inner page banner (projects / add project) ---------- */
.page-banner{
  position:relative;
  padding: 9.5rem 0 4rem;
  background: linear-gradient(180deg, rgba(20,17,55,.86), rgba(15,13,42,.94)), url('../img/hero.jpg') center 70%/cover;
  color:#fff;
}
.page-banner h1{
  font-weight:800;
  font-size: clamp(2rem, 4.4vw, 3.2rem);
}
.page-banner .breadcrumb-line a{ color: rgba(255,255,255,.7); text-decoration:none; }
.page-banner .breadcrumb-line a:hover{ color: var(--terracotta); }
.page-banner .breadcrumb-line{ color: rgba(255,255,255,.5); font-size:.9rem; }

/* ---------- Empty state ---------- */
.empty-state{
  text-align:center; padding: 4rem 1rem; color: var(--muted);
}
.empty-state i{ font-size:2.6rem; color: var(--gold); margin-bottom:1rem; display:block; }

/* ---------- Add-project form ---------- */
.form-card{
  background:#fff; border-radius:20px;
  box-shadow: 0 20px 50px rgba(30,27,75,.08);
  padding: clamp(1.5rem, 4vw, 3rem);
}
.form-card label{ font-weight:700; color: var(--ink); font-size:.92rem; margin-bottom:.4rem; }
.form-card .form-control,
.form-card .form-select,
.form-card textarea.form-control{
  border-radius:10px; border:1px solid #e3ddcc; padding:.65rem .9rem;
  font-family: var(--font-body);
}
.form-card .form-control:focus,
.form-card .form-select:focus{
  border-color: var(--terracotta);
  box-shadow: 0 0 0 .2rem rgba(217,123,62,.15);
}
.form-card .form-text{ font-size:.8rem; color: var(--muted); }
.form-card .section-label{
  font-family: var(--font-display); font-weight:800; color: var(--ink);
  font-size:1.05rem; margin: 1.6rem 0 1rem; padding-bottom:.6rem;
  border-bottom: 1px dashed #e3ddcc;
}
.form-card .section-label:first-child{ margin-top:0; }
.upload-drop{
  border:2px dashed #d9cfb0; border-radius:14px; padding: 2rem 1rem;
  text-align:center; background: var(--stone); cursor:pointer; transition:.2s;
}
.upload-drop:hover{ border-color: var(--terracotta); background:#f3ecdd; }
.upload-drop i{ font-size:1.8rem; color: var(--gold); margin-bottom:.5rem; display:block; }
#imgPreview{
  display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1rem;
}
#imgPreview img{
  width:84px; height:84px; object-fit:cover; border-radius:10px; border:1px solid #e3ddcc;
}

/* ---------- Pagination ---------- */
.bhl-pagination{
  display:flex; justify-content:center; gap:.5rem; margin-top:2.5rem;
}
.bhl-pagination a{
  width:40px; height:40px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:#fff; border:1px solid #e3ddcc; color: var(--ink);
  text-decoration:none; font-weight:700; font-size:.9rem; transition:.2s;
}
.bhl-pagination a.active,
.bhl-pagination a:hover{
  background: var(--terracotta); border-color: var(--terracotta); color:#fff;
}