/* ===== Landing (zip-check-offers) ===== */
.ebx-landing{
  --ebx-green:#249077; --ebx-cream:#F7F5F0; --ebx-dark:#2F3D39; --ebx-yellow:#FFCB3C; --ebx-muted:#6b7b76;
  color:var(--ebx-dark); background:var(--ebx-cream);
  padding:32px 16px 72px;
}

/* ✅ 更廣泛隱藏 WP 頁面標題（不同主題命名） */
.entry-title, .page-title, .ast-archive-title, .entry-header, .page-header{display:none !important;}

/* Steps（可點擊）*/
.ebx-steps{max-width:980px;margin:0 auto 24px;}
.ebx-steps ol{display:flex;gap:28px;list-style:none;padding:0;margin:0;align-items:center}
.ebx-steps li{position:relative;padding-left:18px}
.ebx-steps li:before{content:"";width:8px;height:8px;border-radius:50%;background:#cfd8d6;position:absolute;left:0;top:9px}
.ebx-steps li.active:before{background:var(--ebx-green)}
.ebx-steps a{color:#8ea7a1;text-decoration:none;font-weight:600}
.ebx-steps li.active a{color:var(--ebx-green)}
.ebx-steps li+li{flex:1}
.ebx-steps li+li a{position:relative}
.ebx-steps li+li a:after{content:"";position:absolute;left:-24px;top:9px;height:2px;width:calc(100% + 24px);background:#cfd8d6;z-index:-1}

/* Hero */
.ebx-hero{max-width:760px;margin:28px auto 12px;text-align:center}
.ebx-hero h1{font-size:36px;margin:0 0 10px}
.ebx-hero .ebx-sub{color:var(--ebx-muted);margin:0}

/* Card base */
.ebx-card{
  max-width:820px;margin:20px auto;background:#fff;border-radius:14px;
  padding:28px 28px;box-shadow:0 10px 28px rgba(0,0,0,.06);
}
.ebx-card .row{margin-bottom:14px}
.ebx-card label{display:block;margin:6px 0;font-weight:600}

/* Inputs */
.ebx-zip input[type=text], #ebx-city-select, #ebx-date{
  width:100%;padding:14px 16px;border:1px solid #dfe6e3;border-radius:10px;font-size:16px;background:#fff;
}
.ebx-zip .button{ margin-top:14px;width:240px }

/* Banner */
.ebx-banner{
  max-width:980px;margin:18px auto;padding:16px 20px;border-radius:12px;
  background:#fff3cd;color:#6b5a00;border:1px solid #f0d48a;
}

/* Good/Bad blocks */
.ebx-good,.ebx-bad{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.ebx-emote{font-size:28px}

/* Products grid */
.ebx-products{ margin-top:12px }
.ebx-products h3{ margin:0 0 14px }
.ebx-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:18px; }
.ebx-pitem{ background:#fff; border:1px solid #e8eeec; border-radius:12px; padding:14px; text-align:center; }
.ebx-pitem .thumb img{ display:block; width:100%; height:auto; border-radius:10px; }
.ebx-pitem .title{ font-size:16px; margin:10px 0 6px }
.ebx-pitem .price{ color:#2F3D39; margin-bottom:10px; font-weight:700 }
.ebx-pitem .button{ width:100%; }

/* CTA （EATBOX tone） */
.ebx-landing .button{
  background:#249077;color:#F7F5F0;border:none;border-radius:10px;
  padding:12px 18px;cursor:pointer;transition:color .15s, background-color .15s, transform .03s;
}
.ebx-landing .button:hover{ color:#FFCB3C;background:#249077 }
.ebx-landing .button:active{ background:#FFCB3C;color:#2F3D39;transform:translateY(1px) }
.ebx-landing .button:disabled, .ebx-landing .button[aria-disabled="true"]{ opacity:.55;cursor:not-allowed }

/* Decorative baseline */
.ebx-baseline{max-width:980px;margin:34px auto 0;border-bottom:6px solid #20b37e;position:relative}
.ebx-baseline:after{content:"";display:block;height:6px;width:90px;background:#86e0c3;position:absolute;right:0;bottom:-6px}

/* A11y */
.screen-reader-text{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}