/*
Theme Name: Rakettitukku
Theme URI: https://rakettitukku.fi
Description: Rakettitukun teema. Breakdance Zero Theme -lapsiteema.
Author: Rakettitukku
Template: breakdance-zero-theme-master
Version: 1.0.0
Requires PHP: 7.4
Text Domain: rakettitukku
*/

@font-face {
  font-family: 'ITCMachineProBold';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/wp-content/uploads/breakdance/fonts/font.woff2') format('woff2');
}

/*
 * Koodilohkosäännöt: rajattu Breakdance-sivuihin.
 *
 * Nämä kaksi sääntöä on kirjoitettu Breakdance-sivujen koodilohkoja varten.
 * Koodilla rakennettu sisältö renderöityy Fallback-templaten samaan
 * bde-code-block -elementtiin, jolloin säännöt osuvat siihenkin: otsikot
 * muuttuisivat keltaisiksi ja overflow-x leikkaisi reunasta reunaan
 * levittyvät elementit sekä rikkoisi position:stickyn.
 *
 * Sääntöjä ei voi poistaa — niitä tarvitaan oikeilla Breakdance-sivuilla
 * eikä kaikkia 374:ää voi käydä läpi. Siksi ne rajataan pois koodisivuilta
 * body-luokalla rt-koodisivu, jonka inc/perusta/moduulit.php lisää.
 * Vanhoilla sivuilla luokkaa ei ole, joten ne käyttäytyvät ennallaan.
 */

body:not(.rt-koodisivu) .bde-code-block {
  max-width: 100%;
  overflow-x: hidden;
}

body:not(.rt-koodisivu) .bde-code-block h2,
body:not(.rt-koodisivu) .bde-code-block h3 {
  color: #ffed00 !important;
  font-family: 'ITCMachineProBold', sans-serif !important;
}

/* Koodisivulla kääre saa olla täysleveä, jotta hero voi levittyä. */
body.rt-koodisivu .bde-code-block {
  align-self: stretch;
  width: 100%;
}

.ympyrivuotiset-osio,
.ympyrivuotiset-osio .bde-section {
  background-color: transparent !important;
  background-image: none !important;
}


/* Single Post template – poista Gutenberg-blokkien kapeusrajoitus */
.bde-themeless-template-content-area {
  --wp--style--global--content-size: 100% !important;
  --wp--style--global--wide-size: 100% !important;
}
.bde-themeless-template-content-area .wp-block-post-content > *,
.bde-themeless-template-content-area .entry-content > *,
.bde-themeless-template-content-area .is-layout-flow > * {
  max-width: 100% !important;
}
.bde-themeless-template-content-area .alignwide,
.bde-themeless-template-content-area .alignfull {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* --------------------------------------------------------------
   Vaalea sivupohja
   --------------------------------------------------------------
   Navigaation tekstit ovat valkoisia, koska ne on suunniteltu tummien
   hero-kuvien päälle. Koodilla rakennetuilla sivuilla tausta on vaalea,
   jolloin valkoinen ei erotu.

   Sivu ottaa tumman navigaation käyttöön body-luokalla rt-vaalea-sivu.
   Tämä on sivustolaajuinen ominaisuus eikä sivukohtainen korjaus: kun
   seuraavat sivut siirretään koodiin, ne saavat saman pelkällä luokalla.

   Ehto :not(--sticky-styles) on olennainen. Breakdance lisää sen luokan
   kun headeria on vieritetty, ja asettaa samalla mustan taustan. Tumma
   teksti mustalla taustalla olisi yhtä lukukelvoton kuin valkoinen
   vaalealla, joten vieritetyssä tilassa väri jää Breakdancen omaksi.

   Aktiivinen valikkokohta tarvitsee oman valitsimensa: Breakdancen
   sääntö .breakdance-menu-item--active .breakdance-menu-link on
   spesifisyydeltään (0,4,0) eli voittaisi pelkän .breakdance-menu-linkin.

   Kohteena ovat Breakdancen yleiset elementtiluokat eivätkä numeroidut
   instanssit (.bde-wp-menu-25-124), jotka vaihtuvat jos header
   rakennetaan Breakdancessa uudelleen. Kytkentä poistuu kokonaan kun
   header siirtyy koodiin.
   -------------------------------------------------------------- */

body.rt-vaalea-sivu .bde-header-builder:not(.bde-header-builder--sticky-styles) .breakdance-menu-link,
body.rt-vaalea-sivu .bde-header-builder:not(.bde-header-builder--sticky-styles) .breakdance-menu-link:hover,
body.rt-vaalea-sivu .bde-header-builder:not(.bde-header-builder--sticky-styles) .breakdance-menu-item--active .breakdance-menu-link,
body.rt-vaalea-sivu .bde-header-builder:not(.bde-header-builder--sticky-styles) .breakdance-menu-item--active:hover .breakdance-menu-link,
body.rt-vaalea-sivu .bde-header-builder:not(.bde-header-builder--sticky-styles) .bde-text-link,
body.rt-vaalea-sivu .bde-header-builder:not(.bde-header-builder--sticky-styles) .bde-text {
	color: #191919;
}

/* Hampurilaisvalikon viivat seuraavat samaa ehtoa. */
body.rt-vaalea-sivu .bde-header-builder:not(.bde-header-builder--sticky-styles) .breakdance-menu-toggle {
	--toggle-layer-color: #191919;
	--toggle-layer-color-hover: #191919;
}