/*
Theme Name: Britische Katzen – Salbei & Creme
Theme URI: https://britische-katzen.de/
Author: britische-katzen.de
Description: Bearbeitbares Blocktheme mit Salbei-und-Creme-Gestaltung, DE/CS-Navigation und getrennten redaktionellen und fachlichen Bereichen.
Version: 1.0.5
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.2
License: GPL-2.0-or-later
Text Domain: britische-katzen-theme
*/

/* Layout colors and spacing are supplied by theme.json and remain editable. */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; }
img { max-width: 100%; height: auto; }
a, button, input, select, textarea, summary { -webkit-tap-highlight-color: transparent; }
a { text-underline-offset: .2em; text-decoration-thickness: .08em; }
a:hover { text-decoration-thickness: .14em; }
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 3px solid var(--wp--preset--color--focus, #ad4a14); outline-offset: 4px;
}
:where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]), select, textarea) {
    background: var(--wp--preset--color--white, #fff); color: var(--wp--preset--color--ink, #243a32);
    border: 1.5px solid var(--wp--preset--color--field-border, #78877e); border-radius: .35rem;
    font: inherit; padding: .7rem .8rem; min-height: 48px; max-width: 100%;
}
:where(input[type=checkbox], input[type=radio]) { width: 1.2rem; height: 1.2rem; accent-color: var(--wp--preset--color--forest, #284f45); }
:where(button, input[type=submit]) { min-height: 44px; font: inherit; cursor: pointer; }
:where(button, input, select, textarea):disabled { cursor: not-allowed; opacity: 1; background: var(--wp--preset--color--disabled-surface, #e9ece7); color: var(--wp--preset--color--disabled-text, #4f5d54); border-color: var(--wp--preset--color--field-border, #78877e); }
.wp-site-blocks { overflow-wrap: anywhere; }
.wp-site-blocks > * { margin-block-start: 0; }
:where(.bkt-skip-link) { position: fixed; left: 1rem; top: -10rem; z-index: 100000; padding: .8rem 1.2rem; background: var(--wp--preset--color--white, #fff); border: 2px solid var(--wp--preset--color--forest, #284f45); color: var(--wp--preset--color--ink, #243a32); }
:where(.bkt-skip-link):focus { top: 1rem; }
:where(.bkt-header) { border-bottom: 1px solid var(--wp--preset--color--line, #c7d1c6); position: relative; z-index: 10; }
:where(.bkt-header-row) { gap: 1.5rem; }
:where(.bkt-brand) { font-family: var(--wp--preset--font-family--heading, Georgia); font-size: clamp(1.1rem, 1.8vw, 1.4rem); display: inline-flex; align-items: center; gap: .8rem; text-decoration: none; color: inherit; flex-shrink: 0; }
:where(.bkt-brand) img { width: 46px; height: 46px; object-fit: contain; flex-shrink: 0; }
:where(.bkt-brand-wordmark) { display: block; font-weight: 700; line-height: 1.15; letter-spacing: -.025em; }
:where(.bkt-brand-tagline) { display: block; font-family: var(--wp--preset--font-family--body, system-ui); font-size: .55em; font-weight: 400; line-height: 1.6; color: var(--wp--preset--color--muted, #526159); letter-spacing: .035em; }
:where(.bkt-navigation) { font-size: var(--wp--preset--font-size--small, .875rem); }
:where(.bkt-navigation-content) { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
:where(.bkt-menu) { list-style: none; padding: 0; margin: 0; display: flex; gap: .3rem; align-items: center; flex-wrap: wrap; }
:where(.bkt-menu) > li { position: relative; margin: 0; }
:where(.bkt-menu) a { display: flex; align-items: center; gap: .35rem; min-height: 44px; padding: .5rem .65rem; border-radius: .25rem; color: inherit; text-decoration: none; }
:where(.bkt-menu) a:hover, :where(.bkt-menu) a[aria-current=page] { background: var(--wp--preset--color--cream, #f6f3eb); text-decoration: underline; }
:where(.bkt-menu) .sub-menu { list-style: none; margin: 0; padding: .25rem; background: var(--wp--preset--color--white, #fff); border: 1px solid var(--wp--preset--color--field-border, #78877e); border-radius: .35rem; }
:where(.bkt-menu) .sub-menu a { padding: .5rem .75rem; }
:where(.bkt-languages) { display: flex; align-items: center; flex-wrap: wrap; gap: .25rem; border-inline-start: 1px solid var(--wp--preset--color--line, #c7d1c6); padding-inline-start: .6rem; }
:where(.bkt-languages) > a, :where(.bkt-languages) > span { display: inline-flex; align-items: center; min-height: 44px; padding: .5rem; }
:where(.bkt-language-unavailable) { flex-direction: column; justify-content: center; align-items: flex-start; gap: .15rem; }
:where(.bkt-language-note) { font-size: .75em; line-height: 1.25; color: var(--wp--preset--color--muted, #526159); }
:where(.bkt-languages) [aria-current=true] { font-weight: 700; text-decoration: underline; text-underline-offset: .3em; }
:where(.bkt-language-picker) { position: relative; }
:where(.bkt-language-picker) summary { display:flex; align-items:center; gap:.45rem; min-height:44px; padding:.45rem .7rem; cursor:pointer; list-style:none; border:1.5px solid var(--wp--preset--color--forest); border-radius:.35rem; background:var(--wp--preset--color--white); color:var(--wp--preset--color--forest); }
:where(.bkt-language-picker) summary::-webkit-details-marker { display:none; }
:where(.bkt-language-label) { font-size:.8em; color:var(--wp--preset--color--muted); }
:where(.bkt-language-chevron) { font-size:1.25em; line-height:1; }
:where(.bkt-language-options) { position:absolute; z-index:30; top:calc(100% + .4rem); inset-inline-end:0; min-width:11rem; max-width:calc(100vw - 2.5rem); list-style:none; margin:0; padding:.3rem; border:1.5px solid var(--wp--preset--color--field-border); border-radius:.4rem; background:var(--wp--preset--color--white); box-shadow:0 .4rem 1rem #243a3220; }
:where(.bkt-language-options) li { margin:0; }
:where(.bkt-language-options) a,:where(.bkt-language-options) .bkt-language-unavailable { display:flex; min-height:44px; padding:.65rem .8rem; border-radius:.25rem; text-decoration:none; color:var(--wp--preset--color--forest); }
:where(.bkt-language-options) a:hover { background:var(--wp--preset--color--cream); text-decoration:underline; }
:where(.bkt-menu-toggle) { display: none; padding: .45rem .9rem; background: var(--wp--preset--color--white, #fff); border: 1.5px solid var(--wp--preset--color--forest, #284f45); border-radius: .3rem; color: var(--wp--preset--color--forest, #284f45); align-items: center; gap: .5rem; }
:where(.bkt-menu-toggle) svg { width: 20px; height: 20px; }
:where(.bkt-eyebrow) { font-family: var(--wp--preset--font-family--body, system-ui); font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
:where(.bkt-hero) { padding-block: clamp(2.5rem, 7vw, 6rem); }
:where(.bkt-hero) h1 { max-width: 12ch; letter-spacing: -.045em; text-wrap: balance; }
:where(.bkt-hero) .wp-block-columns { gap: clamp(2rem, 6vw, 6rem); align-items: center; }
:where(.bkt-hero) figure { margin: 0; }
:where(.bkt-hero) img { width: 100%; aspect-ratio: 5 / 4; object-fit: cover; object-position: 62% center; border-radius: 1.5rem 1.5rem 1.5rem .3rem; }
:where(.bkt-hero) figcaption { font-size: .75rem; line-height: 1.5; color: var(--wp--preset--color--muted); margin-top: .6rem; }
:where(.bkt-lead) { max-width: 44rem; }
:where(.bkt-section) { padding-block: var(--wp--preset--spacing--60, clamp(2.5rem, 6vw, 5rem)); }
:where(.bkt-section-title) { max-width: 25ch; text-wrap: balance; letter-spacing: -.03em; }
:where(.bkt-card) { height: 100%; border: 1px solid var(--wp--preset--color--line, #c7d1c6); border-radius: .7rem; padding: clamp(1.4rem, 3vw, 2rem); background: var(--wp--preset--color--white); }
:where(.bkt-card) h3 { margin-top: .7rem; }
:where(.bkt-card) .wp-block-buttons { margin-top: 1.5rem; }
:where(.bkt-card-number) { display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; background: var(--wp--preset--color--cream); border-radius: 50%; font-size: .8rem; font-weight: 700; }
:where(.bkt-rule) { border-top: 1px solid var(--wp--preset--color--line, #c7d1c6); }
:where(.bkt-notice) { padding: 1.1rem 1.3rem; border-inline-start: 4px solid var(--wp--preset--color--field-border, #78877e); background: var(--wp--preset--color--cream, #f6f3eb); border-radius: .25rem; }
:where(.bkt-notice) strong { display: block; margin-bottom: .35rem; }
:where(.bkt-status) { display: inline-block; border: 1px solid var(--wp--preset--color--field-border, #78877e); border-radius: 2rem; padding: .25rem .65rem; font-size: .78rem; font-weight: 600; background: var(--wp--preset--color--cream, #f6f3eb); }
:where(.bkt-footer) { border-top: 1px solid var(--wp--preset--color--line, #c7d1c6); }
:where(.bkt-footer) a { min-height: 44px; display: inline-flex; align-items: center; }
:where(.bkt-reading) { max-width: 49rem; margin-inline: auto; }
:where(.bkt-reading) h1 { font-size: clamp(2rem, 4vw, 3.25rem); letter-spacing: -.03em; }
:where(.bkt-section) > .wp-block-query-title { font-size: clamp(2rem, 4vw, 3.25rem); letter-spacing: -.03em; }
:where(.bkt-reading) :where(p,ul,ol,blockquote) { line-height: 1.75; }
.wp-block-search__input { min-width: 0; }
.wp-block-search__button { flex-shrink: 0; white-space: nowrap; overflow-wrap: normal; }
:where(.bkt-article-list) .wp-block-post { border-bottom: 1px solid var(--wp--preset--color--line, #c7d1c6); padding-bottom: 2rem; }
:where(.bkt-article-list) .wp-block-post-featured-image img { aspect-ratio: 3 / 2; object-fit: cover; border-radius: .5rem; }
:where(.bkt-article-list) .wp-block-post-title { font-size: clamp(1.4rem, 2.5vw, 1.9rem); line-height: 1.2; }
:where(.bkt-article-list) .wp-block-post-title a { text-decoration: none; }
:where(.bkt-article-list) .wp-block-post-title a:hover { text-decoration: underline; }
:where(.bkt-guide) { max-width: 58rem; }
:where(.bkt-guide) table { width: 100%; border-collapse: collapse; background: var(--wp--preset--color--white, #fff); }
:where(.bkt-guide) th, :where(.bkt-guide) td { text-align: start; border: 1px solid var(--wp--preset--color--field-border, #78877e); padding: .8rem; vertical-align: top; }
:where(.bkt-guide-actions) { display: flex; flex-wrap: wrap; gap: .75rem; margin-block: 1.2rem; }
:where(.bkt-guide) .button { min-height: 44px; display: inline-flex; align-items: center; padding: .35rem .85rem; }
@media (max-width: 1050px) {
    :where(.bkt-header-row) { flex-wrap: wrap !important; }
    :where(.bkt-navigation) { flex: 1 1 100%; }
}
@media (max-width: 782px) {
    :where(.bkt-header-row) { gap: 1rem; }
    :where(.bkt-navigation) { width: 100%; }
    :where(.bkt-navigation)[data-enhanced] :where(.bkt-menu-toggle) { display: flex; }
    :where(.bkt-navigation)[data-enhanced] :where(.bkt-navigation-content):not([data-open]) { display: none; }
    :where(.bkt-navigation-content) { margin-top: .65rem; display: block; }
    :where(.bkt-menu) { display: block; width: 100%; }
    :where(.bkt-menu) a { padding: .7rem .75rem; border-bottom: 1px solid var(--wp--preset--color--line, #c7d1c6); }
    :where(.bkt-menu) .sub-menu { margin: .3rem 0 .3rem .8rem; }
    :where(.bkt-languages) { border-inline-start: 0; padding: .7rem 0 0; }
    :where(.bkt-language-options) { inset-inline-start:0; inset-inline-end:auto; }
    :where(.bkt-hero) h1 { max-width: 15ch; }
    :where(.bkt-hero) img { aspect-ratio: 4 / 3; }
    :where(.bkt-guide) table, :where(.bkt-guide) tbody, :where(.bkt-guide) tr, :where(.bkt-guide) td, :where(.bkt-guide) th { display: block; }
    :where(.bkt-guide) td { border-top: 0; }
    :where(.bkt-guide) tr { margin-bottom: 1rem; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
:where(.bkp-legacy-availability) { border: 1px solid var(--wp--preset--color--field-border, #78877e); border-inline-start-width: 4px; border-radius: .4rem; background: var(--wp--preset--color--cream, #f6f3eb); color: var(--wp--preset--color--ink, #243a32); padding: 1.25rem; margin-block: 1.5rem; }
:where(.bkp-legacy-availability h2) { font-size: 1.5rem; margin-top: 0; }
:where(.bkp-legacy-availability .button) { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: .7rem 1.1rem; border: 1.5px solid var(--wp--preset--color--forest, #284f45); border-radius: .35rem; text-decoration: none; }
@media print {
    :where(.bkt-navigation), :where(.bkt-skip-link), #wpadminbar, :where(.bkt-footer), :where(.bkt-local-warning) { display: none !important; }
    body { color: #000; background: var(--wp--preset--color--white, #fff); }
    a { color: #000; }
    :where(.bkt-card), figure, h2, h3 { break-inside: avoid; }
}
