/*
 Theme Name:   Aiopas Kadence Child
 Theme URI:    https://aiopas.online
 Description:  Lapsiteema Kadence-pohjalle — aiopas.online:n kustomoinnit
 Author:       Sami Åström
 Author URI:   https://aiopas.online
 Template:     kadence
 Version:      1.0.0
 License:      GPL-2.0+
 Text Domain:  aiopas-kadence-child
*/

/* ============================================
   Kaikki kustomoinnit tämän kommentin alle
   ============================================ */

/* --- Yleiset muuttujat (CSS custom properties) --- */
:root {
    /* Paletti: lähes musta tausta, oranssi aksentti */
    --aiopas-bg:        #0F0F0F;       /* päätausta */
    --aiopas-surface:   #1A1A1A;       /* kortit, osiot, laatikot */
    --aiopas-accent:    #EA580C;       /* oranssi: CTA-napit, linkit, korostus (tyylikäs poltettu oranssi) */
    --aiopas-heading:   #FFFFFF;       /* pääotsikot */
    --aiopas-text:      #9A9A9A;       /* leipäteksti */
    --aiopas-border:    #2A2A2A;       /* reunaviivat */
    --aiopas-muted:     #6B6B6B;       /* toissijainen teksti (päivämäärät yms.) */
}

/* --- Globaali tumma tila (override Kadence) --- */
body {
    background-color: var(--aiopas-bg);
    color: var(--aiopas-text);
}

.site, .content-area, .entry, .entry-content,
.single-content, .content-wrap {
    background-color: var(--aiopas-bg);
    color: var(--aiopas-text);
}

h1, h2, h3, h4, h5, h6,
.entry-title, .page-title {
    color: var(--aiopas-heading) !important;
}

a {
    color: var(--aiopas-accent);
}

a:hover {
    color: #FB923C; /* vaaleampi oranssi hoverissa */
}

/* --- Typografiaparannuksia --- */
.entry-content {
    line-height: 1.8;
    font-size: 1.1rem;
}

.entry-content h2 {
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}

.entry-content h3 {
    margin-top: 2rem;
    margin-bottom: 0.75rem;
}

/* --- Vertailutaulukot (affiliate) --- */
.entry-content table.vertailu {
    width: 100%;
    border-collapse: collapse;
    margin: 2rem 0;
    font-size: 0.95rem;
    color: var(--aiopas-text);
}

.entry-content table.vertailu th {
    background: var(--aiopas-accent);
    color: #0F0F0F;
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 700;
}

.entry-content table.vertailu td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--aiopas-border);
}

.entry-content table.vertailu tr:nth-child(even) td {
    background: var(--aiopas-surface);
}

/* --- Toimintakehotelaatikot --- */
.cta-box {
    background: linear-gradient(135deg, var(--aiopas-accent), #C2410C);
    color: #0F0F0F;
    padding: 1.5rem 2rem;
    border-radius: 0.75rem;
    margin: 2rem 0;
    font-weight: 500;
}

.cta-box a {
    color: #0F0F0F;
    font-weight: 700;
    text-decoration: underline;
}

.cta-box a:hover {
    color: #1A1A1A;
}

/* --- Avainkohdat / tärpit --- */
.key-points {
    background: var(--aiopas-surface);
    border-left: 4px solid var(--aiopas-accent);
    padding: 1rem 1.5rem;
    margin: 1.5rem 0;
    border-radius: 0 0.5rem 0.5rem 0;
}

.key-points ul {
    margin-bottom: 0;
    color: var(--aiopas-text);
}

.key-points li {
    margin-bottom: 0.35rem;
}

/* --- Päivityspäivämäärä --- */
.updated-badge {
    color: var(--aiopas-muted) !important;
}

/* ============================================
   Kadence-teeman tumma ylikirjoitus
   (ei tarvitse Customizeria — kaikki CSS:stä)
   ============================================ */

/* --- 🔥 Korjaa content-style-boxed (artikkelisivut) --- */
/* Kadencen boxed-tyyli tekee valkoisen laatikon — ylikirjoitetaan */
.content-style-boxed .content-bg,
.content-style-boxed .entry-content-wrap,
.content-style-boxed .entry,
.content-style-boxed .post,
.content-style-boxed article,
.content-style-boxed .site-content,
.single-content .content-bg,
.single .entry-content-wrap,
.single .post-thumbnail-wrap,
.single-post .content-area,
.single-post .site-content,
.content-style-boxed .content-area {
    background: var(--aiopas-bg) !important;
    box-shadow: none !important;
    border: none !important;
}

/* Boxed-tyylin padding ja border-radius nollaan — ei valkoista laatikkoa */
.content-style-boxed .content-container,
.content-style-boxed .entry-content-wrap,
.content-style-boxed .entry {
    padding: 0 !important;
    border-radius: 0 !important;
}

/* Artikkelin otsikko — valkoinen teksti */
.single .entry-title,
.single-post .entry-title,
.content-style-boxed .entry-title {
    color: var(--aiopas-heading) !important;
}

/* Meta-tiedot — harmaa */
.single .entry-meta,
.single .entry-meta a,
.single .posted-on,
.single .byline {
    color: var(--aiopas-muted) !important;
}

/* --- Header --- */
#masthead,
.site-header-row-container-inner,
.site-main-header-wrap {
    background: #0F0F0F !important;
    border-bottom-color: var(--aiopas-border) !important;
}

.site-branding .site-title {
    color: var(--aiopas-heading) !important;
}

.site-branding .site-description {
    color: var(--aiopas-muted);
}

/* --- Navigaatio (desktop) --- */
.main-navigation .primary-menu-container > ul > li.menu-item > a {
    color: var(--aiopas-text) !important;
}

.main-navigation .primary-menu-container > ul > li.menu-item > a:hover {
    color: var(--aiopas-accent) !important;
}

.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a,
.main-navigation .primary-menu-container > ul > li.menu-item.current_page_parent > a {
    color: var(--aiopas-heading) !important;
}

/* --- Dropdown / alavalikot --- */
.header-navigation .header-menu-container ul ul.sub-menu,
.header-navigation .header-menu-container ul ul.submenu {
    background: var(--aiopas-surface) !important;
}

.header-navigation .header-menu-container ul ul li.menu-item > a {
    color: var(--aiopas-text) !important;
}

.header-navigation .header-menu-container ul ul li.menu-item > a:hover {
    color: var(--aiopas-heading) !important;
    background: var(--aiopas-accent)  !important;
}

/* --- Mobiilivalikko --- */
#mobile-drawer .drawer-inner {
    background: var(--aiopas-bg) !important;
}

.mobile-navigation ul li > a,
.mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap {
    color: var(--aiopas-text) !important;
}

.mobile-navigation ul li.current-menu-item > a {
    color: var(--aiopas-accent) !important;
}

.mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap,
.mobile-navigation ul li:not(.menu-item-has-children) a {
    border-bottom-color: var(--aiopas-border) !important;
}

.mobile-toggle-open-container .menu-toggle-open {
    color: var(--aiopas-text) !important;
}

.mobile-toggle-open-container .menu-toggle-open:hover {
    color: var(--aiopas-accent) !important;
}

#mobile-drawer .drawer-header .drawer-toggle {
    color: var(--aiopas-text) !important;
}

/* --- Napit --- */
button, .button, .wp-block-button__link,
input[type="button"], input[type="reset"], input[type="submit"],
.wp-element-button {
    background: var(--aiopas-accent) !important;
    color: #0F0F0F !important;
    font-weight: 600;
}

button:hover, .button:hover, .wp-block-button__link:hover,
input[type="button"]:hover, input[type="submit"]:hover {
    background: #FB923C !important;
    color: #0F0F0F !important;
}

/* --- Loop-kortit (artikkelilistaus) --- */
.loop-entry {
    background: var(--aiopas-surface) !important;
    border-color: var(--aiopas-border) !important;
}

.loop-entry .entry-content-wrap {
    background: var(--aiopas-surface);
}

.loop-entry .entry-title a {
    color: var(--aiopas-heading) !important;
}

.loop-entry .entry-title a:hover {
    color: var(--aiopas-accent) !important;
}

.loop-entry .entry-meta,
.loop-entry .entry-meta a {
    color: var(--aiopas-muted) !important;
}

/* --- Yksittäinen artikkeli --- */
.single-entry {
    background: var(--aiopas-bg);
}

.entry-meta, .entry-meta a {
    color: var(--aiopas-muted) !important;
}

/* --- Footer --- */
.site-footer-wrap {
    background: var(--aiopas-bg) !important;
    border-top-color: var(--aiopas-border) !important;
}

.site-footer-wrap,
.site-footer-wrap a {
    color: var(--aiopas-muted) !important;
}

.site-footer-wrap a:hover {
    color: var(--aiopas-accent) !important;
}

.site-footer-wrap .widget-title {
    color: var(--aiopas-heading) !important;
}

.site-bottom-footer-inner-wrap {
    color: var(--aiopas-muted);
}

/* --- Sivupalkki / widgetit --- */
.widget-area .widget {
    background: var(--aiopas-surface);
    border-color: var(--aiopas-border) !important;
}

.widget-area .widget-title {
    color: var(--aiopas-heading) !important;
}

.widget-area,
.widget-area a {
    color: var(--aiopas-text);
}

.widget-area a:hover {
    color: var(--aiopas-accent);
}

/* --- Haku --- */
.search-form input[type="search"] {
    background: var(--aiopas-surface);
    color: var(--aiopas-text);
    border-color: var(--aiopas-border);
}

.search-form input[type="search"]::placeholder {
    color: var(--aiopas-muted);
}

/* --- Kommentit --- */
.comments-area {
    color: var(--aiopas-text);
}

.comment-body {
    background: var(--aiopas-surface);
    border-color: var(--aiopas-border) !important;
}

/* --- Breadcrumbs --- */
.kadence-breadcrumbs, .kadence-breadcrumbs a {
    color: var(--aiopas-muted) !important;
}

.kadence-breadcrumbs a:hover {
    color: var(--aiopas-accent) !important;
}

/* --- Responsiiviset korjaukset --- */
@media (max-width: 768px) {
    .entry-content {
        font-size: 1rem;
    }

    .cta-box {
        padding: 1rem 1.25rem;
    }
}

/* --- Artikkelinavigaatio (prev/next) --- */
.post-navigation,
.post-navigation .nav-links,
.post-navigation .nav-previous,
.post-navigation .nav-next,
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
    color: var(--aiopas-text) !important;
    background: transparent !important;
}

.post-navigation .post-title {
    color: var(--aiopas-heading) !important;
}

.post-navigation a:hover .post-title {
    color: var(--aiopas-accent) !important;
}

/* --- Liittyvät artikkelit --- */
.entry-related,
.entry-related .entry-related-inner,
.entry-related .entry-related-carousel {
    background: var(--aiopas-bg) !important;
}

.entry-related .entry-related-title {
    color: var(--aiopas-heading) !important;
}

.entry-related .loop-entry {
    background: var(--aiopas-surface) !important;
}

/* --- Kommenttialue --- */
.comments-area,
.comment-respond {
    background: var(--aiopas-bg) !important;
}

.comment-reply-title {
    color: var(--aiopas-heading) !important;
}

/* --- Kadence scroll to top --- */
.scroll-to-top,
.scroll-up {
    background: var(--aiopas-accent) !important;
    color: #0F0F0F !important;
}

.scroll-to-top:hover,
.scroll-up:hover {
    background: #FB923C !important;
}