/* AZDial website theme. Bootstrap 5 does the layout; this file holds the brand colours and a few components. */
:root{
  --brand:#ff6318;--brand-rgb:67,56,202;--brand-dark:#3730a3;--accent:#f97316;--accent-dark:#ea580c;
  --ink:#0f172a;--muted:#64748b;
  --bs-primary:#ff6318;--bs-primary-rgb:67,56,202;
  --bs-link-color:#ff6318;--bs-link-color-rgb:67,56,202;--bs-link-hover-color:#3730a3;
  --bs-body-bg:#f8fafc;--bs-body-color:#0f172a;--bs-secondary-color:#64748b;
  --bs-border-radius:.6rem;--bs-border-radius-lg:.9rem;
}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.btn-primary{--bs-btn-bg:#ff6318;--bs-btn-border-color:#ff6318;--bs-btn-hover-bg:#3730a3;--bs-btn-hover-border-color:#3730a3;--bs-btn-active-bg:#312e81;--bs-btn-active-border-color:#312e81;--bs-btn-disabled-bg:#ff6318;--bs-btn-disabled-border-color:#ff6318}
.btn-outline-primary{--bs-btn-color:#ff6318;--bs-btn-border-color:#ff6318;--bs-btn-hover-bg:#ff6318;--bs-btn-hover-border-color:#ff6318;--bs-btn-active-bg:#ff6318;--bs-btn-active-border-color:#ff6318}
.btn-accent{--bs-btn-color:#fff;--bs-btn-bg:#f97316;--bs-btn-border-color:#f97316;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#ea580c;--bs-btn-hover-border-color:#ea580c;--bs-btn-active-color:#fff;--bs-btn-active-bg:#c2410c;--bs-btn-active-border-color:#c2410c;font-weight:600}
.nav-pills{--bs-nav-pills-link-active-bg:#ff6318}
.list-group{--bs-list-group-active-bg:#ff6318;--bs-list-group-active-border-color:#ff6318}
.page-link{color:#ff6318}.page-item.active .page-link{background:#ff6318;border-color:#ff6318}
.text-primary{color:#ff6318!important}
.form-control:focus,.form-select:focus{border-color:#6366f1;box-shadow:0 0 0 .2rem rgba(var(--brand-rgb),.15)}

/* navigation */
.site-nav .nav-link{font-weight:500;color:#334155}
.site-nav .nav-link.active{color:var(--brand)}
.avatar-sm{width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;display:inline-grid;place-items:center;font-size:.8rem;font-weight:600}
.avatar-lg{width:72px;height:72px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:1.9rem;font-weight:600}

/* home hero */
.hero{background:linear-gradient(135deg,#1e1b4b 0%,#0a2758 55%,#6366f1 100%);color:#fff;padding:84px 0 96px;position:relative;overflow:hidden}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.07)}
.hero::before{width:420px;height:420px;right:-120px;top:-140px}
.hero::after{width:260px;height:260px;right:160px;bottom:-140px}
.hero-search{background:#fff;border-radius:18px;padding:8px;box-shadow:0 24px 48px rgba(15,23,42,.25)}
.hero-search .form-select{min-width:130px}
.cat-card{transition:transform .2s,box-shadow .2s}
.cat-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(var(--brand-rgb),.18)!important}
.cat-icon{width:56px;height:56px;border-radius:16px;background:rgba(var(--brand-rgb),.1);display:grid;place-items:center;font-size:1.8rem;flex:none}
.sub-chips{position:relative;z-index:2}                 /* stays clickable above the card's stretched-link */
.step-icon{width:68px;height:68px;border-radius:50%;background:rgba(var(--brand-rgb),.1);color:var(--brand);display:grid;place-items:center;font-size:1.8rem}
.cta-band{background:linear-gradient(135deg,#312e81,#0a2758);color:#fff}

/* search results */
.filter-link{display:block;padding:.35rem .6rem;border-radius:.5rem;color:#334155;text-decoration:none}
.filter-link:hover{background:#eef2ff}
.filter-link.active{background:rgba(var(--brand-rgb),.12);color:var(--brand);font-weight:600}
.provider-avatar{width:56px;height:56px;border-radius:16px;background:rgba(var(--brand-rgb),.1);display:grid;place-items:center;font-size:1.8rem;flex:none}
.provider-avatar-lg{width:96px;height:96px;font-size:3rem;border-radius:24px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.15)}
.result-card{transition:box-shadow .2s}
.result-card:hover{box-shadow:0 10px 24px rgba(15,23,42,.12)!important}
.result-actions{position:relative;z-index:2}             /* buttons stay clickable above the stretched-link */

/* listing page */
.listing-banner{height:120px;background:linear-gradient(135deg,#312e81,#6366f1)}
.listing-head{margin-top:-48px}
.map-frame{width:100%;height:220px;border:0;display:block}
.thumb{width:40px;height:40px;object-fit:cover;border-radius:8px}
.thumb-lg{width:56px;height:56px;object-fit:cover;border-radius:10px}
.sticky-side{position:sticky;top:90px}
.cart-line{min-width:80px}

/* auth pages */
.auth-aside{background:linear-gradient(160deg,#1e1b4b,#0a2758 60%,#6366f1);color:#fff}
.auth-form{width:100%;max-width:420px}

/* misc */
.pre-line{white-space:pre-line}
.min-w-0{min-width:0}
.site-footer{background:#0f172a;color:#cbd5e1}
.site-footer a{color:#cbd5e1;text-decoration:none}.site-footer a:hover{color:#fff}
.site-footer li{margin-bottom:1rem}

/* photo gallery (carousel) and product cards */
.gallery-card{overflow:hidden;background:#111}
.gallery-img{aspect-ratio:16/9;object-fit:cover;cursor:zoom-in}
.gallery-caption{left:0;right:0;bottom:0;padding:2.2rem 1.5rem 2.2rem;text-align:left;background:linear-gradient(transparent,rgba(0,0,0,.65));font-size:1.05rem;font-weight:500}
.gallery-card .carousel-indicators{margin-bottom:.6rem}
.lightbox-close{z-index:3}
.product-card{overflow:hidden;transition:box-shadow .2s}
.product-card:hover{box-shadow:0 10px 24px rgba(15,23,42,.14)!important}
.product-media img{width:100%;height:100%;object-fit:cover}
.product-ph{display:grid;place-items:center;background:#eef2ff;color:#a5b4fc;font-size:2.4rem}
.thumb{width:48px;height:48px}

/* location chooser and address map */
.loc-map{height:340px;border-radius:12px;overflow:hidden;background:#e9edf5}
.border.border-success-subtle{border-color:#a3cfbb!important}
gmp-place-autocomplete{width:100%;display:block}

/* home banners */
.banner-img{aspect-ratio:3/1;object-fit:cover}
.banner-carousel{background:#e9edf5}

/* category / sub category images (the emoji icon is only a fallback) */
.cat-icon,.provider-avatar{overflow:hidden}
.cat-img{width:100%;height:100%;object-fit:cover}
.chip-img{width:20px;height:20px;border-radius:50%;object-fit:cover;vertical-align:-5px;margin-right:2px}