/*
Theme Name: PHI Gold
Theme URI: https://lowell.audio/
Author: Lowell Lybarger
Description: Minimal black-and-gold block theme for lowell.audio, built on the PHI Gold palette and the golden ratio. Shares its look with Phi Audio Software and PHI.
Version: 1.1.1
Requires at least: 6.6
Tested up to: 6.9
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: phi-gold
*/

/* Labels: gold mono eyebrow */
.pg-label{font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--label);letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--gold);margin-bottom:0}
.pg-label + *{margin-top:var(--wp--preset--spacing--20)}
h1 em,h2 em,h3 em{color:var(--wp--preset--color--gold)}
h1,h2,h3{text-wrap:balance}
.pg-lede{font-size:19px;color:var(--wp--preset--color--champagne);max-width:60ch}
.pg-muted,.has-muted-color{color:var(--wp--preset--color--muted)}

/* Header and footer hairlines */
.pg-header{border-bottom:1px solid var(--wp--preset--color--gold-line)}
.pg-footer{border-top:1px solid var(--wp--preset--color--gold-line);font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--muted)}

/* Outline button style */
.wp-block-button.is-style-outline>.wp-block-button__link{background:transparent;color:var(--wp--preset--color--gold);border:1px solid var(--wp--preset--color--gold)}
.wp-block-button.is-style-outline>.wp-block-button__link:hover{background:var(--wp--preset--color--gold);color:var(--wp--preset--color--black)}
.wp-block-button__link{transition:background .16s,color .16s}

/* Gold frame: outlined panel (doorways, highlights) */
.is-style-gold-frame{border:1px solid var(--wp--preset--color--gold-line);padding:var(--wp--preset--spacing--40)}
a.pg-door,.pg-door a{text-decoration:none}
.pg-door{transition:border-color .16s}
.pg-door:hover{border-color:var(--wp--preset--color--gold)}

/* Timeline: a group with rows of year + text */
.pg-timeline>.wp-block-group,.pg-timeline>.wp-block-columns{border-top:1px solid var(--wp--preset--color--gold-line);padding-top:var(--wp--preset--spacing--40)}
.pg-year{font-family:var(--wp--preset--font-family--mono);font-size:13px;color:var(--wp--preset--color--gold);font-variant-numeric:tabular-nums}
.pg-entry{display:grid !important;grid-template-columns:89px minmax(0,1fr);gap:var(--wp--preset--spacing--40);border-top:1px solid var(--wp--preset--color--gold-line);padding-top:var(--wp--preset--spacing--40)}
.pg-entry>*{margin:0 !important}
.pg-entry h3{margin:0 0 5px !important}
.pg-entry p{color:var(--wp--preset--color--muted);font-size:var(--wp--preset--font-size--small);margin:0}

/* Tags */
.pg-tag{display:inline-block;font-family:var(--wp--preset--font-family--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--wp--preset--color--gold-line);color:var(--wp--preset--color--gold);padding:2px 8px}

/* Lists: gold markers */
.entry-content ul li::marker,.wp-block-post-content ul li::marker{color:var(--wp--preset--color--gold)}
.wp-block-post-content li{margin-bottom:5px}

/* CV page: sticky section index beside content */
.pg-cv-index{position:sticky;top:var(--wp--preset--spacing--40);align-self:start;font-size:var(--wp--preset--font-size--small)}
.pg-cv-index ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.pg-cv-index a{color:var(--wp--preset--color--muted);text-decoration:none}
.pg-cv-index a:hover{color:var(--wp--preset--color--gold)}
.wp-block-post-content h2[id]{scroll-margin-top:var(--wp--preset--spacing--40)}
details.wp-block-details{border-top:1px solid var(--wp--preset--color--gold-line);padding-top:var(--wp--preset--spacing--30)}
details.wp-block-details summary{font-family:var(--wp--preset--font-family--serif);font-size:var(--wp--preset--font-size--h3);font-weight:600;cursor:pointer;color:var(--wp--preset--color--champagne)}
details.wp-block-details summary::marker{color:var(--wp--preset--color--gold)}

/* Embeds and images sit in a hairline frame */
.wp-block-embed iframe,.wp-block-video video{border:1px solid var(--wp--preset--color--gold-line);max-width:100%}
.wp-block-image img{border:1px solid var(--wp--preset--color--gold-line)}
.wp-block-table td,.wp-block-table th{border-color:var(--wp--preset--color--gold-line)}

/* Guide navigation (single posts) */
.pg-guide-nav{border-top:1px solid var(--wp--preset--color--gold-line);padding-top:var(--wp--preset--spacing--40)}
.pg-guide-nav a{text-decoration:none}

/* Forms (Contact Form 7) */
.wpcf7 input:not([type=submit]),.wpcf7 textarea{width:100%;background:transparent;color:var(--wp--preset--color--champagne);border:1px solid var(--wp--preset--color--gold-line);padding:8px 13px;font:inherit}
.wpcf7 input:focus,.wpcf7 textarea:focus{outline:1px solid var(--wp--preset--color--gold);border-color:var(--wp--preset--color--gold)}
.wpcf7 input[type=submit]{background:var(--wp--preset--color--gold);color:var(--wp--preset--color--black);border:1px solid var(--wp--preset--color--gold);padding:8px 21px;font:inherit;font-weight:600;cursor:pointer}

:focus-visible{outline:1px solid var(--wp--preset--color--gold);outline-offset:3px}
::selection{background:var(--wp--preset--color--gold);color:var(--wp--preset--color--black)}

@media (max-width:781px){
  .pg-entry{grid-template-columns:1fr;gap:5px}
  .pg-cv-index{position:static}
}
@media (prefers-reduced-motion:reduce){*{transition:none !important}}

/* ---------- Guides (LibGuides layout) ---------- */
.pg-breadcrumb{gap:6px;font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--muted)}
.pg-breadcrumb p{margin:0}
.pg-breadcrumb a{color:var(--wp--preset--color--muted);text-decoration:none}
.pg-breadcrumb a:hover{color:var(--wp--preset--color--gold)}
.pg-breadcrumb .wp-block-post-terms{font-family:inherit;font-size:inherit;letter-spacing:0;text-transform:none}
.pg-guide-desc{font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--muted);max-width:none}
.pg-guide-side{position:sticky;top:var(--wp--preset--spacing--40);align-self:start;border:1px solid var(--wp--preset--color--gold-line);padding:var(--wp--preset--spacing--30)}
.pg-guide-side ul{list-style:none;padding:0;margin:var(--wp--preset--spacing--20) 0 0;display:flex;flex-direction:column}
.pg-guide-side li{margin:0}
.pg-guide-side a{display:block;padding:8px 0;border-top:1px solid var(--wp--preset--color--gold-line);color:var(--wp--preset--color--champagne);text-decoration:none;font-size:var(--wp--preset--font-size--small)}
.pg-guide-side a:hover{color:var(--wp--preset--color--gold)}
.pg-guide-side a[aria-current]{color:var(--wp--preset--color--gold);font-weight:600}
.pg-guide-side a[aria-current]::before{content:"Φ ";font-weight:400}
.pg-box{border:1px solid var(--wp--preset--color--gold);padding:0 var(--wp--preset--spacing--40) var(--wp--preset--spacing--40);margin-block:0 var(--wp--preset--spacing--40) !important;box-shadow:0 2px 0 rgba(0,0,0,.4)}
.pg-box + .pg-box{margin-top:0}
/* Guide tabs: one page per tab, as in the original LibGuides */
.pg-guide-tabs{margin-block:var(--wp--preset--spacing--40) var(--wp--preset--spacing--40) !important}
.pg-guide-tabs ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.pg-guide-tabs li{margin:0}
.pg-guide-tabs a{display:block;padding:6px 13px;border:1px solid var(--wp--preset--color--gold-line);background:var(--wp--preset--color--raised);color:var(--wp--preset--color--champagne);font-size:var(--wp--preset--font-size--small);font-weight:600;text-decoration:none}
.pg-guide-tabs a:hover{border-color:var(--wp--preset--color--gold);color:var(--wp--preset--color--gold)}
.pg-guide-tabs a[aria-current]{background:var(--wp--preset--color--gold);border-color:var(--wp--preset--color--gold);color:var(--wp--preset--color--black)}
.pg-box-row{gap:var(--wp--preset--spacing--40) !important;margin-block:0 !important;align-items:flex-start}
.pg-box-row>.wp-block-column>.pg-box:last-child{margin-bottom:0 !important}
.pg-box-row{margin-bottom:var(--wp--preset--spacing--40) !important}
.pg-box>h2:first-child{margin:0 calc(-1 * var(--wp--preset--spacing--40)) var(--wp--preset--spacing--40);padding:var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);border-bottom:1px solid var(--wp--preset--color--gold);background:var(--wp--preset--color--raised);font-family:var(--wp--preset--font-family--sans);font-size:var(--wp--preset--font-size--h3);font-weight:600;line-height:1.3}
.pg-box h3,.pg-box h4{font-family:var(--wp--preset--font-family--sans);font-size:var(--wp--preset--font-size--body);font-weight:600;margin-top:var(--wp--preset--spacing--40)}
.pg-box h3 a,.pg-box h4 a{text-decoration:none}
.pg-box .wp-block-image img[src*="syndetics"],.pg-box .wp-block-image img[src*="LC.GIF"]{width:auto;max-width:89px;border:1px solid var(--wp--preset--color--gold-line)}
.pg-guide-meta{gap:6px;font-family:var(--wp--preset--font-family--mono);font-size:12px;color:var(--wp--preset--color--muted);margin-top:var(--wp--preset--spacing--50)}
.pg-guide-meta p{margin:0}
.pg-guide-meta .wp-block-post-date{color:var(--wp--preset--color--muted)}
@media (max-width:781px){.pg-guide-side{position:static}.pg-box-row{flex-direction:column}.pg-box-row>.wp-block-column{flex-basis:100% !important}}
@media print{.pg-header,.pg-footer,.pg-guide-side{display:none}body{background:#fff;color:#000}}

/* Guide box items: links, books, database entries */
.pg-link,.pg-book{padding-block:0;margin-block:0 var(--wp--preset--spacing--40) !important}
/* plain links read as a bulleted list, as in the original guides */
.pg-link:not(.pg-book){position:relative;padding-left:var(--wp--preset--spacing--40)}
.pg-link:not(.pg-book)::before{content:"";position:absolute;left:4px;top:.72em;width:5px;height:5px;background:var(--wp--preset--color--gold)}
.pg-box>h2:first-child+.pg-link,.pg-box>h2:first-child+.pg-book{border-top:0;padding-top:0}
.pg-link>*,.pg-book-text>*{margin-block:0 !important}
.pg-link-title{font-weight:600}
.pg-link-title a{text-decoration:none}
.pg-link-title a:hover{text-decoration:underline}
.pg-link-desc{font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--muted);margin-top:5px !important}
.pg-book{display:flow-root !important}
.pg-book .pg-cover{float:left;margin:0 var(--wp--preset--spacing--30) var(--wp--preset--spacing--20) 0 !important}
.pg-book .pg-cover img{width:89px;height:auto;border:1px solid var(--wp--preset--color--gold-line)}
.pg-book-text{display:block !important}
.pg-book-author{font-weight:400;color:var(--wp--preset--color--gold)}
.pg-book-meta{font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--champagne);margin-top:3px !important}
.pg-book .pg-link-desc{color:var(--wp--preset--color--champagne);opacity:.85}
.pg-link{display:flow-root !important}
.pg-box .wp-block-image.alignleft,.pg-box figure.alignleft{float:left;margin:0 var(--wp--preset--spacing--30) var(--wp--preset--spacing--20) 0}
.pg-box .wp-block-embed{max-width:560px}
.pg-video-missing .pg-link-desc{font-family:var(--wp--preset--font-family--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.pg-box .wp-block-embed{margin-block:var(--wp--preset--spacing--30)}
.pg-guide-card{padding-top:var(--wp--preset--spacing--40) !important}
.pg-guide-card h2{font-family:var(--wp--preset--font-family--serif) !important;font-size:var(--wp--preset--font-size--h2) !important;font-weight:500 !important;line-height:1.15;margin:var(--wp--preset--spacing--20) 0 var(--wp--preset--spacing--30) !important}
.pg-guide-card h2 a{text-decoration:none;color:var(--wp--preset--color--gold)}
.pg-guide-card h2 a:hover{color:var(--wp--preset--color--champagne)}

/* Video embeds: keep the player inside its 16:9 frame, with no gap above it */
.wp-block-embed .wp-block-embed__wrapper::before{display:none !important;content:none !important;padding:0 !important}
.wp-block-embed .wp-block-embed__wrapper{position:relative}
.wp-block-embed .wp-block-embed__wrapper>iframe{position:static !important;display:block;width:100% !important;height:auto !important;aspect-ratio:16/9}
.wp-block-embed .wp-block-embed__wrapper>:not(iframe){max-width:100%}