/* Core-owned component presentation, migrated from FontZin Theme 9.0.0 CSS. */

html:root .fontzin-font-preview .fontzin-preview-status[data-state="error"]{color:var(--fz-palette-ink);font-weight:700;border-color:var(--fz-palette-ink)}

html:root .fontzin-font-preview{background:var(--fz-palette-paper);color:var(--fz-palette-ink);border-color:var(--fz-border)}

html:root .fontzin-font-preview :is(.fontzin-preview-controls,.fontzin-preview-loading-overlay){background:var(--fz-bg-soft);color:var(--fz-palette-ink);border-color:var(--fz-border)}

html:root .fontzin-font-preview :is(
  .fontzin-preview-size-buttons button,.fontzin-line-height-button,
  .fontzin-preview-input,.fontzin-preview-surface,.fontzin-preview-editor
){background:var(--fz-palette-paper);color:var(--fz-palette-ink);border-color:var(--fz-border-strong)}

html:root .fontzin-font-preview :is(.fontzin-preview-size-buttons button[aria-pressed="true"],.fontzin-line-height-button[aria-pressed="true"]){background:var(--fz-palette-accent);color:var(--fz-palette-paper);border-color:var(--fz-palette-accent);}

html:root .fontzin-font-preview :is(.fontzin-preview-control-label,.fontzin-preview-axis-control output,.fontzin-preview-status){color:var(--fz-palette-ink);opacity:1}

html:root .fontzin-font-preview .fontzin-preview-canvas{filter:none;}

html:root :is(.fontzin-font-preview .fontzin-preview-control-label,.fontzin-font-preview .fontzin-preview-status){opacity:1;color:var(--fz-palette-ink)}

html:root .fontzin-font-filters{margin-bottom:var(--fz-space-4, 16px);}

html:root .fontzin-library-section{margin-bottom:var(--fz-space-px-20, 20px)}

html:root .fontzin-library-section > h2{margin:0 0 var(--fz-space-3, 12px)}

html:root .fontzin-download-history li{padding-block:var(--fz-space-px-14, 14px)}

html:root .fontzin-library-pagination{margin-block:var(--fz-space-4, 16px) var(--fz-space-px-20, 20px)}

html:root .fontzin-font-preview{padding:var(--fz-space-4, 16px);border-radius:10px;box-shadow:none}

html:root .fontzin-font-preview > h2{margin-bottom:var(--fz-space-3, 12px)}

html:root .fontzin-font-preview .fontzin-preview-controls{gap:var(--fz-space-px-10, 10px);margin-block:var(--fz-space-3, 12px);padding:var(--fz-space-3, 12px);box-shadow:none}

html:root .fontzin-font-preview .fontzin-preview-surface{margin-top:var(--fz-space-3, 12px)}

html:root :is(.fontzin-cart,.fontzin-checkout,.fontzin-account) :is(h2,h3){margin-bottom:var(--fz-space-3, 12px)}

html:root .fontzin-font-filters{align-items:end;gap:var(--fz-space-3, 12px);padding:var(--fz-space-3, 12px) var(--fz-space-px-10, 10px) var(--fz-space-px-14, 14px);border:1px solid var(--fz-border,color-mix(in srgb,var(--fz-palette-ink) 8%,var(--fz-palette-paper)));border-radius:16px;background:var(--fz-surface,var(--fz-palette-paper));box-shadow:none}

html:root .fontzin-font-filters .fontzin-filter-actions{margin-inline-start:auto;display:flex;align-items:center;justify-content:flex-end;gap:var(--fz-space-px-10, 10px);flex:0 0 auto;padding-inline-end:var(--fz-space-1, 4px)}

html:root .fontzin-font-filters .fontzin-filter-submit{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--fz-space-px-10, 10px) var(--fz-space-4, 16px);border-radius:12px;font-size:13px;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap}

html:root .fontzin-font-filters .fontzin-filter-submit{border:1px solid var(--fz-palette-accent,#703fff);background:var(--fz-palette-accent,#703fff);color:#fff}



@media (max-width:900px){
html:root .fontzin-font-filters .fontzin-filter-actions{margin-inline-start:0;padding-inline-end:0}

}
@media (max-width:580px){
html:root .fontzin-font-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--fz-space-px-10, 10px);padding:var(--fz-space-3, 12px)}

}
@media (max-width:580px){
html:root .fontzin-font-filters .fontzin-filter-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--fz-space-2, 8px)}

}
@media (max-width:580px){
html:root .fontzin-font-filters .fontzin-filter-submit{width:100%}

}

/* Portable post-card fallback for Core shortcodes when no FontZin Theme template is installed. */
.fontzin-shortcode-grid .posts-container > article.grid-item{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:var(--fz-ui-card-border-width) solid var(--fz-border,#e3e7ed);border-radius:var(--fz-ui-card-radius);background:var(--fz-surface,#fff);color:var(--fz-ink,#111827)}
.fontzin-shortcode-grid .posts-container > article.grid-item > a{position:relative;display:block;min-width:0;color:inherit;text-decoration:none}
.fontzin-shortcode-grid .posts-container > article.grid-item .post-thumbnail{display:block;width:100%;aspect-ratio:16/10;overflow:hidden}
.fontzin-shortcode-grid .posts-container > article.grid-item .post-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}
.fontzin-shortcode-grid .posts-container > article.grid-item .post-meta{position:absolute;top:10px;right:10px;z-index:2;margin:0}
.fontzin-shortcode-grid .posts-container > article.grid-item .grid-item-info{padding:var(--fz-space-px-14, 14px) var(--fz-space-4, 16px) var(--fz-space-4, 16px)}
.fontzin-shortcode-grid .posts-container > article.grid-item .post-title{margin:0;font-size:16px;line-height:1.45;font-weight:700;overflow-wrap:anywhere}
.fontzin-shortcode-grid .posts-container > article.grid-item > a:focus-visible{outline:2px solid var(--fz-focus-color,#703fff);outline-offset:-3px}