/*
Theme Name: Wantong Card
Author: Shanghai Wantong
Description: A restrained B2B inquiry theme for custom card products and specialty finishing.
Version: 1.0.4
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: wantong-card
*/

:root { color-scheme: light; }
html { background: #fff; }
body { color: #0f172a; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6 { line-height: 1.5 !important; text-wrap: balance; }
p, li, dd { text-wrap: pretty; }
img { background-color: #f1f5f9; }
.skip-link { position: fixed; top: .75rem; left: .75rem; z-index: 50; transform: translateY(-200%); border-radius: .375rem; background: #0f172a; color: #fff; padding: .75rem 1rem; font-weight: 600; }
.skip-link:focus { transform: translateY(0); }
.mobile-menu[hidden], .gallery-modal[hidden] { display: none; }
body.menu-open, body.modal-open { overflow: hidden; }
.gallery-thumb[aria-current="true"] { border-color: #0369a1; border-width: 2px; }
.gallery-thumb[aria-current="false"] { border-color: #cbd5e1; border-width: 1px; }
summary::-webkit-details-marker { display: none; }
details[open] .faq-icon { transform: rotate(180deg); }
.classic-content p { margin-top: 1rem; line-height: 1.75; color: #475569; }
.classic-content ul { margin-top: 1rem; list-style: disc; padding-left: 1.25rem; color: #475569; }
.classic-content a { color: #0369a1; text-decoration: underline; }
.current-menu-item > a, .current-menu-ancestor > a { color: #0369a1; font-weight: 700; }
.wantong-inquiry .fluentform form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.wantong-inquiry .fluentform form > fieldset { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; grid-column: 1 / -1; min-width: 0; }
.wantong-inquiry .fluentform .ff-el-group { margin: 0; }
.wantong-inquiry .fluentform .wantong-field-full,
.wantong-inquiry .fluentform .ff_submit_btn_wrapper,
.wantong-inquiry .fluentform .ff-message-success,
.wantong-inquiry .fluentform .ff-errors-in-stack { grid-column: 1 / -1; }
.wantong-inquiry .fluentform label { display: block; margin-bottom: .5rem; color: #0f172a; font-size: .875rem; font-weight: 600; line-height: 1.5; }
.wantong-inquiry .fluentform .ff-el-form-control { width: 100%; border: 1px solid #cbd5e1; border-radius: .375rem; background: #fff; padding: .75rem 1rem; color: #0f172a; line-height: 1.5; box-shadow: none; }
.wantong-inquiry .fluentform textarea.ff-el-form-control { min-height: 9rem; resize: vertical; }
.wantong-inquiry .fluentform .ff-el-form-control:focus { border-color: #0284c7; outline: 2px solid #0284c7; outline-offset: 2px; box-shadow: none; }
.wantong-inquiry .fluentform .ff-btn-submit { margin: 0; border: 0; border-radius: .375rem; background: #0369a1; padding: .75rem 1.5rem; color: #fff; font-weight: 600; line-height: 1.5; opacity: 1; transition: background-color 150ms ease-out; }
.wantong-inquiry .fluentform .ff-btn-submit:hover { background: #075985; color: #fff; opacity: 1; }
.wantong-inquiry .fluentform .ff-btn-submit:focus-visible { outline: 2px solid #0284c7; outline-offset: 2px; }
.wantong-inquiry .fluentform .text-danger { color: #b91c1c; font-size: .875rem; }
@media (max-width: 639px) { .wantong-inquiry .fluentform form, .wantong-inquiry .fluentform form > fieldset { grid-template-columns: minmax(0, 1fr); } .wantong-inquiry .fluentform .wantong-field-full, .wantong-inquiry .fluentform .ff_submit_btn_wrapper, .wantong-inquiry .fluentform .ff-message-success, .wantong-inquiry .fluentform .ff-errors-in-stack { grid-column: auto; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }