/**
 * ISC License
 *
 * Copyright (c) 2026 idnovate.com
 * idnovate is a Registered Trademark & Property of idnovate.com, innovación y desarrollo SCP
 *
 * Permission to use, copy, modify, and/or distribute this software for any
 * purpose with or without fee is hereby granted, provided that the above
 * copyright notice and this permission notice appear in all copies.
 *
 * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
 * REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
 * AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
 * INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
 * LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 * OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 * PERFORMANCE OF THIS SOFTWARE.
 *
 * @author    idnovate
 * @copyright 2026 idnovate.com
 * @license   https://www.isc.org/licenses/ https://opensource.org/licenses/ISC ISC License
 */
/* Baresso FO light stylesheet: product, footer/account, checkout and confirmation.
 * Complex withdrawal forms, order history and BO keep the complete stylesheet.
 * The declarations below are copied unmodified from euwithdrawalbutton.css.
 */

/* ---- Product-page right-of-withdrawal reassurance block ---- */
.wb-product-reassurance {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 13px 15px;
    margin: 16px 0;
    border: 1px solid #e3e8ef;
    border-radius: 10px;
    background: #f7f9fc;
}
.wb-pr-icon { flex: 0 0 auto; color: #1a339a; line-height: 0; margin-top: 1px; }
.wb-pr-icon svg { display: block; }
.wb-pr-body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.wb-pr-title { font-weight: 600; color: #1f2733; font-size: 14.5px; }
.wb-pr-text { color: #5a6675; font-size: 13.5px; line-height: 1.5; }
.wb-pr-link { color: #1a339a; text-decoration: underline; white-space: nowrap; }
.wb-pr-link:hover { color: #14267a; }

.wb-preline { white-space: pre-line; }

/* ---- Primary CTA (order detail / confirmation / form): native Bootstrap look ---- */
.wb-request-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-transform: none !important;
}

/* ---- Order confirmation card (neutral, thin card border) ---- */
.wb-confirmation {
    border: 1px solid #e3e5e8;
    border-radius: 4px;
    background: #fff;
    box-shadow: none;
    margin-bottom: 30px;
}
.wb-confirmation .wb-title { display: flex; align-items: center; gap: 8px; margin-top: 0; }
.wb-confirmation .wb-title .material-icons { color: #4a4f57; }

/* ---- Checkout: digital-content consent (Art. 16.m) ---- */
.wb-dc-box {
    border: 1px solid #e3e5e8;
    border-radius: 4px;
    background: #fbfbfc;
    padding: 12px 14px;
    margin: 0 0 16px;
}
.wb-dc-box.wb-dc-invalid { border-color: #c0392b; background: #fdecea; }
.wb-dc-label { display: flex; align-items: flex-start; gap: 8px; margin: 0; cursor: pointer; font-weight: normal; }
.wb-dc-label input { margin-top: 3px; flex: 0 0 auto; }
.wb-dc-req { color: #c0392b; font-weight: 600; }
.wb-dc-error-msg { display: none; color: #c0392b; margin: 8px 0 0 26px; font-size: 13px; }
.wb-dc-box.wb-dc-invalid .wb-dc-error-msg { display: block; }

/* Account DASHBOARD card layout fallback — scoped to .page-my-account ONLY, so
   it never touches the same hook output when it renders as a compact item in the
   account left-menu (other account pages). Don't force colors. */
.page-my-account #wb-withdrawal-link span.link-item { display: block; height: 100%; padding: 1rem; }
/* Inherit the theme's text color in any account context so the link never
   renders as a stray default-blue link (dashboard card OR account left-menu). */
#wb-withdrawal-link, #wb-withdrawal-link:hover, #wb-withdrawal-link:focus { color: inherit; text-decoration: none; }

/* Footer: right-of-withdrawal entry point (front, all pages) */
.wb-footer-withdrawal {
    flex: 0 0 100%;
    width: 100%;
    text-align: center;
    padding: 14px 0 2px;
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.4;
    border-top: 1px solid rgba(128, 128, 128, .18);
}
.wb-footer-withdrawal a {
    color: inherit;
    opacity: .9;
    text-decoration: none;
}
.wb-footer-withdrawal a:hover { opacity: 1; text-decoration: underline; }
.wb-footer-ico { margin-right: 5px; font-style: normal; }

/* "Right of withdrawal" link inside the "Your account" block. Normal weight so it
   aligns with the other account links; the return arrow sits on the right.
   Merchants can hide it with:  .wb-account-withdrawal { display: none; }          */
.wb-account-withdrawal a { font-weight: normal; }
.wb-account-withdrawal .wb-footer-ico { margin-left: 6px; margin-right: 0; font-style: normal; opacity: .85; }