/*
Theme Name: Rinoldo Preservation
Theme URI: https://rinoldo.com
Author: Traci Rinoldo
Description: A modern block theme for preserving the original Rinoldo family website and celebrating the dogs and Walk of Legends.
Version: 1.0.2
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: rinoldo-preservation
*/

:root { color-scheme: light; }
html { scroll-behavior: smooth; }
body { text-rendering: optimizeLegibility; }
a { text-underline-offset: .18em; }
.wp-site-blocks { min-height: 100vh; display: flex; flex-direction: column; }
.site-main { flex: 1; }
.rinoldo-header { border-bottom: 4px solid var(--wp--preset--color--gold); box-shadow: 0 2px 16px rgb(22 44 61 / 8%); }
.rinoldo-brand-mark { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--wp--preset--color--gold); color: var(--wp--preset--color--ink); font-weight: 800; }
.rinoldo-hero { position: relative; overflow: hidden; }
.rinoldo-hero::after { content: ""; position: absolute; inset: auto -7rem -8rem auto; width: 23rem; height: 23rem; border: 2.2rem solid rgb(212 164 55 / 18%); border-radius: 50%; pointer-events: none; }
.rinoldo-eyebrow { letter-spacing: .12em; text-transform: uppercase; font-size: .8rem; font-weight: 700; }
.rinoldo-card { height: 100%; border: 1px solid var(--wp--preset--color--mist); border-top: 5px solid var(--wp--preset--color--gold); box-shadow: 0 10px 32px rgb(22 44 61 / 8%); transition: transform .2s ease, box-shadow .2s ease; }
.rinoldo-card:hover { transform: translateY(-3px); box-shadow: 0 16px 38px rgb(22 44 61 / 13%); }
.rinoldo-rule { height: 7px; background: repeating-linear-gradient(135deg, var(--wp--preset--color--gold) 0 12px, var(--wp--preset--color--cream) 12px 24px); }
.legend-card { border-top-color: var(--wp--preset--color--plum); }
.legend-star { font-size: 2.1rem; line-height: 1; color: var(--wp--preset--color--gold); }
.archive-note { border-left: 5px solid var(--wp--preset--color--gold); }
.wp-block-audio audio { width: 100%; }
@media (max-width: 781px) {
  .rinoldo-header .wp-block-navigation { width: 100%; }
  .rinoldo-hero { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; }
}