/*
 * Brownington Works — Site Accent Styles
 * Cobalt Blue (#0A2463) + True Gold (#D4AF37)
 * Complements the header and footer branding
 */

/* ─── CSS Variables ─────────────────────────── */
:root {
  --bw-cobalt:       #0A2463;
  --bw-cobalt-mid:   #1565C0;
  --bw-cobalt-light: #E8F0FE;
  --bw-gold:         #D4AF37;
  --bw-gold-light:   #F0CF6A;
  --bw-gold-muted:   rgba(212,175,55,0.15);
}

/* ─── Body & Layout ─────────────────────────── */
body {
  background-color: #F8F9FC;
}

/* ─── Headings ──────────────────────────────── */
h1, h2, h3,
.wp-block-heading h1,
.wp-block-heading h2,
.wp-block-heading h3 {
  color: var(--bw-cobalt);
}

h4, h5, h6 {
  color: #1A3A6B;
}

/* ─── Links ─────────────────────────────────── */
a {
  color: var(--bw-cobalt-mid);
  transition: color 0.2s ease;
}
a:hover {
  color: var(--bw-gold);
}

/* ─── Buttons ───────────────────────────────── */
.wp-block-button__link,
.wp-element-button,
button[type="submit"],
input[type="submit"] {
  background-color: var(--bw-cobalt) !important;
  color: #fff !important;
  border: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.wp-block-button__link:hover,
.wp-element-button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background-color: var(--bw-gold) !important;
  color: var(--bw-cobalt) !important;
}

/* ─── Gold CTA / primary button variant ─────── */
.wp-block-button.is-style-fill .wp-block-button__link {
  background-color: var(--bw-gold) !important;
  color: var(--bw-cobalt) !important;
  font-weight: 700;
}
.wp-block-button.is-style-fill .wp-block-button__link:hover {
  background-color: var(--bw-gold-light) !important;
  color: var(--bw-cobalt) !important;
}

/* ─── Horizontal Rules / Dividers ───────────── */
hr,
.wp-block-separator {
  border-color: rgba(212,175,55,0.35);
  border-top-width: 1px;
}

/* ─── Card-style blocks ─────────────────────── */
.wp-block-group,
.entry-content .wp-block-group {
  border-top: 3px solid transparent;
}
.wp-block-group.has-background {
  border-top-color: var(--bw-gold);
}

/* ─── Tables ─────────────────────────────────── */
table th {
  background-color: var(--bw-cobalt);
  color: #fff;
}
table td {
  border-bottom: 1px solid #D8E3F0;
}
table tr:hover td {
  background-color: var(--bw-cobalt-light);
}

/* ─── Form inputs ───────────────────────────── */
input[type="text"],
input[type="email"],
input[type="number"],
select,
textarea {
  border: 1px solid #C5D4E8;
  border-radius: 4px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
  border-color: var(--bw-cobalt-mid);
  box-shadow: 0 0 0 3px rgba(21,101,192,0.15);
  outline: none;
}

/* ─── Blockquote ─────────────────────────────── */
blockquote,
.wp-block-quote {
  border-left: 4px solid var(--bw-gold);
  padding-left: 1.25rem;
  color: #3A4A6B;
}

/* ─── Selection highlight ───────────────────── */
::selection {
  background-color: var(--bw-gold-muted);
  color: var(--bw-cobalt);
}

/* ─── Scrollbar (Webkit) ─────────────────────── */
::-webkit-scrollbar-thumb {
  background-color: #C5D4E8;
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--bw-cobalt-mid);
}