.tk-language-picker{
    --tk-lang-ink:#493424;
    --tk-lang-muted:#7a5b3e;
    --tk-lang-border:#cdbb9f;
    --tk-lang-border-hover:#aa7c47;
    --tk-lang-surface-top:#fffefb;
    --tk-lang-surface-bottom:#f4eadb;
    --tk-lang-focus:#a8753b;
    position:relative;display:flex;align-items:center;gap:8px;margin:0;
    flex-shrink:0;color:var(--tk-lang-ink);
}
.tk-language-picker select{
    -webkit-appearance:none;appearance:none;
    width:146px;max-width:100%;min-height:42px;margin:0;
    padding:8px 40px 8px 14px;
    border:1px solid var(--tk-lang-border);border-radius:12px;
    background-color:var(--tk-lang-surface-top);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.25 6 6.25 11 1.25' fill='none' stroke='%23705235' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,var(--tk-lang-surface-top),var(--tk-lang-surface-bottom));
    background-repeat:no-repeat,no-repeat;background-position:right 14px center,0 0;background-size:12px 8px,100% 100%;
    color:var(--tk-lang-ink);font:600 13px/1.25 "Segoe UI",system-ui,sans-serif;
    letter-spacing:.01em;cursor:pointer;
    box-shadow:inset 0 1px 0 #ffffffd9,0 4px 14px #4e331a12;
    transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.tk-language-picker select:hover{
    border-color:var(--tk-lang-border-hover);
    box-shadow:inset 0 1px 0 #fff,0 6px 18px #4e331a1c;
}
.tk-language-picker select:focus,.tk-language-picker select:focus-visible{
    outline:none;border-color:var(--tk-lang-focus);
    box-shadow:0 0 0 3px #a8753b24,inset 0 1px 0 #fff,0 6px 18px #4e331a1c;
}
.tk-language-picker button{
    min-height:42px;min-width:38px;border:1px solid var(--tk-lang-border);border-radius:11px;
    background:linear-gradient(180deg,#fffefb,#f4eadb);color:var(--tk-lang-ink);
    box-shadow:inset 0 1px 0 #fff,0 3px 10px #4e331a12;
}
.tk-language-picker button[hidden]{display:none!important}
.tk-language-picker :focus-visible{outline:none}

/* Sunday CSS has intentionally specific selectors. Keep the same premium picker in
   both navigation variants instead of allowing two visual implementations. */
body .navbar.custom-navbar.sunday-nav .tk-language-picker select{
    -webkit-appearance:none;appearance:none;width:146px;max-width:100%;min-height:42px;margin:0;
    padding:8px 40px 8px 14px;box-sizing:border-box;border:1px solid var(--tk-lang-border);border-radius:12px;
    background-color:var(--tk-lang-surface-top);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.25 6 6.25 11 1.25' fill='none' stroke='%23705235' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,var(--tk-lang-surface-top),var(--tk-lang-surface-bottom));
    background-repeat:no-repeat,no-repeat;background-position:right 14px center,0 0;background-size:12px 8px,100% 100%;
    color:var(--tk-lang-ink);font:600 13px/1.25 "Segoe UI",system-ui,sans-serif;letter-spacing:.01em;
    box-shadow:inset 0 1px 0 #ffffffd9,0 4px 14px #4e331a12;cursor:pointer;
}
body .navbar.custom-navbar.sunday-nav .tk-language-picker select:hover{border-color:var(--tk-lang-border-hover);box-shadow:inset 0 1px 0 #fff,0 6px 18px #4e331a1c}
body .navbar.custom-navbar.sunday-nav .tk-language-picker select:focus{outline:none;border-color:var(--tk-lang-focus);box-shadow:0 0 0 3px #a8753b24,inset 0 1px 0 #fff,0 6px 18px #4e331a1c}

@media(min-width:992px){
    .custom-navbar .navbar-collapse{gap:12px}
    .custom-navbar .navbar-nav{gap:10px}
    .custom-navbar .nav-link{font-size:13px!important}
    .custom-navbar .tk-nav-brand{font-size:18px}
}
@media(min-width:992px) and (max-width:1250px){
    .custom-navbar .tk-nav-brand{font-size:14px}
    .custom-navbar .navbar-nav{gap:6px}
    .custom-navbar .nav-link{font-size:11px!important}
    .tk-language-picker select,body .navbar.custom-navbar.sunday-nav .tk-language-picker select{width:112px;padding-left:10px;padding-right:32px;background-position:right 10px center,0 0}
    .custom-navbar .navbar-button{padding:7px 10px!important}
}
@media(max-width:991px){
    .custom-navbar .tk-language-picker,
    body .navbar.custom-navbar.sunday-nav .tk-language-picker{
        order:10;width:100%;padding:16px 12px 8px;margin:8px 0 0;border:0;border-top:1px solid #ded5c7;
        justify-content:flex-start;box-sizing:border-box;
    }
    .tk-language-picker select,body .navbar.custom-navbar.sunday-nav .tk-language-picker select{
        width:min(210px,100%);min-height:46px;font-size:15px;flex:0 1 210px;
    }
    .tk-language-picker button{min-height:46px;min-width:44px}
}

html[dir=rtl] body{text-align:right}
html[dir=rtl] .home-hero-copy,html[dir=rtl] .home-card-copy,html[dir=rtl] .kb-card-content{text-align:right}
html[dir=rtl] .sunday-card,html[dir=rtl] .sunday-footer{text-align:center}
html[dir=rtl] input[type=email],html[dir=rtl] input[type=url],html[dir=rtl] input[type=number],html[dir=rtl] [dir=ltr]{direction:ltr}
html[dir=rtl] .kb-arrow,html[dir=rtl] .kb-lesson-arrow{transform:scaleX(-1)}
html[dir=rtl] .custom-navbar #navbarNav .nav-link{text-align:right}
.language-settings{max-width:680px;margin:0 auto 28px;padding:24px;background:#fffdf8;border:1px solid #e4d9c8;border-radius:14px}
.language-settings select{width:230px;max-width:100%}.language-settings button{margin-top:16px}
.translation-editor{max-width:760px;margin:0 auto;padding:24px}.translation-editor textarea{display:block;width:100%;max-width:64ch;min-height:110px;margin:8px 0 20px}.translation-editor select{width:230px;max-width:100%;margin-bottom:16px}.translation-editor label{display:block;font-weight:600}.translation-editor summary{cursor:pointer;padding:12px 0}.translation-editor pre{white-space:pre-wrap;overflow-wrap:anywhere}
/* Widths follow the field's content, not the desktop viewport. */
body.content-page .contentbeheer-form{width:100%;max-width:760px!important;min-width:0!important;margin-inline:auto;box-sizing:border-box}
body.content-page .contentbeheer-pagina{max-width:980px;margin-inline:auto;padding-inline:16px}
body.content-page .contentbeheer-block{min-width:0;max-width:100%;box-sizing:border-box}
body.content-page .contentbeheer-input,body.content-page .contentbeheer-textarea{width:100%;max-width:58ch;min-width:0;box-sizing:border-box}
body.content-page textarea.contentbeheer-input{max-width:68ch}
body.content-page .contentbeheer-select{width:260px;max-width:100%;margin-inline:0}
body.content-page #paginaSelect{margin-inline:auto}
body.content-page .ck-editor{width:100%;max-width:68ch;min-width:0}
body.content-page .ck-editor__editable{min-width:0!important;max-width:100%!important;min-height:120px}
body.content-page #sunday-enabled{width:130px}
body.content-page .entertainment-image-editor{max-width:900px;margin-inline:auto}
#settings-form .form-control{max-width:46ch}#settings-form .form-select{width:240px;max-width:100%}
@media(max-width:600px){body.content-page .contentbeheer-form{padding:18px!important}body.content-page .contentbeheer-pagina{padding-inline:8px}.translation-editor{padding:16px}}

body.content-page input.contentbeheer-input,body.content-page textarea.contentbeheer-input{padding:10px 12px;border:1px solid #c9baa4;border-radius:8px;background:#fff;line-height:1.5;font-size:16px;color:#302d28}
body.content-page input.contentbeheer-input:focus,body.content-page textarea.contentbeheer-input:focus{outline:2px solid #977343;outline-offset:2px}
.tk-language-picker button[hidden]{display:none!important}
