/* Astrogiva UX. Presentation only. No URL, title or text is changed. */
:root{--ag-ink:#262626;--ag-muted:#5c5c5c;--ag-maroon:#7a1f2b;--ag-gold:#c8961e;--ag-line:#ead9c6;--ag-soft:#fbf6ee}

/* 1. Readable text everywhere (was grey #7a7a7a and #67768e, below the 4.5 to 1 contrast level) */
body,body p,body li,.elementor-widget-text-editor,.elementor-widget-text-editor p{color:var(--ag-ink)}
body p,body li{line-height:1.7}
@media(max-width:767px){body p,body li{font-size:17px}}

/* 2. Headings that fit a phone screen (the homepage H1 was 58 to 64 px) */
h1,.elementor-heading-title.elementor-size-default:is(h1){font-size:clamp(28px,5vw,44px)!important;line-height:1.2!important}
h2{font-size:clamp(22px,3.6vw,32px);line-height:1.25}
h3{font-size:clamp(19px,2.8vw,24px)}

/* 3. Article pages, comfortable line length and spacing */
.agux-is-article .agux-article,.agux-is-article .agux-byline,.agux-is-article .agux-consult{max-width:760px;margin-left:auto;margin-right:auto}
/* Show the page title again (Additional CSS has .entry-title{display:none!important}) */
body.agux-is-article h1.entry-title{display:block!important;max-width:760px;margin:22px auto 6px;color:var(--ag-maroon)}
body.agux-is-article.agux-own-h1 h1.entry-title{display:none!important}
.agux-byline{font-size:14px!important;color:var(--ag-muted)!important;margin:0 auto 18px}
.agux-article h2{color:var(--ag-maroon);margin-top:1.8em}
.agux-article img{max-width:100%;height:auto;border-radius:8px}
.agux-article table{width:100%;border-collapse:collapse;margin:12px 0 20px}
.agux-article th,.agux-article td{border:1px solid var(--ag-line);padding:8px 10px;text-align:left;vertical-align:top}
.agux-article th{background:var(--ag-soft)}
@media(max-width:767px){.agux-article table{display:block;overflow-x:auto}}

/* 4. Table of contents and sign chips (built by astrogiva-ux.js) */
.agux-toc{background:var(--ag-soft);border:1px solid var(--ag-line);border-radius:12px;padding:14px 18px;margin:18px 0 24px}
.agux-toc b{display:block;margin-bottom:6px;color:var(--ag-maroon)}
.agux-toc ol{margin:0;padding-left:20px}.agux-toc li{margin:3px 0}
.agux-toc a{color:var(--ag-ink);text-decoration:none!important}.agux-toc a:hover{color:var(--ag-maroon);text-decoration:underline}
.agux-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 2px}
.agux-chips a{padding:6px 12px;border:1px solid var(--ag-line);border-radius:20px;font-size:14px;color:var(--ag-ink);text-decoration:none;background:#fff}
.agux-chips a:hover{border-color:var(--ag-maroon);color:var(--ag-maroon)}

/* 5. Consultation box at the end of articles */
.agux-consult{background:var(--ag-soft);border:1px solid var(--ag-line);border-radius:14px;padding:20px 22px;margin:36px auto 20px}
.agux-consult h2{margin-top:0;color:var(--ag-maroon)}
.agux-btn{display:inline-block;margin:6px 8px 0 0;padding:11px 18px;border-radius:8px;background:var(--ag-maroon);color:#fff!important;font-weight:600;text-decoration:none}
.agux-btn.alt{background:#fff;color:var(--ag-maroon)!important;border:1px solid var(--ag-maroon)}

/* 6. Mobile header (custom .ag-header: .ag-topbar 60px, .ag-logobar 77px, .ag-navbar 49px) */
@media(max-width:767px){
  /* Hide the red top bar on phones. Its links (Our Team, Courses, Blog, Contact) must also be in the menu. */
  .ag-header .ag-topbar{display:none!important}
  .ag-header .ag-logobar{padding-top:6px!important;padding-bottom:6px!important}
  /* The menu row scrolls sideways. Show that it scrolls, and keep items from being cut in half. */
  .ag-header .ag-navbar{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;
    -webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .ag-header .ag-navbar > *{scroll-snap-align:start}
}

/* 7. Sticky consult button on phones */
.agux-sticky{display:none}
@media(max-width:767px){
  .agux-sticky{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:999;text-align:center;padding:12px;border-radius:10px;background:var(--ag-maroon);color:#fff!important;font-weight:600;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.18)}
  body.agux-has-sticky{padding-bottom:70px}
}

/* 8. Focus outline for keyboard users */
a:focus-visible,button:focus-visible{outline:2px solid var(--ag-gold);outline-offset:2px}

/* 9. Homepage. Fallback in case an image is printed outside the filters. Book covers are not listed here. */
.home img.wp-image-2976,.home img.wp-image-2977,.home img.wp-image-2979,.home img.wp-image-2980,.home img.wp-image-2992{display:none!important}