/*
 * Extracted from mu-plugins/kalon-faq-admin.php on 2026-04-10
 * (Phase 4 of the kalon-theme refactor).
 *
 * Frontend FAQ accordion styles for the [kalon_faq group="..."] shortcode.
 * Uses native <details>/<summary> HTML5 semantics — no JS required.
 */

.kf-faq{padding:80px 0}
.kf-faq__inner{max-width:760px;margin:0 auto;padding:0 24px}
.kf-faq__heading{font-family:"Montserrat",-apple-system,sans-serif;font-size:32px;font-weight:300;letter-spacing:.06em;text-transform:uppercase;color:#1a1a1a;text-align:center;margin:0 0 24px;text-wrap:balance}
.kf-faq__heading::after{content:"";display:block;width:80px;height:3px;background:linear-gradient(90deg,#00B3DB,#58D652);margin:12px auto 0}
.kf-faq__group{margin-bottom:32px}
.kf-faq__group-title{font-family:"Montserrat",sans-serif;font-size:16px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#6a6a6a;padding:40px 0 16px;margin:0;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#00B3DB,#58D652) 1;padding-bottom:14px}
.kf-faq__group:first-child .kf-faq__group-title{padding-top:0}
.kf-faq__item{border-bottom:1px solid #eeebe6}
.kf-faq__q{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:22px 0;font-family:"Montserrat",sans-serif;font-size:15px;font-weight:500;color:#3a3a3a;letter-spacing:.02em;user-select:none;gap:16px;list-style:none}
.kf-faq__q::-webkit-details-marker{display:none}
.kf-faq__q:hover{color:#00B3DB}
.kf-faq__q h3.kf-faq__q-text{all:unset;font:inherit;color:inherit;margin:0;padding:0;letter-spacing:inherit;display:inline;font-size:inherit;font-weight:inherit;line-height:inherit;text-transform:inherit}
.kf-faq__arrow{width:20px;height:20px;flex-shrink:0;transition:transform .3s;color:#a0a0a0}
.kf-faq__item[open] .kf-faq__arrow{transform:rotate(180deg)}
.kf-faq__a{font-family:"Montserrat",sans-serif;padding:0 0 22px}
.kf-faq__a p{font-size:14px;line-height:1.75;color:#3a3a3a;margin:0 0 10px}
.kf-faq__a p:last-child{margin-bottom:0}
.kf-faq__a ul{font-size:14px;line-height:1.75;color:#3a3a3a;margin:0 0 10px;padding-left:20px}
.kf-faq__a li{margin-bottom:4px}
@media(max-width:768px){.kf-faq{padding:48px 0}.kf-faq__heading{font-size:26px}}