/* ==========================================================================
   10 · THEME OVERRIDES — reclaiming what style_dynamic.css controls
   --------------------------------------------------------------------------
   The Rebellion theme generates style_dynamic.css from its Theme Options.
   Seven rules there carry the main accent colour and reach the most visible
   elements on the site: every link, solid buttons, text selection, the
   header ground and the loader animation.

   style_dynamic.css is enqueued AFTER the child stylesheets, so matching
   specificity is not enough — every rule in this file needs !important to
   win. That is not defensive styling, it is the only way to override a
   sheet that loads later.

   Changing the Theme Option would be one field instead of this file. It was
   decided against deliberately: the child theme stays the single place
   where this site's design is defined, and nothing depends on a setting
   stored in the database that no one sees in the repository.

   The cost of that decision is this file. If a future theme update adds
   further rules to style_dynamic.css, they will show up in the old accent
   until they are mirrored here.
   ========================================================================== */

/* --- Links ---------------------------------------------------------------
   Rest muted, hover bright, both cool. Linked headings carry the same
   interaction colour — without it nothing tells a reader that a post title
   is clickable, and the listing pages consist almost entirely of them.
   ------------------------------------------------------------------------ */

a {
  color: var(--sm-link) !important;
}

a:hover {
  color: var(--sm-link-hover) !important;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: var(--sm-link) !important;
}

h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover {
  color: var(--sm-link-hover) !important;
}

/* --- Solid buttons -------------------------------------------------------- */

.edgtf-btn.edgtf-btn-solid:not(.edgtf-btn-custom-border-hover):not(.edgtf-btn-custom-hover-bg) {
  background-color: var(--sm-fill) !important;
  color: var(--sm-white) !important;
  border: 0 !important;
  outline: var(--sm-outline) !important;
  outline-offset: 4px !important;
  border-radius: 12px 0 12px 12px !important;
  font-size: 18px !important;
  padding: 14px 32px !important;
}

.edgtf-btn.edgtf-btn-solid:not(.edgtf-btn-custom-border-hover):not(.edgtf-btn-custom-hover-bg):hover {
  background-color: var(--sm-fill-hover) !important;
  color: var(--sm-white) !important;
  border-color: var(--sm-fill-hover) !important;
}

/* --- Text selection ------------------------------------------------------- */

::selection {
  background-color: var(--sm-fill) !important;
  color: var(--sm-white) !important;
}

::-moz-selection {
  background-color: var(--sm-fill) !important;
  color: var(--sm-white) !important;
}

/* --- Header ground --------------------------------------------------------
   The theme paints the menu area from its Theme Options. Note the selector:
   this site runs with the edgtf-light-header body class, not dark — a rule
   scoped to .edgtf-dark-header never matches here, which is exactly the
   trap this file exists to document.

   The header now carries the same ground as the sticky bar, so scrolling
   produces no colour jump.
   ------------------------------------------------------------------------ */

.edgtf-header-standard .edgtf-page-header .edgtf-menu-area,
.edgtf-page-header > div:not(.edgtf-sticky-header) {
  background-color: var(--sm-veil-header) !important;
}

.edgtf-top-bar {
  background-color: transparent !important;
}

.edgtf-light-header .edgtf-top-bar .widget a:hover {
  color: var(--sm-link) !important;
}

/* --- Loader --------------------------------------------------------------- */

.edgtf-st-loader .pulse,
.edgtf-st-loader .double_pulse .double-bounce1,
.edgtf-st-loader .double_pulse .double-bounce2,
.edgtf-st-loader .pulse_circles .ball,
.edgtf-st-loader .cube,
.edgtf-st-loader .rotating_cubes .cube1,
.edgtf-st-loader .rotating_cubes .cube2,
.edgtf-st-loader .stripes > div,
.edgtf-st-loader .wave > div,
.edgtf-st-loader .two_rotating_circles .dot1,
.edgtf-st-loader .two_rotating_circles .dot2,
.edgtf-st-loader .five_rotating_circles .container1 > div,
.edgtf-st-loader .five_rotating_circles .container2 > div,
.edgtf-st-loader .five_rotating_circles .container3 > div,
.edgtf-st-loader .atom .ball-1,
.edgtf-st-loader .atom .ball-2,
.edgtf-st-loader .atom .ball-3,
.edgtf-st-loader .atom .ball-4,
.edgtf-st-loader .clock .ball,
.edgtf-st-loader .mitosis .ball,
.edgtf-st-loader .lines .line1,
.edgtf-st-loader .lines .line2,
.edgtf-st-loader .lines .line3,
.edgtf-st-loader .lines .line4,
.edgtf-st-loader .fussion .ball,
.edgtf-st-loader .wave_circles .ball,
.edgtf-st-loader .pulse_circles .ball {
  background-color: var(--sm-fill) !important;
}

/* --- Form focus ----------------------------------------------------------- */

#respond input[type=text]:focus,
#respond textarea:focus,
.post-password-form input[type=password]:focus,
input[type=email]:focus,
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
  border-color: var(--sm-link) !important;
}