/*
Theme Name: Koh Tomyums
Theme URI: https://kty.macnews.org/
Author: Schnalz.net
Author URI: https://schnalz.net
Description: "Gilt" — a dark, gold-hairline WooCommerce theme for Koh Tomyums Thai Restaurant, Discovery Bay, Hong Kong. True-black ground under a veiled food photograph, Cinzel display caps with Great Vibes script accents, typographic (image-free) product templates and a self-pick-up collection flow.
Version: 2.47.1
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: koh-tomyums
Tags: restaurant, woocommerce, dark, one-column, custom-logo, custom-menu, translation-ready, block-styles, wide-blocks
*/

/*
 * The compiled stylesheets live in assets/css/ and are enqueued from functions.php:
 *
 *   assets/css/theme.css        design tokens, base, header, footer, front page, editorial
 *   assets/css/woocommerce.css  shop, product, cart, checkout, account, reservations
 *
 * This file exists for the WordPress theme header and for anything a child theme
 * or the block editor expects to find at the theme root.
 */

/* ---------------------------------------------------------------------------
   Touch devices: no auto-zoom on focus
   --------------------------------------------------------------------------
   Safari on iOS and iPadOS zooms the viewport when a text-entry field is
   focused and its computed font-size is under 16px. The page is then left
   scaled up, and the customer has to pinch back out mid-checkout.

   Audited at 375px: the WooCommerce block checkout already renders its own
   fields at 16px, but every theme-owned field was below the threshold —

       input / select / textarea (base)        14px
       .kt-searchform__input                   14px  (inherits the base)
       .woocommerce .quantity input.qty        14px
       .kt-cart-item .kt-qty input.qty         14px
       .woocommerce textarea.input-text        14px
       .kt-signup input[type="email"]          13px

   Only text-entry controls need this. Buttons never trigger the zoom, so
   `.kt-qty__btn` and the submit inputs keep their designed sizes.

   `any-pointer: coarse` rather than a width breakpoint: an iPad in landscape is
   over 1000px wide and still zooms, so a `max-width` query would miss it. This
   matches the actual condition — a touch input exists — and leaves the 14px
   desktop design untouched. A touch-screen laptop also gets 16px fields, which
   is harmless.

   This lives in style.css because it loads last (after assets/css/woocommerce.css),
   so these override the sized rules above on source order alone and need no
   inflated selectors.
   -------------------------------------------------------------------------- */

@media (any-pointer: coarse) {
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	input[type="number"],
	input[type="date"],
	input[type="time"],
	select,
	textarea,
	.kt-searchform input[type="search"],
	.kt-signup input[type="email"],
	.woocommerce .quantity input.qty,
	.kt-cart-item .kt-qty input.qty,
	.kt-cart-item .kt-qty__fixed,
	/*
	 * The My Account login and register boxes, and any Woo form the theme has
	 * not re-templated, are sized by a (0,3,2) rule in woocommerce.css. A bare
	 * `input[type="text"]` at (0,1,1) loses to it, so that selector list is
	 * mirrored here verbatim — measured 14px on /my-account/ before this.
	 */
	.woocommerce form .form-row input.input-text,
	.woocommerce form .form-row textarea,
	.woocommerce form .form-row select,
	.woocommerce-page form .form-row input.input-text,
	.woocommerce-page form .form-row textarea,
	.woocommerce-page form .form-row select,
	.woocommerce input.input-text,
	.woocommerce textarea.input-text,
	/*
	 * The reservations booking form (and the plugin's own markup) is sized by a
	 * (0,3,1) `:is()` rule in parts/reservations.css — measured 13.5px across
	 * all seven fields. Mirrored at the same specificity so source order wins.
	 */
	.kt-res-panel :is( .kt-res-form, .kty-reservation-form ) :is(
		input[type="text"],
		input[type="email"],
		input[type="tel"],
		input[type="date"],
		input[type="time"],
		input[type="number"],
		input[type="search"],
		select,
		textarea
	) {
		font-size: 16px;
	}
}