/*
Theme Name: Claue Child — Fast Toner
Theme URI: https://fasttoner.in.th/
Description: Child theme for Fast Toner. Holds modern UI port from React prototype,
             catalogue features (printer-model finder, multi-facet filters,
             mega menu, short product-card titles, brand badges) so the parent
             theme stays untouched and survives updates.
Author: Fast Toner
Template: claue
Version: 1.0.0
Text Domain: claue-child
*/

/* ---------------------------------------------------------------- Typography
   Ported from fasttoner-react/src/typography.css. The same local Kanit file
   already ships with this WordPress backup, so no third-party font request is
   required. */

@font-face {
	font-family:'Kanit';
	src:url('/wp-content/uploads/useanyfont/170807102721Kanit-Light.woff') format('woff');
	font-weight:400;
	font-style:normal;
	font-display:swap;
}

:root {
	--ft-font: 'Kanit', sans-serif;
	--ft-text: 14px;
	--ft-text-small: 12px;
}

html body,
html body :is(h1,h2,h3,h4,h5,h6,p,blockquote,li,a,button,input,textarea,select,label,legend,table,th,td,dt,dd,summary,small,strong,b,span,div,section,article,dialog) {
	font-family: var(--ft-font) !important;
}
html body {font-size:var(--ft-text);font-weight:400;line-height:1.7;}
html body :is(button,input,textarea,select) {font-size:var(--ft-text);}
html body input::placeholder,
html body textarea::placeholder {font-family:var(--ft-font) !important;font-weight:400;}
html body :is(h1,h2,h3,h4,h5,h6) {font-weight:700;line-height:1.45;letter-spacing:normal;}
html body :is(strong,b,th,dt) {font-weight:700;}
html body :is(.product-title,.product_title,.ft-blog-body h2,.drawer-heading) {font-weight:700 !important;}
html body .replica-product .product-title {font-size:14px !important;line-height:1.6;}
html body :is(.product-title,.ft-blog-body h2) a {font-weight:inherit;}
html body :is(.price,.woocommerce-Price-amount) {font-weight:700 !important;font-variant-numeric:tabular-nums;}
html body .replica-product .price {font-size:16px !important;line-height:1.6;}
html body .price del {font-size:.85em;font-weight:400;}
html body :is(button,.button,.single_add_to_cart_button,.ft-blog-read,.fx-sales-contact) {font-weight:700;}
html body :is(.fx-card-fits,.ft-blog-body time, .woocommerce-result-count) {font-size:var(--ft-text-small) !important;line-height:1.65;}
/* Suppress legacy card markup retained by an already-open page. */
html body .fx-card-fits {display:none !important;}
html body .ft-blog .ft-blog-body>p {font-size:var(--ft-text) !important;line-height:1.85;}
html body :is(.fx-nav a,.fx-nav button) {font-size:var(--ft-text);font-weight:400;}
html body :is(.fx-nav .open>button,[aria-current='page']) {font-weight:700;}
/* Source icon classes sometimes live on spans as well as i elements. */
html body [class*='pe-7s-'] {font-family:'Pe-icon-7-stroke' !important;}
html body .fa {font-family:FontAwesome !important;}

/* Imported product copy has its own theme and inline formatting. Keep the
   normalization inside the copy wrapper so recommendation cards stay intact. */
html body .ft-product-description {
	font-size:14px !important;
	line-height:1.85 !important;
	color:#43536a !important;
	overflow-wrap:anywhere;
}
html body .ft-product-description :is(p,li,span,div,td,th,font) {
	font-family:var(--ft-font) !important;
	font-size:14px !important;
	line-height:1.85 !important;
	color:inherit !important;
	letter-spacing:normal !important;
}
html body .ft-product-description :is(h2,h3,h4,h5,h6) {
	font-size:18px !important;
	line-height:1.55 !important;
	font-weight:700 !important;
	color:#223b52 !important;
	margin:24px 0 12px !important;
}
html body .ft-product-description :is(strong,b) {
	font-weight:700 !important;
	color:#223b52 !important;
}
html body .ft-product-description :is(strong,b) :is(span,font) {font-weight:inherit !important;}
html body .ft-product-description p {margin:0 0 12px !important;}
html body .ft-product-description :is(ul,ol) {margin:8px 0 22px !important;padding-left:22px !important;}
html body .ft-product-description li {margin:0 0 7px !important;padding-left:2px;}
html body .ft-product-description li::marker {color:#16899e;}
html body .ft-product-description hr {border:0 !important;border-top:1px solid #e2e8ef !important;margin:22px 0 !important;}
html body .ft-product-description a {font-size:inherit !important;line-height:inherit !important;color:#0069b8;}
html body .ft-product-description>:first-child {margin-top:0 !important;}

/* Focus outline for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 2px solid #0069d3;
	outline-offset: 2px;
}