/* =========================================================
   Rifles Hero Buttons – hero-buttons.css
   Injects a CTA row beneath the existing pink announcement
   bars on the homepage hero.
   ========================================================= */

/* ── Container that holds the two buttons ── */
.rhb-cta-row {
    display: flex;
    width: 100%;
    max-width: 700px;    /* matches the pink bars above */
    margin: 2px auto 0; /* 2px gap mirrors the bar spacing */
}

/* ── Shared button base ── */
.rhb-cta-row a {
    flex: 1;
    display: block;
    padding: 14px 20px;
    text-align: center;
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background .2s, color .2s;
    line-height: 1;
}

/* ── Pre-Order Now – solid gold ── */
.rhb-btn-preorder {
    background: #c9a84c;
    color: #0c0b09 !important;
    border: 2px solid #c9a84c;
    border-radius: 0 0 0 3px;
}
.rhb-btn-preorder:hover {
    background: #d9b85c;
    border-color: #d9b85c;
    color: #0c0b09 !important;
}

/* ── Tour Dates – outlined pink (matches existing brand) ── */
.rhb-btn-tour {
    background: transparent;
    color: #fff !important;
    border: 2px solid #e8218c;
    border-left: none;
    border-radius: 0 0 3px 0;
}
.rhb-btn-tour:hover {
    background: rgba(232, 33, 140, .18);
    color: #fff !important;
}

/* ── Hide the bare store-URL link that currently sits
       beneath the pink bars – the pre-order button replaces it ── */
.rhb-hide-storelink {
    display: none !important;
}