/*
|--------------------------------------------------------------------------
| mobie-overrides.css
|--------------------------------------------------------------------------
| Global CSS fixes applied on top of Bootstrap.
| Link this AFTER the Bootstrap CDN stylesheet in inc/header.php:
|
|   <link rel="stylesheet"
|         href="<?= DOMAIN_FOLDER ?>css/mobie-overrides.css"/>
|
| Place the file at:  css/mobie-overrides.css  (web root / css folder)
|--------------------------------------------------------------------------
*/

/* ── btn-default: always dark text on white background ─────────────────
   Bootstrap 3's btn-default does not set `color` explicitly — it inherits
   from the parent. When the theme sets body or a global `color: white`,
   the label becomes invisible against btn-default's white background.
   These rules restore the correct appearance unconditionally.
   ──────────────────────────────────────────────────────────────────── */

.btn-default,
.btn-default:link,
.btn-default:visited {
    color           : #333 !important;
    background-color: #fff !important;
    border-color    : #ccc !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color           : #333 !important;
    background-color: #e6e6e6 !important;
    border-color    : #adadad !important;
}

.btn-default:active,
.btn-default.active {
    background-image: none;
    box-shadow      : inset 0 3px 5px rgba(0,0,0,.125);
}

.btn-default[disabled],
.btn-default.disabled {
    color           : #777 !important;
    background-color: #fff !important;
    border-color    : #ccc !important;
    opacity         : .65;
    cursor          : not-allowed;
}

/* Glyphicons inside btn-default — inherit the fixed dark color */
.btn-default .glyphicon {
    color: inherit;
}

/* ── Navbar links: keep white inside .navbar-inverse only ──────────────
   Scope the white color to the navbar so it doesn't bleed into page
   content. If your header.php already has a global `a { color: white }`
   rule, add this to counteract it outside the navbar.
   ──────────────────────────────────────────────────────────────────── */

/* Any <a> that is NOT inside the navbar should use the standard link color */
body a:not(.navbar-brand):not(.navbar-toggle):not([class*="navbar"]) {
    color: #337ab7;   /* Bootstrap 3 default link blue */
}

/* Buttons that contain <a> tags keep their own color scheme */
a.btn {
    color: inherit !important;  /* let the btn-* class control color */
}

a.btn-default,
a.btn-default:link,
a.btn-default:visited,
a.btn-default:hover {
    color: #333 !important;
}

a.btn-primary,
a.btn-primary:link,
a.btn-primary:visited,
a.btn-primary:hover {
    color: #fff !important;
}

a.btn-success,
a.btn-success:link,
a.btn-success:visited,
a.btn-success:hover {
    color: #fff !important;
}

a.btn-info,
a.btn-info:link,
a.btn-info:visited,
a.btn-info:hover {
    color: #fff !important;
}

a.btn-warning,
a.btn-warning:link,
a.btn-warning:visited,
a.btn-warning:hover {
    color: #fff !important;
}

a.btn-danger,
a.btn-danger:link,
a.btn-danger:visited,
a.btn-danger:hover {
    color: #fff !important;
}

/* ── Table cells: ensure text is dark unless explicitly styled ──────── */
td, th {
    color: inherit;
}

/* ── Form controls: always dark text ───────────────────────────────── */
input:not([type="submit"]):not([type="button"]):not([type="reset"]),
select,
textarea {
    color: #333 !important;
}

/* ── Glyphicons in general page context ─────────────────────────────── */
.glyphicon {
    color: inherit;
}