/*
Theme Name: JASAME HR Consulting
Theme URI: https://jasame.co.ug
Author: JASAME HR Consulting Ltd
Description: JASAME HR Consulting Ltd. Human resource, recruitment, training and organisational development consultants, Kampala, Uganda. Markup, fonts, colours and layout are ported verbatim from the approved design.
Version: 2.4.1
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: jasame
*/

/* ===== 1. Design base, copied verbatim from the approved design ===== */
*,*::before,*::after{box-sizing:border-box}
  /* The services panel carries an inline display value, which would otherwise
     beat the browser's own [hidden] rule and leave the dropdown on screen. */
  [hidden]{display:none!important}
  html{overflow-x:hidden}
  body{margin:0;background:#F7FAFC;color:#12384B;font-family:'Century Gothic',Questrial,'Didact Gothic','Trebuchet MS',sans-serif;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
  h1,h2,h3,h4{margin:0;font-weight:400}
  p,ul,ol,dl,dd{margin:0}
  a{color:#00688F;text-decoration:none}
  a:hover{color:#005E86}
  :focus-visible{outline:2px solid #00B0F0;outline-offset:4px}
  input,textarea,select,button{font:inherit;color:inherit}
  ::placeholder{color:#527183}
  ::selection{background:#072A3F;color:#F7FAFC}
  @keyframes jsMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  @keyframes jsRise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* ===== 2. Hover and focus states, generated from the design's style-hover ===== */
.jh1:hover{color:#072A3F !important;border-bottom-color:#00B0F0 !important}
.jh2:hover{background:transparent !important;color:#072A3F !important}
.jh3:hover{color:#E6F2F9 !important}
.jh4:hover{border-color:#F5C02E !important}
.jh5:hover{border-color:#072A3F !important}
.jh6:hover{background:rgba(7,42,63,0.035) !important;padding-left:16px !important}
.jh7:hover{border-color:#F5C02E !important;background:rgba(230,242,249,0.06) !important}
.jh8:hover{border-color:#072A3F !important;background:rgba(7,42,63,0.05) !important}
.jh9:hover{background:transparent !important;color:#E6F2F9 !important}
.jh10:hover{border-color:#072A3F !important;background:rgba(7,42,63,0.04) !important}
.jh11:hover{background:rgba(7,42,63,0.05) !important}
.jh12:hover{background:transparent !important;color:#00B0F0 !important}
.jh13:hover{border-color:#00B0F0 !important}
.jh14:hover{transform:translateY(-2px) !important;box-shadow:0 16px 38px rgba(7,42,63,0.09) !important}
.jh15:hover{border-color:#D02030 !important}

/* ===== 3. WordPress plumbing only. No visual decisions here. ===== */

/* Sticky header sits below the admin bar for logged-in users */
body.admin-bar-showing header[data-site-header]{top:32px}
@media screen and (max-width:782px){body.admin-bar-showing header[data-site-header]{top:46px}}

/* The design shows nav links from 1024px and the burger below it (JS did this
   at runtime; here it is a media query, with the same breakpoint). */
@media (min-width:1200px){
  [data-nav]{display:inline-flex !important;align-items:center}
  [data-burger]{display:none !important}
  [data-drawer]{display:none !important}
}
@media (max-width:1199.98px){
  [data-nav]{display:none !important}
  [data-burger]{display:flex !important}
  [data-drawer]{display:none}
  header[data-site-header].is-open [data-drawer]{display:grid;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:calc(100dvh - 72px)}
}

/* Current page marker, matching the design's active underline */
[data-nav][aria-current="page"]{color:#072A3F !important;border-bottom-color:#00B0F0 !important}

/* Scroll reveal, same easing and distance as the design */
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}
[data-reveal].is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none}}

/* Editor content inherits the design's type */
.entry-content{max-width:70ch}
.entry-content>*+*{margin-top:1.1em}
.entry-content h2{font-size:clamp(27px,3.1vw,39px);margin-top:1.8em;color:#072A3F}
.entry-content h3{font-size:23px;margin-top:1.6em;color:#072A3F}
.entry-content p,.entry-content li{font-size:18px;line-height:1.85;color:#243F50}
.entry-content ul,.entry-content ol{padding-left:22px}
.entry-content blockquote{border-left:2px solid #00B0F0;margin:0;padding-left:22px;font-size:19px;color:#072A3F}
.entry-content img{max-width:100%;height:auto}

/* Media never overflows or stretches */
img,svg,video,iframe{max-width:100%}
img,video{object-fit:cover}

/* Testimonial Rotator / Logo Carousel inherit the design's type when present */
.testimonial_rotator_quote,.testimonial_rotator blockquote{font-family:'Century Gothic',Questrial,'Didact Gothic','Trebuchet MS',sans-serif !important;font-size:clamp(22px,3vw,40px) !important;line-height:1.25 !important;color:#072A3F !important}
.testimonial_rotator_author_info{font-family:'Century Gothic',Questrial,'Didact Gothic','Trebuchet MS',sans-serif !important;font-size:10.5px !important;letter-spacing:0.14em !important;text-transform:uppercase !important;color:#4E6C7D !important}
.sp-lc-section img,.logo_carousel img{object-fit:contain}

.jasame-live-link:hover{color:#00688F}
.jasame-live-link:hover span:first-child{text-decoration:underline;text-underline-offset:3px}
.jasame-filter{transition:color .2s ease,border-color .2s ease}
.jasame-filter:hover{color:#072A3F}
.jasame-cta{transition:background .2s ease,color .2s ease}
.jasame-cta:hover{background:transparent;color:#00B0F0}
.jasame-social{transition:border-color .2s ease,background .2s ease}
.jasame-social:hover{border-color:#00B0F0;background:rgba(0,176,240,0.12)}
.jasame-kit-btn:hover,.jasame-kit-btn:focus-visible{background:#00688F!important;border-color:#00688F!important}
.jasame-svctoggle:hover,.jasame-svctoggle[aria-expanded="true"]{color:#072A3F}
[data-svcpanel] a:hover{background:rgba(0,176,240,0.10)}
/* An opened radar card spans the whole board, so its detail gets a readable
   measure and the closed cards beside it keep their own height. */
.jasame-radar-card:has(.jasame-radar-panel:not([hidden])){grid-column:1/-1}

@media print{header[data-site-header],[data-drawer]{display:none !important}}

/* Legibility: darker body text and a firmer heading rhythm site-wide */
h1,h2,h3,h4{text-wrap:balance}
p{text-wrap:pretty}
.jasame-radar-toggle:hover span:first-child{color:#00688F}
.jasame-radar-panel{animation:jsRise .3s ease both}

/* Editor output inside an article: the body copy scale of the design. */
.jasame-prose > *{max-width:100%}
.jasame-prose p{margin:0 0 24px}
.jasame-prose h2{font-family:'Century Gothic',Questrial,'Didact Gothic','Trebuchet MS',sans-serif;font-weight:700;font-size:clamp(22px,2.2vw,30px);line-height:1.2;color:#072A3F;margin:40px 0 14px}
.jasame-prose h3{font-family:'Century Gothic',Questrial,'Didact Gothic','Trebuchet MS',sans-serif;font-size:clamp(18px,1.6vw,22px);line-height:1.3;color:#072A3F;margin:32px 0 12px}
.jasame-prose ul,.jasame-prose ol{margin:0 0 24px;padding-left:22px}
.jasame-prose li{margin-bottom:10px}
.jasame-prose a{color:#00688F;text-decoration:underline}
.jasame-prose a:hover{color:#072A3F}
.jasame-prose img{max-width:100%;height:auto;display:block;margin:0 0 24px}
.jasame-prose blockquote{margin:0 0 24px;border-left:2px solid #00B0F0;background:#E9F3F9;padding:20px 24px}
.jasame-prose blockquote p:last-child{margin-bottom:0}
.jasame-prose table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:15.5px}
.jasame-prose th,.jasame-prose td{border:1px solid rgba(7,42,63,0.14);padding:10px 12px;text-align:left}

/* Mixed client logos read as one set: muted by default, true colour on hover. */
[data-marquee]:hover .jasame-clientlogo,[data-marquee]:focus-within .jasame-clientlogo{filter:none;opacity:1}