/* ============================================
   API-driven contact block
   ============================================
   Sits on the 1280px design stage, so all sizes
   are in stage units and scale with the page.
   ============================================ */

.api-contact{
  position:absolute;
  font-family:AmmuBody,"Helvetica Neue",Arial,sans-serif;
  color:#2e4184;
}

.api-contact .api-title{
  position:absolute;left:0;width:1280px;top:44px;
  text-align:center;font-family:AmmuDisplay,sans-serif;
  font-size:34.322px;font-weight:600;line-height:41.6px;
  text-transform:uppercase;color:#2e4184;
}

.api-contact .api-sub{
  position:absolute;left:0;width:1280px;top:92px;
  text-align:center;font-family:AmmuScript,cursive;
  font-size:22.763px;font-weight:400;line-height:43.5px;color:#c43c1e;
}

/* ---- store card ---- */
.api-card{
  position:absolute;top:150px;width:560px;
  border:2px solid rgba(46,65,132,.22);
  background:rgba(255,255,255,.5);
  padding:24px 28px 26px;
}
.api-card.left{left:60px}
.api-card.right{left:660px}

.api-card h3{
  font-size:23px;font-weight:700;letter-spacing:-.4px;
  color:#2e4184;margin-bottom:12px;
}

.api-line{
  display:flex;gap:10px;align-items:flex-start;
  font-size:16.5px;line-height:23px;color:#1f1713;margin-bottom:7px;
}
.api-line .lbl{
  flex:0 0 62px;font-weight:700;color:#2e4184;
  text-transform:uppercase;font-size:12.5px;line-height:23px;letter-spacing:.6px;
}
.api-line a{color:#1f1713;text-decoration:none;border-bottom:1px solid rgba(46,65,132,.3)}
.api-line a:hover{color:#c43c1e;border-bottom-color:#c43c1e}

/* ---- hours ---- */
.api-hours-title{
  margin-top:16px;padding-top:12px;border-top:1px solid rgba(46,65,132,.2);
  font-size:12.5px;font-weight:700;letter-spacing:.6px;
  text-transform:uppercase;color:#2e4184;margin-bottom:6px;
}
.hours-table{min-height:22px}
.hours-row{
  display:flex;justify-content:space-between;align-items:baseline;gap:14px;
  font-size:15.5px;line-height:22px;color:#1f1713;
}
.hours-row .day{font-weight:500}
.hours-row .time{text-align:right;white-space:normal}
.hours-row .closed-day{color:#c43c1e}
.hours-row.today{color:#c43c1e;font-weight:700}
.hours-row.today .day,
.hours-row.today .time{color:#c43c1e;font-weight:700}

/* ---- loading / fallback ---- */
.api-card.is-loading .hours-table::before{
  content:"Loading hours…";
  display:block;font-size:15.5px;line-height:22px;color:rgba(31,23,19,.55);
}
.api-card.is-static{opacity:.96}

/* ---- store action buttons ---- */
.api-actions{display:flex;gap:12px;margin-top:18px}
.api-btn{
  flex:1 1 0;display:flex;align-items:center;justify-content:center;
  height:40px;font-family:AmmuDisplay,sans-serif;font-size:14.5px;font-weight:600;
  text-transform:uppercase;letter-spacing:.3px;
  background:#2e4184;color:#fff;transition:filter .2s;
}
.api-btn.ghost{background:none;color:#2e4184;border:2px solid #2e4184}
.api-btn:hover{filter:brightness(1.12)}