/* ── TrustyCode Brand Theme ── built on #290405 (logo colour) ──────────────── */

:root {
    --tc-primary:       #290405;
    --tc-primary-dark:  #1a0203;
    --tc-primary-mid:   #7a0d11;
    --tc-primary-light: #c41a22;
    --tc-gold:          #d4a017;
    --tc-gold-light:    #f5c518;
    --tc-tint:          #fdf0f0;
    --tc-tint-border:   #f0cece;
}

/* ── Highlight overrides (replaces AppKit default blue highlight) ──────────── */
.color-highlight       { color: #7a0d11 !important; }
.color-highlight-dark  { color: #290405 !important; }
.bg-highlight          { background-color: #290405 !important; color: #fff !important; }
.bg-highlight-dark     { background-color: #290405 !important; color: #fff !important; }
.bg-highlight-light    { background-color: #c41a22 !important; color: #fff !important; }
.border-highlight      { border-color: #290405 !important; }

.gradient-highlight {
    background-image: linear-gradient(to bottom, #c41a22, #290405) !important;
    color: #fff !important;
}

/* ── Hero card — override gradient-dark to brand maroon ───────────────────── */
.gradient-dark {
    background-image: linear-gradient(to bottom, #5c0a0e, #290405) !important;
}

/* ── Buttons ──────────────────────────────────────────────────────────────── */
.btn-highlight,
.bg-highlight.btn {
    background-color: #290405 !important;
    border-color: #290405 !important;
    color: #fff !important;
}
.btn-highlight:hover { background-color: #1a0203 !important; }

/* ── Input focus ring ─────────────────────────────────────────────────────── */
.focus-highlight:focus {
    border-color: #7a0d11 !important;
    box-shadow: 0 0 0 0.2rem rgba(41, 4, 5, 0.2) !important;
}

/* ── Gold accent utility ──────────────────────────────────────────────────── */
.color-gold  { color: #d4a017 !important; }
.bg-gold     { background-color: #d4a017 !important; color: #fff !important; }

/* ── Warm tint utility ────────────────────────────────────────────────────── */
.bg-brand-tint    { background-color: #fdf0f0 !important; }
.border-brand-tint{ border-color: #f0cece !important; }

/* ── Admin badge in admin dashboard ──────────────────────────────────────── */
.badge.bg-red-dark { background-color: #290405 !important; }

/* ── Footer bar active colour ─────────────────────────────────────────────── */
#footer-bar a.active-nav { color: #7a0d11 !important; }

/* ── Menu active / selected item ─────────────────────────────────────────── */
.menu-active, .active-menu { border-color: #290405 !important; color: #290405 !important; }

/* ── Service wizard shared utilities ─────────────────────────────────────── */
.wiz-input { border: 1.5px solid #e0d6d6 !important; border-radius: 10px !important; padding: 10px 12px !important; }
.wiz-opt   { border: 2px solid #e8e0e0; cursor: pointer; background: #fff; border-radius: 10px; transition: border-color 0.15s, background 0.15s; }
.wiz-quick-amt { display:inline-block; background:#fdf0f0; color:#290405; border:1px solid #f0cece; cursor:pointer; border-radius:8px; padding:3px 10px; font-size:11px; font-weight:600; user-select:none; }
.wiz-quick-amt:hover { background:#f0cece; }

/* ── Compact page-title header ───────────────────────────────────────────── */
.page-title {
    margin-top: 8px !important;
    margin-bottom: 12px !important;
}
.page-title-logo {
    height: 26px !important;
}
body.theme-light .page-title h1,
body.theme-dark  .page-title h1 {
    background-size: auto 22px !important;
    width: 120px !important;
}
.page-title-icon {
    height: 32px !important;
    width: 32px !important;
    line-height: 33px !important;
    border-radius: 12px !important;
    margin-right: 8px !important;
}
.page-title-clear {
    height: 60px !important;
}