/**
 * Landing Theme 基础块样式.
 *
 * 说明:
 * - 提供全局容器, 标题, 按钮, 表单和卡片规则.
 * - 让普通页面, WooCommerce 页面和 landing 页面共享同一套基础视觉.
 */

:root {
    --landing-theme-radius-card: var(--wp--custom--radius--card);
    --landing-theme-radius-input: var(--wp--custom--radius--input);
    --landing-theme-shadow-card: var(--wp--custom--shadow--card);
    --landing-theme-content-size: var(--wp--style--global--content-size);
}

body {
    background: var(--wp--preset--color--canvas);
    color: var(--wp--preset--color--text-default);
}

.wp-site-blocks {
    min-height: 100vh;
}

.wp-block-group.is-style-card,
.landing-theme-card {
    background: var(--wp--preset--color--surface);
    border: 1px solid var(--wp--preset--color--border);
    border-radius: var(--landing-theme-radius-card);
    box-shadow: var(--landing-theme-shadow-card);
}

.wp-element-button,
.wp-block-button__link,
button,
input[type="submit"],
.button,
.wc-block-components-button {
    border: none;
    border-radius: var(--wp--custom--radius--sm);
    box-shadow: var(--wp--preset--shadow--card-sm);
    font-weight: 700;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.wp-element-button:hover,
.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover,
.button:hover,
.wc-block-components-button:hover {
    box-shadow: var(--wp--preset--shadow--card-md);
}

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea,
.wp-block-search__input,
.wc-block-components-text-input input,
.wc-block-components-text-input textarea {
    width: 100%;
    border: 1px solid var(--wp--preset--color--border);
    border-radius: var(--landing-theme-radius-input);
    background: var(--wp--preset--color--surface);
    color: var(--wp--preset--color--text-default);
    box-sizing: border-box;
    min-height: 44px;
}

input:not([type="checkbox"]):not([type="radio"]):focus,
select:focus,
textarea:focus,
.wp-block-search__input:focus,
.wc-block-components-text-input input:focus,
.wc-block-components-text-input textarea:focus {
    outline: none;
    border-color: var(--wp--preset--color--primary);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--wp--preset--color--primary) 14%, transparent);
}

h1,
h2,
h3,
h4,
h5,
h6,
.wp-block-post-title {
    color: var(--wp--preset--color--text-strong);
}

.wp-block-post-content > * + * {
    margin-block-start: 1rem;
}