/* Rijs Textiles — sitebrede knopstijl (wens 06-11).
   Terugknop (.buttons .pull-left .btn-default, o.a. accountpagina's) zoals "Bekijk winkelwagen" in de minicart:
   wit met donkere rand, Oswald in kapitalen, rechte hoeken. Geladen via <link> in common/header.twig. */
html body .buttons .pull-left a.btn.btn-default,
html body .buttons .pull-left button.btn.btn-default {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 46px;
  padding: 0 22px !important;
  border: 1.5px solid #333745 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #333745 !important;
  box-shadow: none !important;
  font-family: Oswald, 'Arial Narrow', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: .6px;
  text-transform: uppercase;
  text-decoration: none !important;
  line-height: 1 !important;
}
html body .buttons .pull-left a.btn.btn-default::before,
html body .buttons .pull-left button.btn.btn-default::before { color: #333745 !important; font-size: 15px !important; margin: 0 !important; }
html body .buttons .pull-left a.btn.btn-default:hover,
html body .buttons .pull-left button.btn.btn-default:hover { background: #f4f5f6 !important; color: #333745 !important; border-color: #333745 !important; }
html body .buttons .pull-left a.btn.btn-default:hover::before,
html body .buttons .pull-left button.btn.btn-default:hover::before { color: #333745 !important; }
html body .buttons .pull-left a.btn.btn-default:focus-visible,
html body .buttons .pull-left button.btn.btn-default:focus-visible { outline: 3px solid #5b9dd9; outline-offset: 2px; }

/* Hoofdknop rechts (.buttons .pull-right .btn-primary: Continue, New Address …) zoals "Checkout" in de minicart:
   groen, Oswald in kapitalen, rechte hoeken, even hoog als de terugknop. */
html body .buttons .pull-right a.btn.btn-primary,
html body .buttons .pull-right button.btn.btn-primary,
html body .buttons .pull-right input.btn.btn-primary {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 46px;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #006610 !important;
  color: #fff !important;
  box-shadow: none !important;
  font-family: Oswald, 'Arial Narrow', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: .6px;
  text-transform: uppercase;
  text-decoration: none !important;
  line-height: 1 !important;
}
html body .buttons .pull-right .btn.btn-primary::before,
html body .buttons .pull-right .btn.btn-primary::after { color: #fff !important; font-size: 15px !important; margin: 0 !important; }
html body .buttons .pull-right a.btn.btn-primary:hover,
html body .buttons .pull-right button.btn.btn-primary:hover,
html body .buttons .pull-right input.btn.btn-primary:hover { background: #004f0c !important; color: #fff !important; }
html body .buttons .pull-right .btn.btn-primary:focus-visible { outline: 3px solid #5b9dd9; outline-offset: 2px; }

/* Succesmelding overal zoals in winkelwagen en checkout (rt_meterstuk.js, wens 05-11): lichtgroen vlak, groene streep links */
html body .alert-success {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px !important;
  background: #eef5ef !important;
  border: 0 !important;
  border-left: 3px solid #006610 !important;
  border-radius: 0 !important;
  color: #333745 !important;
  font-size: 14px;
  box-shadow: none !important;
}
html body .alert-success .fa { color: #006610; font-size: 18px; }
html body .alert-success .close { margin-left: auto; color: #5F6874; opacity: .7; }