/*
Theme Name: BlackCam Productions Pro
Theme URI: https://www.blackcam.co.za
Author: Piet Koeneraad Creations
Author URI: https://www.creations.pietkoeneraad.co.za
Description: Premium WordPress theme for BlackCam Productions with auto-created pages, templates, portfolio images, invoice link support, and black-gold visual identity.
Version: 2.0.0
License: GPL-2.0-or-later
Text Domain: blackcam-productions-pro
*/

:root{
  --bc-black:#050505;
  --bc-dark:#0d0d0f;
  --bc-card:#111113;
  --bc-gold:#c9a24a;
  --bc-gold-light:#f5d47a;
  --bc-white:#f8f4e8;
  --bc-muted:#c6b98f;
  --bc-line:rgba(201,162,74,.32);
  --bc-shadow:0 24px 70px rgba(0,0,0,.42);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  background:radial-gradient(circle at top right,rgba(201,162,74,.12),transparent 25%),var(--bc-black);
  color:var(--bc-white);
  line-height:1.6;
}
a{color:var(--bc-gold-light);text-decoration:none}
img{max-width:100%;height:auto;display:block}
.bc-container{width:min(1180px,92%);margin:auto}
.bc-header{
  position:sticky;top:0;z-index:999;
  background:rgba(5,5,5,.84);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--bc-line);
}
.bc-nav{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 0}
.bc-brand{display:flex;align-items:center;gap:12px;color:var(--bc-white)}
.bc-brand img{width:68px;height:68px;object-fit:cover;border-radius:50%;border:1px solid var(--bc-line)}
.bc-brand strong{display:block;letter-spacing:.16em;color:var(--bc-gold-light);font-size:1rem}
.bc-brand span{display:block;color:var(--bc-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.22em}
.bc-menu{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.bc-menu a{font-weight:800;color:#f5e3a8;font-size:.92rem}
.bc-menu a:hover{color:#fff}
.bc-hero{
  min-height:88vh;
  display:grid;
  align-items:center;
  background:
    linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.58),rgba(0,0,0,.2)),
    url('assets/images/portfolio-4.jpg') center/cover no-repeat;
  border-bottom:1px solid var(--bc-line);
}
.bc-hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;padding:90px 0}
.bc-kicker{color:var(--bc-gold-light);text-transform:uppercase;letter-spacing:.26em;font-weight:900;font-size:.78rem}
h1,.bc-h1{font-size:clamp(2.4rem,6vw,5.2rem);line-height:1.02;margin:.35rem 0 1rem}
h2,.bc-h2{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.1;margin:0 0 14px}
h3{margin:0 0 12px}
p{color:#eadfb8}
.bc-btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.bc-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bc-gold);border-radius:999px;padding:13px 21px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--bc-white)}
.bc-btn.primary{background:linear-gradient(135deg,var(--bc-gold-light),var(--bc-gold));color:#111}
.bc-panel,.bc-card,.bc-price{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid var(--bc-line);border-radius:24px;box-shadow:var(--bc-shadow)}
.bc-hero-card{align-self:end;padding:24px;background:rgba(10,10,10,.78)}
.bc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.bc-stat{border:1px solid var(--bc-line);border-radius:18px;padding:15px;background:rgba(255,255,255,.035)}
.bc-stat b{display:block;color:var(--bc-gold-light);font-size:1.4rem}
.bc-section{padding:78px 0}
.bc-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:30px}
.bc-head p{max-width:620px;margin:0;color:var(--bc-muted)}
.bc-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bc-card{overflow:hidden}
.bc-card-body{padding:22px}
.bc-media{aspect-ratio:16/10;overflow:hidden}
.bc-media img{width:100%;height:100%;object-fit:cover;transition:.45s}
.bc-card:hover .bc-media img{transform:scale(1.05)}
.bc-feature{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden}
.bc-feature-copy{padding:38px}
.bc-feature-img{min-height:420px;background:url('assets/images/portfolio-5.jpg') center/cover no-repeat}
.bc-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bc-gallery a{border:1px solid var(--bc-line);border-radius:18px;overflow:hidden;box-shadow:var(--bc-shadow);background:#111}
.bc-gallery img{width:100%;height:250px;object-fit:cover;transition:.45s}
.bc-gallery a:hover img{transform:scale(1.04)}
.bc-prices{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bc-price{padding:22px}
.bc-price h3{color:var(--bc-gold-light);letter-spacing:.12em}
.bc-tag{display:block;background:linear-gradient(135deg,var(--bc-gold-light),var(--bc-gold));color:#111;border-radius:14px;padding:10px 12px;margin:10px 0;font-weight:900}
.bc-price ul{padding-left:18px;color:#eadfb8}
.bc-contact{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.bc-panel{padding:26px}
.bc-contact-item{padding:14px;border:1px solid var(--bc-line);border-radius:16px;margin-bottom:12px;background:rgba(255,255,255,.025)}
.bc-footer{border-top:1px solid var(--bc-line);padding:34px 0;color:var(--bc-muted);background:#020202}
.bc-footer-grid{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}
.bc-credit a{font-weight:900}
@media(max-width:1000px){
  .bc-hero-inner,.bc-feature,.bc-contact{grid-template-columns:1fr}
  .bc-grid-3,.bc-prices{grid-template-columns:repeat(2,1fr)}
  .bc-gallery{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .bc-nav{flex-direction:column}
  .bc-grid-3,.bc-prices,.bc-stats,.bc-gallery{grid-template-columns:1fr}
  .bc-hero{min-height:auto}
  .bc-hero-inner{padding:62px 0}
  .bc-gallery img{height:330px}
  .bc-head{display:block}
}


/* Foldable BlackCam Menu */
.bc-menu-toggle{
  display:none;
  align-items:center;
  gap:10px;
  border:1px solid var(--bc-line);
  background:linear-gradient(135deg,rgba(201,162,74,.18),rgba(255,255,255,.02));
  color:var(--bc-gold-light);
  border-radius:999px;
  padding:10px 14px;
  cursor:pointer;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.bc-menu-toggle span{
  display:block;
  width:20px;
  height:2px;
  background:var(--bc-gold-light);
  border-radius:99px;
  transition:.25s ease;
}
.bc-menu-toggle em{
  font-style:normal;
  font-size:.78rem;
}
.bc-menu-toggle.is-open span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}
.bc-menu-toggle.is-open span:nth-child(2){
  opacity:0;
}
.bc-menu-toggle.is-open span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}

@media(max-width:900px){
  .bc-nav{
    align-items:center;
    flex-direction:row;
    flex-wrap:wrap;
  }
  .bc-menu-toggle{
    display:inline-flex;
  }
  .bc-menu-foldable{
    flex-basis:100%;
    width:100%;
    display:grid;
    grid-template-rows:0fr;
    overflow:hidden;
    opacity:0;
    pointer-events:none;
    transition:grid-template-rows .35s ease, opacity .25s ease, padding .25s ease;
    background:rgba(8,8,8,.96);
    border:1px solid transparent;
    border-radius:20px;
    padding:0 16px;
  }
  .bc-menu-foldable.is-open{
    grid-template-rows:1fr;
    opacity:1;
    pointer-events:auto;
    border-color:var(--bc-line);
    padding:16px;
    margin-top:12px;
  }
  .bc-menu-foldable .menu,
  .bc-menu-foldable > ul{
    overflow:hidden;
    display:grid;
    gap:10px;
    list-style:none;
    padding:0;
    margin:0;
  }
  .bc-menu-foldable a{
    display:block;
    width:100%;
    padding:13px 14px;
    border:1px solid var(--bc-line);
    border-radius:14px;
    background:rgba(255,255,255,.03);
  }
}

@media(min-width:901px){
  .bc-menu-foldable{
    display:flex;
  }
  .bc-menu-foldable .menu{
    display:flex;
    gap:16px;
    align-items:center;
    list-style:none;
    margin:0;
    padding:0;
  }
}