/*
Theme Name: Clearyvo
Theme URI: https://clearyvo.com
Author: Clearyvo
Author URI: https://clearyvo.com
Description: Block theme for the Clearyvo software studio site. Every section of the home page is made of editable blocks and patterns: hero, product families and product cards.
Version: 0.1.1
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: clearyvo
Tags: block-patterns, full-site-editing, one-column, custom-colors, editor-style
*/

/* Family accent colours */
:root{--cv-fc:var(--wp--preset--color--accent)}
.fam-space{--cv-fc:var(--wp--preset--color--space)}
.fam-wp{--cv-fc:var(--wp--preset--color--wp)}
.fam-woo{--cv-fc:var(--wp--preset--color--woo)}
.fam-audio{--cv-fc:var(--wp--preset--color--audio)}
.fam-studio{--cv-fc:var(--wp--preset--color--studio)}
.fam-mobile{--cv-fc:var(--wp--preset--color--mobile)}

/* Small labels */
.cv-eyebrow,.cv-plat,.cv-chip,.cv-price{font-family:var(--wp--preset--font-family--mono)}
.cv-eyebrow{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--wp--preset--color--muted)}

/* Header */
.wp-site-blocks>header.wp-block-template-part{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:20}
.wp-site-blocks>*{margin-block-start:0}
.cv-main>*{margin-block:0}
.cv-header{background:color-mix(in srgb,var(--wp--preset--color--bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--wp--preset--color--line)}
.cv-header-inner{padding-block:14px;gap:16px}
.cv-logo{font-family:var(--wp--preset--font-family--display);font-weight:800;font-size:1.3rem;display:flex;align-items:center;gap:10px;margin:0}
.cv-logo a{color:var(--wp--preset--color--ink);text-decoration:none}
.cv-logo::before{content:"";width:28px;height:28px;flex:none;border-radius:50%;background:radial-gradient(circle,var(--wp--preset--color--ink) 0 5px,transparent 5.5px),conic-gradient(var(--wp--preset--color--accent) 0 270deg,transparent 270deg);-webkit-mask:radial-gradient(circle,#000 0 5px,transparent 5.5px 10px,#000 10.5px);mask:radial-gradient(circle,#000 0 5px,transparent 5.5px 10px,#000 10.5px)}
.cv-nav a{text-decoration:none;font-size:.88rem;font-weight:500;color:var(--wp--preset--color--muted);padding:6px 10px;border-radius:999px}
.cv-nav a:hover{color:var(--wp--preset--color--ink);background:color-mix(in srgb,var(--wp--preset--color--accent) 10%,transparent)}

/* Hero */
.cv-hero{padding-block:72px 56px}
.cv-hero-cols{align-items:center;gap:48px}
.cv-hero-cols>.wp-block-column:first-child{flex-basis:55%}
.cv-hero-title{text-wrap:balance;margin-top:14px}
.cv-hero-title em{font-style:normal;color:var(--wp--preset--color--accent)}
.cv-lead{font-size:var(--wp--preset--font-size--large);color:var(--wp--preset--color--muted);max-width:52ch}
.cv-ring{max-width:400px;margin-inline:auto}
.wp-block-button.is-style-outline .wp-block-button__link{background:var(--wp--preset--color--surface);color:var(--wp--preset--color--ink);border:1px solid var(--wp--preset--color--line)}
.wp-block-button .wp-block-button__link:hover{outline:1px solid var(--wp--preset--color--accent)}

/* Family sections */
.cv-family{padding-block:56px;border-top:1px solid var(--wp--preset--color--line);scroll-margin-top:80px}
.cv-famhead{align-items:center;gap:40px;margin-bottom:32px}
.cv-famhead h2{text-wrap:balance;margin-block:8px 12px}
.cv-famhead p:not(.cv-eyebrow){color:var(--wp--preset--color--muted);max-width:56ch}
.cv-site a{color:var(--cv-fc);font-weight:600;text-decoration:none}
.cv-site a:hover{text-decoration:underline}
.cv-art img,.cv-art{border-radius:18px}
.cv-art img{border:1px solid var(--wp--preset--color--line);width:100%;height:auto;display:block}

/* Product cards */
.cv-grid{gap:14px}
.cv-card{background:var(--wp--preset--color--surface);border:1px solid var(--wp--preset--color--line);border-radius:14px;padding:18px;gap:10px!important;align-items:stretch!important;min-width:0;transition:border-color .2s,transform .2s}
.cv-card:hover{border-color:var(--cv-fc);transform:translateY(-2px)}
.cv-card.is-planned{background:transparent;border-style:dashed}
.cv-card>*{margin:0}
.cv-card p{margin:0}
.cv-card>p{color:var(--wp--preset--color--muted);font-size:.93rem}
.cv-card-top{gap:12px!important;align-items:center}
.cv-card-title{gap:2px!important;min-width:0}
.cv-card h3{margin:0}
.cv-glyph{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--cv-fc) 14%,transparent);color:var(--cv-fc);font-family:var(--wp--preset--font-family--display);font-weight:800}
.cv-plat{font-size:.72rem;color:var(--wp--preset--color--muted)}
.cv-card-foot{margin-top:auto!important;padding-top:6px;gap:8px;align-items:center}
.cv-chip{font-size:.7rem;padding:3px 8px;border-radius:999px;border:1px solid var(--wp--preset--color--line);color:var(--wp--preset--color--muted);white-space:nowrap}
.cv-chip.is-dev{border-color:color-mix(in srgb,var(--cv-fc) 45%,transparent);color:var(--cv-fc)}
.cv-chip.is-plan{border-style:dashed}
.cv-price{font-size:.75rem}

/* Footer */
.cv-footer{border-top:1px solid var(--wp--preset--color--line);padding-block:40px 56px;color:var(--wp--preset--color--muted);font-size:.9rem}
.cv-footer .cv-logo{font-size:1.1rem}
.cv-footlinks a{color:var(--wp--preset--color--ink);font-weight:500;text-decoration:none}
.cv-footlinks a:hover{color:var(--wp--preset--color--accent)}
.cv-footcols>.wp-block-column:last-child{text-align:right}

/* Inner pages */
.cv-page{padding-block:56px}

a:focus-visible,.wp-element-button:focus-visible{outline:2px solid var(--wp--preset--color--accent);outline-offset:3px;border-radius:6px}
@media (max-width:781px){
  .cv-hero{padding-block:48px 32px}
  .cv-footcols>.wp-block-column:last-child{text-align:left}
}
@media (prefers-reduced-motion:reduce){.cv-card{transition:none}.cv-card:hover{transform:none}}