/* style.css - mobile-first styles and custom Bootstrap overrides */
:root{
	--bg:#1A2227;
	--surface:#111214;
	--muted:#9aa0a6;
	--accent:#ffb300; /* amber/gold */
	--primary:#1A2227;
	--max-width:1200px;
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}

body{background:var(--bg);color:#eef0f2;font-family:var(--font-family);margin:0}
.site-header .navbar{background:linear-gradient(180deg,var(--surface),#1a2227);     border-bottom: 2px dashed #2f2e2e;}
.navbar-brand .brand-name{font-weight:600;color:#fff}
.logo{border-radius:6px;object-fit:cover; height:40px;}

.eyebrow{color:var(--accent);font-weight:600;margin-bottom:.5rem}
.display-5{color:#fff;font-weight:700}
.lead{color:var(--muted);font-size:1rem}

.hero{padding-top:3.5rem;padding-bottom:3.5rem}
.hero .hero-visual img{border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.6)}

.btn-amber{background:var(--accent);color:#111;border:none}
.btn-amber:hover{filter:brightness(.95)}

/* Hero form */
.hero-lead .form-control{min-width:0}

/* Mobile sticky call bar */
.mobile-callbar{position:fixed;left:0;right:0;bottom:.5rem;display:flex;gap:.5rem;padding:.5rem;justify-content:center;z-index:1200}
.mobile-callbar .call-btn,.mobile-callbar .wa-btn{flex:1;padding:.75rem;border-radius:10px;text-align:center;font-weight:600;color:#fff;text-decoration:none}
.mobile-callbar .call-btn{background:#212528}
.mobile-callbar .wa-btn{background:#25D366}

/* Make navbar links thumb-friendly */
.navbar-nav .nav-link{padding:.6rem .75rem}

/* Utility */
.text-muted{color:var(--muted) !important}

@media(min-width:992px){
	.hero{padding-top:5rem;padding-bottom:5rem}
}

/* Ensure images below hero are lazy-loaded later (handled in templates) */

/* Topbar */
.topbar{background:#050506;border-bottom:1px solid rgba(255,255,255,.03)}

.trust-bar .client-logo img{max-height:48px}

.service-card{background:linear-gradient(180deg, #1A2227, #1A2227);border:1px solid rgba(14, 2, 126, 0.03);border-radius:8px}
.service-card:hover{transform:translateY(-4px);transition:transform .18s ease}

.why-choose .h5{color:#fff;margin-bottom:.75rem}

.lead-magnet .form-control,.lead-magnet .form-select{background:#0b0b0d;border:1px solid rgba(255,255,255,.06);color:#fff}

.testimonials blockquote{background:linear-gradient(180deg,#0c0c0d,#0b0b0d);padding:1.2rem;border-radius:8px;color:#e9ecef}

.faq .accordion-button{background:#0b0b0d;color:#fff}

/* Quote card (lead form) */
.lead-card{background:transparent}
.lead-left{background:linear-gradient(147deg, #c08805, #ffb300);min-width:260px}
.lead-left h3{color:#fff}
.lead-left p{color:rgba(255,255,255,.9)}
.lead-right{background:#fff}
.lead-right .form-control{background:#fff;border:1px solid #e6e6e6;color:#111}
.lead-right .form-select{background:#fff;border:1px solid #e6e6e6;color:#111}
.lead-card .btn-amber{background:#ffb300;color:#111}

@media (max-width: 991px){
	.lead-left{min-height:120px;padding:1rem}
	.lead-right{padding:1rem}
}

/* Testimonial grid styles */
.testimonials-grid .card{background:linear-gradient(180deg,#354550,#354550);border:1px solid rgba(255,255,255,.03);padding:1rem;border-radius:8px;color:#eef0f2}
.testimonial-img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.06)}
.stars{color:var(--accent);font-size:1rem}
.testimonial-name{font-weight:600;color:#fff}
.testimonial-role{font-size:.85rem;color:var(--muted)}
.testimonial-content{color:var(--muted);margin-top:.5rem}

/* Gallery & breadcrumb */
.breadcrumb-dark{background:#0b0b0d}
.breadcrumb-dark .breadcrumb a{color:var(--muted)}
.breadcrumb-dark h1{color:#fff}

.masonry{column-count:1;column-gap:1rem}
.masonry-item{break-inside:avoid;margin-bottom:1rem}
.masonry-item img{width:100%;height:auto;border-radius:6px;display:block}

@media(min-width:576px){.masonry{column-count:2}}
@media(min-width:992px){.masonry{column-count:3}}

.modal-content{background:transparent}
.modal-body .btn{opacity:.9}