/* =========================================================
 AWEBZONE V9 — COMPLETE VISUAL REBUILD
 This file targets the live theme's actual az-* structure.
 ========================================================= */
:root{
 --v9-bg:#eef1f4;--v9-card:#fff;--v9-text:#101114;--v9-muted:#6d747c;
 --v9-line:#dde2e7;--v9-green:#b6ff38;--v9-dark:#101214;
 --v9-shadow:0 10px 30px rgba(18,25,35,.08);
}
body.az-social-app{background:
 radial-gradient(circle at 82% 0,rgba(182,255,56,.17),transparent 22%),
 var(--v9-bg)!important;color:var(--v9-text)!important}
body.az-social-app:before{content:"";position:fixed;inset:0;pointer-events:none;
 background-image:linear-gradient(rgba(16,18,20,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(16,18,20,.025) 1px,transparent 1px);
 background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 75%);z-index:-1}

/* APP HEADER */
.az-app-header{height:74px!important;background:rgba(255,255,255,.88)!important;border-bottom:1px solid var(--v9-line)!important;backdrop-filter:blur(22px)!important}
.az-header-inner{height:74px!important;max-width:1440px!important}
.az-brand{font-size:24px!important;letter-spacing:-1.5px!important}
.az-brand i{background:var(--v9-green)!important}
.az-brand span{background:var(--v9-dark)!important}
.az-search-box{border:1px solid var(--v9-line)!important;background:#f5f6f7!important;box-shadow:inset 0 1px 0 #fff}
.az-header-links a{transition:.2s ease!important}
.az-header-links a:hover{color:#547b0d!important;transform:translateY(-1px)}

/* MAIN APP SHELL */
.az-app-shell{max-width:1440px!important;grid-template-columns:245px minmax(0,720px) 290px!important;gap:24px!important;padding:26px 22px 90px!important}
.az-left-nav{padding:10px!important;border-radius:22px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(221,226,231,.85)!important;box-shadow:var(--v9-shadow)!important}
.az-nav-label{padding:5px 7px!important;color:#78818a!important}
.az-left-nav nav a{border:1px solid transparent!important;font-size:14px!important;min-height:50px!important}
.az-left-nav nav a:hover{background:#f7fadf!important;border-color:#e4efbd!important;box-shadow:none!important}
.az-left-nav nav a:first-child{background:var(--v9-dark)!important;color:#fff!important;box-shadow:0 7px 18px rgba(0,0,0,.14)!important}
.az-nav-cta{
 background:linear-gradient(135deg,#101214,#262a2f)!important;
 color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;
 border-radius:14px!important;box-shadow:0 12px 24px rgba(16,18,20,.18)!important;
 position:relative!important;overflow:hidden!important
}
.az-nav-cta:before{content:"";position:absolute;right:-22px;top:-22px;width:80px;height:80px;border-radius:50%;background:var(--v9-green);opacity:.18}
.az-location-mini{padding:5px 8px!important}

/* POST / FEED SYSTEM */
.az-post,.az-page-post{
 background:rgba(255,255,255,.96)!important;
 border:1px solid var(--v9-line)!important;
 border-radius:22px!important;
 box-shadow:var(--v9-shadow)!important;
 transition:transform .22s ease,box-shadow .22s ease!important;
}
.az-post:hover,.az-page-post:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(18,25,35,.11)!important}
.az-post-head{padding-bottom:14px;border-bottom:1px solid #eef0f2!important}
.az-avatar-large,.az-mini-avatar{
 background:linear-gradient(135deg,#101214,#34393f)!important;color:var(--v9-green)!important;
 border:3px solid #efffcf!important;box-shadow:0 0 0 2px var(--v9-dark)!important
}
.az-sponsored,.az-feed-heading small{color:#5f8618!important;background:#efffcf;padding:5px 8px;border-radius:999px}
.az-intro-post h1{font-size:clamp(40px,5vw,62px)!important;max-width:650px}
.az-intro-post h1 em{color:#608d14!important}
.az-post h2,.az-page-post h1,.az-page-post h2{font-weight:900!important}
.az-post p,.az-page-post p{font-size:15px!important}

/* VISUAL HERO */
.az-hero-visual{
 height:350px!important;border:1px solid #242a23!important;
 background:
 radial-gradient(circle at 80% 18%,rgba(182,255,56,.55),transparent 17%),
 radial-gradient(circle at 25% 80%,rgba(182,255,56,.18),transparent 28%),
 linear-gradient(135deg,#101214,#283125)!important;
 box-shadow:inset 0 0 70px rgba(0,0,0,.32)!important
}
.az-growth-card{border:1px solid rgba(255,255,255,.8)!important}
.az-growth-card strong{font-size:30px!important}
.az-hero-badge{border:1px solid var(--v9-line)!important;box-shadow:0 8px 20px rgba(0,0,0,.12)!important}

/* SERVICE POSTS */
.az-service-feed-grid a{
 background:linear-gradient(180deg,#fff,#fafcfc)!important;
 border:1px solid var(--v9-line)!important;border-radius:17px!important;
 min-height:155px!important;position:relative!important;overflow:hidden!important;
 transition:.2s ease!important
}
.az-service-feed-grid a:before{
 content:"↗";width:34px;height:34px;border-radius:11px;display:grid;place-items:center;
 background:var(--v9-dark);color:var(--v9-green);font-weight:900;position:absolute;right:12px;top:12px
}
.az-service-feed-grid a:hover{transform:translateY(-4px)!important;border-color:#b9df73!important;box-shadow:0 12px 26px rgba(15,22,30,.1)!important}

/* SOCIAL ENGAGEMENT */
.az-reaction-row,.az-post-actions{border-top:1px solid var(--v9-line)!important}
.az-post-actions a{background:#f5f7f8!important;border:1px solid #edf0f2!important;font-weight:850!important;transition:.18s ease!important}
.az-post-actions a:hover{background:#efffcf!important;color:#405f0c!important}

/* SHOP-NOW STYLE CTA: explicit actual theme selectors */
.az-primary-action,.az-text-cta,
.az-post a[href*="whatsapp"],.az-page-post a[href*="whatsapp"],
.az-post a[href*="wa.me"],.az-page-post a[href*="wa.me"],
.az-nav-cta{
 min-height:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
 padding:0 19px!important;border-radius:10px!important;font-weight:900!important;
}
.az-primary-action,.az-post a[href*="whatsapp"],.az-page-post a[href*="whatsapp"],
.az-post a[href*="wa.me"],.az-page-post a[href*="wa.me"]{
 background:var(--v9-dark)!important;color:#fff!important;border:1px solid #050505!important;
 box-shadow:0 6px 15px rgba(0,0,0,.16)!important;position:relative!important;
}
.az-primary-action:before,.az-post a[href*="whatsapp"]:before,.az-page-post a[href*="whatsapp"]:before,
.az-post a[href*="wa.me"]:before,.az-page-post a[href*="wa.me"]:before{
 content:"SHOP NOW";font-size:11px;letter-spacing:.7px;background:var(--v9-green);color:#111;
 padding:6px 8px;border-radius:6px;margin-right:8px;font-weight:950
}
.az-primary-action:hover,.az-post a[href*="whatsapp"]:hover,.az-page-post a[href*="whatsapp"]:hover,
.az-post a[href*="wa.me"]:hover,.az-page-post a[href*="wa.me"]:hover{transform:translateY(-2px)!important;background:#222!important}

/* RIGHT RAIL */
.az-right-rail > *,.az-right-card{
 border-radius:20px!important;background:#fff!important;border:1px solid var(--v9-line)!important;
 box-shadow:var(--v9-shadow)!important
}

/* PAGE CONTENT CONTAINERS */
.az-page-post .card,.az-page-post .service-card,.az-page-post .process-card{
 border-radius:18px!important;border:1px solid var(--v9-line)!important;background:#fff!important;
 box-shadow:none!important
}
.az-page-post .icon,.az-page-post .awebzone-icon{
 background:var(--v9-dark)!important;color:var(--v9-green)!important;border-radius:14px!important
}

/* MOBILE SOCIAL APP */
@media(max-width:1150px){
 .az-app-shell{grid-template-columns:220px minmax(0,720px)!important}
}
@media(max-width:820px){
 .az-app-shell{display:block!important;padding:14px 12px 95px!important}
 .az-left-nav{display:none!important}
 .az-app-header{height:64px!important}
 .az-header-inner{height:64px!important;padding:0 14px!important}
 .az-search-box{display:none!important}
 .az-post,.az-page-post{border-radius:18px!important}
 .az-hero-visual{height:270px!important}
 .az-mobile-nav{
  background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)!important;
  border-top:1px solid var(--v9-line)!important;box-shadow:0 -8px 30px rgba(0,0,0,.08)!important
 }
 .az-mobile-nav a:first-child{color:#547b0d!important}
 .az-primary-action,.az-post a[href*="whatsapp"],.az-page-post a[href*="whatsapp"],
 .az-post a[href*="wa.me"],.az-page-post a[href*="wa.me"]{width:100%!important}
}