/* ==========================================================
   AWEBZONE V8 — SOCIAL COMMERCE / CONVERSION UI SYSTEM
   Original AWEBZONE interface inspired by familiar social-app
   interaction patterns. Not a Facebook/Instagram copy.
   ========================================================== */

:root{
  --aw-bg:#f6f7f8;
  --aw-surface:#ffffff;
  --aw-text:#111111;
  --aw-muted:#65676b;
  --aw-line:#e5e7eb;
  --aw-green:#b7ff38;
  --aw-green-strong:#98e600;
  --aw-black:#101010;
  --aw-radius:18px;
  --aw-shadow:0 8px 24px rgba(15,23,42,.08);
  --aw-shadow-hover:0 16px 40px rgba(15,23,42,.14);
}

body{
  background:var(--aw-bg)!important;
  color:var(--aw-text)!important;
}

/* Strong social-app visual hierarchy */
.awebzone-feed,
.awebzone-social-feed,
main .entry-content,
.site-main{
  max-width:1180px;
}

.awebzone-post,
.awebzone-feed-card,
.aw-social-card,
article,
.page .entry-content > section,
.blog .hentry,
.single .hentry{
  background:var(--aw-surface);
  border:1px solid var(--aw-line);
  border-radius:var(--aw-radius);
  box-shadow:var(--aw-shadow);
}

/* Icons: consistent circular containers create the strongest visual cue */
.aw-icon,
.awebzone-icon,
.aw-social-icon,
.awebzone-service-icon{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--aw-black)!important;
  color:var(--aw-green)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.13);
  font-size:20px!important;
}

/* Profile-style headers */
.aw-post-header,
.awebzone-post-header,
.awebzone-author-row{
  display:flex;
  align-items:center;
  gap:12px;
}
.aw-avatar,
.awebzone-avatar,
.awebzone-post-avatar{
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--aw-black);
  color:var(--aw-green);
  border:3px solid var(--aw-green);
  font-weight:800;
  letter-spacing:.04em;
}

/* ==========================================================
   SHOP-NOW INSPIRED PRIMARY INQUIRY BUTTON
   ========================================================== */
.aw-shop-now,
.awebzone-shop-now,
a.awebzone-whatsapp-button,
a[href*="whatsapp.com"],
a[href*="wa.me"],
.wp-block-button__link,
.awebzone-cta-primary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-height:46px!important;
  padding:0 22px!important;
  border-radius:10px!important;
  border:1px solid rgba(0,0,0,.12)!important;
  background:var(--aw-black)!important;
  color:#fff!important;
  font-weight:800!important;
  font-size:14px!important;
  line-height:1!important;
  text-decoration:none!important;
  letter-spacing:.01em!important;
  box-shadow:0 4px 12px rgba(0,0,0,.16)!important;
  transform:translateY(0);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.aw-shop-now:before,
.awebzone-shop-now:before,
.awebzone-cta-primary:before{
  content:"↗";
  width:20px;
  height:20px;
  border-radius:50%;
  display:inline-grid;
  place-items:center;
  background:var(--aw-green);
  color:#111;
  font-size:13px;
  font-weight:900;
}
.aw-shop-now:hover,
.awebzone-shop-now:hover,
a.awebzone-whatsapp-button:hover,
a[href*="whatsapp.com"]:hover,
a[href*="wa.me"]:hover,
.wp-block-button__link:hover,
.awebzone-cta-primary:hover{
  background:#222!important;
  transform:translateY(-2px)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.2)!important;
}

/* Compact "Sponsored" label and CTA footer like an original social ad card */
.aw-sponsored,
.awebzone-sponsored{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:var(--aw-muted);
  font-weight:600;
}
.aw-sponsored:before,
.awebzone-sponsored:before{
  content:"●";
  color:var(--aw-green-strong);
  font-size:10px;
}

/* Service cards become feed posts with stronger click targets */
.awebzone-service-card,
.service-card,
.aw-service-card{
  position:relative;
  overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease;
}
.awebzone-service-card:hover,
.service-card:hover,
.aw-service-card:hover{
  transform:translateY(-5px);
  box-shadow:var(--aw-shadow-hover);
}
.awebzone-service-card:after,
.service-card:after,
.aw-service-card:after{
  content:"";
  position:absolute;
  inset:auto -40px -70px auto;
  width:150px;
  height:150px;
  border-radius:50%;
  background:rgba(183,255,56,.18);
  pointer-events:none;
}

/* Feed engagement row */
.aw-engagement,
.awebzone-engagement{
  display:flex;
  align-items:center;
  gap:10px;
  padding-top:14px;
  margin-top:16px;
  border-top:1px solid var(--aw-line);
}
.aw-engagement span,
.awebzone-engagement span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--aw-muted);
  font-size:13px;
  font-weight:700;
}

/* Header polish */
.site-header,
.awebzone-header,
header.awebzone-header{
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--aw-line)!important;
}
.site-header nav a,
.awebzone-header nav a,
header nav a{
  position:relative;
  font-weight:750!important;
}
.site-header nav a:hover:after,
.awebzone-header nav a:hover:after,
header nav a:hover:after{
  content:"";
  position:absolute;
  height:3px;
  left:12px;
  right:12px;
  bottom:3px;
  background:var(--aw-green);
  border-radius:4px;
}

/* CTA hierarchy */
.aw-secondary-cta,
.awebzone-cta-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border:1px solid var(--aw-line);
  border-radius:10px;
  background:#fff;
  color:var(--aw-black);
  font-weight:800;
  text-decoration:none;
}

/* Right-side conversion widgets */
.aw-growth-widget,
.awebzone-growth-widget,
.awebzone-sidebar-card{
  border-radius:16px;
  background:linear-gradient(145deg,#111,#202020);
  color:#fff;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--aw-shadow);
}
.aw-growth-widget strong,
.awebzone-growth-widget strong,
.awebzone-sidebar-card strong{
  color:var(--aw-green);
}

/* Mobile sticky conversion button */
.awebzone-sticky-conversion,
.aw-mobile-shop-now{
  border-radius:14px 14px 0 0!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(14px);
  border-top:1px solid var(--aw-line)!important;
  box-shadow:0 -8px 30px rgba(0,0,0,.10)!important;
}
.awebzone-sticky-conversion a,
.aw-mobile-shop-now a{
  background:var(--aw-black)!important;
  color:#fff!important;
  border-radius:10px!important;
  min-height:48px!important;
  font-weight:900!important;
}

/* Feed section headings */
.aw-feed-title,
.awebzone-feed-title,
.entry-title{
  letter-spacing:-.035em;
}
.aw-section-kicker,
.awebzone-section-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 11px;
  border-radius:999px;
  background:#eaffc8;
  color:#244600;
  font-size:12px;
  font-weight:850;
}
.aw-section-kicker:before,
.awebzone-section-kicker:before{
  content:"✦";
}

/* Tablet */
@media(max-width:1024px){
  .awebzone-service-card,
  .service-card,
  .aw-service-card{
    border-radius:16px;
  }
  .site-header nav a,
  .awebzone-header nav a,
  header nav a{
    border-radius:9px;
  }
}

/* Mobile */
@media(max-width:767px){
  body{ padding-bottom:78px; }
  .aw-shop-now,
  .awebzone-shop-now,
  a.awebzone-whatsapp-button,
  a[href*="whatsapp.com"],
  a[href*="wa.me"],
  .wp-block-button__link,
  .awebzone-cta-primary{
    width:100%!important;
    min-height:50px!important;
    font-size:15px!important;
  }
  .awebzone-post,
  .awebzone-feed-card,
  .aw-social-card,
  article,
  .page .entry-content > section{
    border-radius:14px;
  }
}