/*! ==========================================================================
   defaults.css — CSS-only fallback colors for the Gratitude Wall theme.
   These values are overridden at runtime by the inline PHP styles in
   _head.php (which read from WordPress theme options) and then again by
   updates.css.  Keep these in sync with the `std` defaults in
   functions/theme-settings.php so a fresh activation looks correct.
   Load order:  style.css  ▸  defaults.css  ▸  inline <style>  ▸  updates.css
   ========================================================================== */


/* ------------------------------------------------------------------
   1. BUTTONS & ACCENT BACKGROUNDS
   ------------------------------------------------------------------ */
.btn,
span.privacy-flag,
span.icon-wrapper-circle { background-color:#3f403f; }


/* ------------------------------------------------------------------
   2. BODY / PAGE BACKGROUND
   ------------------------------------------------------------------ */
body,
main#main,
#slide-out-menu { background-color:#e6e8e6; }


/* ------------------------------------------------------------------
   3. BANNER (Jumbotron)
   ------------------------------------------------------------------ */
.jumbotron { background-color:#343434; border-color:#343434; color:#ced0ce; }


/* ------------------------------------------------------------------
   4. FORM ELEMENTS & ICON WRAPPERS
   ------------------------------------------------------------------ */
input.form-control,
textarea.form-control,
select.form-control { border-color:#3f403f; }

.icon-wrapper,
.icon-wrapper span { background-color:#3f403f; border-color:#3f403f; color:#e6e8e6; }

.icon-wrapper span { background-color:#e6e8e6; border-color:#3f403f; }

.icon-wrapper.selected,
.icon-wrapper.selected span,
.icon-wrapper:hover,
.icon-wrapper:hover span { background-color:#343434; border-color:#343434; color:#e6e8e6; }

.icon-wrapper.selected span,
.icon-wrapper:hover span { background-color:#4cb26a; border-color:#343434; }


/* ------------------------------------------------------------------
   5. FONT / TEXT COLOR
   ------------------------------------------------------------------ */
.btn { color:#ffffff; }
footer, body { color:#373a3c; }
body h1, #gratitude-info, #gratitude-info h4, #gratitude-info p, #slide-out-menu { color:#373a3c; }


/* ------------------------------------------------------------------
   6. LINK COLOR
   ------------------------------------------------------------------ */
a { color:#3f403f; }
.btn { border-color:#3f403f; }
a.btn { color:#ffffff; background-color:#3f403f; }


/* ------------------------------------------------------------------
   7. HOVER / FOCUS / ACTIVE STATES
   ------------------------------------------------------------------ */
a:hover { color:#1a6b3f; }
a.btn:hover, .btn:hover { background-color:transparent; color:#1a6b3f; border-color:#1a6b3f; }
a.btn:focus, .btn:focus, a.btn:active, .btn:active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle { background-color:#343434; color:#1a6b3f; }


/* ------------------------------------------------------------------
   8. HEADER / NAVIGATION BAR
   ------------------------------------------------------------------ */
header#gratitude-header nav.navbar-dark.bg-dark.shadow-sm.p-2 { background-color:#e6e8e6!important; }
header#gratitude-header nav.navbar-dark.bg-dark.shadow-sm.p-2 .navbar-brand { color:#3f403f!important; }

header#gratitude-header nav.navbar-dark.bg-dark.shadow-sm.p-2 .navbar-toggler,
header#gratitude-header nav.navbar-dark.bg-dark.shadow-sm.p-2 .navbar-toggler .navbar-toggler-icon { border-color:#3f403f!important; color:#3f403f!important; }


/* ------------------------------------------------------------------
   9. SLIDESHOW / CAROUSEL
   ------------------------------------------------------------------ */
ol.carousel-indicators li { border-color:#ffffff!important; }
ol.carousel-indicators li.active { background-color:#ffffff!important; }
.carousel-inner { border-color:#3f403f!important; }