/* ============================================================================
 * AWCC brand overrides - Thuiszorgwinkel
 * ----------------------------------------------------------------------------
 * Overschrijft de hardcoded generieke kleuren in de gedeelde plugin
 * `awcc-allround-web-cart-and-checkout` naar de Thuiszorgwinkel-brand:
 *   - primair  #123C57 (donkerblauw)
 *   - accent   #00B1CF (turquoise, hover / actieve step)
 * Foutmeldingen blijven rood; success-indicatoren (afgeronde step, thankyou
 * check-icoon) blijven groen (semantische kleur, geen brand).
 *
 * De plugin gebruikt !important op de primaire knoppen; deze file moet dat dus
 * ook doen om te winnen. Selectors zijn identiek aan de plugin's selectors om
 * exact dezelfde specificiteit te matchen; de auto-enqueue in de AWCF-plugin
 * (public/awcf-public.php:789) plaatst dit bestand LATER in de cascade dan de
 * awcc-*-page.css, dus de laatste declaratie wint.
 * ============================================================================ */

/* ---- Checkout: primaire knoppen -------------------------------------------- */
body.woocommerce-checkout .btn,
body.woocommerce-checkout button,
body.woocommerce-checkout .btn-primary {
    color: #ffffff !important;
    border-color: #123c57 !important;
    background-color: #123c57 !important;
}

body.woocommerce-checkout .btn:hover,
body.woocommerce-checkout button:hover,
body.woocommerce-checkout .btn-primary:hover {
    color: #ffffff !important;
    background-color: #00b1cf !important;
    border-color: #00b1cf !important;
}

/* ---- Checkout: step-indicator (active = actieve stap) --------------------- */
/* Completed step blijft groen (#55a355) - semantisch OK-signaal. */
body.woocommerce-checkout .awcc-step.active {
    background: #00b1cf;
    color: #ffffff;
    border: 2px dotted transparent;
}

/* ---- Cart: primaire knoppen ----------------------------------------------- */
/* !important omdat de AWCC-cart-CSS via de plugin's eigen enqueue LATER in de
   cascade landt dan deze override; zonder !important winnen de generieke groene
   plugin-kleuren van deze site-specifieke overrides bij gelijke specificiteit. */
body.woocommerce-cart .btn,
body.woocommerce-cart button,
body.woocommerce-cart .btn-primary,
body.woocommerce-cart .button {
    color: #ffffff !important;
    border-color: #123c57 !important;
    background-color: #123c57 !important;
}

body.woocommerce-cart .btn:hover,
body.woocommerce-cart button:hover,
body.woocommerce-cart .btn-primary:hover,
body.woocommerce-cart .button:hover {
    color: #ffffff !important;
    background-color: #00b1cf !important;
    border-color: #00b1cf !important;
}

/* ---- Mijn account: login / register / wachtwoord-vergeten ------------------
 * De module `awcf_algemene_stijl` emit een inline <style id="awcf-woocommerce-
 * kleuren"> op wp_head prio 99999 met de LEGACY WooCommerce-Colors-tokens:
 *   .woocommerce form.login, form.register, form.checkout_coupon { border:
 *     1px solid #843712; }   <- roodbruin, off-brand.
 * Die inline-style wint van deze file (zelfde specificiteit, later in de head).
 * Deze regels beatn de inline-style via body.woocommerce-account-scope, dat is
 * één klasse-specificiteit meer -- geen !important nodig. Deze module raakt de
 * awcf_algemene_stijl-module bewust NIET aan; die is site-breed en later apart
 * op te ruimen (staat als to-do in de eigen module-docblock). */
body.woocommerce-account .woocommerce form.login,
body.woocommerce-account .woocommerce form.register,
body.woocommerce-account .woocommerce form.checkout_coupon,
body.woocommerce-lost-password .woocommerce form.lost_reset_password,
body.woocommerce-lost-password .woocommerce form.woocommerce-ResetPassword {
    border: 1px solid #d6d1c9;
    border-radius: 8px;
}

/* Account-navigatie: link-kleur op de default WooCommerce my-account tabs. */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    color: #123c57;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    color: #00b1cf;
}

/* ---- Thankyou / order-received (scoped .awcc-ty) -------------------------- */
/* De thankyou-CSS gebruikt CSS custom-properties; overschrijven op dezelfde
   scope respecteert alle interne verwijzingen (buttons, links, iconen, hero). */
.awcc-ty {
    --awty-ink: #123c57;
    --awty-accent: #00b1cf;
    --awty-accent-bright: #123c57;
}

/* Hover-variant van de primaire thankyou-knop wisselt oorspronkelijk van
   accent-donker naar accent-bright. Met onze omgekeerde tokens (accent =
   turquoise, bright = donkerblauw) draait de knop van turquoise op rust naar
   donkerblauw op hover - consistent met de rest van cart/checkout. */