/* tuholaistorjuja.fi – sivustokohtaiset korjaukset teeman (style.css) päälle */

/* Tekstivalinta: teemasta puuttui valinnan taustaväri, jolloin valittu
   teksti muuttui valkoiseksi vaalealla pohjalla eikä erottunut. */
::-moz-selection { background: #e54d00; color: #fff; text-shadow: none; }
::selection      { background: #e54d00; color: #fff; text-shadow: none; }

/* Napautuskorostus mobiilissa brändivärillä (teemassa arvo puuttui) */
a { -webkit-tap-highlight-color: rgba(229, 77, 0, .2); }

/* Puhelin- ja sähköpostilinkit otsikoissa näyttävät tekstiltä */
.tel-link { color: inherit; text-decoration: none; }
.tel-link:hover, .tel-link:focus { color: inherit; text-decoration: underline; }

/* Näppäimistöllä liikkuvalle näkyvä fokus */
a:focus-visible, button:focus-visible { outline: 2px solid #e54d00; outline-offset: 2px; }
.navbar-primary a:focus-visible, .navbar-primary button:focus-visible,
footer a:focus-visible { outline-color: #fff; }

/* Sisältökuvat eivät koskaan ylitä palstan leveyttä, pitkät sanat rivittyvät */
.content-main img { max-width: 100%; height: auto; }
.content-main { overflow-wrap: break-word; }

@media (max-width: 767px) {
  /* Etusivun otsikot mahtuvat puhelimen näytölle */
  .jumbotron .container h1 { font-size: 28px; }
  .jumbotron .container h2 { font-size: 20px; overflow-wrap: break-word; }

  /* Kuvat tekstin yläpuolelle keskelle, ei kapeaksi palstaksi tekstin viereen */
  .content-main .alignright,
  .content-main .wp-caption.alignright { float: none; margin: 0 auto 20px; }
}