/*
Theme Name: Lazy Mylo
Theme URI: https://lazymylo.com
Author: Lazy Mylo
Description: Block theme for Lazy Mylo, cute crochet patterns approved by a very lazy cat.
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lazy-mylo
*/

:focus-visible { outline: 3px solid var(--wp--preset--color--accent); outline-offset: 3px; }
img { max-width: 100%; height: auto; }

/* Announcement bar + header */
.lm-announce { font-size: 15px; }
.lm-announce a { color: var(--wp--preset--color--blush); font-weight: 700; }
.lm-header { border-bottom: 1px solid var(--wp--preset--color--line); }
.lm-logo { display: flex; align-items: center; gap: 10px; }
.lm-logo svg { flex: 0 0 auto; }
.lm-header .wp-block-site-title a { text-decoration: none; color: var(--wp--preset--color--ink); }
.lm-header .wp-block-navigation a { text-decoration: none; font-weight: 700; }

/* Buttons */
.wp-block-button.is-style-outline > .wp-block-button__link {
  background: transparent; color: var(--wp--preset--color--ink);
  border: 2px solid var(--wp--preset--color--ink); padding: 12px 24px;
}
.lm-chips { gap: 10px; }
.lm-chip > .wp-block-button__link {
  background: var(--wp--preset--color--surface); color: var(--wp--preset--color--ink);
  border: 1px solid var(--wp--preset--color--line-strong); padding: 10px 18px; font-size: 15px;
}
.lm-chip > .wp-block-button__link:hover { border-color: var(--wp--preset--color--accent); }

/* Surfaces */
.lm-card { background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--line); border-radius: 24px; }
.lm-band { background: var(--wp--preset--color--surface); }
.lm-books { background: var(--wp--preset--color--lilac); }
.lm-portrait { border-radius: 50%; aspect-ratio: 1; width: 140px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 14px; font-size: 13px; font-weight: 700; color: var(--wp--preset--color--muted); }
.lm-cover { border-radius: 10px; aspect-ratio: 7 / 10; width: 120px; background: var(--wp--preset--color--surface); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; color: var(--wp--preset--color--muted); }
.lm-photo { border-radius: 18px; aspect-ratio: 16 / 10; display: flex; align-items: flex-end; padding: 14px; font-size: 14px; font-weight: 700; color: var(--wp--preset--color--muted); }
.lm-role { font-weight: 700; font-size: 15px; }
.lm-muted { color: var(--wp--preset--color--muted); }

/* Hero art */
.lm-hero-art svg { width: 100%; height: auto; max-width: 460px; display: block; margin-inline: auto; }

/* Post grid */
.lm-grid .wp-block-post-featured-image img { border-radius: 22px; aspect-ratio: 4 / 5; object-fit: cover; }
.lm-grid .wp-block-post-title a { text-decoration: none; color: var(--wp--preset--color--ink); }
.lm-grid .wp-block-post-terms { font-size: 14px; font-weight: 700; color: var(--wp--preset--color--muted); }
.lm-grid .wp-block-post-terms a { color: inherit; text-decoration: none; }

/* Pattern posts */
.lm-badges { gap: 8px; }
.lm-badge { display: inline-block; margin: 0; padding: 6px 14px; border-radius: 999px; font-weight: 700; font-size: 14px; }
.lm-pdf-box { border: 2px solid var(--wp--preset--color--accent); border-radius: 24px; background: var(--wp--preset--color--surface); }
.lm-note { background: var(--wp--preset--color--note); border-radius: 20px; font-size: 15px; }
.lm-facts p { margin: 0; }
.lm-step { border-radius: 22px; }
.lm-step ol, .lm-step ul { padding-left: 1.2em; }
.single .wp-block-post-featured-image img { border-radius: 28px; }

/* Newsletter + footer */
.lm-newsletter { border-radius: 32px; }
.lm-newsletter .wp-block-button__link { background: var(--wp--preset--color--ink); }
.lm-footer a { color: var(--wp--preset--color--footer-text); }
.lm-footer .wp-block-site-title a { color: #fff; text-decoration: none; }

@media (max-width: 781px) {
  .lm-newsletter, .lm-pdf-box { border-radius: 24px; }
}