/* =====================================================
   PROPEX INFRA – FINAL BRAND THEME
   Gold + Olive | Premium Infra Look
===================================================== */

/* ---------- BRAND COLORS ---------- */
:root {
    --propex-gold: #F5B400;
    --propex-olive: #7A8B3A;
    --propex-dark: #2E2E2E;
    --propex-light: #f4f6f2;
}

/* ---------- BODY & BACKGROUND ---------- */
html,
body {
    background: var(--propex-light) !important;
    color: var(--propex-dark);
    font-family: 'Poppins', sans-serif;
}

/* ---------- LOGIN PAGE ---------- */
.login-register {
    background: linear-gradient(135deg, var(--propex-olive), var(--propex-gold)) !important;
}

.white-box {
    border-radius: 14px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.18);
    background: #fff;
}

/* ---------- INPUTS ---------- */
.form-control {
    border-radius: 6px;
}

    .form-control:focus {
        border-color: var(--propex-olive);
        box-shadow: 0 0 0 0.15rem rgba(122,139,58,0.25);
    }

/* ---------- PRIMARY BUTTONS ---------- */
.btn-info,
.btn-info.disabled {
    background-color: var(--propex-gold) !important;
    border-color: var(--propex-gold) !important;
    color: #fff !important;
    font-weight: 600;
}

    .btn-info:hover {
        background-color: #e0a800 !important;
        border-color: #e0a800 !important;
    }

/* ---------- DEFAULT BUTTON ---------- */
.btn-default,
.btn-default.disabled {
    background: var(--propex-olive) !important;
    border-color: var(--propex-olive) !important;
    color: #fff !important;
}

    .btn-default:hover {
        background: #6b7b33 !important;
        border-color: #6b7b33 !important;
    }

/* ---------- NAVBAR ---------- */
.navbar-header {
    background: linear-gradient(90deg, var(--propex-olive), var(--propex-gold)) !important;
}

.navbar-top-links > li > a {
    color: #fff !important;
}

/* ---------- PAGE TITLE BAR ---------- */
.bg-title {
    border-top: 4px solid var(--propex-gold) !important;
    border-bottom: 4px solid var(--propex-gold) !important;
}

/* ---------- FOOTER ---------- */
.footer {
    border-top: 4px solid var(--propex-gold) !important;
    background: #f5f5f5;
}

/* ---------- PANELS ---------- */
.panel-info .panel-heading {
    background-color: #857e1b;
    border-color: var(--propex-olive) !important;
    color: #fff !important;
}

.panel .panel-body h3 {
    color: var(--propex-olive);
}

/* ---------- TEXT COLORS ---------- */
.text-info {
    color: var(--propex-gold) !important;
}

.text-primary {
    color: var(--propex-olive) !important;
}

/* ---------- RADIO & CHECKBOX ---------- */
.radio-info input[type="radio"]:checked + label::before {
    border-color: var(--propex-gold);
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: var(--propex-gold);
}

.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: var(--propex-gold);
    border-color: var(--propex-gold);
}

/* ---------- BADGES ---------- */
.badge-info {
    background-color: var(--propex-gold) !important;
}

/* ---------- TABLE ACTIVE ---------- */
.pagination > .active > a,
.pagination > .active > span {
    background-color: var(--propex-gold) !important;
    border-color: var(--propex-gold) !important;
}

/* ---------- LINKS ---------- */
a {
    color: var(--propex-olive);
}

    a:hover {
        color: var(--propex-gold);
    }