/* ── Rohi IT Hub – Brand CSS ─────────────────── */

:root {
  --rohi-navy:      #0b1929;
  --rohi-blue:      #1a6fad;
  --rohi-orange:    #e8843a;
  --rohi-surface:   #132233;
  --rohi-muted:     #7fa4bf;
  --rohi-white:     #ffffff;
}

/* Page background */
body {
  background-color: var(--rohi-navy) !important;
  color: var(--rohi-muted) !important;
  font-family: 'Inter', 'Segoe UI', sans-serif;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: var(--rohi-white) !important;
  font-weight: 700;
}

/* Links */
a {
  color: var(--rohi-blue) !important;
  text-decoration: none;
  transition: color .2s;
}
a:hover {
  color: var(--rohi-orange) !important;
}

/* Navigation bar */
.site-header,
.main-navigation,
#masthead {
  background-color: var(--rohi-navy) !important;
  border-bottom: 1px solid rgba(26, 111, 173, 0.25) !important;
}

.main-navigation a,
.nav-menu a {
  color: var(--rohi-muted) !important;
  font-size: 14px;
  font-weight: 500;
}

.main-navigation a:hover,
.nav-menu a:hover {
  color: var(--rohi-orange) !important;
}

/* Site title / logo text */
.site-title a {
  color: var(--rohi-blue) !important;
  font-weight: 800;
  font-size: 20px;
  letter-spacing: 0.04em;
}

/* Primary button */
.wp-block-button__link,
.button,
button[type="submit"],
input[type="submit"] {
  background-color: var(--rohi-orange) !important;
  color: var(--rohi-white) !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  padding: 10px 22px !important;
  transition: opacity .2s !important;
  cursor: pointer;
}

.wp-block-button__link:hover,
.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  opacity: 0.88 !important;
  color: var(--rohi-white) !important;
}

/* Outline / secondary button */
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  color: var(--rohi-blue) !important;
  border: 2px solid var(--rohi-blue) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--rohi-blue) !important;
  color: var(--rohi-white) !important;
}

/* Cards / widgets / panels */
.wp-block-group,
.wp-block-columns,
.widget,
.card,
.entry-content > *:not(h1):not(h2):not(h3):not(p) {
  background-color: var(--rohi-surface) !important;
  border: 1px solid rgba(26, 111, 173, 0.2) !important;
  border-radius: 10px !important;
  padding: 20px !important;
}

/* Paragraphs */
p {
  color: var(--rohi-muted) !important;
  line-height: 1.7;
}

/* Footer */
.site-footer,
#colophon {
  background-color: var(--rohi-surface) !important;
  border-top: 1px solid rgba(26, 111, 173, 0.2) !important;
  color: var(--rohi-muted) !important;
}

/* Accent border highlight on hover cards */
.wp-block-group:hover {
  border-color: rgba(232, 132, 58, 0.5) !important;
  transition: border-color .25s;
}

/* Inputs / forms */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  background: var(--rohi-navy) !important;
  border: 1px solid rgba(26, 111, 173, 0.4) !important;
  color: var(--rohi-white) !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--rohi-muted) !important;
  opacity: 0.6;
}

input:focus,
textarea:focus {
  border-color: var(--rohi-blue) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(26, 111, 173, 0.2) !important;
}

/* Horizontal rule / divider */
hr {
  border-color: rgba(26, 111, 173, 0.2) !important;
}

/* ── End Rohi IT Hub CSS ──────────────────────── */