/*
Theme Name: Spicy Jackie
Theme URI: https://spicyjackie.com/
Author: JRD Afterhours Studio
Description: A custom bilingual portfolio for Chef Jackie. Official menu photographs, her story, her people, and Boulder City fire. No page builder required.
Version: 1.0.5a
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: spicy-jackie
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* WordPress-only integration. Core visual styles live in styles.css. */
/* Core already moves the page below its toolbar. The absolute header needs
   that same offset without positioning body (which would move the mobile bar). */
body.admin-bar { --sj-adminbar-height: var(--wp-admin--admin-bar--height, 32px); }
body.admin-bar .site-header { top: var(--sj-adminbar-height); }
body.admin-bar .skip:focus { top: calc(var(--sj-adminbar-visible-height, var(--sj-adminbar-height)) + 10px); }
@media screen and (max-width: 782px) {
  body.admin-bar { --sj-adminbar-height: var(--wp-admin--admin-bar--height, 46px); }
}
@media screen and (max-width: 800px) {
  body.admin-bar.mobile-menu-open .site-header { top: var(--sj-adminbar-visible-height, var(--sj-adminbar-height)); }
  body.admin-bar .mobile-nav {
    top: var(--sj-adminbar-visible-height, var(--sj-adminbar-height));
    height: calc(100dvh - var(--sj-adminbar-visible-height, var(--sj-adminbar-height)));
    min-height: 0;
  }
}
.sj-standard { min-height: 65vh; padding: 150px max(24px, 7vw) 80px; background: var(--cream, #f5efda); color: var(--ink, #25241d); }
.sj-standard article { max-width: 850px; margin: 0 auto 65px; }
.sj-standard h1 { font-family: var(--display); color: inherit; text-shadow: none; font-size: clamp(52px, 8vw, 110px); line-height: .95; margin: 0 0 32px; text-transform: uppercase; }
.sj-standard h2 { font-family: var(--display); color: inherit; font-size: 42px; line-height: 1; margin: 36px 0 18px; }
.sj-standard p, .sj-standard ul, .sj-standard ol { font-family: var(--body); line-height: 1.7; margin: 0 0 20px; }
.sj-standard a { text-decoration: underline; }
.sj-standard img { max-width: 100%; height: auto; }
.sj-standard .wp-block-image { margin: 24px 0; }
html[lang|="es"] .sj-standard { background: transparent; color: var(--cream, #f3edd9); }
html[lang|="es"] .sj-standard a { color: inherit; }