/*!
 * Kadence Archive Minimal Styles
 * 分类页面最小化父主题样式
 * 包含分类页面必需的样式，保留头部导航样式
 * 
 * @package Kadence_Child
 * @since 2.0.0
 */

/* ========================================
   CSS Custom Properties (Variables)
   ======================================== */
:root {
    --global-gray-400: #CBD5E0;
    --global-gray-500: #A0AEC0;
    --global-xs-spacing: 1em;
    --global-sm-spacing: 1.5rem;
    --global-md-spacing: 2rem;
    --global-lg-spacing: 2.5em;
    --global-xl-spacing: 3.5em;
    --global-xxl-spacing: 5rem;
    --global-edge-spacing: 1.5rem;
    --global-boxed-spacing: 2rem;
    --global-font-size-small: clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem);
    --global-font-size-medium: clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);
    --global-font-size-large: clamp(1.75rem, 1.576rem + 0.543vw, 2rem);
    --global-font-size-larger: clamp(2rem, 1.6rem + 1vw, 2.5rem);
    --global-font-size-xxlarge: clamp(2.25rem, 1.728rem + 1.63vw, 3rem);
}

/* ========================================
   CSS Reset (Normalize.css)
   ======================================== */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

main {
    display: block;
    min-width: 0;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

a {
    background-color: rgba(0,0,0,0);
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: bold;
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button, input, optgroup, select, textarea {
    font-size: 100%;
    margin: 0;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

/* ========================================
   Base Typography
   ======================================== */
h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
    text-decoration: none;
}

dfn, cite, em, i {
    font-style: italic;
}

blockquote, q {
    quotes: """ """;
}

blockquote {
    padding-left: 1em;
    border-left: 4px solid var(--global-palette4);
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: var(--global-palette7);
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: .9375rem;
    line-height: 1.6;
    max-width: 100%;
    overflow: auto;
    padding: 1.5em;
    white-space: pre-wrap;
}

code, kbd, tt, var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: .8rem;
}

abbr, acronym {
    border-bottom: 1px dotted var(--global-palette4);
    cursor: help;
}

mark, ins {
    text-decoration: none;
}

big {
    font-size: 125%;
}

/* ========================================
   Base Elements
   ======================================== */
html {
    box-sizing: border-box;
}

*, *::before, *::after {
    box-sizing: inherit;
}

hr {
    height: 0;
    border: 0;
    border-bottom: 2px solid var(--global-gray-400);
}

ul, ol {
    margin: 0 0 1.5em 1.5em;
    padding: 0;
}

ul.aligncenter, ol.aligncenter {
    list-style: none;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul, li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    display: block;
    height: auto;
    max-width: 100%;
}

figure {
    margin: .5em 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/* ========================================
   Links
   ======================================== */
a {
    color: var(--global-palette-highlight);
    text-underline-offset: .1em;
    transition: all .1s linear;
}

a:hover, a:focus, a:active {
    color: var(--global-palette-highlight-alt);
    text-underline-offset: .25em;
}

a:hover, a:active {
    outline: 0;
}

/* ========================================
   Buttons
   ======================================== */
button, .button, .wp-block-button__link, .wp-element-button,
input[type=button], input[type=reset], input[type=submit] {
    border-radius: 3px;
    background: var(--global-palette-btn-bg);
    color: var(--global-palette-btn);
    padding: .4em 1em;
    border: 0;
    font-size: 1.125rem;
    line-height: 1.6;
    display: inline-block;
    font-family: inherit;
    cursor: pointer;
    text-decoration: none;
    transition: all .2s ease;
    box-shadow: 0px 0px 0px -7px rgba(0,0,0,0);
}

button:hover, button:focus, button:active,
.button:hover, .button:focus, .button:active,
.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active,
.wp-element-button:hover, .wp-element-button:focus, .wp-element-button:active,
input[type=button]:hover, input[type=button]:focus, input[type=button]:active,
input[type=reset]:hover, input[type=reset]:focus, input[type=reset]:active,
input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active {
    color: var(--global-palette-btn-hover);
    background: var(--global-palette-btn-bg-hover);
    box-shadow: 0px 15px 25px -7px rgba(0,0,0,.1);
}

/* ========================================
   Accessibility
   ======================================== */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* ========================================
   Layout Utilities
   ======================================== */
.kt-clear {
    *zoom: 1;
}

.kt-clear::before,
.kt-clear::after {
    content: " ";
    display: table;
}

.kt-clear::after {
    clear: both;
}

.alignleft {
    float: left;
    margin-right: var(--global-md-spacing);
}

.alignright {
    float: right;
    margin-left: var(--global-md-spacing);
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* ========================================
   HEADER STYLES (保留完整的头部导航样式)
   ======================================== */
#main-header {
    display: none;
}

#masthead {
    position: relative;
    z-index: 11;
}

@media screen and (min-width: 1025px) {
    #main-header {
        display: block;
    }
    #mobile-header {
        display: none;
    }
}

.header-html-inner img.alignnone {
    display: inline-block;
}

.drawer-content .mobile-html, 
.drawer-content .mobile-html2 {
    width: 100%;
}

.site-header-row {
    display: grid;
    grid-template-columns: auto auto;
}

.site-header-row.site-header-row-center-column {
    grid-template-columns: 1fr auto 1fr;
}

.site-header-row.site-header-row-only-center-column {
    display: flex;
    justify-content: center;
}

.site-header-row.site-header-row-only-center-column .site-header-section-center {
    flex-grow: 1;
}

.site-header-upper-inner-wrap.child-is-fixed {
    display: flex;
    align-items: flex-end;
}

.site-header-upper-inner-wrap.child-is-fixed .site-main-header-wrap {
    width: 100%;
}

.site-header-row-layout-fullwidth > .site-header-row-container-inner > .site-container {
    max-width: none;
}

.site-header-row-tablet-layout-contained {
    padding: 0 1.5rem;
}

@media screen and (max-width: 719px) {
    .site-header-focus-item.site-header-row-mobile-layout-contained {
        padding: 0 1.5rem;
    }
    .site-header-focus-item.site-header-row-mobile-layout-fullwidth,
    .site-header-focus-item.site-header-row-mobile-layout-standard {
        padding: 0;
    }
}

.site-header-section {
    display: flex;
    max-height: inherit;
}

.site-header-item {
    display: flex;
    align-items: center;
    margin-right: 10px;
    max-height: inherit;
}

.rtl .site-header-item {
    margin-left: 10px;
    margin-right: 0px;
}

.site-header-section > .site-header-item:last-child {
    margin-right: 0;
}

.rtl .site-header-section > .site-header-item:last-child {
    margin-left: 0px;
}

.site-header-section-right {
    justify-content: flex-end;
}

.site-header-section-center {
    justify-content: center;
}

.site-header-section-left-center {
    flex-grow: 1;
    justify-content: flex-end;
}

.site-header-section-right-center {
    flex-grow: 1;
    justify-content: flex-start;
}

.drawer-content .site-header-item {
    margin-right: 0;
    margin-bottom: 10px;
}

.drawer-content .site-header-item:last-child {
    margin-bottom: 0;
}

/* ========================================
   Responsive Design
   ======================================== */
@media screen and (max-width: 719px) {
    .vs-sm-false {
        display: none !important;
    }
}

@media screen and (min-width: 720px) and (max-width: 1024px) {
    .vs-md-false {
        display: none !important;
    }
}

@media screen and (min-width: 1025px) {
    .vs-lg-false {
        display: none !important;
    }
}

/* ========================================
   Content Area Layout
   ======================================== */
.content-area {
    margin: var(--global-xxl-spacing) 0;
}

.site-container,
.site-header-row-layout-contained,
.site-footer-row-layout-contained,
.entry-hero-layout-contained,
.alignfull > .wp-block-cover__inner-container,
.alignwide > .wp-block-cover__inner-container {
    margin: 0 auto;
    padding: 0 var(--global-content-edge-padding);
}

@media screen and (min-width: 1025px) {
    .has-sidebar .content-container {
        display: grid;
        grid-template-columns: 5fr 2fr;
        grid-gap: var(--global-xl-spacing);
        justify-content: center;
    }
    
    #secondary {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
    }
    
    .has-left-sidebar .content-container {
        grid-template-columns: 2fr 5fr;
    }
    
    .has-left-sidebar #main {
        grid-column: 2;
        grid-row: 1;
    }
    
    .has-left-sidebar #secondary {
        grid-column: 1;
        grid-row: 1;
    }
}

/* ========================================
   Utility Classes
   ======================================== */
body.logged-in .vs-logged-in-false {
    display: none !important;
}

body:not(.logged-in) .vs-logged-out-false {
    display: none !important;
}

#wpadminbar {
    position: fixed !important;
}

/* ========================================
   Scroll Up Button
   ======================================== */
#kt-scroll-up-reader,
#kt-scroll-up {
    position: fixed;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    transition: all .2s ease;
    opacity: 0;
    z-index: 1000;
    display: flex;
    cursor: pointer;
}

#kt-scroll-up-reader *,
#kt-scroll-up * {
    pointer-events: none;
}

#kt-scroll-up.scroll-visible {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

/* ========================================
   Footer on Bottom Layout
   ======================================== */
body.footer-on-bottom #wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body.footer-on-bottom.admin-bar #wrapper {
    min-height: calc(100vh - 32px);
}

body.footer-on-bottom #inner-wrap {
    flex: 1 0 auto;
}