/* ===================================================== */
/* META-LINE / AIKALEIMAT / AVATARIT                     */
/* ===================================================== */

/* Korjaa kaikkien meta-line-elementtien linjauksen */
.meta-line {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  line-height: 1.3;
  gap: 6px;
  vertical-align: middle;
}

/* Aikaleima ja "muokattu" tasaan */
.meta-line-timestamp,
.meta-line-timestamp_edited {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1.3 !important;
  gap: 4px !important;
  font-size: 13px;
  opacity: 0.9;
  vertical-align: middle !important;
}

/* Väli muokattu-tekstin ja avatar-kuvan väliin */
.meta-line-timestamp_edited::after {
  content: "";
  display: inline-block;
  width: 0.35em;
}

/* Avatar + nimi */
.meta-line-timestamp_edited a.user-avatar-circle {
  display: inline-flex;
  align-items: center;
  margin-left: 0;
}

.meta-line-timestamp_edited a.user-avatar-circle img {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: 0 4px;
}

/* Väli avatarin ja nimen välille */
.meta-line-timestamp_edited a.user-avatar-circle + a {
  margin-left: 2px;
}

/* Estä rivin hyppiminen */
.content-actions .meta-line,
.meta-line-timestamp_edited {
  min-height: 22px;
}



/* ===================================================== */
/* MOBIILI / OVERFLOW / CHAT-KUPLA                       */
/* ===================================================== */

/* Estetään horisontaalinen scrollaus koko sivulla */
html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

/* Pääkontit responsiivisiksi */
#main,
.content-grid,
.site-content,
.bp-wrap,
.activity-inner {
  width: 100% !important;
  overflow-x: hidden !important;
}

/* Pitkien linkkien, sanojen ja koodien rivinvaihto */
.activity-content,
.comment-content,
.activity-item,
.bp-comment-content,
.bbp-body,
.post-content,
blockquote,
pre,
code {
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}


/* ===================================================== */
/* KOMMENTIT – LANGAN ALOITUS                           */
/* ===================================================== */

/* Vain langan aloituskommentti (reply-1) saa vasemman palkin */
.post-comment.reply-1 {
  position: relative;
}

.post-comment.reply-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: -0px;
  width: 3px;
  height: 90%;
  background: #7750f8;
  border-radius: 10px;
}





/* ===================================================== */
/* ETUSIVU & TAPAHTUMAT                                  */
/* ===================================================== */

.evo_card_organizer_description,
.evo_card_organizer_description, .marb5 * {
    color: #ffffff !important;
}

/* Otsikon piilotus ja tilan poisto */
.page-id-11307 article.page-open,
.page-id-11307 .page-open-title,
.page-id-11307 .page-open-content,
.page-id-14761 article.page-open,
.page-id-14761 .page-open-title,
.page-id-14761 .page-open-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
  display: block;
}

.page-id-12298 article.page-open,
.postid-12298 article.post-open {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Poista marginit ja paddings sivun 12298 yläreunasta */
.page-id-12298 .page-open-content,
.page-id-12298 .wp-block {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.page-id-12298 .page-open-title,
.postid-12298 .post-open-title {
  display: none !important;
}

/* Piilota otsikko kokonaan molemmilta sivuilta */
.page-id-11307 .page-open-title,
.page-id-14761 .page-open-title {
  display: none !important;
}

/* Etusivun esittely-ruutu */
.page-id-11307 .esittely {
  border-radius: 12px;
  padding: 20px;
  background-color: #1d2333;
}

/* Etusivun ruudukon postaukset */
.page-id-11307 .wp-block-latest-posts__list li {
  border-radius: 12px;
  background-color: #1d2333;
  padding: 15px;
  margin-bottom: 20px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* Etusivun ruudukon kuvien pyöristys */
.page-id-11307 .wp-block-latest-posts__featured-image img {
  border-radius: 8px;
  margin-bottom: 10px;
}

/* Ruudukon pyöristys kaikille sivuille */
.esittely {
  border-radius: 12px;
  padding: 20px;
  background-color: #1d2333;
}



/* ===================================================== */
/* SOSIAALINEN KIRJAUTUMINEN (Nextend)                   */
/* ===================================================== */

.nsl-button-google {
  background-color: #ffffff !important;
}

.nsl-button-google .nsl-button-label-container,
.nsl-button-google .nsl-button-label-container b {
  color: #000000 !important;
}



/* ===================================================== */
/* URANTIAKOLIKKO SIVU                                    */
/* ===================================================== */

.point-item-box .point-item-box-image {
  width: 100px;
  height: auto;
}

.point-item-box .point-item-box-image-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 130px;
  height: 130px;
  margin: 0 auto;
  border-radius: 60%;
  background-color: var(--color-box-over-box-light-background);
  box-shadow: var(--color-overbox-shadow);
}

.grid.grid-3-3-3-3 {
  grid-template-columns: repeat(auto-fit, 100%);
}

.point-item-box .point-item-box-text {
  width: 100%;
  margin: 20px auto 0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4285714286em;
  text-align: center;
}



/* ===================================================== */
/* YLEISET TYYLIT                                        */
/* ===================================================== */

/* Korjaa blogin linkit Vikingerin post-open-content alueella */
.post-open-content:not(.post-open-content-body) a {
    color: #ffffff !important;
}

.post-open-content a:hover {
    color: #ffffff !important;
    opacity: 0.75;
}

/* Navigation widget – linkit valkoiseksi */
a.navigation-widget-section-menu-item-link {
    color: #ffffff !important;
}

/* Hover */
a.navigation-widget-section-menu-item-link:hover {
    color: #ffffff !important;
    opacity: 0.7;
}

/* Dropdown-valikon linkit valkoiseksi */
a.dropdown-navigation-link {
    color: #ffffff !important;
}

/* Hover-tila selkeästi näkyviin */
a.dropdown-navigation-link:hover {
    color: #ffffff !important;
    opacity: 0.7;
}

/* Sivupalkin linkit valkoiseksi */
a.sidebar-menu-link {
    color: #ffffff !important;
}

/* Hover-efekti */
a.sidebar-menu-link:hover {
    color: #ffffff !important;
    opacity: 0.7;
}

/* Päävalikon fontti */
.navigation-widget .menu-item-link {
  color: #ffffff !important;
}


/* Lukukerrat – fontin väri */
.iawp-view-counter,
.iawp-view-counter * {
  color: #ffffff !important;
}

/* Blogipostin lukuaika */
.single-post .span-reading-time,
.single-post .rt-reading-time {
  color: #ffffff !important;
  font-weight: bold !important;
}

.dropdown-navigation .dropdown-navigation-header .dropdown-navigation-button {
  width: auto;
  padding: 0 30px;
  margin-top: 2px;
}

/* Rivinvälit */
h1, h2, h3, h4, h5, h6, a, p {
  line-height: 1.3em;
}



/* ===================================================== */
/* MAKSETUT JÄSENYYDET (PaidMembershipsPro)              */
/* ===================================================== */

.pmpro_card {
  background-color: #282f43 !important;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 16px;
}

.pmpro_card a,
.pmpro_card h3,
.pmpro_card_content,
.pmpro_card_actions,
.pmpro_card_title {
  color: #fff;
}

.pmpro_card_content,
.pmpro_card_actions {
  border: none;
}

.pmpro_card {
  --pmpro--color--accent: #fff;
}

/* Poista kirjaudu-sisään -ilmoitus laatikosta */
.pmpro_card_actions.pmpro_font-medium {
  display: none !important;
}

/* Liity jäseneksi -blogi-ilmoitus */
.pmpro_content_message a,
.pmpro_content_message a:link {
  background-color: #7024e2;
}



/* ===== Urantiakirja – Lukitun blogin overlay ===== */

/* Blurraa koko sivun sisällön */
.urantia-locked-content .site-content,
.urantia-locked-content .content-grid,
.urantia-locked-content article {
  filter: blur(10px);
  pointer-events: none;
  user-select: none;
}

/* Overlay tausta */
.urantia-lock-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background:
    radial-gradient(circle at top,
      rgba(143,108,255,0.25),
      rgba(18,20,40,0.95)
    );
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

/* Keskimmäinen modaalikortti */
.urantia-lock-modal {
  max-width: 720px;
  width: 100%;
  background: linear-gradient(135deg, #2b2350, #1c1f3a);
  border-radius: 20px;
  padding: 48px 40px;
  text-align: center;
  color: #fff;
  box-shadow: 0 30px 80px rgba(0,0,0,.6);
}

.urantia-lock-modal h1 {
  font-size: 2.2rem;
  margin-bottom: 16px;
}

.lock-lead {
  font-size: 1.1rem;
  opacity: 0.9;
  margin-bottom: 32px;
}

/* Napit */
.lock-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}

.lock-btn {
  padding: 14px 28px;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
  transition: all .25s ease;
}

.lock-btn.primary {
  background: linear-gradient(135deg, #8f6cff, #6a4cff);
  color: #fff;
}

.lock-btn.primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(143,108,255,.5);
}

.lock-btn.secondary {
  background: rgba(255,255,255,.08);
  color: #fff;
}

.lock-btn.secondary:hover {
  background: rgba(255,255,255,.15);
}




/* ===================================================== */
/* BLOGI                                                  */
/* ===================================================== */

/* Blogikortit – linkkitekstit valkoiseksi */
a.post-preview-link,
a.meta-line-link {
    color: #ffffff !important;
}

/* Blogikortit – hover violetti */
a.post-preview-link:hover,
a.meta-line-link:hover {
    color: #8f7fff !important; /* Vikinger violet */
}

/* EMBED-laatikon sisäinen padding */
.urantia-simple-embed .use-excerpt {
  display: block;
  padding: 16px 18px;
  border-radius: 10px;
}

/* Piilota tekijäboksi */
.single-post .author-preview,
.single-post .author-preview * {
  display: none !important;
}


/* Tee sisällöstä täysleveä */
.single-post .post-open-content-body {
  width: 100% !important;
}

/* Blogipostin pääotsikko gradient-palkilla */
.post-open .post-open-heading .post-open-title {
  position: relative;
  display: inline-block;
  margin-top: 22px;
  font-size: 2.875rem;
  font-weight: 700;
  word-wrap: break-word;
  padding: 12px 20px;
  background: transparent !important;
  z-index: 2;
}

.post-open .post-open-heading .post-open-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: -150px;
  right: 0;
  height: 100%;
  background: linear-gradient(90deg, #1d2333, #7024e2);
  border-radius: 14px;
  z-index: -1;
  box-shadow: 0 6px 20px rgba(0,0,0,0.35);
}

/* Alaotsikot */
.single-post .post-open-content-body h2,
.single-post .post-open-content-body h3,
.single-post .post-open-content-body .wp-block-heading {
  position: relative;
  display: inline-block;
  padding: 8px 16px;
  background: transparent !important;
  z-index: 2;
}

/* Violetti palkki alaotsikoille */
.single-post .post-open-content-body h2::before,
.single-post .post-open-content-body h3::before,
.single-post .post-open-content-body .wp-block-heading::before {
  content: "";
  position: absolute;
  top: 0;
  left: -150px;
  right: 0;
  height: 100%;
  background: linear-gradient(90deg, #1d2333, #7024e2);
  border-radius: 10px;
  z-index: -1;
  box-shadow: 0 6px 20px rgba(0,0,0,0.35);
}

/* Blogin perusleipäteksti */
.post-open-content p {
  font-size: 16px;
  line-height: 1.6;
  font-weight: normal;
  color: #ffffff;
}

/* Lainaukset */
.wp-block-quote,
blockquote {
  font-size: 15px !important;
  line-height: 1.5 !important;
  font-weight: normal !important;
  padding: 15px !important;
  margin: 15px 0 !important;
  border-left: 4px solid #5538b5 !important;

  /* Erittäin hienovarainen gradientti */
  background: linear-gradient(
    180deg,
    #151b2d 0%,
    #131826 60%,
    #101421 100%
  ) !important;

  /* Kevyt syvyys */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);

  color: #ffffff !important;
}

.wp-block-quote p,
blockquote p {
  font-size: 15px !important;
  font-style: italic !important;
}

/* Pienemmät otsikot */
.wp-block-heading,
h4 {
  font-size: 17px !important;
  font-weight: bold !important;
  line-height: 1.3 !important;
  margin-top: 3em !important;
  margin-bottom: 0.5em !important;
}

.post-open-title,
h2 {
  font-size: 20px !important;
  font-weight: bold !important;
  line-height: 1.3 !important;
  margin-top: 1em !important;
  margin-bottom: 0.5em !important;
}

/* Postauksen lukijamittari */
.post-views {
  color: white;
  text-align: center;
}

.post-views-label,
.post-views-count {
  display: inline;
}

.single-post .post-open-content-sidebar {
  display: none !important;
}

/* ===================================================== */
/* BLOGISISÄLLÖN LINKIT                                 */
/* ===================================================== */

/* Vain leipätekstin linkit */
.single-post .post-open-content-body p a,
.single-post .post-open-content-body li a {
    color: #8f6cff !important;
    border-bottom: 1px solid rgba(143,108,255,0.6);
    text-decoration: none;
    transition: color 0.2s ease, border-color 0.2s ease;
}


/* ===================================================== */
/* ECHO KNOWLEDGE – ARTIKKELISIVU + ML-MODUULIT          */
/* (1. osa, alkuperäinen blokkisi)                       */
/* ===================================================== */

/* Pakota Echo KB breadcrumb -ikonit valkoisiksi */
.eckb-breadcrumb {
    color: #ffffff !important;
}

/* MOBILE FULL-WIDTH READING MODE */
@media (max-width: 768px) {

    /* Anna wrapperille täysi leveys, mutta älä poista varsinaisen tekstialueen paddingia */
    #eckb-article-content,
    .eckb-article-content-container,
    .eckb-article-content-wrapper,
    .epkb-article,
    .eckb-article-content-inner {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Varsinainen tekstilaatikko – täällä padding säädetään: ylä oikea ala vasen padding px */
#eckb-article-content-body {
    padding: 5px 20px 5px 5px !important;
}
		/* <-- KORJATTU mobiilille */
        border-radius: 10px !important;
    }
}


    /* Poista kivireunat joita EchoKB lisää */
    .eckb-article-content {
        box-shadow: none !important;
        background: transparent !important;
    }
}


#eckb-article-content-body {
    font-size: 15px !important;
}

#eckb-article-content-body {
  background-color: #1d2333 !important;
  color: #f0f0f0 !important;
  padding: 20px;
  border-radius: 10px;
}

#eckb-article-content {
  background-color: transparent !important;
}

#eckb-article-content h1 {
  font-size: 23px !important;
  color: #fff !important;
}

#eckb-article-content h2 {
  font-size: 16px !important;
  color: #c8a7ff !important;
}

.epkb-sidebar__heading__inner__cat-name {
  font-size: 16px !important;
  color: #bfc6e2 !important;
}

#epkb-ml-popular-articles {
  width: 100% !important;
}

.epkb-ml-article-list-container,
.epkb-ml-articles-list__row {
  display: block !important;
}

#epkb-ml-newest-articles,
#epkb-ml-recent-articles {
  display: none !important;
}




/* ===================================================== */
/* VERKKOKAUPPA (WooCommerce)                            */
/* ===================================================== */

.woocommerce div.product form.cart select {
  color: #fff !important;
  background-color: #2e323f !important;
}

body.woocommerce-checkout input,
body.woocommerce-checkout textarea,
body.woocommerce-checkout select {
  background-color: #3a4052 !important;
  color: #ffffff !important;
  border: 1px solid #555 !important;
  border-radius: 5px;
  padding: 10px;
}

body.woocommerce-checkout ::placeholder {
  color: #bbbbbb !important;
  opacity: 1;
}

/* ================================
   WooCommerce Mini Cart – tekstit valkoiseksi
   ================================ */

/* Itse listaitem */
li.woocommerce-mini-cart-item.mini_cart_item {
    color: #ffffff !important;
}

/* ===================================================== */
/* HEADER / BANNERI                                      */
/* ===================================================== */

.section-banner-icon {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
  aspect-ratio: auto;
  display: block;
  margin: 0 auto;
}

/* Etusivun gridin spacing */
.home .content-grid {
  padding: 32px 0 0;
}


/* ===============================
   Poistetaan woocommercen oma lajittelu filtteri kaupan etusivulta
   =============================== */
.woocommerce-ordering {
    display: none !important;
}








/* ============================================================
   BBPRESS – KETJUN ALOITUS (TOPIC STARTER)
   ============================================================ */


/* Korosta ketjun ensimmäinen viesti (topic starter) */
.loop-item--1.topic.type-topic {
    padding-left: 10px !important;                     /* tilaa palkille */
    border-left: 6px solid rgba(124, 77, 255, 0.9);ja
}




/* 1) Pienempi sisennys ketjureplyille */
.bbp-threaded-replies {
    margin-left: 15px !important;   /* pienempi kuin bbPressin oletus */
}

/* 2) Ketjun aloitus (viesti, jonka alla on threaded-replies) */
.bbp-replies-list > li:has(> ul.bbp-threaded-replies) > .loop-item--1 {
    padding-left: 18px !important;
    border-left: 3px solid rgba(124, 77, 255, 0.8);  /* violetti pystyviiva */
    background: rgba(124, 77, 255, 0.05);
    border-radius: 6px;
}

/* 3) Lisää pystysuuntainen väli juuriviestin ja ensimmäisen vastauksen väliin */
.bbp-threaded-replies {
    margin-top: 10px !important; /* juuri oikeaan kohtaan */
}

/* Poista threaded-vastausten yläkulmien pyöristys */
.bbp-threaded-replies > li > .bbp-reply-header,
.bbp-threaded-replies > li > .loop-item--1,
.bbp-threaded-replies > li > .loop-item--1 .bbp-reply-content {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

/* 4) Väli saman ketjun threaded-vastausten väliin
   (Testi, ekaan vastaus eka  ?  Testi kaksi) */
.bbp-threaded-replies > li + li {
    margin-top: 10px !important;
}



/* 5) Tilaa yksittäisten viestien väliin */
.bbp-body ul.bbp-replies-list > li {
    margin-bottom: 20px !important;
}

/* 6) Yläreunan admin / permalink -palkki */
.bbp-reply-header {
    padding: 15px 15px !important;
    margin-bottom: 5px !important;
}


.bbp-author-role, .bbp-topic-permalink, 
.bbp-forum-title, 
.forum-topic-meta-title,
.forum-topic-meta-title strong a,
.bbp-forum-content a,
.bbp-topic-content a {
    color: #ffffff !important;
}



/* Piilota "0 kommenttia" ja "0 jakoa" vain foorumin avausjulkaisuista */
.widget-box:has(.user-status-title span a[href*="/foorumit/aihe/"]) .content-actions,
.widget-box:has(.user-status-title span a[href*="/foorumit/aihe/"]) .meta-line,
.widget-box:has(.user-status-title span a[href*="/foorumit/aihe/"]) .meta-line-text {
    display: none !important;
}

/* Piilota Reagoi! ja Jaa napit foorumin avausjulkaisuista */
.widget-box:has(.user-status-title span a[href*="/foorumit/aihe/"]) 
.post-option-wrap,
.widget-box:has(.user-status-title span a[href*="/foorumit/aihe/"]) 
.post-option.active {
    display: none !important;
}

/* Lisää tekstilinkki napin paikalle */
.widget-box:has(.user-status-title span a[href*="/foorumit/aihe/"]) .post-options::after {
    content: "Mene keskusteluun ->";
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #8f7fff; /* Vikingerin violetti */
    text-align: right;
    cursor: pointer;
    margin-top: 6px;
    padding-right: 10px;
}

/* Hover-efekti */
.widget-box:has(.user-status-title span a[href*="/foorumit/aihe/"]) .post-options::after:hover {
    text-decoration: underline;
    color: #ffffff;
}

/* Piilota kommentointilohko foorumin aiheen avausjulkaisusta */ .widget-box:has(.user-status-title span a[href*="/foorumit/aihe/"]) .post-comments, .widget-box:has(.user-status-title span a[href*="/foorumit/aihe/"]) .post-option.active, .widget-box:has(.user-status-title span a[href*="/foorumit/aihe/"]) .post-comment-form { display: none !important; }


/* Tee bbPressin Vastaa-linkistä painike */
.bbp-reply-to-link {
    display: inline-block !important;
    padding: 6px 14px !important;
    background: #7c4dff !important; /* violetti */
    color: #ffffff !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: 0.2s ease;
}

/* Mobiilissa pienempi padding ettei teksti mene kahdelle riville */
@media (max-width: 600px) {

    #bbp_reply_submit.button,
    #bbp-cancel-reply-to-link.button {
        padding: 10px 20px !important;  /* pienempi leveys */
        font-size: 15px !important;     /* hieman pienempi fontti */
        white-space: nowrap !important; /* ESTÄÄ rivinvaihdon */
    }
}







/* ===================================================== */
/* BLOGIJULKAISUT – Keskitetty nappi + toimiva linkki    */
/* ===================================================== */

/* Piilota kaikki meta/reaktio/jako/comment -elementit */
.widget-box:has(.post-preview) .post-comments,
.widget-box:has(.post-preview) .content-actions,
.widget-box:has(.post-preview) .post-option-wrap,
.widget-box:has(.post-preview) .post-option,
.widget-box:has(.post-preview) .meta-line,
.widget-box:has(.post-preview) .meta-line-text,
.widget-box:has(.post-preview) .meta-line-link {
    display: none !important;
}

/* Varmistetaan että post-options on näkyvissä */
.widget-box:has(.post-preview) .post-options {
    display: flex !important;
    justify-content: center; /* KESKITYS */
    position: relative;
    padding: 15px 0;
}

/* Luo keskitetty nappi */
.widget-box:has(.post-preview) .post-options::after {
    content: "Mene blogiin ->";
    font-size: 16px;
    font-weight: 600;
    color: #8f7fff;
    cursor: pointer;
    z-index: 1;
}

/* Hover-efekti */
.widget-box:has(.post-preview) .post-options:hover::after {
    color: #ffffff;
    text-decoration: underline;
}

/* Luodaan näkymätön A-linkki joka on klikattava */
.widget-box:has(.post-preview) .post-options a.blog-link-overlay {
    position: absolute;
    inset: 0;          /* Peittää koko alueen */
    z-index: 2;
    text-decoration: none;
}





/* ===================================================== */
/* VIKINGER + BOX-VÄRIT (MUKAAN LUKIEN ECKB BODY)        */
/* ===================================================== */

/* Käytä Vikingerin muuttujia, niin ne vaihtuvat kytkimellä */
#eckb-article-content-body {
  background-color: var(--color-box-background);
  color: var(--color-text);
  padding: 20px;
  border-radius: 10px;
}

#epkb-ml__module-search #epkb-ml-search-results,
#epkb-ml__module-search #epkb-ml-search-results ul li {
  background-color: var(--color-box-over-box-light-background);
  color: var(--color-text);
  border-radius: 8px;
  padding: 10px;
}

/* Etusivu ja ruudukot – yleisstylit */
.esittely,
.wp-block-latest-posts__list li {
  background-color: var(--color-box-background);
  color: var(--color-text);
  box-shadow: var(--color-overbox-shadow);
}

/* Blogit, lainaukset, kortit, WooCommerce */
.post-open-content p,
blockquote,
.pmpro_card,
.woocommerce div.product {
  color: var(--color-text);
}

/* Korostus ja linkit */
.user-highlight {
  background: var(--color-accent);
  color: var(--color-text);
}



/* ===================================================== */
/* KNOWLEDGEBASE (ECKB) – ARTIKKELINÄKYMÄ                */
/* (2. osa – viimeisin voittaa, säilytetty sellaisenaan) */
/* ===================================================== */

#eckb-article-content-body {
  background-color: #1d2333 !important;
  color: #f0f0f0 !important;
  padding: 20px;
  border-radius: 10px;
}

#eckb-article-content {
  background-color: transparent !important;
}



/* URANTIA-KIRJA MÄÄRITTEET "Knowledge" */

/* Sidebar-kategorian otsikko */
.epkb-sidebar__heading__inner__cat-name {
  font-size: 16px !important;
}

/* Artikkelien otsikot vain ECKB:n sisällä */
#eckb-article-content h1 {
  font-size: 23px !important;
}

#eckb-article-content h2 {
  font-size: 16px !important;
}



/* ===================================================== */
/* ECKB ADVANCED SEARCH – HAKUKENTTÄ + DROPDOWN + SIVU   */
/* ===================================================== */

/* Hakukenttä – tekstikenttä */
#asea-doc-search-container #asea-section-1 #asea_search_form .asea-search-box input[type=text],
#asea-doc-search-container #asea-section-1 #asea_search_form .asea-search-box input[type=search] {
  color: #ffffff !important;
  background-color: #1d2333 !important;
  border: 1px solid #293249 !important;
  border-radius: 8px !important;
  padding: 10px !important;
}

#asea-doc-search-container #asea-section-1 #asea_search_form .asea-search-box input::placeholder {
  color: #9aa3c0 !important;
}

/* Dropdown (hakutulokset) – uusi rakenne */
#asea-doc-search-container #asea-section-1 #asea_search_form #asea_search_results,
#asea-doc-search-container #asea-section-1 #asea_search_form #asea_search_results .asea-search-result,
#asea-doc-search-container #asea-section-1 #asea_search_form #asea_search_results a.asea-ajax-search {
  background-color: #1d2333 !important;
  color: #ffffff !important;
  border: none !important;
}

/* Erotusviivat riveille */
#asea-doc-search-container #asea-section-1 #asea_search_form #asea_search_results .asea-search-result {
  border-bottom: 2px solid #293249 !important;
  padding: 8px 0;
}

/* ECKB Advanced Search – violetti palkki + valkoinen teksti + valkoinen ikoni */
#asea-doc-search-container #asea-section-1 #asea_search_form #asea_search_results a.asea-ajax-search {
  background-color: #4b2ca0 !important;
  color: #ffffff !important;
  padding: 10px 14px !important;
  border-radius: 8px !important;
  display: block !important;
}

/* Otsikkoteksti */
#asea_search_results a.asea-ajax-search .eckb-article-title-text {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* Ikoni */
#asea_search_results a.asea-ajax-search .eckb-article-title-icon:before {
  color: #ffffff !important;
}

/* Poista sisäiset taustat */
#asea_search_results a.asea-ajax-search .eckb-article-title {
  background: transparent !important;
}

/* Poistaa harmaat pystypalkit hakukentän reunoilta */
#asea-doc-search-container #asea-section-1 #asea_search_form .asea-search-box button,
#asea-doc-search-container #asea-section-1 #asea_search_form .asea-search-box span {
  background: #1d2333 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Hakukentän sisäinen tyyli (uudelleenmääritelty) */
#asea-doc-search-container #asea-section-1 #asea_search_form .asea-search-box input[type=text],
#asea-doc-search-container #asea-section-1 #asea_search_form .asea-search-box input[type=search] {
  color: #ffffff !important;
  background-color: #1d2333 !important;
  border: 1px solid #1d2333 !important;
  border-radius: 8px !important;
  padding: 10px !important;
}

/* Hakutulosten sivun tausta ja linkit */
#asea-search-results-container .asea-search-results-defaults {
  background-color: #1d2333 !important;
  color: #ffffff !important;
}

/* Linkkien väri violetti */
#asea-search-results-container .asea-search-results-defaults a {
  color: #8f45ff !important;
}

/* Otsikkolinkit (h4 a) valkoiseksi */
#asea-search-results-container .asea-search-results-defaults h4 a {
  color: #ffffff !important;
}

/* Otsikot (h3) valkoiseksi */
#asea-search-results-container .asea-search-results-defaults h3 {
  color: #ffffff !important;
}



/* ===================================================== */
/* EVENTON – TAPAHTUMAKALENTERI                          */
/* ===================================================== */

.page-id-11307 .evo_eventon_live_now_section {
    background-color: #161b28 !important;
}

.page-id-11307 
.wp-block-eventon-blocks-evo-eventon-main {
    padding: 0 !important;
    border-radius: 0 !important;
}

.page-id-11307 .ajde_evcal_calendar {
    box-shadow: none !important;
    border: none !important;
}

.page-id-11307 .ajde_evcal_calendar {
    background: transparent !important;
    background-color: transparent !important;
}


.evcal_month_line {
  background: linear-gradient(90deg, #7024e2 0%, #8b5cf6 100%);
  color: #ffffff !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 8px 18px;
  border-radius: 8px;
  margin: 30px 0 10px;
  display: inline-block;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25);
}

.evcal_month_line p {
  margin: 0;
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
}

/* Countdown-numero ja aika */
.evo_eventon_now_next .evo_countdowner {
  color: #ffffff !important;
  background: linear-gradient(90deg, #7024e2 0%, #8b5cf6 100%) !important;
  padding: 6px 10px;
  border-radius: 8px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 14px;
  margin-left: 10px;
  box-shadow: 0 0 10px rgba(112,36,226,0.6);
  display: inline-block;
  transition: all 0.3s ease-in-out;
}

/* Countdown-otsikon alue ("Seuraava alkaa") */
.evo_eventon_now_next {
  background: linear-gradient(90deg, #1d2333 0%, #252c42 100%) !important;
  border: 1px solid #363c4f !important;
  border-radius: 12px;
  padding: 14px 18px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 3px 10px rgba(0,0,0,0.3);
}

.evo_eventon_live_now_section h3 {
  background: linear-gradient(90deg, #7024e2 0%, #8b5cf6 100%) !important;
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 8px 18px !important;
  border-radius: 8px;
  margin: 30px 0 10px !important;
  display: inline-block;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25);
}

/* Piilota "Ei tapahtumia" -rivi NOW-näkymästä */
.no_events {
  display: none !important;
}

/* Piilota EventON-kuukausipalkki etusivulta */
.home #evcal_head.calendar_header {
  display: none !important;
}

.event_description .evcal_close {
  background-color: #9517c9 !important;
}

.eventon_events_list .eventon_list_event a {
  color: #ffffff;
}

/* Estä EventON-organizer-linkin klikkaus */
.evo_metarow_organizer a[href*="/event-organizer/"] {
  pointer-events: none !important;
  cursor: default !important;
  text-decoration: none !important;
  color: inherit !important;
}


/* ============================================================
   Etusivun tapahtumaotsikot mobiilissa pienemmiksi
   ============================================================ */

@media (max-width: 768px) {

    .ajde_evcal_calendar
    .eventon_events_list
    span.evoet_title.evcal_desc2.evcal_event_title {
        font-size: 15px !important;
        line-height: 1.35;
    }

}



/* ===================================================== */
/* NOTIFIKAATIOT + ACHTUNG-LIVE-BOXI                     */
/* ===================================================== */

.notification-box.unread {
  background-color: #313b55;
}

/* URANTIA.FI LIVE NOTIFICATIONS - pysyvä violetti laatikko */
.achtung {
  background: #4525a1 !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 1.4em !important;
  position: fixed !important;
  bottom: 20px !important;
  left: 20px !important;
  max-width: 360px;
  z-index: 99999 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.achtung a {
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

.achtung a:hover {
  text-decoration: underline !important;
}

.achtung-close-button {
  color: #ffffff !important;
  font-weight: bold !important;
  cursor: pointer !important;
  font-size: 14px !important;
  line-height: 1 !important;
}



/* ===================================================== */
/* SANAKIRJA (CM Glossary / ln-letters)                  */
/* ===================================================== */

.ln-letters a:hover,
.ln-letters a.ln-selected {
  background-color: #7024e2 !important;
}










/* ============================================================
   URANTIAKOLIKOT — WOOCOMMERCE & CHECKOUT
   Päivitetty WooCommerce 8+ / Vikinger DOM-rakenteelle
   ============================================================ */


/* ============================================================
   1) URANTIAKOLIKKO-IKONI — YLEINEN
   ============================================================ */

.ukf-spark-icon {
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    margin-left: 3px;
    filter: drop-shadow(0 0 4px rgba(112,36,226,0.6));
}


/* ============================================================
   2) TUOTELISTAUS (kauppa / kortit)
   ============================================================ */

.woocommerce ul.products .ukf-spark-icon {
    width: 12px;
    height: 12px;
    margin-left: 2px;
    vertical-align: -1px;
    filter: drop-shadow(0 0 3px rgba(112,36,226,0.5));
}


/* ============================================================
   3) TUOTESIVU
   ============================================================ */

.single-product .ukf-spark-icon {
    width: 19px;
    height: 19px;
    margin-left: 4px;
    vertical-align: -2px;
    filter: drop-shadow(0 0 6px rgba(112,36,226,0.7));
}


/* ============================================================
   4) OSTOSKORI
   ============================================================ */

.woocommerce-cart table.shop_table .ukf-spark-icon {
    width: 11px;
    height: 11px;
    margin-left: 2px;
    vertical-align: middle;
    filter: drop-shadow(0 0 1px rgba(112,36,226,0.35));
}


/* ============================================================
   5) CHECKOUT – URANTIAKOLIKKO-SELIte
   ============================================================ */

.ukf-soul-sparks-checkout-note {
    display: none;
    margin: 16px 0;
    padding: 12px 14px;
    background: rgba(112,36,226,0.08);
    border-left: 3px solid #7024E2;
    border-radius: 6px;
    font-size: 0.95em;
    color: #ffffff;
}


/* ============================================================
   6) CHECKOUT – EUROHINNAT YLIVIIVATTUNA
   (korjattu span > bdi -rakenteelle)
   ============================================================ */

/* Vain Urantiakolikko-maksussa */
body.ukf-payment-soul-sparks
.woocommerce-checkout-review-order-table
.cart-subtotal .woocommerce-Price-amount,
body.ukf-payment-soul-sparks
.woocommerce-checkout-review-order-table
.cart-subtotal .woocommerce-Price-amount *,
body.ukf-payment-soul-sparks
.woocommerce-checkout-review-order-table
.order-total .woocommerce-Price-amount,
body.ukf-payment-soul-sparks
.woocommerce-checkout-review-order-table
.order-total .woocommerce-Price-amount * {
    text-decoration: line-through !important;
    opacity: 0.45;
}


/* ============================================================
   7) MINI-CART (Vikinger dropdown)
   ============================================================ */

.woocommerce-mini-cart .ukf-soul-sparks {
    display: none;
}


/* ============================================================
   8) URANTIAKOLIKKO-TEKSTI (yleinen)
   ============================================================ */

.ukf-soul-sparks {
    font-size: 1em;
    font-weight: 700;
    color: #ffffff;
    margin-left: 6px;
    white-space: nowrap;
}


/* ============================================================
   9) TURVAKOPIO — jos teema resetoi text-decorationin
   ============================================================ */

body.ukf-payment-soul-sparks
.woocommerce-checkout-review-order-table
.woocommerce-Price-amount,
body.ukf-payment-soul-sparks
.woocommerce-checkout-review-order-table
.woocommerce-Price-amount * {
    text-decoration: line-through !important;
}

/* =====================================================
   VIKINGER FILTER BAR – WOOCOMMERCE SHOP FIX
   ===================================================== */


.woocommerce .section-filters-bar.v2 .form-select select {
    width: 100%;
    height: 48px;
    padding: 0 40px 0 20px;
    font-size: 0.875rem;
    line-height: 48px;
    border-radius: 14px;
    background-color: var(--color-box-background);
    border: 1px solid var(--color-border);
    color: var(--color-text);

}











/* =========================================================
   URANTIAKIRJA.FI – TUTOR LMS (STANDALONE, PUHDAS)
   Paranneltu: ei riko mitään olemassa olevaa
========================================================= */

.tooltip-wrap .tooltip-txt {
    background: #8452f4 !important;
}

/* ==========================================
   Tutor quiz – automaattinen mobiilinäkymä
   jos sisältö ei mahdu (kannettavat huomioitu)
========================================== */

/* OLETUS: mobiilimalli (turvallinen kaikilla laitteilla) */

.tutor-table-responsive {
  overflow-x: visible !important;
}

.tutor-table-responsive table {
  display: block;
}

.tutor-table-responsive thead {
  display: none !important;
}

.tutor-table-responsive tbody,
.tutor-table-responsive tr {
  display: block;
  width: 100%;
}

.tutor-table-responsive tr {
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 10px;
  margin-bottom: 16px;
  padding: 6px 0;
}

.tutor-table-responsive td {
  display: flex;
  justify-content: space-between;
  padding: 8px 14px;
  border: none !important;
}

.tutor-table-responsive td::before {
  content: attr(data-title);
  font-weight: 500;
  opacity: 0.7;
}


/* ==========================================
   Desktop-taulukko VAIN jos oikeasti on tilaa
   (ei rikkoudu kannettavilla)
========================================== */

@media (min-width: 1400px) {

  .tutor-dashboard-content .tutor-table-responsive table {
    display: table;
    width: 100%;
  }

  .tutor-dashboard-content .tutor-table-responsive thead {
    display: table-header-group !important;
  }

  .tutor-dashboard-content .tutor-table-responsive tr {
    display: table-row;
  }

  .tutor-dashboard-content .tutor-table-responsive td {
    display: table-cell;
  }

  .tutor-dashboard-content .tutor-table-responsive td::before {
    content: none;
  }
}


/* ==========================================
   Tutor quiz – painikkeet samalle riville
========================================== */

.tutor-quiz-btn-group {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* Poista Tutor LMS:n pakottama marginaali */
.tutor-quiz-btn-group .tutor-ml-24 {
  margin-left: 0 !important;
}


/* ==========================================
   Väriteemat (Urantiakirja.fi)
========================================== */

:root {
  --uk-bg-dark: #161b28;
  --uk-bg-darker: #0f1320;
  --uk-purple: #7024e2;
  --uk-purple-soft: #8f6cff;
  --uk-purple-card: #4a1697;
  --uk-text-light: #ffffff;
  --uk-text-muted: #ffffff;
  --uk-danger: #b94a48;
}







/* =========================================================
   STANDALONE – POISTA VIKINGER
========================================================= */
body.tutor-standalone .site-header,
body.tutor-standalone .navigation-widget,
body.tutor-standalone .navigation-widget-mobile,
body.tutor-standalone .header,
body.tutor-standalone .header-mobile,
body.tutor-standalone footer,
body.tutor-standalone .site-footer {
    display: none !important;
}

body.tutor-standalone {
    padding-top: 0 !important;
}

body.tutor-standalone .content-grid {
    margin-left: 0 !important;
    width: 100% !important;
}

/* =========================================================
   YLEINEN TAUSTA
========================================================= */
.tutor-course-single-wrapper,
.tutor-course-single-content {
    background: var(--uk-bg-dark);
    color: var(--uk-text-muted);
}

/* =========================================================
   TUTOR HEADER
========================================================= */
.tutor-course-topic-single-header {
    background: linear-gradient(135deg, var(--uk-purple), var(--uk-purple-soft)) !important;
    color: var(--uk-text-light) !important;
    border-bottom: 1px solid rgba(255,255,255,0.12);
}

.tutor-course-topic-single-header *,
.tutor-iconic-btn,
.tutor-iconic-btn span,
.tutor-iconic-btn i {
    color: #ffffff !important;
}

.tutor-iconic-btn:hover,
.tutor-iconic-btn:focus,
.tutor-iconic-btn::before,
.tutor-iconic-btn::after {
    background: transparent !important;
}

#tutor-lesson-nav-take-note-btn {
    right: 0px !important;
}

/* =========================================================
   SIDEBAR
========================================================= */
.tutor-course-single-sidebar-wrapper {
    background: var(--uk-bg-dark) !important;
    border-right: 1px solid rgba(255,255,255,0.08);
}

.tutor-course-single-sidebar-title {
    background: var(--uk-bg-darker) !important;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.tutor-course-single-sidebar-title span {
    color: #ffffff !important;
}

.tutor-accordion-item-header {
    background: var(--uk-purple-card) !important;
    color: #ffffff !important;
}

.tutor-accordion-item-header.is-active {
    background: var(--uk-purple) !important;
}

.tutor-accordion-item-body {
    background: var(--uk-bg-dark) !important;
}

/* =========================================================
   LESSON + QUIZ RIVIT
========================================================= */
.tutor-course-topic-item a {
    display: flex;
    align-items: center;
    padding: 10px 16px !important;
    background: transparent !important;
    color: #ffffff !important;
    border-radius: 10px;
    text-decoration: none !important;
}

.tutor-course-topic-item a:hover,
.tutor-course-topic-item a:focus {
    background: rgba(112,36,226,0.18) !important;
}

.tutor-course-topic-item.is-active a {
    background: rgba(112,36,226,0.25) !important;
    border-left: 3px solid var(--uk-purple);
}

.tutor-course-topic-item-icon,
.tutor-course-topic-item-title {
    color: #ffffff !important;
}

.tutor-form-check-input.tutor-form-check-input[type=radio]:checked {
    background-color: #7127e3;
}

.tutor-color-muted {
    color: #ffffff;
}

/* =========================================================
   TUTOR LMS – QUIZ ABANDON MODAL (DARK MODE)
   ========================================================= */

.tutor-btn-ghost {
    color: #ffffff;
}

.tutor-modal-body {
    background-color: #161b28 !important;
    color: #ffffff !important;
    border-radius: 16px;
}

.tutor-modal-content-container {
    background-color: transparent !important;
}

/* Otsikko */
.tutor-modal-body .tutor-fs-3 {
    color: #ffffff !important;
}

/* Leipäteksti */
.tutor-modal-body .tutor-color-muted {
    color: #b7c0ff !important;
}

/* Overlay */
.tutor-modal-overlay {
    background: rgba(10, 12, 20, 0.85) !important;
    backdrop-filter: blur(6px);
}


/* =========================================================
   CHECKBOX / RADIO
========================================================= */
.tutor-form-check-circle {
    background: transparent !important;
    border: 2px solid var(--uk-purple-soft) !important;
}

.tutor-form-check-circle:checked {
    background: var(--uk-purple) !important;
    border-color: var(--uk-purple) !important;
}

.tutor-check-fail:checked {
    background: var(--uk-danger) !important;
    border-color: var(--uk-danger) !important;
}

/* =========================================================
   NAPIT
========================================================= */
.tutor-btn-primary,
.tutor-btn-outline-primary {
    background: linear-gradient(135deg, var(--uk-purple), var(--uk-purple-soft)) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 12px;
}

.tutor-spotlight-mobile-progress-complete .tutor-color-muted, .tutor-spotlight-mobile-progress-complete span {
    color: #ffffff !important;
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header .tutor-course-topic-summary
 {
    color: #ffffff;
    font-size: 12px;
}

/* =========================================================
   QUIZ – SUMMARY
========================================================= */
.tutor-quiz-result-summary {
    color: #ffffff !important;
    border-top: 1px solid rgba(255,255,255,0.15);
    border-bottom: 1px solid rgba(255,255,255,0.15);
    padding: 12px 0;
}

.tutor-quiz-result-summary .tutor-d-flex,
.tutor-quiz-result-summary span,
.tutor-quiz-result-summary .tutor-color-black {
    color: #ffffff !important;
    font-weight: 500;
}

/* =========================================================
   QUIZ – SISÄLTÖ (RAJATTU VAIN QUIZIIN)
========================================================= */
.tutor-quiz-wrapper {
    color: #ffffff;
}

.tutor-quiz-wrapper .tutor-color-black {
    color: #ffffff !important;
}

.tutor-quiz-wrapper .tutor-color-muted {
    color: var(--uk-text-muted) !important;
}

/* Kysymyksen otsikko */
.tutor-quiz-wrapper .quiz-question-title {
    color: #ffffff !important;
}

/* =========================================================
   QUIZ – VASTAUSVAIHTOEHDOT
========================================================= */
.tutor-quiz-wrapper .tutor-quiz-question-item .tutor-card {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 12px;
}

.tutor-quiz-wrapper .tutor-quiz-question-item span {
    color: #ffffff !important;
    font-weight: 500;
}

.tutor-quiz-wrapper .tutor-quiz-question-item:hover .tutor-card {
    background: rgba(112,36,226,0.18) !important;
}

/* =========================================================
   QUIZ – META (aika, kysymys nro, suoritettu)
========================================================= */
.tutor-quiz-wrapper .quiz-meta-info,
.tutor-quiz-wrapper .quiz-meta-info span {
    color: #ffffff !important;
}

/* =========================================================
   QUIZ – TULOSTAULUKKO
========================================================= */
.tutor-quiz-wrapper table.tutor-table {
    background: transparent !important;
}

.tutor-quiz-wrapper table.tutor-table thead th {
    background: rgba(255,255,255,0.06) !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255,255,255,0.18);
    font-weight: 600;
}

.tutor-quiz-wrapper table.tutor-table td {
    background: transparent !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.tutor-quiz-wrapper .label-danger {
    background: var(--uk-danger) !important;
    color: #ffffff !important;
}

/* =========================================================
   QUIZ – ABANDON MODAL
========================================================= */
.tutor-quiz-wrapper .tutor-modal-content-white {
    background: var(--uk-bg-dark) !important;
    color: #ffffff !important;
}

.tutor-quiz-wrapper .tutor-modal-content-white .tutor-color-black {
    color: #ffffff !important;
}

.tutor-quiz-wrapper .tutor-modal-content-white .tutor-color-muted {
    color: var(--uk-text-muted) !important;
}

/* =========================================================
   FIX: Tutor Spotlight / Mobile Progress (tumma teema)
========================================================= */

.tutor-spotlight-mobile-progress-complete {
    background: rgba(255,255,255,0.04) !important;
    border-radius: 14px;
}

.tutor-spotlight-mobile-progress-complete .tutor-color-muted,
.tutor-spotlight-mobile-progress-complete span {
    color: var(--uk-text-muted) !important;
}

.tutor-spotlight-mobile-progress-complete .tutor-progress-bar {
    background: rgba(255,255,255,0.12) !important;
}

.tutor-spotlight-mobile-progress-complete .tutor-progress-value {
    background: linear-gradient(135deg, var(--uk-purple), var(--uk-purple-soft)) !important;
}

/* =========================================================
   FIX: Lesson topbar (Notes / Yleiskatsaus / Take Note)
========================================================= */

a.tutor-nav-link {
    color: var(--uk-text-muted) !important;
    background: transparent !important;
    border-radius: 10px;
}

a.tutor-nav-link:hover,
a.tutor-nav-link.is-active {
    color: #ffffff !important;
    background: rgba(112,36,226,0.18) !important;
}

#tutor-lesson-nav-take-note-btn {
    background: rgba(255,255,255,0.08) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.18);
}

#tutor-lesson-nav-take-note-btn:hover {
    background: rgba(112,36,226,0.25) !important;
    border-color: var(--uk-purple);
}

/* =========================================================
   FIX: Quiz meta – aika / suoritettu / numerot
========================================================= */

.tutor-quiz-wrapper #tutor-quiz-time-update {
    color: #ffffff !important;
    font-weight: 600;
}

.tutor-quiz-wrapper .tutor-color-secondary {
    color: var(--uk-text-muted) !important;
}

/* =========================================================
   FIX: Abandon Quiz modal – otsikko ja teksti
========================================================= */

.tutor-quiz-wrapper .tutor-modal-content-white {
    background: var(--uk-bg-dark) !important;
}

.tutor-quiz-wrapper .tutor-modal-content-white .tutor-fs-3 {
    color: #ffffff !important;
}

.tutor-quiz-wrapper .tutor-modal-content-white p,
.tutor-quiz-wrapper .tutor-modal-content-white .tutor-fs-6 {
    color: var(--uk-text-muted) !important;
}

/* =========================================================
   FIX: Quiz-otsikon yläkaista
========================================================= */

.tutor-quiz-wrapper .tutor-fs-7.tutor-color-secondary {
    color: var(--uk-text-muted) !important;
}

/* =====================================================
   PIILOTA TAKE NOTES toolbar 
   ===================================================== */

ul.tutor-course-spotlight-nav {
    display: none !important;
}

/* =====================================================
   Tutor LMS – Edellinen / Seuraava (Urantiakirja.fi)
   ===================================================== */

/* Edellinen */
a.tutor-btn-secondary.tutor-btn-sm {
    background-color: #2a2f3f !important; /* tumma, neutraali */
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 12px;
}


/* Seuraava */
a.tutor-btn-secondary.tutor-btn-sm .tutor-icon-next,
a.tutor-btn-secondary.tutor-btn-sm:has(.tutor-icon-next) {
    background-color: #7024e2 !important; /* Urantia-violetti */
    color: #ffffff !important;
    border: none !important;
}


/* =====================================================
   Tutor LMS – Piilota "Take Note" tekstinvalinnassa
   ===================================================== */
#tutor-take-lesson-note-btn {
    display: none !important;
}

/* =====================================================
   URANTIAKIRJA.FI – Kurssikuva (inline, CSS-luokalla)
   ===================================================== */

.ukf-course-image {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    display: inline-block;
    box-shadow:
        0 10px 30px rgba(0,0,0,0.35),
        inset 0 0 0 1px rgba(255,255,255,0.06);
}

/* itse img */
.ukf-course-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
}

/* kevyt Urantia-grading (EI filtereitä) */
.ukf-course-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0,0,0,0.00) 0%,
        rgba(112,36,226,0.22) 100%
    );
    pointer-events: none;
    border-radius: 16px;
}








/* =========================================================
   URANTIAKIRJA.FI – TUTOR LMS
   COURSE DETAILS PAGE (KURSSISIVU)
   EI koske lesson / quiz / spotlight
========================================================= */

/* =========================================================
   URANTIAKIRJA.FI – Kurssin esittely: taustaboksi
========================================================= */

.ukf-course-intro-box {
    position: relative;
    padding: 28px 32px;
    margin: 12px 0 24px;

    border-radius: 18px;

    /* Urantiakirja.fi kosminen gradientti */
    background: linear-gradient(
        135deg,
        #2a1b4d 0%,
        #3b1f6a 45%,
        #4b2a8a 100%
    );

    /* Syvyys ja reunahuntu */
    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.45),
        inset 0 0 0 1px rgba(112, 36, 226, 0.35);

    color: #ffffff;
}

/* Hento valohuntu yläreunaan */
.ukf-course-intro-box::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;

    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.08),
        transparent 45%
    );

    pointer-events: none;
}

/* Otsikko boxin sisällä */
.ukf-course-intro-box h2,
.ukf-course-intro-box h3 {
    margin-top: 0;
    margin-bottom: 14px;
    color: #ffffff;
}

/* Teksti */
.ukf-course-intro-box p {
    color: #f3ecff;
    line-height: 1.6;
}

/* Korostettu teksti */
.ukf-course-intro-box strong {
    color: #ffffff;
    font-weight: 600;
}

.tutor-toggle-more-collapsed:before {
    content: " ";
    z-index: 5;
    background: linear-gradient(
        rgba(255, 255, 255, 0) 1.31%,
        rgb(77 51 127 / 0%) 15.41%,
        #161b28 100%
    );
    width: 100%;
    height: 62px;
    position: absolute;
    bottom: 0;
    left: 0;
}



/* =========================================================
   URANTIAKIRJA.FI – Kurssin pääkuva (Tutor LMS)
========================================================= */

/* Kuvan wrapper */
body.single-courses .tutor-course-thumbnail {
    position: relative;
    border-radius: 18px;
    overflow: hidden;

    /* Syvä, pehmeä varjo kuten muissa korteissa */
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.55),
        0 0 0 3px rgba(112, 36, 226, 0.6),
        0 0 18px rgba(112, 36, 226, 0.35);

    background: #161b28; /* fallback */
}

/* Itse kuva */
body.single-courses .tutor-course-thumbnail img {
    display: block;
    width: 100%;
    height: auto;

    border-radius: inherit;

    /* Hento kontrasti ja syvyys */
    filter: saturate(1.05) contrast(1.03);
}

/* Kevyt kosminen valohuntu yläreunaan */
body.single-courses .tutor-course-thumbnail::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;

    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.08),
        rgba(255, 255, 255, 0.02) 25%,
        transparent 45%
    );

    pointer-events: none;
    z-index: 2;
}

/* Tumma syvennys alareunaan (sitoutuu sivun taustaan) */
body.single-courses .tutor-course-thumbnail::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;

    background: linear-gradient(
        180deg,
        transparent 70%,
        rgba(0, 0, 0, 0.25) 85%,
        rgba(0, 0, 0, 0.6) 100%
    );
    pointer-events: none;
    z-index: 3;
}




/* ============================================================
   Kurssia jäljellä'' viivan väri
   ============================================================ */


.tutor-progress-value {
    background: #7727f3 !important;
}

/* ============================================================
   Tutor LMS – Kurssin varoitus (Urantiakirja.fi tyyli)
   ============================================================ */

.tutor-alert.tutor-warning .tutor-alert-text span:not(.tutor-alert-icon) {
    font-family: "Poppins", "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 1.55;

    color: #f3ecff; /* vaalea violetti – parempi kontrasti */
}

.tutor-alert.tutor-warning {
    position: relative;
    border-radius: 10px;
    padding: 14px 18px;

    /* Urantiakirja.fi -gradientti */
    background: linear-gradient(
        135deg,
        #2a1b4d 0%,
        #3b1f6a 45%,
        #4b2a8a 100%
    );

    /* Hienovarainen kosminen varjo */
    box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.45),
        inset 0 0 0 1px rgba(112, 36, 226, 0.35);

    border-left: 4px solid #7024E2;
    color: #ffffff;
}

/* Teksti */
.tutor-alert.tutor-warning .tutor-alert-text {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 1.5;
}

/* Ikoni */
.tutor-alert.tutor-warning .tutor-alert-icon {
    color: #c9b8ff;
    filter: drop-shadow(0 0 6px rgba(112, 36, 226, 0.7));
}

/* Hento "valohuntu" yläreunaan */
.tutor-alert.tutor-warning::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.06),
        transparent 45%
    );
    pointer-events: none;
}



.tutor-pt-24 {
    padding-top: 0px !important;
}

.tutor-course-card .tutor-card-body {
    background: #161b28;
}

.tutor-card {
    background-color: #7024e2;
}
/* ---------- Poistetaan nimimerkki ---------- */
.tutor-meta.tutor-mt-auto {
    display: none !important;
}

.tutor-card-body .tutor-meta.tutor-mt-12.tutor-mb-20 {
    display: none !important;
}

.single-courses .tutor-course-details-instructors {
    display: none !important;
}




/* ---------- Perusta ---------- */
body.single-courses {
    background: #161b28;
    color: #ffffff;
}
/* Lesson-sivut */
body.single-lesson footer {
    display: none !important;
}

/* Quiz lessonin sisällä */
body.single-lesson.tutor-quiz-page footer {
    display: none !important;
}

/* Tutor standalone -näkymä */
body.tutor-standalone footer,
body.tutor-standalone .site-footer {
    display: none !important;
}

/* ---------- Sivun pääkehys ---------- */
body.single-courses .tutor-course-details-page {
    background: #161b28;
    color: #ffffff;
}

/* ---------- Otsikko + meta ---------- */
body.single-courses .tutor-course-details-header,
body.single-courses .tutor-course-details-title,
body.single-courses .tutor-course-details-info {
    color: #ffffff;
}

body.single-courses .tutor-course-details-info a {
    color: #8f6cff;
}

/* ---------- Kurssin sisältö ---------- */
body.single-courses .tutor-course-content-title {
    color: #ffffff;
}

body.single-courses .tutor-accordion-item-header {
    background: #4a1697;
    color: #ffffff;
}

body.single-courses .tutor-accordion-item-header.is-active {
    background: #7024e2;
}

body.single-courses .tutor-accordion-item-body {
    background: #161b28;
}

/* ---------- Kurssin sisältölistat ---------- */
body.single-courses .tutor-course-content-list-item {
    background: transparent;
}

body.single-courses
.tutor-course-content-list-item-title a {
    color: #ffffff;
}

body.single-courses .tutor-course-content-list-item-icon,
body.single-courses .tutor-course-content-list-item-status {
    color: #b7c0ff;
}

/* ---------- OIKEA SIVUPALKKI (tutor-card) ---------- */
body.single-courses .tutor-single-course-sidebar .tutor-card {
    background: #4a1697;
    border-radius: 16px;
    color: #ffffff;
}

body.single-courses .tutor-card-body {
    background: transparent;
    color: #ffffff;
}

body.single-courses .tutor-card-footer {
    background: transparent;
    border-top: 1px solid rgba(255,255,255,0.12);
}

.tutor-color-secondary {
    color: #ffffff;
}

/* ============================================================
   Tutor LMS – Päätoimintonappi (Urantiakirja.fi CTA)
   ============================================================ */

body.single-courses .tutor-btn-primary {
    position: relative;

    /* Syvempi, elävämpi gradientti */
    background: linear-gradient(
        135deg,
        #3a177a 0%,
        #5522b5 55%,
        #7024e2 100%
    ) !important;

    color: #ffffff !important;
    border-radius: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;

    padding: 12px 22px;

    /* Selkeä CTA-varjo */
    box-shadow:
        0 10px 26px rgba(0, 0, 0, 0.45),
        0 0 0 1px rgba(112, 36, 226, 0.6);

    transition: 
        transform 0.15s ease,
        box-shadow 0.15s ease,
        filter 0.15s ease;
}

body.single-courses .tutor-btn-outline-primary {
    background: linear-gradient(135deg, #7024e2, #8f6cff) !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 12px;
}

/* ---------- Tekstivärit (vain kurssisivu) ---------- */
body.single-courses .tutor-color-black {
    color: #ffffff !important;
}

body.single-courses .tutor-color-muted {
    color: #b7c0ff !important;
}

/* ---------- Instructor / Kurssi-info ---------- */
body.single-courses .tutor-course-details-instructors {
    background: #4a1697;
    border-radius: 16px;
    color: #ffffff;
}

body.single-courses
.tutor-course-details-instructors a {
    color: #ffffff;
}

body.single-courses
.tutor-single-course-sidebar
.tutor-card-body {
    background: transparent !important;
    color: #ffffff;
}

















/* ============================================================
   URANTIAKIRJA – KURSSINAPPI + SUORITETTU CHECK
============================================================ */


/* Aloita kurssi -nappi (kurssikortit) */
.ukf-course-button {
    position: absolute;
    top: 12px;
    right: 12px;

    height: 44px;
    min-width: 200px;
    padding: 0 40px;
    box-sizing: border-box;

    background: linear-gradient(135deg, #8f5bff, #38157b);
    border-radius: 14px;

    color: #ffffff;
    font-size: 20px !important;
    font-weight: 700;
    line-height: 1;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    transform: translateY(-1px);
    box-shadow: 0 4px 20px rgba(140, 90, 255, 0.45);
    border: 2px solid rgba(255,255,255,0.2);

    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
    z-index: 999;
}

.ukf-course-button:hover {
    color: #ffffff;
    background: linear-gradient(135deg, #a370ff, #7024E2);
    box-shadow: 0 10px 30px rgba(140, 90, 255, 0.55);
    transform: translateY(-3px) scale(1.02);
}

/* Suoritettu-check */
.ukf-course-check {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #ffffff;
    font-size: 20px;
    font-weight: 900;

    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 999;
}

/* Kurssin tila: kesken */
.ukf-course-check--in-progress {
    background: linear-gradient(135deg, #f59e0b, #facc15);
}

/* Kurssin tila: suoritettu */
.ukf-course-check--completed {
    background: linear-gradient(135deg, #1f8f5f, #22c55e);
}

.ukf-course-check--in_progress {
    background: linear-gradient(135deg, #f59e0b, #facc15);
    animation: ukf-pulse 1.8s ease-in-out infinite;
}

.ukf-course-check--in-progress {
    animation: ukf-pulse 1.8s ease-in-out infinite;
}

@keyframes ukf-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(250,204,21,0.55);
    }
    70% {
        box-shadow: 0 0 0 12px rgba(250,204,21,0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(250,204,21,0);
    }
}


/* ============================================================
   URANTIAKIRJA – PROGRESS DASHBOARD (TAB-POHJAINEN, OLETUS KIINNI)
============================================================ */

.ukf-progress-wrap {
    width: 100%;
    max-width: 1400px;
    margin: 30px auto 40px;
    padding: 25px;

    background: linear-gradient(180deg, #1e2436, #171c2b);
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,0.08);

    box-shadow:
        0 20px 60px rgba(0,0,0,0.55),
        inset 0 0 0 1px rgba(255,255,255,0.03);

    text-align: center;

    opacity: 0;
    transform: translateY(12px);
    transition: opacity .6s ease, transform .6s ease;
}

.ukf-progress-wrap.ukf-progress-mounted {
    opacity: 1;
    transform: translateY(0);
}

/* TAB-HEADER */
.ukf-progress-header {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 22px;
}

.ukf-progress-tab {
    all: unset;
    padding: 8px 18px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
}

.ukf-progress-tab:hover {
    background: rgba(255,255,255,0.14);
    transform: translateY(-1px);
}

.ukf-progress-tab--active {
    background: linear-gradient(135deg, #452773, #7024E2);
    box-shadow: 0 0 18px rgba(112,36,226,0.35);
}

/* BODY + SECTIONS */
.ukf-progress-body {
    margin-top: 10px;
}

/* OLETUS: kaikki kiinni */
.ukf-progress-section {
    display: none;
}

/* Avaus vain tabin kautta */
.ukf-progress-section--active {
    display: block;
}

/* PROGRESS BAR */
.ukf-progress-bar {
    width: 100%;
    height: 20px;
    margin-bottom: 16px;
    background: radial-gradient(circle at 10% 0%, #131827, #090b12);
    border-radius: 999px;
    overflow: hidden;
    box-shadow:
        inset 0 0 12px rgba(0,0,0,0.7),
        0 0 14px rgba(40,30,80,0.7);
}

.ukf-progress-fill {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #7c4dff, #c18cff, #7c4dff);
    box-shadow:
        0 0 16px rgba(183,140,255,0.75),
        0 0 32px rgba(124,77,255,0.6);
    transform-origin: left center;
    transform: scaleX(0);
    animation: ukf-bar-grow .9s ease-out forwards;
}

@keyframes ukf-bar-grow {
    from { transform: scaleX(0); opacity: .3; }
    to   { transform: scaleX(1); opacity: 1; }
}

.ukf-progress-label {
    display: inline-block;
    margin: 8px auto 22px;
    padding: 10px 18px;
    background: linear-gradient(180deg, #1f2538, #1a2030);
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 8px 24px rgba(0,0,0,0.45);
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
}

/* OSIOT */
.ukf-progress-part {
    text-align: left;
    margin-bottom: 16px;
    padding: 14px 16px;
    background: rgba(255,255,255,0.04);
    border-radius: 14px;
}

.ukf-progress-part-title {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 6px;
}

.ukf-progress-part-label {
    font-size: 13px;
    color: #cfd5ff;
}

/* PALKINTOKARTTA PLACEHOLDER */
.ukf-progress-placeholder {
    padding: 28px;
    font-size: 15px;
    opacity: 0.7;
    text-align: center;
}
/* Gamipress – Sielunkipinä-pisteet valkoiseksi */
.ukf-progress-section--rewards 
.gamipress-achievement-points.gamipress-achievement-points-type-sielunkipina {
    color: #ffffff;
}



/* ============================================================
   URANTIAKIRJA.FI – KOSMINEN KORTTI (GamiPress Progress Map)
   ============================================================ */

/* 1?? Varsinainen korttipohja */
.gamipress-progress-map-item-content.gamipress-progress-map-achievement {
    position: relative;
    overflow: hidden;
    border-radius: 18px;

    /* Urantiakirja.fi -henkinen kosminen tausta */
    background:
        radial-gradient(circle at 20% 15%, rgba(160, 120, 255, 0.18), transparent 45%),
        radial-gradient(circle at 80% 85%, rgba(80, 140, 255, 0.16), transparent 50%),
        linear-gradient(
            160deg,
            #1b2033 0%,
            #20284a 45%,
            #161b28 100%
        );

    border: 1px solid rgba(112, 36, 226, 0.35);
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.04) inset,
        0 10px 30px rgba(0,0,0,0.45),
        0 0 28px rgba(112, 36, 226, 0.25);

    padding: 24px 20px 32px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

/* 3?? Pehmeä ylähehku */
.gamipress-progress-map-item-content.gamipress-progress-map-achievement::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            to bottom,
            rgba(255,255,255,0.10),
            transparent 45%
        );
    pointer-events: none;
}

/* 6?? Otsikko (Merkki6) */
.gamipress-achievement-title {
    color: #e9ecff;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-top: 14px;
}

/* 7?? Tila / kuvausteksti (Tulossa...) */
.gamipress-achievement-description {
    color: rgba(200,210,255,0.75);
    font-size: 0.95rem;
}
















/* =====================================================
   URANTIA – INLINE LUKU EMBED + NAPPI
===================================================== */

.ukf-urantia-embed {
  margin-top: 0;
}

/* margin vain kun embed on auki */
.ukf-urantia-embed:not([hidden]) {
  margin-top: 24px;
}

/* Nappi */
.ukf-urantia-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border-radius: 999px;
  border: none;
  cursor: pointer;

  background: linear-gradient(135deg, #452773, #7024E2);
  color: #ffffff;
  font-weight: 600;
  font-size: 0.95rem;

  box-shadow: 0 8px 28px rgba(0,0,0,0.45);
}

.ukf-urantia-toggle:hover {
  opacity: 0.92;
}

/* Itse kirjan luku */
.ukf-urantia-embed {
  margin-top: 24px;
  padding: 15px 32px;

  background: linear-gradient(150deg, #352765 0%, #0f1220 60%, #161b28 100%);
  color: #e5e7eb;

  border-radius: 20px;
  box-shadow: 0 14px 48px rgba(0,0,0,0.55);
}

/* Teksti */
.ukf-urantia-embed p {
  line-height: 1.75;
  font-size: 1rem;
  margin-bottom: 1.2em;
}

/* Linkit */
.ukf-urantia-embed a {
  color: #a78bfa;
  text-decoration: none;
}
.ukf-urantia-embed a:hover {
  text-decoration: underline;
}



/* =====================================================
   Embedin alaosan sulkunappi
===================================================== */

.ukf-urantia-toggle--bottom {
  margin-top: 24px;
  width: 100%;
  justify-content: center;
  background: linear-gradient(135deg, #2a173f, #4c1db8);
  box-shadow: 0 6px 22px rgba(0,0,0,0.35);
}









/* =====================================================
   URANTIA – INLINE EMBED ANIMAATIO (FIXED, SAFE)
===================================================== */

.ukf-urantia-embed {
  overflow: hidden;

  /* max-height asetetaan JavaScriptillä */
  max-height: 0;

  transition:
    max-height 600ms cubic-bezier(.22,.61,.36,1),
    opacity 450ms ease,
    transform 600ms cubic-bezier(.22,.61,.36,1),
    filter 500ms ease;

  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}

/* Suljettu tila – hidden-attribuutti */
.ukf-urantia-embed[hidden] {
  display: block; /* tarvitaan animaatiolle */
  max-height: 0;
  opacity: 0;
  transform: translateY(-8px) scale(0.985);
  filter: blur(6px);
  pointer-events: none;
}

/* Pieni kosminen hehku avautuessa */
.ukf-urantia-embed:not([hidden]) {
  animation: ukf-embed-glow 1.1s ease;
}

@keyframes ukf-embed-glow {
  0% {
    box-shadow: 0 0 0 rgba(112,36,226,0);
  }
  40% {
    box-shadow: 0 0 32px rgba(112,36,226,0.35);
  }
  100% {
    box-shadow: 0 14px 48px rgba(0,0,0,0.55);
  }
}










/* =====================================================
   Timeline sivun css
===================================================== */

/* Poista otsikko sivulla 16647 */
.page-id-16647 .page-open-title,
.postid-16647 .post-open-title {
    display: none !important;
}

/* Poista otsikon varaama ylätila sivulla 16647 */
.page-id-16647 .page-open {
    padding-top: 0 !important;
}


/* ============================================================
   URANTIA AIKANAJAN KUVAT
   ============================================================ */

.story-content .wp-block-image {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    box-shadow:
        0 20px 40px rgba(0,0,0,0.45),
        inset 0 0 0 1px rgba(255,255,255,0.06);
}

/* Kosminen värikerros */
.story-content .wp-block-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(
            circle at 90% 35%,
            rgba(143,108,255,0.30),
            transparent 45%
        ),
        linear-gradient(
            to bottom,
            rgba(255,255,255,0.18),
            rgba(0,0,0,0.18)
        );
    pointer-events: none;
}

/* Kuvan perusolemus (ennen aktivoitumista) */
.story-content .wp-block-image img {
    transition: transform 1.6s ease, filter 1.6s ease;
    filter: brightness(1.08) saturate(1.08) contrast(1.04);
}

/* Aktivoitu kuva (viewportissa) */
.story-content.is-visible .wp-block-image img {
    transform: scale(1.04);
    filter: brightness(1.12) saturate(1.15) contrast(1.06);
}


/* ============================================================
   AIKANAJAN OTSIKOT
   ============================================================ */

.story-content h2.wp-block-heading {
    margin-top: -32px;
    padding: 10px 22px 12px;
    display: inline-block;
    max-width: 100%;

    background: linear-gradient(
        180deg,
        rgba(143,108,255,0.95),
        rgba(112,36,226,0.95)
    );

    border-radius: 18px;
    letter-spacing: 0.08em;
    line-height: 1.3;

    box-shadow:
        0 8px 24px rgba(0,0,0,0.35),
        inset 0 1px 0 rgba(255,255,255,0.25);
}



/* ============================================================
   AIKANAJAN SISÄLTÖKORTTI
   ============================================================ */

.story-content {
    background:
        linear-gradient(
            180deg,
            rgba(112,36,226,0.25),
            rgba(22,27,40,0.85)
        );
    border-radius: 22px;
    padding: 26px;
    box-shadow:
        0 30px 60px rgba(0,0,0,0.55),
        inset 0 0 0 1px rgba(255,255,255,0.06);

    opacity: 0.92;
    transform: translateY(12px);
    transition:
        opacity 1.2s ease,
        transform 1.2s ease;

    animation: none;
}

.story-content.is-visible {
    opacity: 1;
    transform: translateY(0);
    animation: ukf-breath 9s ease-in-out infinite;
}

@keyframes ukf-breath {
    0% {
        box-shadow:
            0 30px 60px rgba(0,0,0,0.55),
            inset 0 0 0 1px rgba(255,255,255,0.06);
    }
    50% {
        box-shadow:
            0 34px 72px rgba(112,36,226,0.35),
            inset 0 0 0 1px rgba(255,255,255,0.10);
    }
    100% {
        box-shadow:
            0 30px 60px rgba(0,0,0,0.55),
            inset 0 0 0 1px rgba(255,255,255,0.06);
    }
}





/* ============================================================
   URANTIA EVOLUUTIOLISTA
   ============================================================ */

.story-content p:last-of-type {
    position: relative;
    padding-left: 18px;
}

.story-content p:last-of-type br {
    line-height: 1.9;
}

.story-content p:last-of-type::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 0;
    bottom: 0;
    width: 2px;
    background:
        linear-gradient(
            to bottom,
            rgba(143,108,255,0.0),
            rgba(143,108,255,0.7),
            rgba(143,108,255,0.0)
        );
}


/* ============================================================
   TEKSTIN VIIMEISTELY
   ============================================================ */

.story-content p strong {
    color: #cbb7ff;
    letter-spacing: 0.04em;
}




/* ============================================================
   URANTIA AIKANAJA – MOBIILI + TABLET: POISTA KESKIVIIVA + GUTTER
   ============================================================ */

@media (max-width: 1024px) {

    /* 1. Poista keskiviiva ja sen wrapperit */
    .cool-vertical-timeline-body::before,
    .cool-timeline-block-list::before,
    .timeline-block-icon {
        display: none !important;
        content: none !important;
    }

    /* 2. Nollaa koko aikajanan sisäinen offset */
    .cool-vertical-timeline-body,
    .cool-timeline-block-list {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    /* 3. Poista grid / sarakejako */
    .timeline-block-timeline {
        display: block !important;
        width: 100% !important;
    }

    /* 4. Aika täyteen leveyteen */
    .timeline-block-time {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 12px;
        text-align: left !important;
    }

    /* 5. Sisältö täyteen leveyteen */
    .timeline-block-detail {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* 6. Poista vasen/oikea siirto */
    .position-left,
    .position-right {
        left: auto !important;
        right: auto !important;
    }

    /* 7. Otsikon hienosäätö */
    .story-content h2.wp-block-heading {
        margin-top: -16px;
        font-size: 0.9rem;
    }
}

/* ============================================================
   URANTIA AIKANAJA – TABLET + MOBIILI: PAKOTA YKSIPALSTAISEKSI
   ============================================================ */

@media (max-width: 1024px) {

    /* Varmista että aikajanan itemit ovat normaalissa virtauksessa */
    .cool-vertical-timeline-body .timeline-block-detail,
    .cool-vertical-timeline-body .timeline-block-time {
        position: static !important;
        float: none !important;
        transform: none !important;
    }

    /* Pakota koko item täyteen leveyteen */
    .cool-vertical-timeline-body .timeline-block-detail {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 24px auto !important;
    }

    /* Nollaa kaikki vasen/oikea -luokat kunnolla */
    .cool-vertical-timeline-body .position-left,
    .cool-vertical-timeline-body .position-right {
        left: auto !important;
        right: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Poista mahdolliset pseudo-elementit jotka varaa tilaa */
    .cool-vertical-timeline-body .timeline-block-detail::before,
    .cool-vertical-timeline-body .timeline-block-detail::after {
        content: none !important;
        display: none !important;
    }
}






/* ============================================================
   AVARUUS – KOKO SIVUN TAUSTA (VARMA ANKKURI)
   ============================================================ */

body.page-id-16647 {
    background:
        radial-gradient(
            1400px 700px at 50% -10%,
            rgba(160,120,255,0.85),
            rgba(120,70,230,0.55) 30%,
            rgba(40,30,80,0.85) 55%,
            rgba(12,16,28,1) 80%
        ),
        linear-gradient(
            165deg,
            rgba(120,80,200,0.35) 0%,
            rgba(60,40,120,0.45) 20%,
            rgba(30,34,60,0.7) 45%,
            rgba(16,20,38,0.9) 70%,
            #0b0f1a 100%
        );

    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: #0b0f1a;
}

body.page-id-16647::after {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;

    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0) 0%,
            rgba(10,12,22,0.15) 25%,
            rgba(6,8,18,0.35) 50%,
            rgba(3,5,12,0.6) 75%,
            rgba(0,0,0,0.85) 100%
        );

    z-index: -1;
}