/*!
 * Greys v6 Local Styles
 * Copyright 2008-2017 Punchmark
 */

@import url('css/pages/home.css');


footer .form-control {
    background: transparent !important;
    border-width: 3px !important;
    border-right: none !important;
    border-color: #2B2229 !important;
}

footer .subscribe-widget-xl .btn-primary {
    background-color: #2B2229 !important;
    border-color: #2B2229 !important;
    color: var(--secondary) !important;
}

footer .subscribe-widget-xl .btn-primary:hover,
footer .subscribe-widget-xl .btn-primary:focus {
    background-color: #1e171c !important;
    border-color: #1e171c !important;
    color: var(--secondary) !important;
}

footer .form-control,
footer .form-control::placeholder {
    color: var(--bs-dark) !important;
}

footer .subscribe-widget-xl form label {
    color: var(--bs-dark) !important;
}

footer .subscribe-widget-xl p {
    color: #2B2229 !important;
}

/* ==========================================================
   Gray's Jewelers Bespoke - Announcement Bar
   Mauve background (#D5BDC4) + charcoal text (#2B2229)
   Contrast: 8.7:1 (WCAG AAA)
   ========================================================== */

.alert-global {
  --bs-alert-bg: #D5BDC4;
  --bs-alert-color: #2B2229;
  --bs-alert-border-color: transparent;
  --bs-alert-link-color: #2B2229;
  background-color: #D5BDC4;
  color: #2B2229;
  border-color: transparent;
}

.alert-global,
.alert-global p,
.alert-global span,
.alert-global strong {
  color: #2B2229;
}

/* Links: underline rather than a color shift, so contrast holds at AAA */
.alert-global a,
.alert-global .alert-link {
  color: #2B2229;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.alert-global a:hover,
.alert-global a:focus,
.alert-global .alert-link:hover,
.alert-global .alert-link:focus {
  color: #7D4A5A;
  text-decoration: none;
}

/* Dismiss button ships as .btn-close-white (white icon).
   Revert the invert filter so the icon reads dark on mauve. */
.alert-global .btn-close,
.alert-global .btn-close-white {
  filter: none;
  opacity: 0.65;
}

.alert-global .btn-close:hover,
.alert-global .btn-close-white:hover {
  opacity: 1;
}

.alert-global .btn-close:focus-visible,
.alert-global .btn-close-white:focus-visible {
  outline: 2px solid #2B2229;
  outline-offset: 2px;
  box-shadow: none;
}

/*=====

General

======*/

.btn.btn-primary {
  background: #C6A664 !important;
  color: #000000 !important;
  border: none !important;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background: #deb970 !important;
  color: #000000 !important;
}