/* Stoke Helper: Quote button styles.
 * Add to Quote button and YITH message styles, moved on 1 Oct 2026 from Elementor element Custom CSS:
 *   Single product template (1495): shortcodes 57cce9b (.afq-search-single-1) and 55b5a50 (.afq-search-single-2)
 *   Product listing items (1231, 1510): shortcodes 6a1de86 and 2240c60 (.afq-directory-add, identical copies)
 *   Search result listing item (1627): shortcode af33ead (.afq-search-add)
 * Rules are word for word. Rules that were not scoped to a class are wrapped in
 * :where(body:has(.class)) so they still only apply on the pages where their element appears,
 * with no change to specificity. Order matters and copies the result before the move: directory
 * button rules, then single product, then directory message rules, then search results.
 */

/* ===== Product Directory cards (was 1231 / 6a1de86 and 1510 / 2240c60) ===== */
/* Add to Quote text link - Product Directory cards */
.afq-directory-add .yith-ywraq-add-to-quote .add-request-quote-button,
.afq-directory-add .yith-ywraq-add-to-quote .add-request-quote-button.button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    color: #999999 !important;
    font-family: "proxima-nova", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.3px !important;
    text-transform: none !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

/* Arrow */
:where(body:has(.afq-directory-add)) .yith-ywraq-add-to-quote .add-request-quote-button::after {
    content: ">" !important;
    font-size: 18px !important;
    line-height: 0 !important;
    transition: transform 0.2s ease !important;
}

/* Hover - text to black only */
:where(body:has(.afq-directory-add)) .yith-ywraq-add-to-quote .add-request-quote-button:hover,
:where(body:has(.afq-directory-add)) .yith-ywraq-add-to-quote .add-request-quote-button.button:hover,
:where(body:has(.afq-directory-add)) .yith-ywraq-add-to-quote .add-request-quote-button:focus,
:where(body:has(.afq-directory-add)) .yith-ywraq-add-to-quote .add-request-quote-button.button:focus {
    background: none !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    color: #000000 !important;
}

:where(body:has(.afq-directory-add)) .yith-ywraq-add-to-quote .add-request-quote-button:hover::after {
    transform: translateX(3px) !important;
}

/* Kill YITH wrapper spacing */
:where(body:has(.afq-directory-add)) .yith-ywraq-add-to-quote,
:where(body:has(.afq-directory-add)) .yith-ywraq-add-to-quote .yith-ywraq-add-button {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* ===== Single product template (was 1495 / 57cce9b) ===== */
/* ==========================================================
   ADD TO QUOTE BUTTONS — YITH WooCommerce Request A Quote
   ----------------------------------------------------------
   Three visual variants of the "Add to Quote" button,
   scoped to Elementor CSS classes applied per widget:
   
     .afq-search-add       → dark pill,   orange hover
     .afq-search-single-1  → white pill,  orange-fill hover
     .afq-search-single-2  → orange pill, dark-fill hover
   
   Depends on --afq-orange and --afq-dark being available in
   :root (declared in the site-wide Gravity Forms CSS).
   ========================================================== */
/* ---------- Shared: wrapper reset ---------- */
/* Kills the phantom inline-block space and default WooCommerce
   button margins that cause a mystery gap above the button. */
.afq-search-add .yith-ywraq-add-to-quote,
.afq-search-add .yith-ywraq-add-button,
.afq-search-single-1 .yith-ywraq-add-to-quote,
.afq-search-single-1 .yith-ywraq-add-button,
.afq-search-single-2 .yith-ywraq-add-to-quote,
.afq-search-single-2 .yith-ywraq-add-button {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

/* ---------- Shared: base button shape ---------- */
.afq-search-add .yith-ywraq-add-to-quote .add-request-quote-button,
.afq-search-add .yith-ywraq-add-to-quote .add-request-quote-button.button,
.afq-search-single-1 .yith-ywraq-add-to-quote .add-request-quote-button,
.afq-search-single-1 .yith-ywraq-add-to-quote .add-request-quote-button.button,
.afq-search-single-2 .yith-ywraq-add-to-quote .add-request-quote-button,
.afq-search-single-2 .yith-ywraq-add-to-quote .add-request-quote-button.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 90px;
    height: 38px;
    margin: 0 !important;
    padding: 0 24px !important;
    border: 0 !important;
    border-radius: 100px !important;
    font-family: "proxima-nova", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    transition: background 0.25s ease, color 0.25s ease !important;
}

/* ---------- Shared: remove default arrow after label ---------- */
.afq-search-add .yith-ywraq-add-to-quote .add-request-quote-button::after,
.afq-search-single-1 .yith-ywraq-add-to-quote .add-request-quote-button::after,
.afq-search-single-2 .yith-ywraq-add-to-quote .add-request-quote-button::after {
    content: none !important;
}

/* ==========================================================
   VARIANT 1: Dark pill (afq-search-add)
   Dark background, white text, orange hover.
   ========================================================== */
.afq-search-add .yith-ywraq-add-to-quote .add-request-quote-button,
.afq-search-add .yith-ywraq-add-to-quote .add-request-quote-button.button {
    background: var(--afq-dark) !important;
    color: #fff !important;
}

.afq-search-add .yith-ywraq-add-to-quote .add-request-quote-button:hover,
.afq-search-add .yith-ywraq-add-to-quote .add-request-quote-button.button:hover {
    background: var(--afq-orange) !important;
    color: #fff !important;
}

/* ==========================================================
   VARIANT 2: White pill (afq-search-single-1)
   White background, orange text, orange-fill hover.
   ========================================================== */
.afq-search-single-1 .yith-ywraq-add-to-quote .add-request-quote-button,
.afq-search-single-1 .yith-ywraq-add-to-quote .add-request-quote-button.button {
    background: #fff !important;
    color: var(--afq-orange) !important;
}

.afq-search-single-1 .yith-ywraq-add-to-quote .add-request-quote-button:hover,
.afq-search-single-1 .yith-ywraq-add-to-quote .add-request-quote-button.button:hover {
    background: var(--afq-orange) !important;
    color: #fff !important;
}

/* ==========================================================
   VARIANT 3: Orange pill (afq-search-single-2)
   Orange background, white text, dark-fill hover.
   ========================================================== */
.afq-search-single-2 .yith-ywraq-add-to-quote .add-request-quote-button,
.afq-search-single-2 .yith-ywraq-add-to-quote .add-request-quote-button.button {
    background: var(--afq-orange) !important;
    color: #fff !important;
}

.afq-search-single-2 .yith-ywraq-add-to-quote .add-request-quote-button:hover,
.afq-search-single-2 .yith-ywraq-add-to-quote .add-request-quote-button.button:hover {
    background: var(--afq-dark) !important;
    color: #fff !important;
}

/* ==========================================================
   YITH REQUEST A QUOTE — Response messages
   ----------------------------------------------------------
   Styles all three post-click messages consistently:
     - "Product added to the list"        (success message)
     - "This product is already in..."    (already-in-list message)
     - "Browse the list"                  (link shown alongside)
   ========================================================== */
:where(body:has(.afq-search-single-1)) .yith_ywraq_add_item_product_message,
:where(body:has(.afq-search-single-1)) .yith_ywraq_add_item_response_message,
:where(body:has(.afq-search-single-1)) .yith_ywraq_add_item_browse_message,
:where(body:has(.afq-search-single-1)) .yith_ywraq_add_item_browse_message a {
    font-family: "proxima-nova", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    color: var(--e-global-color-197da7d) !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* "Browse the list" link — same colour, underlined so it reads as a link */
:where(body:has(.afq-search-single-1)) .yith_ywraq_add_item_browse_message a {
    text-decoration: underline !important;
}

:where(body:has(.afq-search-single-1)) .yith_ywraq_add_item_browse_message a:hover {
    color: var(--afq-orange) !important;
}

/* ===== Single product template (was 1495 / 55b5a50) ===== */
/* Shared: base button shape */
.afq-search-single-1 .yith-ywraq-add-to-quote .add-request-quote-button,
.afq-search-single-1 .yith-ywraq-add-to-quote .add-request-quote-button.button,
.afq-search-single-2 .yith-ywraq-add-to-quote .add-request-quote-button,
.afq-search-single-2 .yith-ywraq-add-to-quote .add-request-quote-button.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 90px;
    height: 48px;
    margin: 0 !important;
    padding: 0 32px !important;
    border: 0 !important;
    border-radius: 100px !important;
    font-family: "proxima-nova", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    transition: background 0.25s ease, color 0.25s ease !important;
}

/* Shared: no arrow */
.afq-search-single-1 .yith-ywraq-add-to-quote .add-request-quote-button::after,
.afq-search-single-2 .yith-ywraq-add-to-quote .add-request-quote-button::after {
    content: none !important;
}

/* ---------- VARIANT 1: white bg, orange text ---------- */
.afq-search-single-1 .yith-ywraq-add-to-quote .add-request-quote-button,
.afq-search-single-1 .yith-ywraq-add-to-quote .add-request-quote-button.button {
    background: #fff !important;
    color: var(--afq-orange) !important;
}

.afq-search-single-1 .yith-ywraq-add-to-quote .add-request-quote-button:hover,
.afq-search-single-1 .yith-ywraq-add-to-quote .add-request-quote-button.button:hover {
    background: var(--afq-orange) !important;
    color: #fff !important;
}

/* ---------- VARIANT 2: orange bg, white text ---------- */
.afq-search-single-2 .yith-ywraq-add-to-quote .add-request-quote-button,
.afq-search-single-2 .yith-ywraq-add-to-quote .add-request-quote-button.button {
    background: var(--afq-orange) !important;
    color: #fff !important;
}

.afq-search-single-2 .yith-ywraq-add-to-quote .add-request-quote-button:hover,
.afq-search-single-2 .yith-ywraq-add-to-quote .add-request-quote-button.button:hover {
    background: var(--afq-dark) !important;
    color: #fff !important;
}

/* ===== Product Directory cards, YITH messages (was 1231 / 6a1de86 and 1510 / 2240c60) =====
   After the single product sections: on product pages these message styles win over the
   single product ones, as they did before the move. */
/* "Browse the list" state */
:where(body:has(.afq-directory-add)) .yith_ywraq_add_item_browse_message a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--afq-orange) !important;
    font-family: "proxima-nova", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.3px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

:where(body:has(.afq-directory-add)) .yith_ywraq_add_item_browse_message a::after {
    content: ">" !important;
    font-size: 18px !important;
    line-height: 0 !important;
}

:where(body:has(.afq-directory-add)) .yith_ywraq_add_item_browse_message a:hover {
    color: #000000 !important;
}

/* "Already in your list" message */
:where(body:has(.afq-directory-add)) .yith_ywraq_add_item_response_message {
    font-family: "proxima-nova", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    color: var(--e-global-color-197da7d) !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ===== Search results (was 1627 / af33ead) ===== */
/* Search results: dark pill */
.afq-search-add .yith-ywraq-add-to-quote .add-request-quote-button,
.afq-search-add .yith-ywraq-add-to-quote .add-request-quote-button.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 90px;
    height: 38px;
    padding: 0 24px !important;
    background: var(--afq-dark) !important;
    border: 0 !important;
    border-radius: 100px !important;
    color: #fff !important;
    font-family: "proxima-nova", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: background 0.25s ease !important;
}

.afq-search-add .yith-ywraq-add-to-quote .add-request-quote-button::after {
    content: none !important;
}

.afq-search-add .yith-ywraq-add-to-quote .add-request-quote-button:hover {
    background: var(--afq-orange) !important;
    color: #fff !important;
}

.afq-search-add .yith-ywraq-add-to-quote,
.afq-search-add .yith-ywraq-add-button {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

.afq-search-add .yith-ywraq-add-to-quote .add-request-quote-button,
.afq-search-add .yith-ywraq-add-to-quote .add-request-quote-button.button {
    margin: 0 !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}