/*
Theme Name: MyTarot 2026
Theme URI: https://mytarot.org/
Author: MyTarot.org
Description: Custom modern homepage theme for Jamie at MyTarot.org, Tarot Reader & Educator. Includes editable homepage settings, events, centralized links, and working YouTube embed.
Version: 1.26
Text Domain: mytarot-2026
*/
:root{
  --ivory:#fbfaf7;
  --paper:#f5f1ea;
  --charcoal:#1e1f1d;
  --muted:#6e6b66;
  --gold:#b88c3d;
  --gold-dark:#8f692a;
  --green:#253b32;
  --line:#e8e2d8;
  --white:#ffffff;
  --shadow:0 28px 70px rgba(26,24,20,.12);
  --font-head:'Cormorant Garamond', Georgia, serif;
  --font-body:'Inter', Arial, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--charcoal);font-family:var(--font-body);line-height:1.65}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:26px 5vw;color:#fff;transition:background .25s ease,padding .25s ease,box-shadow .25s ease;border-bottom:1px solid transparent;background:linear-gradient(to bottom,rgba(0,0,0,.38),rgba(0,0,0,0))}
.site-header.scrolled{padding:16px 5vw;background:rgba(17,19,16,.96);border-bottom-color:rgba(255,255,255,.12);box-shadow:0 12px 36px rgba(0,0,0,.22);backdrop-filter:blur(10px)}
.brand{display:flex;flex-direction:column;line-height:1.1;letter-spacing:.03em}.brand-main{font-family:var(--font-head);font-size:30px;font-weight:700}.brand-sub{font-size:11px;text-transform:uppercase;letter-spacing:.22em;opacity:.85;margin-top:4px}.nav{display:flex;gap:26px;align-items:center;font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.nav a{opacity:.92}.nav a:hover{opacity:1}.nav-pill{border:1px solid rgba(255,255,255,.55);padding:10px 16px;border-radius:999px}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;color:#fff}.hero-photo{position:absolute;inset:0;background-image:url('assets/teaching-room.jpg');background-size:cover;background-position:center 42%;transform:scale(1.02)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.45) 42%,rgba(0,0,0,.12) 100%),linear-gradient(0deg,rgba(0,0,0,.30),rgba(0,0,0,.05))}.hero-content{position:relative;z-index:2;width:min(900px,90vw);margin-left:7vw;padding-top:120px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.22em;font-weight:700;color:var(--gold);margin:0 0 18px}.eyebrow.light{color:#e9c984}.hero h1{font-family:var(--font-head);font-size:clamp(58px,8.4vw,132px);line-height:.9;margin:0 0 28px;letter-spacing:-.045em;max-width:850px}.hero-lead{font-size:clamp(18px,2vw,25px);line-height:1.48;max-width:790px;margin:0 0 34px;color:rgba(255,255,255,.91)}.button-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;font-size:13px;line-height:1;text-transform:uppercase;letter-spacing:.12em;font-weight:800;transition:.25s ease;border:1px solid transparent}.button.primary{background:var(--gold);color:#fff}.button.primary:hover{background:var(--gold-dark);transform:translateY(-1px)}.button.glass{border-color:rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.09);backdrop-filter:blur(10px)}.button.glass:hover{background:rgba(255,255,255,.18)}.button.text-light{color:#fff;padding-left:8px}.button.dark{margin-top:20px}.button.outline{border-color:var(--gold);color:var(--charcoal);background:transparent;margin-top:18px}.cred-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border-bottom:1px solid var(--line);border-top:1px solid var(--line)}.cred-strip div{text-align:center;padding:24px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#4a4640;border-right:1px solid var(--line)}.cred-strip div:last-child{border-right:0}
.section{padding:120px 7vw}.split{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.72fr);gap:74px;align-items:center;max-width:1240px;margin:0 auto}.split.reverse{grid-template-columns:minmax(340px,.72fr) minmax(0,1.02fr)}h2{font-family:var(--font-head);font-size:clamp(42px,5vw,76px);line-height:.98;letter-spacing:-.035em;margin:0 0 26px}.copy p{font-size:18px;color:#4f4b46;max-width:720px;margin:0 0 18px}.image-card{margin:0;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.image-card img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}.reverse .image-card img{aspect-ratio:4/5;object-position:center top}
.section-heading{max-width:900px;margin:0 auto 54px;text-align:center}.section-heading h2{margin-bottom:0}.paths{background:#fff}.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1420px;margin:0 auto}.path-card{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 18px 42px rgba(26,24,20,.06);transition:.25s ease}.path-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.path-card img{height:230px;width:100%;object-fit:cover}.path-body{padding:28px}.number{font-size:12px;letter-spacing:.18em;color:var(--gold);font-weight:800}.path-body h3{font-family:var(--font-head);font-size:34px;line-height:1;margin:16px 0 14px}.path-body p{font-size:15px;color:var(--muted);margin:0 0 18px}.path-body a,.event-card a,.discovery-card a{font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold-dark)}
.quote-band{min-height:520px;background:linear-gradient(rgba(0,0,0,.33),rgba(0,0,0,.33)),url('assets/banner.png') center/cover no-repeat;display:grid;place-items:center;color:#fff;text-align:center;padding:90px 7vw}.quote-inner{max-width:980px}.quote-inner p{font-family:var(--font-head);font-size:clamp(46px,6vw,96px);line-height:.95;letter-spacing:-.04em;margin:0;text-shadow:0 8px 30px rgba(0,0,0,.28)}
.daily-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;max-width:1240px;margin:0 auto}.daily-copy p{font-size:18px;color:#4f4b46}.video-card{border-radius:34px;background:#111;box-shadow:var(--shadow);overflow:hidden;min-height:430px;display:grid;place-items:center}.youtube-embed{width:100%;aspect-ratio:16/9;min-height:430px;border:0;display:block;background:#111}.video-placeholder{width:100%;aspect-ratio:16/9;display:grid;place-items:center;text-align:center;color:#fff;background:radial-gradient(circle at 30% 30%,#435047,#151716)}.video-placeholder span{display:block;font-family:var(--font-head);font-size:42px}.video-placeholder p{max-width:420px;color:rgba(255,255,255,.76);margin:8px auto 0}
.discovery{background:var(--paper)}.discovery-card{max-width:920px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:34px;padding:52px;box-shadow:0 20px 60px rgba(26,24,20,.08)}.large-question{font-family:var(--font-head);font-size:clamp(38px,4vw,64px);line-height:1.02;margin:0 0 20px!important;color:var(--charcoal)!important}.discovery-card p:not(.large-question){font-size:18px;color:#55504a;margin:0 0 22px}.events{background:#fff}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1180px;margin:0 auto}.event-card{border:1px solid var(--line);border-radius:28px;padding:36px;background:linear-gradient(180deg,#fff,#fbfaf7);box-shadow:0 18px 44px rgba(26,24,20,.05)}.date{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--gold);font-weight:800;margin:0 0 18px}.event-card h3{font-family:var(--font-head);font-size:38px;line-height:1;margin:0 0 14px}.event-card p:not(.date){color:var(--muted);margin:0 0 20px}.about{background:var(--ivory)}
.final-cta{position:relative;padding:130px 7vw;background:linear-gradient(135deg,rgba(18,23,20,.92),rgba(37,59,50,.90)),url('assets/teaching-room.jpg') center/cover no-repeat;color:#fff;text-align:center}.final-inner{max-width:980px;margin:0 auto}.final-inner h2{font-size:clamp(50px,7vw,106px);margin-bottom:32px}.center-row{justify-content:center}.site-footer{padding:50px 7vw;background:#111310;color:#fff;text-align:center}.site-footer p{font-family:var(--font-head);font-size:30px;margin:0 0 22px}.site-footer nav{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-bottom:22px}.site-footer nav a{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.76)}.site-footer small{color:rgba(255,255,255,.54)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}.delay{transition-delay:.12s}.delay-2{transition-delay:.22s}.delay-3{transition-delay:.32s}
@media(max-width:1050px){.nav{display:none}.site-header{padding:20px 6vw}.cred-strip{grid-template-columns:repeat(2,1fr)}.split,.split.reverse,.daily-section{grid-template-columns:1fr;gap:44px}.path-grid{grid-template-columns:repeat(2,1fr)}.event-grid{grid-template-columns:1fr}.section{padding:88px 6vw}.hero-content{margin-left:6vw}.hero h1{font-size:clamp(56px,13vw,100px)}}
@media(max-width:680px){.brand-main{font-size:24px}.hero{min-height:92vh}.hero-content{width:88vw}.hero h1{font-size:55px}.hero-lead{font-size:17px}.button{width:100%;padding:15px 18px}.button.text-light{width:auto}.cred-strip{grid-template-columns:1fr}.cred-strip div{border-right:0;border-bottom:1px solid var(--line)}.path-grid{grid-template-columns:1fr}.path-card img{height:220px}.section{padding:74px 5vw}h2{font-size:42px}.copy p,.daily-copy p{font-size:16px}.discovery-card{padding:30px}.site-footer p{font-size:24px}.quote-band{min-height:380px}}
/* Version 21: added editable homepage event order controls */
/* Version 12: removed Learn link until page exists */
.hero-subline{font-size:clamp(16px,1.8vw,22px);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#f1d693;margin:0 0 18px;max-width:820px;text-shadow:0 3px 18px rgba(0,0,0,.34)}
.hero-trust{margin:24px 0 0;color:rgba(255,255,255,.86);font-size:14px;letter-spacing:.04em;max-width:760px}
.button.hero-primary{background:#d3a64c;color:#111;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.button.hero-primary:hover{background:#f0c466;color:#111}
@media(max-width:680px){.hero-subline{font-size:13px;line-height:1.5}.hero-trust{font-size:13px}.button.text-light{width:100%;border:1px solid rgba(255,255,255,.45);padding:15px 18px;border-radius:999px;background:rgba(255,255,255,.08)}}

/* Version 12 fixes: solid scrolling header and consistent hero CTAs */
.hero .button-row .button{min-width:156px}
.hero .button-row .button.glass{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.62)}
.hero .button-row .button.glass:hover{background:rgba(255,255,255,.20);border-color:rgba(255,255,255,.82)}
@media(max-width:680px){.hero-content{padding-top:110px}.site-header.scrolled{padding:14px 6vw}.hero .button-row .button{min-width:0}}
.footer-legal{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:0 0 18px}
.footer-legal a{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:rgba(255,255,255,.62)}
.wp-page{padding:150px 7vw 90px;max-width:1020px;margin:0 auto;color:var(--charcoal)}
.wp-page h1{font-family:var(--font-head);font-size:clamp(48px,6vw,82px);line-height:.98;margin:0 0 28px;letter-spacing:-.035em}
.wp-page .entry-content{font-size:18px;color:#4f4b46}.wp-page .entry-content a{color:var(--gold-dark);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.wp-page .entry-content img{border-radius:18px;margin:28px 0;box-shadow:0 12px 32px rgba(26,24,20,.08)}


/* Version 13.0: exact legal and crisis support links, Jamie/MyTarot.org naming */
.client-care-band{padding:86px 7vw;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.client-care-inner{max-width:980px;margin:0 auto;text-align:center}
.client-care-inner h2{font-size:clamp(38px,4.8vw,68px);margin-bottom:20px}
.client-care-inner p:not(.eyebrow){font-size:18px;color:#57524c;max-width:780px;margin:0 auto 28px}
.care-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.care-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:14px 20px;background:var(--ivory);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--charcoal);transition:.25s ease}
.care-button:hover{border-color:var(--gold);color:var(--gold-dark);transform:translateY(-1px)}
.footer-legal{padding-top:6px}
.footer-legal a{color:rgba(255,255,255,.78);font-weight:700}
@media(max-width:680px){.client-care-band{padding:66px 5vw}.care-button{width:100%}}


/* Version 16: centralized links and working YouTube embed */
@media(max-width:1180px){.nav{gap:18px;font-size:12px}}
@media(max-width:760px){.youtube-embed{min-height:auto}.video-card{min-height:auto}}


/* Version 17: fixed top Morning Reflections anchor and visible YouTube fallback link */
.video-card{position:relative}
.video-fallback{display:block;text-align:center;padding:14px 18px;background:#151716;color:#f1d693;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;border-top:1px solid rgba(255,255,255,.12)}
.video-fallback:hover{color:#fff}


/* Version 19: stronger on-page anchor behavior */
#morning-reflections, #events, #about, #contact { scroll-margin-top: 110px; }
@media(max-width:680px){#morning-reflections, #events, #about, #contact { scroll-margin-top: 92px; }}

/* Version 1.10: WordPress-editable navigation menu support */
.nav li, .site-footer nav li { list-style: none; display: contents; }
.nav ul, .site-footer nav ul { display: contents; margin: 0; padding: 0; }
.nav > li:last-child a, .nav .menu-item:last-child a { border:1px solid rgba(176,138,69,.45); padding:10px 14px; border-radius:999px; color:var(--gold-dark); }
.site-footer nav a[href*="mental-health"], .site-footer nav a[href*="about-2"] { color: rgba(255,255,255,.82); font-weight: 700; }


/* Version 1.11: visible client-care header link, stronger menu visibility, larger YouTube click targets */
.header-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.header-care-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.42);border-radius:999px;padding:9px 13px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);white-space:nowrap}
.header-care-link:hover{background:rgba(255,255,255,.16)}
.path-card.card-link{display:block;color:inherit;text-decoration:none;cursor:pointer}
.path-card.card-link .path-body a{pointer-events:none}
.path-card .path-action{font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold-dark);display:inline-block;margin-top:2px}
@media(max-width:1180px){.nav{gap:14px;font-size:11px}.header-right{gap:12px}.header-care-link{font-size:10px;padding:8px 11px}.nav > li:last-child a,.nav .menu-item:last-child a{padding:8px 11px}}
@media(max-width:930px){.nav{display:none}.header-care-link{display:inline-flex}.site-header{padding:18px 6vw}}
@media(max-width:560px){.header-care-link{font-size:9px;letter-spacing:.08em;padding:7px 9px}.brand-sub{font-size:10px;letter-spacing:.16em}}


/* Version 1.12: event updater and cleaner header menu */
.event-location{font-size:13px!important;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--gold-dark)!important;margin:0 0 12px!important}
.header-care-link{flex-shrink:0}


/* Version 1.14: single event page styling */
.single-event-page {
  max-width: 980px;
  margin: 0 auto;
  padding: 150px 28px 90px;
}
.event-article {
  background: #fff;
  border: 1px solid rgba(176, 138, 69, 0.28);
  border-radius: 28px;
  padding: clamp(32px, 6vw, 72px);
  box-shadow: 0 26px 70px rgba(44, 36, 28, 0.08);
}
.event-article .eyebrow {
  margin-bottom: 16px;
}
.event-article h1 {
  margin: 0 0 18px;
  font-size: clamp(2.8rem, 8vw, 5.6rem);
  line-height: 0.95;
}
.event-meta-line {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 34px;
  color: #6b625a;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.78rem;
}
.event-meta-line span:not(:last-child)::after {
  content: '•';
  margin-left: 12px;
  color: #b08a45;
}
.event-article .entry-content {
  font-size: 1.12rem;
  line-height: 1.75;
}
.event-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}
.event-actions a {
  text-decoration: none;
}


/* Version 19: editable Morning Reflection schedule */
.reflection-time{display:inline-flex;align-items:center;margin:2px 0 18px!important;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--gold-dark)!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.12em;font-weight:800;box-shadow:0 10px 22px rgba(26,24,20,.05)}
@media(max-width:680px){.reflection-time{font-size:11px!important;line-height:1.35;align-items:flex-start;border-radius:18px}}

/* Version 22: fixed homepage event cards to render each event explicitly and avoid global postdata duplication. */


/* Version 23: added section visibility toggles and editable image URL overrides. */

/* Version 24: Events archive and homepage View All Events link */
.events-more{display:flex;justify-content:center;margin-top:34px}
.events-more .button.outline{border-color:rgba(176,138,69,.45);color:var(--walnut);background:#fff}
.events-more .button.outline:hover{border-color:var(--gold);background:#faf7ef}
.events-archive-page{max-width:1180px;margin:0 auto;padding:145px 28px 92px}
.archive-hero{text-align:center;max-width:850px;margin:0 auto 48px}
.archive-hero h1{font-size:clamp(3rem,7vw,5.8rem);line-height:.95;margin:8px 0 18px;color:var(--walnut)}
.archive-hero p:not(.eyebrow){font-size:1.12rem;line-height:1.75;color:#5f5a53;margin:0 auto;max-width:760px}
.archive-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.archive-event-card{background:#fff;border:1px solid rgba(176,138,69,.25);border-radius:26px;padding:32px;box-shadow:0 24px 60px rgba(44,36,28,.07);min-height:320px}
.archive-event-card h2{font-size:clamp(1.9rem,3.8vw,2.65rem);line-height:1.02;margin:12px 0 18px}
.archive-event-card h2 a{color:var(--walnut);text-decoration:none}
.archive-event-card h2 a:hover{color:var(--gold-dark)}
.archive-event-card p{line-height:1.65;color:#625b52}
.archive-event-card .date{font-size:12px!important;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--gold-dark)!important;margin:0 0 10px!important}
.archive-event-card .event-text-link{display:inline-block;margin-top:10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--gold-dark);text-decoration:none}
.archive-event-card .event-text-link:hover{text-decoration:underline}
.archive-pagination{margin-top:42px;text-align:center}
.archive-pagination .nav-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.archive-pagination a,.archive-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:999px;border:1px solid rgba(176,138,69,.25);padding:0 14px;text-decoration:none;color:var(--walnut);font-weight:700}
.archive-pagination .current{background:var(--gold);border-color:var(--gold);color:#171512}
@media(max-width:960px){.archive-event-grid{grid-template-columns:1fr 1fr}.events-archive-page{padding-top:125px}}
@media(max-width:680px){.archive-event-grid{grid-template-columns:1fr}.archive-event-card{padding:26px}.events-archive-page{padding-left:20px;padding-right:20px}}

/* Version 25: Tarot Events admin list can sort by Homepage Order. */