/*
Theme Name:   Own It (Blocksy Child)
Theme URI:    https://ownitworkshop.com
Description:  Child theme for Blocksy that implements the Own It workshop website: the $350 workshop as the primary offer, with the video course, community and free guide around it. Requires the parent theme Blocksy and (recommended) the Blocksy Companion plugin.
Author:       Own It
Author URI:   https://ownitworkshop.com
Template:     blocksy
Version:      1.0.0
Requires at least: 6.5
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:  ownit-blocksy-child
*/

/* ---------- Fonts (self-hosted, SIL OFL; see assets/fonts) ---------- */
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("assets/fonts/manrope-latin-wght-normal.woff2") format("woff2");}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("assets/fonts/inter-latin-wght-normal.woff2") format("woff2");}
@font-face{font-family:"Inter";font-style:italic;font-weight:100 900;font-display:swap;src:url("assets/fonts/inter-latin-wght-italic.woff2") format("woff2");}

/* ---------- Brand tokens ---------- */
body{
  --oi-white:#FFFFFF; --oi-bg:#F4F5F6; --oi-bg-2:#E9EBEC;
  --oi-heading:#2B2B2B; --oi-brand-text:#6B7A8F; --oi-text:#5D6B80; --oi-gold:#D89B3C; --oi-gold-dark:#C28A2F;
  --oi-radius:12px;
  --theme-font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --theme-text-color:var(--oi-text);
  --theme-headings-color:var(--oi-heading);
  --theme-link-initial-color:var(--oi-heading);
  --theme-link-hover-color:var(--oi-gold-dark);
  --theme-palette-color-1:#D89B3C; --theme-palette-color-2:#C28A2F; --theme-palette-color-3:#5D6B80;
  --theme-palette-color-4:#2B2B2B; --theme-palette-color-5:#E9EBEC; --theme-palette-color-6:#F4F5F6;
  --theme-palette-color-7:#F4F5F6; --theme-palette-color-8:#FFFFFF;
  background:var(--oi-white); color:var(--oi-text);
  font-family:var(--theme-font-family);
}
h1,h2,h3,h4,h5,h6,.site-title,.ct-menu-link{font-family:"Manrope",system-ui,sans-serif;color:var(--oi-heading);letter-spacing:-.01em}

/* ---------- Own It page template ---------- */
.oi-main{display:block;width:100%}
.oi-main .entry-content>*:first-child{margin-top:0}
.oi-section{padding:clamp(48px,7vw,96px) 24px;margin-block:0!important}
.oi-section>*{max-width:760px;margin-left:auto;margin-right:auto}
.oi-section>.alignwide{max-width:1120px}
.oi-bg-alt{background:var(--oi-bg)}
.oi-hero{background:linear-gradient(0deg,var(--oi-bg),var(--oi-white) 90%);padding-top:clamp(56px,9vw,120px)}
.oi-hero h1{font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.1;font-weight:800;margin-bottom:.5em}
.oi-section h2{font-size:clamp(1.6rem,3.4vw,2.2rem);line-height:1.2;font-weight:800;margin-bottom:.6em}
.oi-section h3{font-size:1.35rem;font-weight:700}
.oi-section p,.oi-section li{font-size:1.0625rem;line-height:1.7;color:var(--oi-text)}
.oi-lead{font-size:clamp(1.1rem,2vw,1.3rem)!important;line-height:1.6!important}
.oi-center{text-align:center}
.oi-center>*{margin-inline:auto}
.oi-center .wp-block-buttons{justify-content:center}
.oi-eyebrow{font-size:.78rem!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--oi-text)!important;margin-bottom:.4em}
.oi-note{font-size:.95rem!important;font-style:italic}
.oi-callout{background:var(--oi-bg);border-left:4px solid var(--oi-gold);padding:20px 24px;border-radius:0 var(--oi-radius) var(--oi-radius) 0}

/* Cards: the workshop card is visibly the primary one */
.oi-cols{gap:24px!important;align-items:stretch}
.oi-card{background:var(--oi-white);border:1px solid var(--oi-bg-2);border-radius:var(--oi-radius);padding:28px;height:100%;box-sizing:border-box}
.oi-card--primary{border:2px solid var(--oi-gold);box-shadow:0 10px 30px rgba(43,43,43,.08)}
.oi-card .oi-eyebrow{margin-top:0}
.oi-card--primary .oi-eyebrow{color:#8A5A0F!important}
.oi-card h3{margin-top:.2em}

/* Buttons: gold = the one main action. Dark text on gold passes AA (5.85:1). */
.wp-block-button__link,.wp-element-button{background:var(--oi-gold);color:var(--oi-heading)!important;font-family:"Manrope",sans-serif;font-weight:700;border-radius:999px;padding:.85em 1.6em;border:2px solid var(--oi-gold);text-decoration:none;transition:background .15s,border-color .15s}
.wp-block-button__link:hover,.wp-element-button:hover{background:var(--oi-gold-dark);border-color:var(--oi-gold-dark);color:var(--oi-heading)!important}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;border-color:var(--oi-heading);color:var(--oi-heading)!important}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--oi-heading);color:var(--oi-white)!important}
:where(.oi-main) a:focus-visible,.wp-element-button:focus-visible,.oi-form :focus-visible{outline:3px solid var(--oi-heading);outline-offset:3px}

/* Header menu: Reserve a seat button (menu item with class oi-cta) */
.ct-header .menu-item.oi-cta>a,.ct-header .oi-cta>.ct-menu-link{background:var(--oi-gold);color:var(--oi-heading)!important;border-radius:999px;padding:.55em 1.2em!important;font-weight:700}
.ct-header .menu-item.oi-cta>a:hover{background:var(--oi-gold-dark)}
.ct-drawer-canvas .oi-cta>a{display:inline-block;background:var(--oi-gold);color:var(--oi-heading)!important;border-radius:999px;padding:.6em 1.2em}

/* FAQ accordions */
.wp-block-details{border-bottom:1px solid var(--oi-bg-2);padding:18px 0;max-width:760px}
.wp-block-details summary{font-family:"Manrope",sans-serif;font-weight:700;font-size:1.1rem;color:var(--oi-heading);cursor:pointer;list-style-position:outside}
.wp-block-details[open] summary{margin-bottom:.6em}

/* Quote (founding story) */
.wp-block-quote{border-left:4px solid var(--oi-gold);padding-left:24px;margin-left:0}
.wp-block-quote p{font-size:1.2rem!important;color:var(--oi-heading)}

/* Guide form */
.oi-form{background:var(--oi-white);border:1px solid var(--oi-bg-2);border-radius:var(--oi-radius);padding:24px;max-width:520px;margin-top:24px}
.oi-form label{display:block;font-weight:600;color:var(--oi-heading);margin-bottom:6px}
.oi-form input[type=text],.oi-form input[type=email]{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #9AA4B2;border-radius:8px;font:inherit;color:var(--oi-heading);margin-bottom:16px;background:#fff}
.oi-form button{width:100%;cursor:pointer;background:var(--oi-gold);color:var(--oi-heading);border:2px solid var(--oi-gold);border-radius:999px;padding:.85em 1.2em;font:700 1rem "Manrope",sans-serif}
.oi-form button:hover{background:var(--oi-gold-dark);border-color:var(--oi-gold-dark)}
.oi-form .oi-fine{font-size:.9rem;margin:12px 0 0;line-height:1.5}
.oi-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.oi-alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;background:var(--oi-bg);border-left:4px solid var(--oi-gold);color:var(--oi-heading)}

/* Footer strip */
.oi-footer{background:var(--oi-heading);color:#E9EBEC;padding:40px 24px;text-align:center}
.oi-footer a{color:#fff;text-decoration:underline;text-decoration-color:var(--oi-gold);text-underline-offset:3px}
.oi-footer p{color:#E9EBEC;margin:.3em 0}
.oi-footer nav{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:12px}

@media (max-width:781px){.oi-card{padding:22px}.oi-section{padding-inline:20px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}