/*
Theme Name: Lady B Bless
Author: Lady B Bless
Author URI: https://iamladybbless.com
Description: Dark navy and gold WordPress theme for Lady B Bless — award-winning humanitarian, energy advocate and strategic consultant. Includes Product, Event, Gallery and Podcast Episode custom post types.
Version: 1.1.0
Text Domain: ladybbless
License: GNU General Public License v2 or later
*/
:root{--navy:#0A1730;--navy-2:#0E1E40;--navy-3:#12264F;--panel:#0D1C3A;--gold:#E9BE50;--gold-soft:#F2D488;--gold-dim:rgba(233,190,80,.45);--white:#fff;--ink:#EDF1F8;--muted:#C3CCDE;--faint:#97A3BC;--line:rgba(233,190,80,.28);color-scheme:dark}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:15px}
body{background:var(--navy);color:var(--ink);font-family:'Inter',Arial,Helvetica,system-ui,sans-serif;font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block;height:auto}
html,body{overflow-x:clip}
img,video,iframe{max-width:100%}
a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-soft)}
h1,h2,h3,h4{color:var(--white);font-weight:600;line-height:1.22}
h1{font-size:clamp(1.9rem,4vw,2.7rem)} h2{font-size:clamp(1.35rem,2.7vw,1.75rem);color:var(--gold)} h3{font-size:1.15rem}
p{margin-bottom:16px}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.eyebrow{font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:14px}
.gold-rule{width:72px;height:2px;background:var(--gold);border:none;margin:22px 0}.gold-rule.center{margin-left:auto;margin-right:auto}
section{padding:84px 0}.section-alt{background:var(--navy-2)}
.sec-head{max-width:760px;margin-bottom:48px}.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head .sub,.sub{color:var(--muted)} .page-head{padding:54px 0 36px;max-width:820px}
.btn,.btn-gold,.btn-outline{display:inline-block;font-weight:600;font-size:.86rem;letter-spacing:.12em;text-transform:uppercase;padding:15px 32px;border:1px solid var(--gold);border-radius:999px;background:transparent;color:var(--gold);transition:all .25s ease;cursor:pointer;text-align:center}
.btn:hover,.btn-gold:hover,.btn-outline:hover{background:rgba(233,190,80,.12);color:var(--gold-soft)}
.btn-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}
.tag,.sale-label{display:inline-block;font-size:.66rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#0A1730;background:var(--gold);padding:4px 12px;border-radius:2px}
.date-line,.event-date{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600}
header.site-header{position:sticky;top:0;z-index:100;background:var(--navy);border-bottom:1px solid var(--line)}
body.admin-bar header.site-header{top:32px}
@media(max-width:782px){body.admin-bar header.site-header{top:46px}}
.header-in{max-width:1180px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.header-in .site-logo img{max-height:64px;width:auto}
nav.main-nav > ul{display:flex;gap:10px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
nav.main-nav > ul > li > a{display:inline-block;padding:8px 18px;border:1px solid var(--gold);border-radius:999px;background:transparent;color:var(--gold);font-size:.82rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
nav.main-nav > ul > li > a:hover{background:rgba(233,190,80,.12);color:var(--gold-soft)}
nav.main-nav li.current-menu-item > a,nav.main-nav li.current_page_item > a,nav.main-nav li.current-menu-parent > a,nav.main-nav li.current-menu-ancestor > a{background:rgba(233,190,80,.14);color:var(--gold-soft)}
nav.main-nav li.menu-item-has-children{position:relative}
nav.main-nav .sub-menu{position:absolute;top:100%;left:0;min-width:300px;background:var(--navy-2);border:1px solid var(--line);border-radius:10px;padding:8px;list-style:none;margin:0;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:120;box-shadow:0 18px 40px rgba(0,0,0,.45)}
nav.main-nav li.menu-item-has-children:hover > .sub-menu,nav.main-nav li.menu-item-has-children:focus-within > .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
nav.main-nav .sub-menu li{margin:0}
nav.main-nav .sub-menu a{display:block;padding:10px 14px;border:none;border-radius:6px;background:transparent;color:var(--ink);font-size:.92rem;font-weight:500;letter-spacing:0;text-transform:none}
nav.main-nav .sub-menu a:hover{background:rgba(233,190,80,.12);color:var(--gold-soft)}
.nav-toggle{display:none;background:transparent;border:1px solid var(--gold);border-radius:8px;padding:9px 11px;cursor:pointer;line-height:0}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--gold);margin:5px 0;transition:transform .25s ease,opacity .25s ease}
.nav-toggle span:first-child{margin-top:0}
.nav-toggle span:last-child{margin-bottom:0}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1024px) and (min-width:861px){
nav.main-nav > ul{gap:7px}
nav.main-nav > ul > li > a{padding:7px 13px;font-size:.78rem}
}
@media(max-width:860px){
.header-in{flex-wrap:nowrap;padding:10px 20px}
.header-in .site-logo img{max-height:52px}
.nav-toggle{display:block}
nav.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--navy-2);border-bottom:1px solid var(--line);padding:14px 20px 20px;box-shadow:0 24px 40px rgba(0,0,0,.45)}
nav.main-nav.open{display:block}
nav.main-nav > ul{flex-direction:column;flex-wrap:nowrap;gap:4px}
nav.main-nav > ul > li > a{display:block}
nav.main-nav .sub-menu{position:static;min-width:0;display:none;background:transparent;border:none;border-left:2px solid var(--line);border-radius:0;box-shadow:none;padding:2px 0 6px 14px;margin:2px 0 4px 6px;opacity:1;visibility:visible;transform:none}
nav.main-nav li.sub-open > .sub-menu{display:block}
}
.sec-box{background:var(--panel);border-left:4px solid var(--gold);padding:40px}
.sec-box.nobar{border-left:1px solid var(--line)}
.card,.pillar,.award,.gallery-item,.product-card{background:var(--panel);border-left:4px solid var(--gold);padding:26px;transition:transform .25s ease,box-shadow .25s ease}
.card:hover,.pillar:hover,.gallery-item:hover,.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.38)}
.card-grid,.pillar-grid,.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.card-grid.two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.card-body h3{margin-bottom:10px}.card-body p{color:var(--muted)}
.hero{padding-top:54px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero-grid>*,.split>*,.bio-grid>*{min-width:0}
.hero-logo{width:100%;max-width:420px;margin-bottom:22px}.hero-photo img,.advocacy-img,.flyer{width:100%}
.hero-quote{border-left:3px solid var(--gold);padding-left:20px;margin:24px 0}
.hero-quote .quote,.quote-text{color:var(--gold);font-style:italic;font-size:1.08rem}
.hero-quote .attr,.quote-attr{color:#fff;font-style:normal}
.big-q{font-size:clamp(1.5rem,3vw,2rem);color:var(--gold);font-style:italic}
.q-rule{width:72px;height:2px;background:var(--gold);border:none;margin:22px 0}
.split,.bio-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.portrait-circle{border-radius:50%;aspect-ratio:1;object-fit:cover;max-width:320px;margin:0 auto}
.logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;align-items:center}
.logo-cell{background:#fff;border:1px solid var(--line);border-radius:50%;width:100%;max-width:180px;aspect-ratio:1/1;padding:0;margin:0 auto;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .25s ease,box-shadow .25s ease}
.logo-cell img{width:100%;height:100%;object-fit:contain}
.logo-cell.fill img{object-fit:cover;transform:scale(var(--z,1))}
.logo-cell:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.38)}
.awards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.award .yr{color:var(--gold);font-weight:700;display:block}.award .nm{color:var(--white)}
.quote-box{background:var(--panel);border-left:4px solid var(--gold);padding:32px}
.quote-row{display:flex;gap:28px;align-items:center}
.quote-photo{width:160px;height:160px;border-radius:50%;object-fit:cover;border:3px solid var(--gold);flex-shrink:0}
.quote-divider{width:1px;align-self:stretch;background:var(--gold)}
.event-card img.flyer-img{width:100%;margin-bottom:18px}.event-meta{color:var(--muted)}.event-meta .d{color:var(--gold);font-weight:600}
.gallery-item{padding:0;overflow:hidden}.gallery-item img{width:100%}.gallery-item figcaption{padding:16px 20px;color:var(--white)}
.dl-cover{width:100%;border-bottom:3px solid var(--gold);margin-bottom:20px}
/* Free Resources cards — compact scale (Lady B: the boxes were very big) */
.card-grid.res-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;max-width:980px}
.res-grid .card{padding:16px}
.res-grid .dl-cover{height:150px;object-fit:contain;margin-bottom:12px}
.res-grid .card-body h3{font-size:1.02rem;margin-bottom:6px}
.res-grid .card-body p{font-size:.9rem}
.res-grid .btn{padding:11px 22px;font-size:.78rem}
/* Single product share row (single-product.php, Lady B 2026-10-24): round gold icon buttons matching the header/footer socials + a Copy Link icon button under the Buy button */
.share-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px}
.share-label{font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-right:4px}
.share-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--gold);border-radius:50%;background:transparent;color:var(--gold);cursor:pointer;font-family:inherit;line-height:0;transition:all .25s ease}
.share-btn:hover{background:rgba(233,190,80,.12);color:var(--gold-soft)}
.share-btn svg{width:18px;height:18px;fill:currentColor}
.share-btn svg.share-icon-link{fill:none;stroke:currentColor}
.share-copy{position:relative}
.share-copy .share-icon-check{display:none}
.share-copy.copied .share-icon-check{display:block}
.share-copy.copied .share-icon-link{display:none}
.share-copy-status{position:absolute;top:-1.55em;left:50%;transform:translateX(-50%);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1;color:var(--gold-soft);white-space:nowrap;opacity:0;transition:opacity .2s ease;pointer-events:none}
.share-copy.copied .share-copy-status{opacity:1}
/* Free Resources email gate (page-free-resources.php, Lady B 2026-10-24): one email field per card unlocks that card's download; the submit keeps the reduced .res-grid .btn size */
.res-gate{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.res-gate input[type="email"]{margin:0;padding:11px 16px;border-radius:999px;font-size:.9rem}
.res-gate button{font-family:inherit}
.res-gate-hp{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;margin:0}
.form-error{color:#FF9D8A;font-size:.88rem;margin:0}
.price{font-size:1.3rem;color:var(--white)} .price del{color:var(--faint);font-size:1rem;margin-right:10px}.price .sale{color:var(--gold);font-weight:700}
.feat-list{list-style:none}.feat-list li{padding:6px 0;border-bottom:1px solid rgba(233,190,80,.15);color:var(--muted)}
footer.site-footer{background:var(--navy-2);border-top:1px solid var(--line);padding:56px 0 32px;margin-top:0}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:44px}
.footer-logo{max-width:260px;margin-bottom:20px}
.footer-brand p{color:var(--muted);max-width:340px}
.footer-brand .footer-site-link{margin-top:14px}
.footer-brand .footer-site-link a{display:inline;padding:0}
.footer-col h4{color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;margin-bottom:18px}
.footer-col a{display:block;color:var(--muted);padding:5px 0}
.footer-col a:hover{color:var(--gold)}
.footer-meta{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;margin-top:44px}
.footer-meta p{margin-bottom:0}
.footer-email{color:var(--muted);font-size:.92rem}
.footer-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-bottom p{margin-bottom:0}
.copyright{color:var(--faint);font-size:.9rem}
.footer-bottom .follow-line{color:var(--gold);font-size:.92rem}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}}
@media(max-width:520px){.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-brand{grid-column:1/-1}.footer-meta{flex-direction:column;align-items:center;text-align:center;gap:14px}.footer-meta .socials{justify-content:center;flex-wrap:wrap}.footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:8px}}
.socials{display:flex;gap:14px;align-items:center;justify-content:center}
.socials a{color:var(--gold);display:inline-flex}
.socials a:hover{color:var(--gold-soft)}
.socials svg{width:17px;height:17px;fill:currentColor}
input,textarea,select{width:100%;background:var(--navy);border:1px solid var(--line);color:var(--ink);padding:13px 16px;margin:6px 0 18px;font-family:inherit}
select:focus{border-color:var(--gold);outline:none}
label{color:var(--white);font-weight:600}.form-note{color:var(--gold)}
.pagination{margin-top:36px}.page-numbers{padding:8px 14px;border:1px solid var(--gold);border-radius:999px;color:var(--gold)}
@media(max-width:800px){.hero-grid,.split,.bio-grid{grid-template-columns:1fr}.quote-row{flex-direction:column}.quote-divider{width:72px;height:1px}section{padding:56px 0}.sec-box{padding:24px}}
/* Elementor Full Width template: true full-width canvas, no container limits */
.elementor-fullwidth-content{width:100%;max-width:none;margin:0;padding:0}
.elementor-fullwidth-content .elementor-section.elementor-section-boxed>.elementor-container{max-width:1180px}
/* Front page only (Lady B, 2026-10-23): remove the gold left bar from all boxes/cards so the home page matches her original site — other pages keep their gold bars */
body.home .sec-box,body.home .card,body.home .pillar,body.home .award,body.home .gallery-item,body.home .product-card,body.home .logo-cell,body.home .quote-box{border-left:1px solid var(--line)}
/* Front page Awards & Recognition (Lady B, 2026-10-23): clean checklist directly on the navy background, matching her live site — no boxes/cards. Scoped to .awards-clean (front page only); the Speaking page keeps its .awards-grid/.award boxes */
.awards-clean .eyebrow{display:flex;align-items:center;gap:16px}
.awards-clean .eyebrow::before{content:"";width:44px;height:1px;background:var(--gold);flex-shrink:0}
.awards-clean .awards-title{color:var(--gold);font-size:clamp(1.35rem,2.7vw,1.75rem);font-weight:700}
.awards-clean .awards-title::after{content:"";display:block;width:64px;height:5px;background:var(--gold);border-radius:2px;margin-top:14px}
.awards-clean .awards-list{list-style:none;margin-top:40px}
.awards-clean .awards-list li{display:flex;align-items:baseline;gap:18px;padding:13px 0}
.awards-clean .awards-list .check{color:var(--gold);font-weight:700;font-size:1.05rem;line-height:1}
.awards-clean .awards-list .award-text{color:var(--white);font-size:0.98rem}
/* Front page only (Lady B, 2026-10-23): no gold on hover — hovering a box/card must NOT turn its border gold; the border keeps its resting color. The gentle hover lift + soft neutral shadow (base :hover rule above) stay on the front page. Buttons and nav links keep their gold hover everywhere, including here. */
body.home .sec-box:hover,body.home .card:hover,body.home .pillar:hover,body.home .award:hover,body.home .gallery-item:hover,body.home .product-card:hover,body.home .logo-cell:hover,body.home .quote-box:hover{border-color:var(--line)}
/* Podcast episodes (page-podcast.php): cards on the navy panel with the gold left bar — the Podcast page is not the front page, so the bars stay, per site design */
.episode-list{display:grid;gap:24px;margin-top:32px}
.episode-card{background:var(--panel);border-left:4px solid var(--gold);padding:32px}
.episode-card h3{margin-bottom:6px}
.episode-card .date-line{margin-bottom:14px}
.episode-desc{color:var(--muted)}
.episode-desc p:last-child{margin-bottom:0}
.episode-video{position:relative;padding-top:56.25%;margin:20px 0;border:1px solid var(--line);background:#000}
.episode-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.episode-audio{width:100%;margin:16px 0 10px}
.episode-download{display:inline-block;font-weight:600;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);border-radius:999px;padding:10px 24px;transition:all .25s ease}
.episode-download:hover{background:rgba(233,190,80,.12);color:var(--gold-soft)}
@media(max-width:800px){.episode-card{padding:22px}}
/* Podcast shows (page-podcast.php): one section per show — gold-underlined show title + description, then that show's episode cards */
.show-section{margin-top:64px}
.show-head{max-width:820px}
.show-title{margin-bottom:10px}
.show-title::after{content:"";display:block;width:64px;height:4px;background:var(--gold);border-radius:2px;margin-top:12px}
.show-desc{color:var(--muted)}
.show-section .episode-list{margin-top:28px}
.show-section .sec-box{margin-top:28px}
/* Company pages (page-company.php, Lady B 2026-10-23): the page body IS the page — dashboard-edited content styled to match the site: gold-underlined section headings, quote-box pull-quotes, images fluid with the lead logo capped, vertical video centered at a modest width */
.company-body{max-width:920px}
.company-body p{margin:0 0 18px}
.company-body h1{margin-bottom:10px}
.company-body h2{margin:46px 0 8px}
.company-body h2:first-child{margin-top:0}
.company-body h2::after{content:"";display:block;width:64px;height:4px;background:var(--gold);border-radius:2px;margin-top:12px}
.company-body h3{margin:28px 0 8px}
.company-body h4{margin:22px 0 6px}
.company-body ul,.company-body ol{margin:0 0 20px;padding-left:24px}
.company-body li{margin-bottom:8px}
.company-body hr{width:72px;height:2px;background:var(--gold);border:none;margin:26px 0}
.company-body blockquote{background:var(--panel);border-left:4px solid var(--gold);padding:28px 32px;margin:34px 0}
.company-body blockquote p{color:var(--gold);font-style:italic;font-size:1.08rem;margin:0}
.company-body blockquote cite{color:var(--faint);font-style:normal}
.company-body img{max-width:100%;height:auto}
.company-body>p:first-of-type img,.company-body>figure:first-of-type img,.company-body>.wp-block-image:first-of-type img{max-width:280px}
.company-body video{width:100%;height:auto;display:block}
.company-body .wp-block-video{max-width:360px;margin:30px auto}
.company-body .wp-block-embed{max-width:640px;margin:30px auto}
.company-body iframe{max-width:100%}
.company-body .aligncenter{margin-left:auto;margin-right:auto}
@media(max-width:800px){.company-body blockquote{padding:22px}}

/* Company pages (page-company.php, approved-design rebuild): data-driven layout mirroring the design — logo/role hero, photo + pull-quote row, transparent gold-bordered cards on company pages, membership tier cards, award video row, closing Explore CTA + WhatsApp band */
.company-page .co-hero{padding-top:54px}
.co-head{display:grid;grid-template-columns:210px 1fr;gap:44px;align-items:center}
.co-logo-cell{background:#fff;border:1px solid var(--line);border-radius:50%;width:190px;height:190px;padding:0;display:flex;align-items:center;justify-content:center;margin:0 auto;overflow:hidden}
.co-logo-cell img{width:100%;height:100%;object-fit:contain}
.co-logo-cell.fill img{object-fit:cover;transform:scale(var(--z,1))}
.co-head h1{font-size:clamp(1.7rem,3.4vw,2.4rem);margin-bottom:10px}
.co-org{font-family:Georgia,'Times New Roman',serif;font-size:1.15rem;margin-bottom:0}
.co-intro{max-width:880px}
.co-intro p{color:var(--muted)}
.company-page .card,.company-page .pillar{background:transparent;border:1px solid var(--gold);border-left:4px solid var(--gold)}
.company-page .card.tier-featured{border-color:var(--gold)}
.co-tag{color:var(--gold);font-weight:600;font-size:.9rem;margin-bottom:8px}
.co-more{margin-top:18px;margin-bottom:0}
.co-more-link,.co-view-link{font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.tier-pop{display:block;font-size:.64rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
/* ACEN membership tiers (page-company.php): all five boxes the same size, Join pinned to the bottom */
.tier-grid{grid-auto-rows:1fr}
.tier-grid .card{height:100%;display:flex;flex-direction:column}
.tier-grid .card-body{flex:1;display:flex;flex-direction:column}
.tier-grid .co-view-link{margin-top:auto}
.co-per{font-size:.95rem;color:var(--muted)}
.company-page .note-line{color:var(--gold);font-weight:600;font-size:.95rem;margin-top:20px;text-align:center}
.co-script{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:var(--gold);font-size:1.45rem;margin-bottom:18px}
.co-prose-title{font-size:1.28rem;margin-bottom:6px}
.co-prose p{color:var(--muted);max-width:880px}
.award-video-row{display:flex;gap:40px;align-items:flex-start}
.award-video-col{flex:none;width:340px;max-width:100%}
.award-video{width:100%;height:auto;display:block;background:#000;border:1px solid var(--line)}
.award-video-text{flex:1;min-width:0}
.award-video-text .co-prose p{max-width:none}
.co-explore{text-align:center}
.company-page .wa-band{text-align:center}
@media(max-width:800px){
.co-head{grid-template-columns:1fr;gap:24px}
.award-video-row{flex-direction:column;gap:24px}
.award-video-col{margin:0 auto}
}


/* ===== Header socials (menu bar) ===== */
.header-socials{display:flex;align-items:center;gap:9px;flex:none}
.header-socials a{color:var(--gold);display:inline-flex;line-height:0}
.header-socials a:hover{color:var(--gold-soft)}
.header-socials svg{width:18px;height:18px;fill:currentColor}
.header-socials--panel{display:none}
@media(min-width:861px){
.header-in{gap:14px}
nav.main-nav > ul{flex-wrap:nowrap;gap:6px}
nav.main-nav > ul > li > a{padding:8px 14px}
}
@media(max-width:1024px) and (min-width:861px){
.header-socials{gap:7px}
.header-socials svg{width:16px;height:16px}
nav.main-nav > ul > li > a{padding:7px 11px}
}
@media(max-width:860px){
.header-socials--bar{display:none}
.header-socials--panel{display:flex;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
}

/* ===== Home page fixes (Lady B, 2026-10-24) ===== */
/* What I Do: four pillar cards, two per row (mirrors the design; one column on phones) */
.pillar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
@media(max-width:760px){.pillar-grid{grid-template-columns:1fr}}
/* Statement quote: centered in its box */
.statement{text-align:center}
.statement .big-q{max-width:880px;margin:0 auto 24px}
.statement .q-rule{margin:0 auto 28px}
.statement p{max-width:760px;margin:0 auto}
/* AI Made Simple band (home): smaller — tighter box, flyer capped */
.sec-box.ai-band{padding:27px}
.ai-band .flyer{display:block;max-width:300px;margin:0 auto}
/* Book to Speak band (home): smaller — tighter section, graphic capped */
section.speak-band{padding:56px 0}
.speak-band .advocacy-img{display:block;max-width:320px;margin:0 auto}
/* Global Advocacy band (home): photo sized down, full frame kept */
.advocacy-band .advocacy-img{display:block;max-width:340px;margin:0 auto}

/* Premium Digital Resources (home) — matched blurbs + uniform cards: all three cards the same size, covers one height, price/link pinned to the same position */
.premium-grid .card{display:flex;flex-direction:column;height:100%}
.premium-grid .product-card>img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;margin-bottom:16px}
.premium-grid .card-body{display:flex;flex-direction:column;flex:1}
.premium-grid .card-body .price{margin-top:auto;padding-top:12px}

/* Eudora Lane "Our Services" (page-company.php, Lady B 2026-10-24): three across, tighter boxes */
.pillar-grid.svc-grid{grid-template-columns:repeat(3,1fr);gap:16px}
.svc-grid .pillar{padding:17px}
@media(max-width:1020px){.pillar-grid.svc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.pillar-grid.svc-grid{grid-template-columns:1fr}}

/* Mobile home fixes (Lady B, 2026-10-24): Organizations logos smaller, two across (2x2) on phones — desktop grid unchanged */
@media(max-width:760px){
.logo-grid{grid-template-columns:repeat(2,1fr);gap:16px}
.logo-cell{max-width:140px}
}