/* ==========================================================================
   Quda Live – light theme for the older website pages (about, contact,
   sign-up, policies, social…). Loaded after their old style.css.
   The dark navbar/footer come from quda-site.css (front/quda partials).
   ========================================================================== */

body {
    font-family: 'Plus Jakarta Sans', 'Poppins', Helvetica, Arial, sans-serif;
    color: #1f2d27;
    background-color: #f1faf4;
    background-image:
        radial-gradient(circle at 100% 0%, rgba(4, 198, 138, .12) 0, rgba(4, 198, 138, 0) 35%),
        radial-gradient(rgba(7, 119, 43, .06) 1px, transparent 1px);
    background-size: auto, 22px 22px;
}

h1, h2, h3, h4, h5, h6,
.ch-1, .ch-2 {
    color: #04432a;
    font-family: 'Plus Jakarta Sans', 'Poppins', Helvetica, Arial, sans-serif;
}

a {
    color: #07a861;
}

a:hover {
    color: #07772b;
}

/* buttons: every old colour becomes the Quda green */
.btn-danger,
.btn-success,
.btn-primary,
.btn-warning,
.btn-info {
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #07a861 0%, #04c68a 100%);
    color: #ffffff;
    font-weight: 700;
    box-shadow: 0 12px 26px -12px rgba(7, 168, 97, .7);
    transition: transform .2s ease, box-shadow .2s ease;
}

.btn-danger:hover,
.btn-success:hover,
.btn-primary:hover,
.btn-warning:hover,
.btn-info:hover,
.btn-danger:focus,
.btn-success:focus,
.btn-primary:focus {
    color: #ffffff;
    background: linear-gradient(135deg, #038d5c 0%, #07a861 100%);
    transform: translateY(-2px);
    box-shadow: 0 16px 30px -12px rgba(7, 168, 97, .8);
}

.btn-outline-danger,
.btn-outline-warning,
.btn-outline-primary {
    border-color: #07a861;
    color: #07a861;
    border-radius: 999px;
}

.btn-outline-danger:hover,
.btn-outline-warning:hover,
.btn-outline-primary:hover {
    background: #07a861;
    border-color: #07a861;
    color: #ffffff;
}

/* forms */
.form-control,
.form-select {
    border-color: #cfe9d9;
    border-radius: 14px;
}

.form-control:focus,
.form-select:focus {
    border-color: #07a861;
    box-shadow: 0 0 0 4px rgba(7, 168, 97, .14);
}

.form-check-input:checked {
    background-color: #07a861;
    border-color: #07a861;
}

/* cards / panels on the old pages */
.card,
.shadow,
.shadow-sm {
    border-color: #dcefe3;
    border-radius: 20px;
}

.text-danger {
    color: #07a861 !important;
}

/* new chrome on old pages */
.q-chrome {
    position: relative;
    z-index: 1030;
}

.q-nav-spacer {
    height: 104px;
}

.q-chrome-footer {
    margin-top: 60px;
    background: #03140d;
    color: #ecfff4;
}

.q-chrome-footer .q-footer {
    margin-top: 0;
}

/* icons swapped in by quda-icons.js */
.qi-fa {
    width: 1.1em;
    height: 1.1em;
    vertical-align: -0.16em;
}

/* on light pages the glass navbar needs a solid dark base */
.q-chrome .q-nav-inner,
.q-chrome .q-nav.is-scrolled .q-nav-inner {
    background: rgba(3, 20, 13, .94);
    box-shadow: 0 18px 40px -20px rgba(3, 20, 13, .6);
}