/* Suuqa Soomaaliya — Elegant Post Ad visual layer V215
   Design-only changes. Existing HTML, JS, auth, upload and publish logic are untouched. */
:root{
  --e-blue:#0b55d8;
  --e-blue-dark:#092c82;
  --e-green:#0aa34f;
  --e-green-dark:#087a3d;
  --e-yellow:#f4c21d;
  --e-ink:#10295b;
  --e-muted:#607395;
  --e-bg:#f5f8fc;
  --e-card:#ffffff;
  --e-border:#dfe7f0;
}
body.ad-post-page{
  background:linear-gradient(180deg,#f7f9fc 0%,#eef4f8 100%)!important;
  color:var(--e-ink)!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}
/* Header: clean, premium and compact; no functional changes. */
.ad-topbar{height:34px!important;background:#0c327c!important;color:#fff!important;padding:0 4%!important;font-size:12px!important;opacity:.98}
.ad-header{min-height:78px!important;height:auto!important;background:rgba(255,255,255,.98)!important;padding:12px 4%!important;border-bottom:1px solid #e1e8f0!important;box-shadow:0 4px 18px rgba(18,49,90,.045)!important;position:relative!important}
.ad-brand-logo-only{position:static!important;transform:none!important;width:auto!important;min-width:240px!important;height:auto!important;padding:0!important;background:transparent!important;justify-content:flex-start!important}
.ad-brand-logo-only .ad-logo-only{width:235px!important;height:62px!important;object-fit:contain!important}
.ad-header .ad-header-actions{position:static!important;transform:none!important;margin-left:auto!important;display:flex!important;gap:14px!important}
.ad-header-actions a{color:var(--e-ink)!important;font-size:20px!important}
.ad-header-actions small{color:#65758d!important;font-size:10px!important;margin-top:2px!important}
.ad-user span{background:linear-gradient(135deg,var(--e-blue),var(--e-green))!important}
.ad-category-nav{max-width:1400px!important;margin:10px auto 0!important;border:1px solid #e0e7ef!important;border-radius:14px!important;box-shadow:0 5px 16px rgba(18,49,90,.045)!important;padding:6px 10px!important}
.ad-category-nav a{color:var(--e-ink)!important;border-radius:10px!important;padding:10px 12px!important}
.ad-category-nav a:hover{background:#eef4ff!important;color:var(--e-blue)!important}
.ad-category-nav a.active{background:#e8f7ef!important;color:var(--e-green-dark)!important}
.ad-category-nav .ad-post-btn{background:linear-gradient(135deg,var(--e-green),#078b45)!important;color:#fff!important;box-shadow:0 6px 14px rgba(10,163,79,.15)!important}
.ad-breadcrumb{max-width:1180px!important;margin:14px auto!important;color:#7a899c!important}
.ad-breadcrumb b{color:var(--e-ink)!important}

/* Hero: elegant, airy, blue/green/yellow accents. */
.post-hero-modern{
  max-width:1180px!important;min-height:184px!important;margin:0 auto 18px!important;padding:28px 34px!important;
  border:1px solid #cfe0ef!important;border-radius:22px!important;
  background:linear-gradient(115deg,#edf6ff 0%,#f9fbfd 50%,#e8f8ef 100%)!important;
  box-shadow:0 12px 30px rgba(20,55,100,.075)!important;position:relative!important;overflow:hidden!important;
}
.post-hero-modern:before{content:"";position:absolute;inset:auto auto -70px -50px;width:190px;height:190px;background:rgba(244,194,29,.24);border-radius:50%;filter:blur(2px)}
.post-hero-modern:after{content:"";position:absolute;right:-80px;top:-80px;width:230px;height:230px;background:rgba(10,163,79,.10);border-radius:50%}
.post-hero-copy{position:relative!important;z-index:2!important;max-width:680px!important}
.post-hero-kicker{color:var(--e-green-dark)!important;font-size:13px!important;letter-spacing:.3px!important;margin-bottom:6px!important}
.post-hero-modern h1{font-size:37px!important;color:var(--e-blue-dark)!important;letter-spacing:-.8px!important;margin-bottom:8px!important}
.post-hero-modern h1 span{color:var(--e-green)!important}
.post-hero-modern p{color:#405b79!important;font-size:15px!important}
.post-hero-points{gap:12px!important}
.post-hero-points span{background:#fff!important;border:1px solid #dbe5ee!important;border-radius:999px!important;padding:7px 11px!important;color:#173b67!important;box-shadow:0 4px 10px rgba(20,55,100,.035)!important;font-size:12px!important}
.post-hero-points span:first-child{border-color:#cfe8d8!important;color:var(--e-green-dark)!important}
.post-hero-visual{opacity:.92!important}
.hero-product-card{border-color:#d9e5ef!important;box-shadow:0 10px 24px rgba(18,49,90,.10)!important}
.hero-cart{filter:drop-shadow(0 8px 9px rgba(0,60,130,.13))!important}

/* Three-step strip */
.post-steps{max-width:1180px!important;padding:0!important;margin:0 auto 18px!important;gap:12px!important}
.post-step{min-width:0!important;flex:1!important;background:#fff!important;border:1px solid var(--e-border)!important;border-radius:14px!important;padding:10px 12px!important;box-shadow:0 5px 14px rgba(18,49,90,.035)!important}
.post-step>b{width:40px!important;height:40px!important;background:#d6dde7!important;color:#fff!important}
.post-step.active{border-color:#bfe2ce!important;background:#fbfffd!important}
.post-step.active>b{background:linear-gradient(135deg,var(--e-green),var(--e-blue))!important}
.post-step strong{color:var(--e-ink)!important}.post-step small{color:#6b7c91!important}
.post-steps>i{background:#d9e3ec!important}

/* Main cards */
.post-modern-layout{max-width:1180px!important;padding:0!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:18px!important}
.post-card-modern,.modern-help-card,.modern-goal-card{background:rgba(255,255,255,.98)!important;border:1px solid var(--e-border)!important;border-radius:18px!important;box-shadow:0 9px 25px rgba(18,49,90,.055)!important}
.post-card-modern{padding:22px!important;margin-bottom:16px!important}
.post-card-title{margin-bottom:17px!important}
.post-number.blue{background:linear-gradient(135deg,var(--e-blue),#1747a8)!important;box-shadow:0 7px 15px rgba(11,85,216,.16)!important}
.post-card-title h2{color:var(--e-ink)!important;font-size:21px!important}
.post-card-title p{color:var(--e-muted)!important}
.field label,.car-field label{color:#253b59!important}
.field input,.field select,.field textarea,.car-field input,.car-field select{border-color:#d7e1ea!important;background:#fcfdff!important;color:#203754!important;border-radius:11px!important}
.field input:focus,.field select:focus,.field textarea:focus,.car-field input:focus,.car-field select:focus{border-color:var(--e-blue)!important;box-shadow:0 0 0 3px rgba(11,85,216,.10)!important}
.price-input{border-color:#d7e1ea!important;border-radius:11px!important}.price-input span{background:#f2f6fb!important;color:var(--e-blue-dark)!important}
.car-post-card{border-color:#d8e9df!important;box-shadow:0 7px 20px rgba(10,110,60,.05)!important}
.car-post-head{background:linear-gradient(135deg,#effaf4,#f9fcff)!important;border-bottom-color:#dcebe2!important}
.car-post-icon{background:linear-gradient(135deg,var(--e-yellow),#ffd94e)!important;color:#173b67!important}

/* Media uploader */
.ad-upload-modern{border-color:#7faef1!important;background:linear-gradient(180deg,#f8fbff,#f4fbf7)!important;border-radius:15px!important;min-height:175px!important}
.ad-upload-modern .upload-icon{color:var(--e-blue)!important}
.ad-upload-modern b{color:var(--e-blue-dark)!important}.ad-upload-modern span{color:#60758f!important}.ad-upload-modern small{color:#71849a!important}
.media-pick.camera{background:var(--e-blue)!important}.media-pick.gallery{border-color:#c8d8e8!important;color:var(--e-blue-dark)!important;background:#fff!important}
.media-preview-item img,.media-preview-item video{border-color:#d6e1eb!important}

/* Side cards */
.post-modern-side{gap:14px!important}
.modern-help-card{padding:18px!important}
.modern-help-card h3{color:var(--e-ink)!important}.modern-help-card>p{color:#6c7e93!important}.modern-help-card li{color:#2b4766!important}
.modern-help-card li:before{background:var(--e-green)!important}
.help-icon.yellow{background:#fff7d8!important}.help-icon.red{background:#eaf3ff!important}.help-icon.blue2{background:#e8f1ff!important}
.modern-goal-card{background:linear-gradient(135deg,#eaf8f0,#eef5ff)!important;border-color:#d5e6de!important;padding:18px!important;color:var(--e-ink)!important}

.post-card-actions{margin-top:16px!important}.ad-back{background:#f1f4f8!important;color:#435b76!important;border:1px solid #dbe3ea!important;border-radius:11px!important}
.modern-submit{background:linear-gradient(135deg,var(--e-green),var(--e-blue))!important;border-radius:12px!important;padding:13px 27px!important;box-shadow:0 8px 18px rgba(10,120,80,.17)!important}
.modern-submit:hover{filter:brightness(.98)!important;transform:translateY(-1px)!important}
.post-stats{max-width:1180px!important;margin:4px auto 34px!important;background:#fff!important;border:1px solid var(--e-border)!important;border-radius:16px!important;box-shadow:0 7px 20px rgba(18,49,90,.045)!important}
.post-stats b{color:var(--e-blue-dark)!important}.post-stats span{color:#718197!important}

@media(max-width:900px){
 .ad-header{padding:10px 3%!important}.ad-brand-logo-only .ad-logo-only{width:190px!important;height:54px!important}
 .post-modern-layout{grid-template-columns:1fr!important}.post-modern-side{grid-row:auto!important}.post-hero-visual{opacity:.28!important;width:48%!important}
}
@media(max-width:700px){
 .ad-topbar{display:none!important}.ad-header{min-height:66px!important;padding:8px 12px!important}.ad-brand-logo-only{min-width:0!important}.ad-brand-logo-only .ad-logo-only{width:155px!important;height:48px!important}.ad-header-actions{gap:8px!important}.ad-header-actions a small{display:none!important}
 .post-hero-modern{border-radius:18px!important;padding:22px 18px!important;min-height:170px!important}.post-hero-modern h1{font-size:28px!important}.post-hero-modern p{font-size:14px!important}.post-hero-visual{display:none!important}
 .post-steps{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.post-steps>i{display:none!important}.post-step{width:100%!important}.post-card-modern{padding:16px!important;border-radius:15px!important}
 .modern-submit{width:auto!important}.post-stats{margin:0 12px 25px!important}
}