/*
Theme Name: Astericom Professional VoIP Theme
Theme URI: https://astericom.com/
Author: Abid Ur Rehman
Description: PHP 8.3-safe WordPress theme for Astericom; professional VoIP, SIP trunking, PBX and call center website with complete internal pages.
Version: 2.0.0
Requires PHP: 8.3
Text Domain: astericom-pro-wp83
*/
:root {--primary:#032b4c;--accent:#f26a21;--dark:#061d34;--muted:#62748a;--light:#f6f9fc;--border:#dde8f3;}
*{box-sizing:border-box} body{margin:0;font-family:Inter,Arial,sans-serif;color:#10233d;background:#fff;line-height:1.65} a{color:inherit;text-decoration:none} img{max-width:100%;height:auto} .container{width:min(1180px,92vw);margin:auto}
.topbar{background:#fff;padding:12px 0;border-bottom:1px solid #e6eef7} .top-inner{display:flex;align-items:center;justify-content:space-between;gap:20px} .brand{display:flex;align-items:center;gap:14px;font-weight:900;font-size:30px;color:var(--dark)} .brand img{width:64px;height:64px;object-fit:contain} .brand small{display:block;font-size:11px;font-weight:700;color:#26394d;letter-spacing:.04em;line-height:1.3;border-left:1px solid #d6dde5;padding-left:16px} .brand .orange{color:var(--accent)} .brand .blue{color:var(--primary)} .top-actions{display:flex;gap:30px;align-items:center;font-weight:700} .top-actions span{display:block;font-size:12px;color:#63738a;font-weight:600} .quote-btn,.btn-primary{background:linear-gradient(135deg,var(--accent),#ff8b2d);color:#fff;padding:13px 24px;border-radius:7px;font-weight:900;display:inline-block;border:0} .btn-secondary{border:2px solid rgba(255,255,255,.9);padding:11px 22px;color:#fff;border-radius:7px;font-weight:900;display:inline-block}
.navbar{background:linear-gradient(90deg,#001d36,var(--primary));position:sticky;top:0;z-index:50} .nav{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0} .nav>li{position:relative} .nav>li>a{display:block;padding:18px 19px;color:#fff;font-weight:800;font-size:14px} .nav>li:hover>a,.nav .active{color:#fff;background:rgba(255,111,0,.18)} .nav li ul{display:none;position:absolute;top:100%;left:0;min-width:245px;background:#062c4c;border:1px solid rgba(255,255,255,.12);border-radius:0 0 10px 10px;padding:10px 0;box-shadow:0 14px 34px rgba(0,0,0,.2);list-style:none;margin:0} .nav li:hover>ul{display:block} .nav li ul a{display:block;color:#eaf4ff;padding:10px 18px;font-weight:650;border-bottom:1px solid rgba(255,255,255,.08)} .nav li ul a:hover{background:rgba(255,255,255,.07);color:#fff}
.hero{position:relative;min-height:620px;color:#fff;background:linear-gradient(90deg,rgba(0,20,43,.94),rgba(0,37,70,.73)),url('assets/hero-bg.png') center/cover no-repeat;display:flex;align-items:center;overflow:hidden} .hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 35%,rgba(255,111,0,.22),transparent 30%);pointer-events:none} .hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center} .hero h1{font-size:clamp(42px,5vw,68px);line-height:1.08;margin:0 0 20px;font-weight:950;letter-spacing:-.04em} .hero p{font-size:20px;max-width:620px;margin:0 0 26px;color:#e8f4ff} .hero-actions{display:flex;gap:18px;margin:28px 0} .stats{display:flex;gap:26px;margin-top:34px;flex-wrap:wrap} .stat strong{display:block;font-size:29px} .stat span{color:#d8e5f2;font-size:14px} .dashboard{background:rgba(1,24,47,.76);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.35)} .dash-head{display:flex;justify-content:space-between;align-items:center;font-weight:900;margin-bottom:18px} .live-dot{color:#36d78b;font-size:13px} .dash-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px} .dash-card{border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:14px;background:rgba(255,255,255,.04)} .dash-card small{display:block;color:#b7c7d8} .dash-card strong{font-size:25px} .green{color:#43df9b} .red{color:#ff6464} .chart{height:150px;margin-top:18px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:linear-gradient(180deg,rgba(42,138,255,.16),transparent);position:relative;overflow:hidden} .chart svg{width:100%;height:100%}
.quick{margin-top:-55px;position:relative;z-index:5} .quick-grid{background:#fff;border-radius:18px;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 20px 50px rgba(16,35,61,.16);overflow:hidden;border:1px solid var(--border)} .quick-card{padding:28px;border-right:1px solid var(--border)} .quick-card:last-child{border-right:0} .icon{font-size:34px;color:var(--accent);margin-bottom:10px} .quick-card h3{margin:0 0 8px;color:var(--dark)} .quick-card p{margin:0;color:#596b80;font-size:14px} .learn{color:var(--accent);font-weight:900;margin-top:12px;display:inline-block}
section{padding:82px 0} .section-title{text-align:center;margin-bottom:42px} .section-title h2{font-size:42px;line-height:1.15;margin:0;color:var(--dark);letter-spacing:-.03em} .section-title p{color:var(--muted);font-size:18px;margin:10px auto 0;max-width:720px} .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:0 12px 36px rgba(19,44,78,.08)} .card h3{margin:0 0 10px;color:var(--dark);font-size:24px} .card p{color:#52677d;margin:0 0 16px} .card ul{padding-left:18px;color:#334b64;margin:12px 0 0} .light{background:linear-gradient(180deg,#f7fbff,#fff)} .operations{background:#061d34;color:#fff} .operations .section-title h2,.operations .card h3{color:#fff} .operations .card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#fff} .operations .card p,.operations .card ul{color:#d6e5f3} .flow{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:30px} .flow span{background:#fff;color:var(--dark);padding:14px 18px;border-radius:99px;font-weight:900} .flow b{color:var(--accent);font-size:28px}
.page-hero{background:linear-gradient(120deg,var(--primary),#061d34);color:#fff;padding:78px 0} .page-hero h1{font-size:52px;margin:0 0 12px;letter-spacing:-.03em} .page-content{padding:70px 0} .content-grid{display:grid;grid-template-columns:2fr .9fr;gap:34px} .sidebar{background:#061d34;color:#fff;border-radius:18px;padding:28px;align-self:start} .sidebar a{display:block;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);padding:10px 0} .contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px} input,textarea,select{width:100%;padding:14px;border:1px solid var(--border);border-radius:10px;font:inherit} textarea{min-height:145px;grid-column:1/-1} .full{grid-column:1/-1} button{cursor:pointer}
.footer{background:#04182c;color:#d9e9f8;padding:56px 0 20px} .footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px} .footer h3{color:#fff;margin-top:0} .footer a{display:block;color:#c5d5e5;margin:8px 0} .copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:36px;padding-top:18px;color:#9fb1c4}
@media(max-width:900px){.top-inner,.hero-grid,.content-grid{grid-template-columns:1fr;display:grid}.top-actions{display:none}.nav{overflow-x:auto}.hero{min-height:auto;padding:80px 0}.dash-cards,.quick-grid,.grid,.footer-grid{grid-template-columns:1fr}.quick{margin-top:0}.quick-card{border-right:0;border-bottom:1px solid var(--border)}.contact-form{grid-template-columns:1fr}}