/*
Theme Name: Altarmala
Theme URI: https://altarmala.shop
Author: æ¡ç è®° Altarmala
Author URI: https://altarmala.shop
Description: æ¡ç è®° Altarmala èªå»ºè½»éãåä¼åãæ··åä¸»é¢ãå¤å£³ä¸ååç¨ PHP æ¨¡æ¿å¯æ§æ¸²æï¼é¦é¡µä¸»ä½ä¸åå®¹ç¨åºåç¼è¾ï¼äºèéè¿ theme.json å±äº«åä¸å¥è®¾è®¡ä»¤çãé¶é¡µé¢æå»ºå¨ãé¶ä»è´¹ä¾èµãé¶ç¬¬ä¸æ¹ CDNã
Version: 1.5.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: altarmala
Tags: custom-colors, custom-menu, featured-images, translation-ready, e-commerce, block-patterns
Requires PHP: 7.4
Requires at least: 6.4
WC requires at least: 8.0
WC tested up to: 9.9
*/

/* ==========================================================================
   Altarmala Â· åºç¡å±ï¼reset / æç / å®¹å¨ / æ æ ¼ / ååºå¼
   è®¾è®¡ä»¤çï¼CSS åéï¼è§ assets/css/base.cssï¼ä¸ theme.json åæ­¥ã
   v1.4.0ï¼ç¡¬ç¼ç è²å¼å¨é¨æ¶ç¼ä¸ºä»¤çï¼å­å·èµ° --am-fs-* ä¸çº§é¶æ¢¯ã
   ========================================================================== */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--am-paper);
	color: var(--am-ink);
	font-family: var(--am-font-body);
	font-size: var(--am-fs-base);
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	/* P0-5ï¼åºé¨å ä½ï¼é¿ååºå®æ¬æµ®ç WhatsApp æé® / ç§»å¨ç«¯ Tab æ é®æ¡é¡µèåå®¹ */
	padding-bottom: 80px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.6em;
	font-family: var(--am-font-serif);
	font-weight: 600;
	line-height: 1.3;
	color: var(--am-primary);
}

h1 { font-size: var(--am-fs-2xl); }
h2 { font-size: var(--am-fs-xl); }
h3 { font-size: var(--am-fs-lg); }
h4 { font-size: var(--am-fs-md); }
h5 { font-size: var(--am-fs-base); }
h6 { font-size: var(--am-fs-sm); }

p { margin: 0 0 1.1em; }
p:last-child { margin-bottom: 0; }

a {
	color: var(--am-gold-deep);
	text-decoration: none;
	transition: color var(--am-transition);
}
a:hover { color: var(--am-gold); }

img,
picture,
svg,
video {
	max-width: 100%;
	height: auto;
	display: block;
}

ul, ol { margin: 0 0 1.1em; padding-left: 1.4em; }
li { margin-bottom: .35em; }

table { width: 100%; border-collapse: collapse; margin: 0 0 1.2em; }
th, td { padding: 10px 14px; border-bottom: 1px solid var(--am-line); text-align: left; }
th { color: var(--am-primary); font-weight: 600; }

blockquote {
	margin: 0 0 1.2em;
	padding: 4px 0 4px 20px;
	border-left: 3px solid var(--am-gold-soft);
	color: var(--am-muted);
	font-style: normal;
}

hr {
	border: 0;
	border-top: 1px solid var(--am-line);
	margin: 32px 0;
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
}

/* ---------- å®¹å¨ ---------- */
.am-container {
	width: 100%;
	max-width: var(--am-container);
	margin: 0 auto;
	padding-left: var(--am-gutter);
	padding-right: var(--am-gutter);
}

.am-container--wide { max-width: 1360px; }
.am-container--narrow { max-width: 820px; }

/* ---------- åºåé´è· ---------- */
.am-section { padding-top: var(--am-section-gap); padding-bottom: var(--am-section-gap); }
.am-section--tight { padding-top: 40px; padding-bottom: 40px; }
.am-section--ivory { background: var(--am-ivory); }
.am-section--deep { background: var(--am-primary-deep); color: var(--am-line-soft); }
.am-section--deep h1,
.am-section--deep h2,
.am-section--deep h3 { color: var(--am-paper); }

/* ---------- æ æ ¼ ---------- */
.am-grid {
	display: grid;
	gap: var(--am-gutter);
}
.am-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.am-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.am-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.am-grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }

/* ---------- æçè¾å© ---------- */
.am-eyebrow {
	font-size: var(--am-fs-sm);
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--am-gold);
	margin-bottom: 12px;
}
.am-lead { font-size: var(--am-fs-md); color: var(--am-muted); }
.am-center { text-align: center; }
.am-section-title { margin-bottom: 8px; }
.am-section-sub { color: var(--am-muted); margin-bottom: 40px; }
.am-sr-only {
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* ---------- ååºå¼ï¼4 æ¡£æ­ç¹ï¼æ é¢é  --am-fs-* åééæ¡£ï¼ä¸éæ¡åæ­»ï¼ ---------- */
@media (max-width: 899px) {
	.am-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.am-grid--5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.am-section-sub { margin-bottom: 32px; }
}

@media (max-width: 599px) {
	.am-grid--2,
	.am-grid--3 { grid-template-columns: minmax(0, 1fr); }
	/* ååç±»å/äºåæ æ ¼å¨ææºç«¯ä¿æåå/ä¸åï¼é¿åååå å è¿é¿ï¼å¦é¦é¡µå®å¶åº 8 å¡ååè¿ 4600pxï¼ */
	.am-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.am-grid--5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	/* è®©ä½ç»ç§»å¨ç«¯åºé¨ Tab æ ï¼å«å®å¨åºï¼é¿ååæµ·å±æåä¸è¡è¢« Tab æ çä½ï¼P0-5ï¼å ä½ 80pxï¼ */
	body { padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)); }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	* {
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
}

/* ---------- æå° ---------- */
@media print {
	.am-header, .am-tabbar, .am-float-wa, .am-footer { display: none !important; }
}
