/*
Theme Name: Moderately Fancy
Theme URI: https://moderatelyfancy.com
Author: Moderately Fancy
Author URI: https://moderatelyfancy.com
Description: A custom block theme for Moderately Fancy — a shop of thoughtfully designed digital downloads. Warm-paper backgrounds, Cormorant Garamond + Inter typography, terracotta accents. Includes a homepage template with hero, featured products, categories, email capture, and journal blocks; WooCommerce styling; and branded blog templates.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: moderately-fancy
Tags: block-theme, full-site-editing, e-commerce, blog, two-columns, custom-colors, custom-logo, custom-menu, editor-style, featured-images, wide-blocks
*/

/*
 * Most styling lives in theme.json. Only edge cases, third-party
 * widget overrides, and a few hand-tuned responsive bits live here.
 */

/* Smooth scrolling for in-page anchors */
html { scroll-behavior: smooth; }

/* Tighten headline tracking — Cormorant looks best slightly compressed */
h1, h2, h3, .wp-block-heading {
    letter-spacing: -0.01em;
}

/* Buttons: no rounding, generous padding, semibold Inter */
.wp-block-button__link {
    border-radius: 2px;
    padding: 0.9em 1.6em;
    font-weight: 600;
    letter-spacing: 0.01em;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

/* Eyebrow text utility — apply via "Eyebrow" block style on Heading or Paragraph */
.is-style-eyebrow {
    font-family: var(--wp--preset--font-family--inter);
    font-weight: 600;
    font-size: 0.75rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--wp--preset--color--soft-slate);
    margin-bottom: 0.5em;
}

/* Quiet horizontal rule */
hr.wp-block-separator {
    border: none;
    border-top: 1px solid var(--wp--preset--color--soft-slate);
    opacity: 0.3;
    max-width: 80px;
}

/* Forms — minimal, brand-aligned */
input[type="email"],
input[type="text"],
input[type="search"],
textarea {
    background: var(--wp--preset--color--warm-paper);
    border: 1px solid var(--wp--preset--color--soft-slate);
    border-radius: 2px;
    padding: 0.9em 1em;
    font-family: var(--wp--preset--font-family--inter);
    font-size: 1rem;
    color: var(--wp--preset--color--ink);
    width: 100%;
    transition: border-color 0.15s ease;
}

input[type="email"]:focus,
input[type="text"]:focus,
input[type="search"]:focus,
textarea:focus {
    outline: none;
    border-color: var(--wp--preset--color--ink);
}

::placeholder {
    color: var(--wp--preset--color--soft-slate);
    opacity: 0.7;
}

/* Cards used in category teaser + featured products */
.mf-card {
    background: var(--wp--preset--color--warm-paper);
    overflow: hidden;
    transition: transform 0.2s ease;
}

.mf-card:hover {
    transform: translateY(-2px);
}

.mf-card img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    width: 100%;
    height: auto;
    display: block;
}

/* Skip-link for accessibility */
.skip-link {
    position: absolute;
    left: -9999px;
    z-index: 999;
    padding: 0.5em 1em;
    background: var(--wp--preset--color--ink);
    color: var(--wp--preset--color--warm-paper);
    text-decoration: none;
}

.skip-link:focus {
    left: 1em;
    top: 1em;
}

/* Honor reduced motion */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
    html { scroll-behavior: auto; }
}

/* Mobile tightening — block themes handle most of this, but a few props need
   a smaller default on narrow screens than theme.json's typography clamps cover. */
@media (max-width: 600px) {
    .wp-block-cover.is-position-bottom-left {
        min-height: 70vh;
    }
}