/**
 * Laurel Grove Press — Main Stylesheet
 *
 * Contains:
 *   1. Header & nav refinements
 *   2. Custom block style implementations (registered in functions.php)
 *   3. Section variations
 *   4. Botanical decorative elements
 */

/* ─────────────────────────────────────────────────────────────────────────
   1. Header & Site Identity
   ───────────────────────────────────────────────────────────────────────── */

.wp-block-site-title a {
    text-decoration: none;
    color: var(--wp--preset--color--forest);
}

.wp-block-site-title a:hover {
    color: var(--wp--preset--color--ink);
}

/* Center wordmark with sage subtitle below */
.lgp-wordmark {
    text-align: center;
    line-height: 1;
}

.lgp-wordmark__main {
    font-family: var(--wp--preset--font-family--serif);
    font-style: italic;
    font-size: 26px;
    color: var(--wp--preset--color--forest);
}

.lgp-wordmark__sub {
    font-family: var(--wp--preset--font-family--sans);
    font-size: 9px;
    letter-spacing: 0.5em;
    color: var(--wp--preset--color--sage);
    margin-top: 4px;
}

/* ─────────────────────────────────────────────────────────────────────────
   2. Custom Button Styles
   ───────────────────────────────────────────────────────────────────────── */

/* Ghost button — outline only, fills on hover */
.wp-block-button.is-style-lgp-ghost .wp-block-button__link {
    background-color: transparent;
    color: var(--wp--preset--color--forest);
    border: 1px solid var(--wp--preset--color--forest);
}

.wp-block-button.is-style-lgp-ghost .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--forest);
    color: var(--wp--preset--color--cream);
}

/* Cream button — for use on dark sections */
.wp-block-button.is-style-lgp-cream .wp-block-button__link {
    background-color: transparent;
    color: var(--wp--preset--color--cream);
    border: 1px solid var(--wp--preset--color--cream);
}

.wp-block-button.is-style-lgp-cream .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--cream);
    color: var(--wp--preset--color--forest);
}

/* ─────────────────────────────────────────────────────────────────────────
   3. Heading Variations
   ───────────────────────────────────────────────────────────────────────── */

.wp-block-heading.is-style-lgp-eyebrow {
    font-family: var(--wp--preset--font-family--sans);
    font-size: 10px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    color: var(--wp--preset--color--sage);
    margin-bottom: 14px;
}

/* ─────────────────────────────────────────────────────────────────────────
   4. Separator Variations — Botanical
   ───────────────────────────────────────────────────────────────────────── */

.wp-block-separator.is-style-lgp-thin {
    border: 0;
    border-top: 1px solid var(--wp--preset--color--sage-pale);
    max-width: 100%;
    width: 36px;
    margin: 16px auto;
}

.wp-block-separator.is-style-lgp-laurel {
    border: 0;
    background: none;
    height: 24px;
    position: relative;
    text-align: center;
    margin: 24px auto;
}

.wp-block-separator.is-style-lgp-laurel::before {
    content: "";
    display: inline-block;
    width: 80px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 24'%3E%3Cpath d='M40 4 L40 20' stroke='%235a6a55' stroke-width='0.6' fill='none'/%3E%3Cellipse cx='34' cy='8' rx='4' ry='1.5' fill='%235a6a55' transform='rotate(-30 34 8)'/%3E%3Cellipse cx='46' cy='8' rx='4' ry='1.5' fill='%235a6a55' transform='rotate(30 46 8)'/%3E%3Cellipse cx='32' cy='13' rx='4.5' ry='1.5' fill='%235a6a55' transform='rotate(-30 32 13)'/%3E%3Cellipse cx='48' cy='13' rx='4.5' ry='1.5' fill='%235a6a55' transform='rotate(30 48 13)'/%3E%3Cellipse cx='34' cy='18' rx='4' ry='1.5' fill='%235a6a55' transform='rotate(-30 34 18)'/%3E%3Cellipse cx='46' cy='18' rx='4' ry='1.5' fill='%235a6a55' transform='rotate(30 46 18)'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* ─────────────────────────────────────────────────────────────────────────
   5. Group / Section Variations
   ───────────────────────────────────────────────────────────────────────── */

.wp-block-group.is-style-lgp-section-cream-deep {
    background-color: var(--wp--preset--color--cream-deep);
    padding-block: var(--wp--preset--spacing--70);
    padding-inline: var(--wp--preset--spacing--50);
}

.wp-block-group.is-style-lgp-section-forest {
    background-color: var(--wp--preset--color--forest);
    color: var(--wp--preset--color--cream);
    padding-block: var(--wp--preset--spacing--70);
    padding-inline: var(--wp--preset--spacing--50);
}

.wp-block-group.is-style-lgp-section-forest h1,
.wp-block-group.is-style-lgp-section-forest h2,
.wp-block-group.is-style-lgp-section-forest h3 {
    color: var(--wp--preset--color--cream);
}

.wp-block-group.is-style-lgp-section-forest .wp-block-heading.is-style-lgp-eyebrow {
    color: var(--wp--preset--color--sage-pale);
}

/* ─────────────────────────────────────────────────────────────────────────
   6. Quote — Stationery Card Style
   ───────────────────────────────────────────────────────────────────────── */

.wp-block-quote.is-style-lgp-stationery {
    background: #faf6ee;
    border: none;
    padding: 40px;
    box-shadow: 0 20px 50px -20px rgba(61, 74, 58, 0.15);
    text-align: center;
    max-width: 320px;
    margin-inline: auto;
}

.wp-block-quote.is-style-lgp-stationery p {
    font-family: var(--wp--preset--font-family--serif);
    font-style: italic;
    font-size: 22px;
    color: var(--wp--preset--color--moss);
    margin-bottom: 12px;
}

.wp-block-quote.is-style-lgp-stationery cite {
    font-family: var(--wp--preset--font-family--sans);
    font-size: 9px;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: var(--wp--preset--color--sage);
    font-style: normal;
}

/* ─────────────────────────────────────────────────────────────────────────
   7. Announcement bar
   ───────────────────────────────────────────────────────────────────────── */

.lgp-announcement {
    background: var(--wp--preset--color--forest);
    color: var(--wp--preset--color--cream);
    text-align: center;
    padding: 10px 20px;
    font-family: var(--wp--preset--font-family--sans);
    font-size: 11px;
    letter-spacing: 0.25em;
    text-transform: uppercase;
}