/*
Theme Name: Izza's Cakes
Theme URI: https://getinweb.in
Author: getinweb
Author URI: https://getinweb.in
Description: A minimal, scroll-presentation theme for Izza's Cakes, a home bakery in Kerala: a menu that turns as you scroll, shop pages with category filters, a sideways brownie strip, a 3D gift box and an order popup that sends several products on WhatsApp. Logo colours (forest, gold, sage, cream) and Poppins. Includes designed templates for Home, About, Products, Brownies, Special Occasions and Contact, a Bakes post type, customer reviews, Customizer settings and a one-click setup. Works with the block editor, Elementor (section widgets, theme builder) and other page builders, WooCommerce, SEO, form, translation and caching plugins.
Version: 3.5.0
Requires at least: 6.3
Tested up to: 7.1
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: izza-cakes
Tags: food-and-drink, e-commerce, one-column, two-columns, right-sidebar, custom-logo, custom-menu, editor-style, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, wide-blocks, block-styles
*/

/* Design tokens, fonts and every designed section live in assets/css/theme.css,
   generated from the Next.js source (src/styles/izza.css) by
   scripts/sync-wp-theme.mjs. Colours come from the Izza's Home Bakes logo:
   forest #0B221B / #0F2A22, gold #C9A24A, sage #8FC1A9, cream #F7F2E8. Font: Poppins. */

:root {
	--izza-content: 760px;
	--izza-wide: 1200px;
	--izza-gutter: clamp(20px, 6vw, 48px);
}

/* -------------------------------------------------------------------------
   Base. Everything uses :where() (zero specificity) so plugin styles
   always win over the theme's defaults.
   ------------------------------------------------------------------------- */

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

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: var(--cream);
	color: var(--forest);
	font-family: var(--font-sans);
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	overflow-wrap: break-word;
}

:where(img, video, iframe, embed, object) {
	max-width: 100%;
}

:where(img) {
	height: auto;
}

:where(h1, h2, h3, h4, h5, h6) {
	color: var(--forest);
	font-family: var(--font-serif);
	font-weight: 400;
	line-height: 1.15;
	margin: 0 0 0.5em;
}

:where(a) {
	color: var(--forest);
}

:where(a:hover) {
	color: var(--gold);
}

:focus-visible {
	outline: 2px solid var(--gold);
	outline-offset: 2px;
}

/* Scoped reset for the theme's own designed sections (class "izza-ui").
   Content from the editor, page builders and plugins is never inside it. */
:where(.izza-ui),
:where(.izza-ui) * {
	box-sizing: border-box;
}

:where(.izza-ui) :where(h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure, blockquote, dl, dd) {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
	font-family: inherit;
}

:where(.izza-ui) :where(ul, ol) {
	list-style: none;
}

:where(.izza-ui) :where(a) {
	color: inherit;
	text-decoration: inherit;
}

:where(.izza-ui) :where(button, input, select, textarea) {
	font: inherit;
	color: inherit;
	background: transparent;
	border: 0 solid var(--border);
	margin: 0;
	padding: 0;
}

:where(.izza-ui) :where(button) {
	cursor: pointer;
}

:where(.izza-ui) :where(img) {
	display: block;
	max-width: 100%;
}

.izza-ui [hidden] {
	display: none !important;
}

.izza-icon {
	display: inline-block;
	flex: none;
	vertical-align: middle;
}

/* -------------------------------------------------------------------------
   WordPress core classes
   ------------------------------------------------------------------------- */

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background: var(--ivory);
	clip: auto !important;
	clip-path: none;
	color: var(--forest);
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 6px;
	padding: 14px 22px;
	top: 6px;
	width: auto;
	z-index: 100000;
}

.alignleft {
	float: left;
	margin: 0.4em 1.6em 1em 0;
}

.alignright {
	float: right;
	margin: 0.4em 0 1em 1.6em;
}

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

.wp-caption {
	max-width: 100%;
	margin-bottom: 1.5em;
}

.wp-caption-text,
.gallery-caption {
	color: var(--muted-foreground);
	font-size: 13px;
	margin-top: 8px;
	text-align: center;
}

.sticky,
.bypostauthor {
	/* Styled in assets/css/wordpress.css. */
	position: relative;
}