/*
Theme Name: Hakuna TV
Author: Hakuna TV
Description: Hakuna TV - thema voor hakunatv.nl
Version: 1.0.0
Text Domain: hakunatv
*/

/* Base styles */
/* @import url('assets/css/base.css');
@import url('assets/css/base-other.css'); */

/* @import url('assets/css/header.css');
@import url('assets/css/hero.css'); */

@import url('assets/scrp/main.css');
@import url('assets/scrp/splide.min.css');
@import url('assets/scrp/swiper-bundle.min.css');

@import url('assets/scrp/idk.one.css');
@import url('assets/scrp/idk.two.css');

@import url('assets/css/hakuna-theme.css');

#pricing h3.h5 {
    font-size: 30px;
}
#pricing .feature-list li {
    font-size: 18px;
}

.promo-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.promo-item p {
    flex-grow: 1;
}

/* ===== Hakuna TV: content pages ===== */
.hk-content h2 { margin-top: 10px; margin-bottom: 18px; }
.hk-content h3 { margin-top: 26px; margin-bottom: 12px; }
.hk-content p,
.hk-content li { font-size: 17px; line-height: 1.75; }
.hk-content ul,
.hk-content ol { padding-left: 22px; margin-bottom: 20px; }
.hk-content a { color: var(--hk-violet-500); text-decoration: underline; }
.hk-content a.template-btn,
.hk-content a.btn { text-decoration: none; }
.hk-card { background: #fff; border-radius: 10px; box-shadow: 0 10px 30px rgba(27,7,64,.08); padding: 28px; height: 100%; }
.hk-card h3 { margin-top: 0; }
.hk-note { background: var(--hk-violet-100); border-left: 4px solid var(--hk-violet-500); border-radius: 8px; padding: 18px 22px; margin: 24px 0; }
.hk-note p:last-child { margin-bottom: 0; }
.hk-toc { background: #fff; border-radius: 10px; box-shadow: 0 10px 30px rgba(27,7,64,.08); padding: 22px 26px; }
.hk-toc ol { margin: 0; }
.hk-related a { display: inline-block; margin: 0 14px 10px 0; }

/* Toetsenbordfocus zichtbaar houden */
a:focus-visible,
button:focus-visible { outline: 3px solid var(--hk-cta); outline-offset: 2px; }

/* Keuze aantal apparaten boven de prijskaarten */
.hk-devices-group { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 8px; background: #fff; border-radius: 50px; padding: 6px; box-shadow: 0 10px 30px rgba(27,7,64,.08); }
.hk-device-btn { border: 0; background: transparent; color: var(--hk-ink); font-weight: 700; font-size: 15px; padding: 10px 18px; border-radius: 50px; cursor: pointer; transition: background .2s ease, color .2s ease; }
.hk-device-btn:hover { background: var(--hk-violet-100); }
.hk-device-btn.is-active { background: linear-gradient(95deg, var(--hk-cta-start) 0%, var(--hk-cta-end) 100%); color: #fff; }

/* Prijskaarten leesbaar op kleine schermen */
@media (max-width: 575px) {
    .hk-devices-group { border-radius: 16px; }
    .hk-device-btn { padding: 8px 12px; font-size: 14px; }
    #pricing h3.h5 { font-size: 24px; }
    #pricing .feature-list li { font-size: 16px; }
    .hk-card { padding: 20px; }
}