/*!
 * Olio — Block enhancements (loaded in both editor and frontend)
 */

.wp-block-button .wp-block-button__link { transition: background-color 180ms var(--olio-ease, ease), color 180ms var(--olio-ease, ease), transform 180ms var(--olio-ease, ease); }
.wp-block-button .wp-block-button__link:hover { transform: translateY(-1px); }

.wp-block-image { margin: 0; }
.wp-block-image figcaption { font-size: 0.8rem; letter-spacing: 0.04em; color: var(--wp--preset--color--ink-subtle); text-align: center; padding-top: 0.5rem; }

.wp-block-cover .wp-block-cover__inner-container { width: 100%; }
.wp-block-cover h1, .wp-block-cover h2, .wp-block-cover h3 { color: inherit; }

.wp-block-pullquote { padding-block: var(--wp--preset--spacing--lg); }
.wp-block-pullquote p { font-family: var(--wp--preset--font-family--display); font-size: clamp(1.5rem, 3vw, 2.25rem); font-style: italic; }

.wp-block-table { font-size: 0.95rem; }
.wp-block-table th, .wp-block-table td { padding: 0.5rem 0.75rem; border: 1px solid var(--wp--preset--color--border); }
.wp-block-table thead { background: var(--wp--preset--color--espresso-soft); }

.wp-block-code, .wp-block-preformatted { padding: 1rem 1.25rem; font-size: 0.9rem; line-height: 1.6; overflow: auto; }

.wp-block-navigation .wp-block-navigation-item__content { padding: 0.5rem 0.75rem; }
.wp-block-navigation .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--saffron); }
.wp-block-navigation .current-menu-item > .wp-block-navigation-item__content { color: var(--wp--preset--color--saffron); }

.wp-block-search__input { padding: 0.625rem 0.875rem; background: var(--wp--preset--color--espresso-soft); border: 1px solid var(--wp--preset--color--border); color: inherit; }
.wp-block-search__button { padding: 0.625rem 1rem; background: var(--wp--preset--color--saffron); color: var(--wp--preset--color--espresso-deep); border: 0; }

.wp-block-latest-posts li { padding-block: 0.5rem; border-bottom: 1px solid var(--wp--preset--color--border); }
.wp-block-latest-posts li a { color: inherit; text-decoration: none; }
.wp-block-latest-posts li a:hover { color: var(--wp--preset--color--saffron); }

.wp-block-post-featured-image img { width: 100%; height: auto; display: block; }
.wp-block-post-title a { color: inherit; text-decoration: none; }
.wp-block-post-title a:hover { color: var(--wp--preset--color--saffron); }
