/* OOFAR Status Badges 1.2.2
   旧 MYPLUGIN WooCommerce Pre-Order Unified v2.0.2 assets/css/frontend.css の
   バッジ描画行を流用（見え方を変えないため値は変更していない）。
   追加分はすべて .oofar-sb-single / .oofar-sb-single-soldout / .oofar-sb-single-preorder 配下に限定し、
   商品詳細ページ以外には一切影響しない。 */

/* ---- 旧実働コード（商品一覧）----
   旧版は .product-image-wrap を無条件に指定していたが、テーマ全体への波及を避けるため
   バッジを出す商品だけにスコープを限定した（バッジの見え方・位置は変わらない）。 */
.is-preorder-product .product-image-wrap,
.is-soldout-product .product-image-wrap{position:relative;display:block}
.is-preorder-product .product-image-wrap::before{content:"PRE-ORDER";position:absolute;top:8px;right:8px;padding:2px 8px;font-size:12px;font-weight:700;border:2px solid #e60012;color:#e60012;background:transparent;box-sizing:border-box;z-index:20;letter-spacing:.05em}
.is-soldout-product .product-image-wrap::before{content:"SOLD OUT";position:absolute;top:8px;right:8px;padding:2px 8px;font-size:12px;font-weight:700;border:2px solid #000;color:#000;background:transparent;box-sizing:border-box;z-index:20;letter-spacing:.05em}

/* ---- 旧実働コード（タイトル横バッジ / PRE-ORDER のみ）----
   SOLD OUT はタイトル頭に出さない方針のため .mpm-badge-soldout-title は使用しない。 */
.mpm-badge-preorder-title{display:inline-block;padding:2px 8px;font-size:12px;font-weight:700;border:2px solid #e60012;color:#e60012;background:transparent;letter-spacing:.05em;vertical-align:middle;margin-right:6px}

/* ---- 商品詳細のメイン画像バッジ（一覧と同系統のデザイン）---- */
.oofar-sb-single-soldout .woocommerce-product-gallery,
.oofar-sb-single-soldout .wp-block-woocommerce-product-image-gallery,
.oofar-sb-single-preorder .woocommerce-product-gallery,
.oofar-sb-single-preorder .wp-block-woocommerce-product-image-gallery{position:relative}

.oofar-sb-single-soldout .woocommerce-product-gallery::before,
.oofar-sb-single-soldout .wp-block-woocommerce-product-image-gallery::before{content:"SOLD OUT";position:absolute;top:8px;right:8px;padding:2px 8px;font-size:12px;font-weight:700;border:2px solid #000;color:#000;background:transparent;box-sizing:border-box;z-index:20;letter-spacing:.05em;pointer-events:none}

.oofar-sb-single-preorder .woocommerce-product-gallery::before,
.oofar-sb-single-preorder .wp-block-woocommerce-product-image-gallery::before{content:"PRE-ORDER";position:absolute;top:8px;right:8px;padding:2px 8px;font-size:12px;font-weight:700;border:2px solid #e60012;color:#e60012;background:transparent;box-sizing:border-box;z-index:20;letter-spacing:.05em;pointer-events:none}

/* ---- 在庫メッセージ領域（商品詳細ページのみ・在庫状態に関係なく非表示）----
   PHP 側で woocommerce_get_stock_html を空にしているが、
   ブロックの在庫インジケーターは別経路で描画されるため CSS でも消す。
   バッジ・カートボタンと重複させないための表示整理であり、在庫状態は変更していない。 */
.oofar-sb-single p.stock,
.oofar-sb-single .woocommerce-variation-availability,
.oofar-sb-single .wp-block-woocommerce-product-stock-indicator,
.oofar-sb-single .wc-block-components-product-stock-indicator{display:none}

/* ---- 購入操作部分（SOLD OUT 商品の詳細ページのみ）----
   ボタン文言は PHP 側で SOLD OUT に置換済み。
   グレーの無効ボタンに見えないよう、旧 .mpm-soldout-button と同じ見た目にして非クリック化する。
   WooCommerce の在庫・購入可否そのものは変更していない。 */
.oofar-sb-single-soldout form.cart .single_add_to_cart_button,
.oofar-sb-single-soldout .wp-block-add-to-cart-form .single_add_to_cart_button,
.oofar-sb-single-soldout .wc-block-components-product-button .wp-block-button__link{border:2px solid #000;background:transparent;background-image:none;color:#000;font-weight:700;letter-spacing:.05em;opacity:.9;cursor:not-allowed;pointer-events:none;box-shadow:none}

.oofar-sb-single-soldout form.cart .quantity,
.oofar-sb-single-soldout .wp-block-add-to-cart-form .quantity{display:none}