/*
Theme Name: Vows
Theme URI: https://themeshaper.com/vows/
Author: Automattic
Author URI: https://automattic.com
Description: Vows works as a comprehensive hub for all your wedding-related links. Inspired by the timeless beauty of wedding stationery and photography, this theme provides a sleek and intuitive interface that acts like a link-in-bio solution for engaged couples.
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 5.7
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vows
Tags: blog, two-columns, block-patterns, block-styles, featured-images, full-site-editing, rtl-language-support, threaded-comments, translation-ready, wide-blocks, custom-background, custom-header, style-variations, template-editing, theme-options, grid-layout
*/

/*
 * Font loading for custom typography
 */
/* @font-face {
  font-family: 'Amphoreus';
  src: url('https://idols.love/wp-content/uploads/fonts/Amphoreus-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
} */

.entry-content a {
  @apply link link--metis;
}

/*
 * Font presets for the en-am language variant
 */
html[lang="en-am"] {
  --wp--preset--font-family--chill-round-gothic: 'Amphoreus', sans-serif;
  --wp--preset--font-family--playfair-display: 'Amphoreus', sans-serif;
  --wp--preset--font-family--figtree: 'Amphoreus', sans-serif;
}

html[lang="en-am"] .wp-block-heading,
html[lang="en-am"] body,
html[lang="en-am"] p,
html[lang="en-am"] h1, h2, h3, h4, h5, h6 {
  font-family: 'Amphoreus', sans-serif !important;
}

/*
 * Input placeholder styling
 */
::placeholder {
  color: var(--wp--preset--color--contrast);
  opacity: 1; /* Firefox */
}

/*
 * Button block outline style hover fix
 */
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background):hover {
  background-color: var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--base);
}

/*
 * Pull quote block margin reset
 */
.wp-block-pullquote blockquote,
.wp-block-pullquote p {
  margin: 0;
}

/*
 * Navigation block padding reset
 */
.wp-block-navigation ul {
  padding: unset;
}

/* ===== Custom Article Typography ===== */
/* 用于结构化说明文章（如规则、指南、理念解释） */

/* Introductory lead paragraph：文章引导段 */
p.article-intro {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 500;
  margin-bottom: 2em;
}

/* Section heading：主标题 */
p.section-heading {
  font-size: 22px;
  font-weight: 500;
  margin-top: 2.5em;
  margin-bottom: 0.4em;
}

/* Section subtitle：副标题 */
p.section-subtitle {
  font-size: 14px;
  line-height: 1.6;
  font-weight: 500;
  margin-top: -0.3em;
  margin-bottom: 1.2em;
}

/* Regular paragraph：正文段落 */
p.article-paragraph {
  font-size: 16px;
  line-height: 1.75;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

/* Article section container：每个段落组合块的外部容器 */
.article-section {
  margin-bottom: 48px;
}

.article-section:last-of-type {
  padding-bottom: 80px;
}

/* Spacing between elements inside .article-section（内部块间距可选） */
.article-section > * + * {
  margin-top: 1.6em;
}

/* Note or emphasis box：提示或强调信息 */
.article-note {
  background-color: #f9f9f9;
  padding: 1.2em 1.5em;
  border-left: 4px solid #ccc;
  font-size: 15px;
  color: #444;
  margin-top: 2em;
  margin-bottom: 2em;
}

/* Custom list styling */
.article-list {
  padding-left: 1.5em;
  list-style-type: decimal;
  color: #222;
  font-size: 16px;
  line-height: 1.75;
}

.article-list li + li {
  margin-top: 0.8em;
}

/* Responsive adjustments for smaller screens */
@media only screen and (max-width: 768px) {
  p.article-intro {
    font-size: 18px;
  }
  p.section-heading {
    font-size: 20px;
  }
  p.article-paragraph {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  p.section-subtitle {
    font-size: 13px;
    margin-bottom: 1em;
  }
  .article-note {
    font-size: 14px;
  }
  .article-list {
    font-size: 15px;
  }
}

/* === 全局链接下划线动画（伪元素+scaleX）=== */
a:not(.wp-element-button) {
  position: relative;
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-size: 0% 1px;
  background-position: 0 100%;              /* 固定在内容盒底部 */
  transition: background-size 0.3s ease;
}

a:not(.wp-element-button):hover {
  color: var(--wp--preset--color--contrast);
  background-size: 100% 1px;                /* 展开背景下划线 */
}