/* Headerin tausta ei saa riippua JavaScriptista.
 *
 * Alkuperaisessa toteutuksessa header on lapinakyva, ja violetin taustan antaa
 * Elementorin sticky-skripti luokalla .elementor-sticky--effects. Logo on
 * valkoinen. Jos skripti ei ehdi ajaa tai se estyy, header jaa lapinakyvaksi:
 * etusivulla sen takana on tumma hero-kuva eika mitaan huomaa, mutta alasivuilla
 * taustana on valkoinen ja valkoinen logo katoaa nakyvista kokonaan.
 *
 * Mitattu 2026-09-12: sama kaytos on myos asiakkaan nykyisella sivustolla, eli
 * tama ei ole kloonausvirhe vaan alkuperaisen toteutuksen hauraus. Andy nakisi
 * sen omalla koneellaan ja pyysi korjauksen.
 *
 * Korjaus antaa headerille saman violetin taustan jonka sticky-skripti antaisi.
 * Lopputulos on identtinen silloin kun skripti ajaa, ja oikea myos silloin kun
 * se ei aja. Varia ei valittu silmalla vaan luettu ajonaikaisesta tyylista:
 * rgb(61, 41, 118) eli #3D2976, sama kuin sivuston paavari.
 */
[data-elementor-type="header"] > .elementor-element,
[data-elementor-type="header"] > div > .elementor-element {
  background-color: #3D2976;
}

/* Footerin tekijamerkinta vie saman tilan kuin korvattu.
 *
 * "Website by. Metahold.eu - Hosted by. Suomi Solutions" on yli kaksi kertaa
 * pidempi kuin korvattu "Kotisivut: Sivustamo Oy", joten se rivittyy kapealla
 * naytolla kahdelle riville ja kasvattaa JOKAISTA sivua 25 pikselilla. Klooni
 * ei silloin ole enaa saman korkuinen kuin lahde.
 *
 * Mitattu 390 px leveydella: yksi rivi 26 px, kaksi rivia 51 px. Fonttikoko
 * 13 px riittaa mahduttamaan tekstin yhdelle riville. Merkinta on tehtaan omaa
 * sisaltoa, joten sen kokoa saa saataa; asiakkaan tekstiin ei kosketa.
 */
@media (max-width: 767px) {
  [data-ah-tekija] {
    font-size: 13px;
  }
}

/* Tekijamerkinnan linkeille riittava kosketusalue ILMAN korkeusmuutosta.
 *
 * Linkit ovat 20 px korkeita, eli alle 24 pikselin kosketusminimin. Paddingin
 * lisaaminen kasvattaisi footeria ja rikkoisi kloonin identtisyyden, joten
 * alue laajennetaan pseudo-elementilla joka ei vaikuta sommitteluun lainkaan.
 * Lopputulos: 28 px kosketusalue, 0 px korkeusmuutos.
 *
 * Asiakkaan omiin linkkeihin ei kosketa: ne ovat samankokoisia myos lahteessa,
 * ja niiden korjaus kuuluu refaktorointiin.
 */
[data-ah-tekija] a {
  position: relative;
}

[data-ah-tekija] a::after {
  content: "";
  position: absolute;
  top: -4px;
  right: 0;
  bottom: -4px;
  left: 0;
}