/* AQUA GIFT 在庫切れ・再入荷お知らせ */

/* 一覧カードの在庫切れバッジ（画像左上にオーバーレイ） */
body.agbrand .woocommerce ul.products li.product { position: relative; }
.agr-badge{
  position:absolute; top:10px; left:10px; z-index:3;
  background:rgba(10,39,64,.92); color:#fff;
  font-size:11.5px; font-weight:700; letter-spacing:.04em;
  padding:4px 10px; border-radius:999px; line-height:1;
  box-shadow:0 4px 12px -4px rgba(10,39,64,.5);
}

/* 在庫切れカードは少し落ち着かせる（写真は見せる） */
body.agbrand .woocommerce ul.products li.product.outofstock .price{ opacity:.6; }

/* PDP：在庫切れ＆再入荷お知らせブロック */
.agr-oos{
  margin:18px 0; padding:16px 18px;
  background:#f5f8fb; border:1px solid #d8e3ec; border-radius:14px;
}
.agr-oos-head{
  display:flex; align-items:center; gap:8px;
  font-weight:800; color:#0a2740; font-size:15px; margin-bottom:10px;
}
.agr-dot{ width:9px; height:9px; border-radius:50%; background:#c0413f; box-shadow:0 0 0 4px rgba(192,65,63,.15); }
.agr-lead{ font-size:13px; color:#33536b; margin:0 0 12px; line-height:1.7; }
.agr-note{ font-size:13px; color:#33536b; margin:0; }
.agr-ok{ font-size:14px; font-weight:700; color:#0e6db0; margin:0; }

.agr-form{ display:flex; gap:8px; flex-wrap:wrap; }
.agr-input{
  flex:1 1 200px; min-width:0;
  padding:11px 14px; border:1px solid #c3d2de; border-radius:10px;
  font-size:15px; background:#fff; color:#0a2740;
}
.agr-input:focus{ outline:none; border-color:#0e6db0; box-shadow:0 0 0 3px rgba(14,109,176,.15); }
.agr-btn{
  flex:0 0 auto; padding:11px 20px; border:0; border-radius:10px; cursor:pointer;
  background:linear-gradient(180deg,#1488c9,#0e6db0); color:#fff;
  font-size:14.5px; font-weight:700; white-space:nowrap;
  transition:filter .15s, transform .15s;
}
.agr-btn:hover{ filter:brightness(1.06); transform:translateY(-1px); }

@media (max-width:600px){
  .agr-input{ flex:1 1 100%; }
  .agr-btn{ flex:1 1 100%; }
}
