/*
Theme Name: Oh Yeah
Theme URI: https://www.ohyeah.agency/
Author: Oh Yeah
Description: A faithful WordPress conversion of the Oh Yeah HTML website, including the scrolling pill navigation, projects, journal and Coffee form.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: ohyeah
*/
body.admin-bar .nav-wrapper { top: 32px; }
@media (max-width:782px) { body.admin-bar .nav-wrapper { top:46px; } }
@media (max-width:600px) { body.admin-bar .nav-wrapper.scrolled { top:0; } }
.oy-editor-body { font-size:18px; line-height:1.7; }
.oy-editor-body img, .oy-editor-body video { width:100%; height:auto; }
.oy-page-content > .wp-block-html { margin:0; }
.oy-pagination { display:flex; gap:20px; justify-content:center; padding:30px; }
.oy-empty { padding:80px 0; font-size:24px; }

/* Give desktop navigation links room and keep multiword labels together. */
@media (min-width:851px) {
    .nav-wrapper.scrolled .nav-morph-container { width:840px; max-width:calc(100% - 24px); }
    .nav-wrapper.scrolled .navbar { max-width:840px; gap:24px; }
    .nav-links { flex-shrink:0; }
    .nav-links a { white-space:nowrap; }
    .navbar > a { flex-shrink:0; }
}
@media (min-width:851px) and (max-width:950px) {
    .nav-wrapper.scrolled .nav-links { gap:22px; }
}

/* Per-project dark presentation; navigation and footer retain their branding. */
body.oy-project-dark { background:#000; color:#fff; }
body.oy-project-dark .project-hero,
body.oy-project-dark .project-intro,
body.oy-project-dark .project-gallery { --text:#fff; --bg:#000; background:#000; color:#fff; }
body.oy-project-dark .project-body a { color:inherit; text-decoration:underline; }
body.oy-project-dark .project-fade { background:linear-gradient(to bottom,rgba(0,0,0,0),#000); }
body.oy-project-dark .project-toggle-btn { background:#fff; color:#000; }
body.oy-project-dark .project-toggle-btn:hover { background:#ffe800; color:#000; }
body.oy-project-dark .nav-wrapper,
body.oy-project-dark .menu-overlay,
body.oy-project-dark .footer { --text:#000; --bg:#fff; color:#000; }
body.oy-project-dark .footer { background:#fff; }

/* Shorter single-row cards in the Home and Work project listings. */
.oy-project-list > .work-item-single .img-container { aspect-ratio:16 / 9; }

/* About image breaks match the 16:9 Home and Work single-row cards. */
.about-parallax-frame { aspect-ratio:16 / 9; }

.oy-slide-link { display:block; width:100%; height:100%; }
.oy-slide-link video { width:100%; height:100%; object-fit:cover; filter:brightness(.85); }

/* Square image and video frames throughout the site, including WordPress blocks. */
.img-container,
.blog-img-container,
.contact-hero-frame,
.project-hero-media,
.project-hero-video .video-frame,
.pg-item,
.pg-item .pg-media,
.post-hero-media,
.about-parallax-frame,
.expertise-card,
.news-media,
.news-feature-media,
.wp-block-image,
.wp-block-cover,
.wp-block-media-text__media,
.oy-about-layout .oy-about-image-slot,
.oy-about-layout .oy-service-media,
.oy-about-layout .wp-block-image,
.oy-about-layout video,
main img,
main video,
.wp-block-image img {
    border-radius:0 !important;
    -webkit-clip-path:inset(0) !important;
    clip-path:inset(0) !important;
}