/*
====================================================
   O.S.M.T.J. Knights Templar — Unified Theme
   Custom CSS for Global Styling & Color Consistency
====================================================
*/

/* -----------------------------------------------
   GLOBAL BACKGROUND & TEXT
--------------------------------------------------*/
html, body {
    background-color: #f5f5f5;   /* Soft index-page tone */
    color: #000000;              /* Readable text */
    font-family: "Roboto", sans-serif;
}

/* Remove Bootstrap green/blue backgrounds */
.bg-success,
.bg-primary,
.bg-dark,
.bg-light {
    background-color: #f5f5f5 !important;
    color: #000000 !important;
}

/* Make all sections inherit the unified background */
section {
    background-color: #f5f5f5;
}

/* -----------------------------------------------
   HEADERS & TITLES
--------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    color: #000000;
    font-weight: 700;
    text-transform: none;
}

/* Optional: gold accent for ceremonial headers */
.templar-gold {
    color: #e0c36f;
}

/* -----------------------------------------------
   LINKS
--------------------------------------------------*/
a {
    color: #27ae60; /* Your signature green accent */
    text-decoration: none;
}

a:hover {
    color: #1e8f50;
    text-decoration: underline;
}

/* -----------------------------------------------
   BUTTONS
--------------------------------------------------*/
.btn-success,
button,
input[type="submit"] {
    background-color: #27ae60 !important; /* Templar green */
    border: none;
    color: #ffffff !important;
    font-weight: 600;
}

.btn-success:hover,
button:hover,
input[type="submit"]:hover {
    background-color: #1e8f50 !important;
}

/* -----------------------------------------------
   FORMS
--------------------------------------------------*/
input,
textarea,
select {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    color: #000000;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #27ae60;
    box-shadow: 0 0 4px rgba(39, 174, 96, 0.4);
}

/* -----------------------------------------------
   CARDS / BOXES / PANELS
--------------------------------------------------*/
.templar-box {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* -----------------------------------------------
   FOOTER
--------------------------------------------------*/
footer {
    background-color: #f5f5f5;
    color: #000000;
}

footer a {
    color: #27ae60;
}

/* -----------------------------------------------
   NAVBAR
--------------------------------------------------*/
.navbar,
.navbar-light,
.navbar-dark {
    background-color: #ffffff !important;
    border-bottom: 1px solid #dddddd;
}

.navbar a {
    color: #000000 !important;
}

.navbar a:hover {
    color: #27ae60 !important;
}

/* -----------------------------------------------
   HORIZONTAL RULES
--------------------------------------------------*/
hr {
    border-top: 1px solid #cccccc;
}

/* -----------------------------------------------
   OPTIONAL: TEMPLAR RED ACCENT CLASS
--------------------------------------------------*/
.templar-red {
    color: #b30000;
}

/* -----------------------------------------------
   OPTIONAL: TEMPLAR CROSS WATERMARK (for later)
--------------------------------------------------*/
/*
.watermark {
    background-image: url('/assets/img/templar-cross.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 200px;
    opacity: 0.05;
}
*/
.btn-success {
    background-color: #000000 !important;  /* black */
    border-color: #000000 !important;
    color: #ffffff !important;             /* white text */
}
button.btn.btn-success {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}
a.btn.btn-success {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}
.templar-black-btn {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}