/*
 * WC Instore Only — Base Styles v1.2.0
 * Colours / sizes are overridden by inline CSS generated from plugin settings.
 * Only structural / layout rules live here.
 */

/* ─── Single product wrap ──────────────────────────────────────────────────── */

.wc-instore-only__single-wrap {
    margin-top:    0.5rem;
    margin-bottom: 1rem;
    width:         100%;
}

/* ─── Button — structural only (colours set by settings) ──────────────────── */

.wc-instore-only__button.button,
a.wc-instore-only__button {
    display:         block;           /* Full-width block, like Add to Cart     */
    box-sizing:      border-box;
    text-align:      center;
    text-decoration: none !important;
    font-weight:     700;
    letter-spacing:  0.05em;
    text-transform:  uppercase;
    border:          2px solid transparent;
    cursor:          pointer;
    line-height:     1.4;
    transition:      background-color 0.18s ease, border-color 0.18s ease;

    /* Defaults (overridden by inline settings CSS) */
    background-color: #e07b39;
    color:            #ffffff !important;
    border-color:     #e07b39;
    border-radius:    4px;
    font-size:        16px;
    padding:          14px 24px;
    width:            100%;
}

.wc-instore-only__button.button:hover,
a.wc-instore-only__button:hover,
.wc-instore-only__button.button:focus,
a.wc-instore-only__button:focus {
    background-color: #c9622a !important;
    border-color:     #c9622a !important;
    color:            #ffffff !important;
    outline:          none;
}

.wc-instore-only__button.button:focus-visible,
a.wc-instore-only__button:focus-visible {
    outline:        3px solid #e07b39;
    outline-offset: 2px;
}

/* ─── Hint text ────────────────────────────────────────────────────────────── */

.wc-instore-only__hint {
    margin-top:  0.6rem;
    font-size:   0.84rem;
    color:       #666;
    line-height: 1.5;
}

.wc-instore-only__hint a {
    color:           inherit;
    text-decoration: underline;
    font-weight:     600;
}

/* ─── Shop / Archive Badge ─────────────────────────────────────────────────── */

.wc-instore-only__badge {
    display:        inline-block;
    position:       absolute;
    top:            0;
    left:           0;
    z-index:        20;

    /* Defaults (overridden by settings) */
    background-color: #e07b39;
    color:            #ffffff;
    border-radius:    4px;

    font-size:      0.7rem;
    font-weight:    700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    line-height:    1.2;
    padding:        7px 11px;
    pointer-events: none;
    white-space:    nowrap;
}

/* Ensure image containers are positioning contexts for the badge */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product .woocommerce-loop-product__link,
.elementor-wc-products .product,
.e-loop-item {
    position: relative;
}

/* ─── Reduced motion ───────────────────────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
    .wc-instore-only__button.button,
    a.wc-instore-only__button { transition: none; }
}