/* === Other Worldly Projects – polish pack === */
:root{
  --bg:#070814;
  --surface:#0f1226;
  --surface2:#13183a;
  --text:#e9ecff;
  --muted:#aab2e6;
  --accent:#8b5cf6; /* violet */
  --accent2:#22d3ee; /* cyan */
  --radius:16px;
  --shadow: 0 12px 40px rgba(0,0,0,.35);
}

/* Base */
body{
  background: radial-gradient(1200px 700px at 15% -10%, rgba(139,92,246,.25), transparent 60%),
              radial-gradient(900px 600px at 90% 0%, rgba(34,211,238,.18), transparent 55%),
              var(--bg);
  color: var(--text);
}
a{ color: var(--text); }
a:hover{ color: var(--accent2); }

/* Buttons */
button, .button, input[type="submit"], .wp-block-button__link{
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--accent), var(--accent2)) !important;
  border: 0 !important;
  box-shadow: 0 10px 24px rgba(139,92,246,.25);
  transition: transform .15s ease, filter .15s ease;
}
button:hover, .button:hover, input[type="submit"]:hover, .wp-block-button__link:hover{
  transform: translateY(-1px);
  filter: brightness(1.05);
}

/* Surfaces / cards */
.listing-item, .listing-item-container, .elementor-widget, .wp-block-group,
.listeo-search-form, .panel, .widget, .comment-respond{
  border-radius: var(--radius) !important;
}
.listing-item-container, .listing-item, .listeo-search-form{
  background: rgba(15,18,38,.78) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: var(--shadow);
  backdrop-filter: blur(10px);
}

/* Improve readability */
p, li { color: rgba(233,236,255,.9); }
small, .muted, .listing-small-desc { color: var(--muted) !important; }

/* Header spacing (common theme selectors; may need slight tweak) */
#header, .header, .site-header{
  background: rgba(7,8,20,.65) !important;
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
#header .container, .site-header .container{
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Remove “demo-ish” look: tighten forms */
input[type="text"], input[type="email"], input[type="password"], textarea, select{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: var(--text) !important;
  border-radius: 14px !important;
}
input::placeholder, textarea::placeholder{ color: rgba(170,178,230,.7) !important; }

/* Mobile */
@media (max-width: 768px){
  .container{ padding-left: 16px; padding-right: 16px; }
}