/*
Theme Name: Mobatek Resource
Theme URI: https://mobatekresourcellc.com
Author: Mobatek Resource LLC
Description: Mobatek Resource LLC — professional CCTV installation and IT services, plus intercom, hardware installation & maintenance, IT equipment, low-voltage cabling, web & digital services, and office equipment. A bold, responsive, SEO-ready WordPress block theme (Anton + Inter, blue/red/green accents) with icon service cards, a featured team, and a request-a-service form.
Requires at least: 6.1
Tested up to: 6.6
Requires PHP: 7.4
Version: 6.6.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mobatek-resource
Tags: full-site-editing, business, custom-colors, custom-menu, blog
*/

body{ -webkit-font-smoothing:antialiased; }

/* ---------- Header ---------- */
.mb-header{ position:sticky; top:0; z-index:50; background:rgba(255,255,255,.95); backdrop-filter:blur(10px); border-bottom:1px solid var(--wp--preset--color--line); }
.mb-header .wp-block-navigation a{ text-transform:uppercase; letter-spacing:.08em; font-weight:600; font-size:.9rem; color:#27272A; }
.mb-header .wp-block-navigation a:hover{ color:#000; }

/* ---------- Eyebrow / labels ---------- */
.mb-eyebrow{ font-weight:600; letter-spacing:.28em; text-transform:uppercase; font-size:.8rem; }

/* ---------- Tricolor accent bar ---------- */
.mb-tricolor{ display:flex; gap:8px; }
.mb-tricolor span{ display:block; height:6px; width:56px; }
.mb-tricolor span:nth-child(1){ background:var(--wp--preset--color--blue); }
.mb-tricolor span:nth-child(2){ background:var(--wp--preset--color--red); }
.mb-tricolor span:nth-child(3){ background:var(--wp--preset--color--green); }
.mb-tricolor.sm span{ height:4px; width:32px; }

/* ---------- Hero ---------- */
.mb-hero{ position:relative; overflow:hidden; }
.mb-hero::before{ content:""; position:absolute; inset:0; opacity:.05; background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px); background-size:46px 46px; pointer-events:none; z-index:1; }
.mb-hero > *{ position:relative; z-index:2; }

/* ---------- Buttons ---------- */
.wp-block-button__link{ transition:transform .15s ease, background-color .15s ease, box-shadow .15s ease; }
.wp-block-button__link:hover{ transform:translateY(-2px); box-shadow:0 10px 22px rgba(0,0,0,.18); }
.wp-block-button__link:active{ transform:translateY(0); }
.wp-block-button.is-style-outline .wp-block-button__link{ background:transparent; border:1px solid rgba(255,255,255,.4); color:#fff; }
.wp-block-button.is-style-outline .wp-block-button__link:hover{ background:rgba(255,255,255,.1); box-shadow:none; }

/* ---------- Service cards ---------- */
.svc-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
.svc-card{ display:flex; flex-direction:column; background:#fff; border:1px solid var(--wp--preset--color--line); padding:1.75rem; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.svc-card:hover{ transform:translateY(-6px); box-shadow:0 24px 50px rgba(0,0,0,.18); border-color:#111; }
.svc-card h3{ margin:1.4rem 0 0; }
.svc-card p{ margin:.7rem 0 0; color:var(--wp--preset--color--muted); font-size:.98rem; }
.svc-ic{ display:grid; place-items:center; width:56px; height:56px; border:1px solid currentColor; }
.svc-ic svg{ width:28px; height:28px; }
.svc-card.acc-blue .svc-ic{ color:var(--wp--preset--color--blue); }
.svc-card.acc-red .svc-ic{ color:var(--wp--preset--color--red); }
.svc-card.acc-green .svc-ic{ color:var(--wp--preset--color--green); }
.svc-card:hover.acc-blue .svc-ic{ background:var(--wp--preset--color--blue); color:#fff; }
.svc-card:hover.acc-red .svc-ic{ background:var(--wp--preset--color--red); color:#fff; }
.svc-card:hover.acc-green .svc-ic{ background:var(--wp--preset--color--green); color:#fff; }
.svc-cta{ margin-top:1.25rem; display:inline-flex; align-items:center; gap:.4rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; text-decoration:none; }
.svc-card.acc-blue .svc-cta{ color:var(--wp--preset--color--blue); }
.svc-card.acc-red .svc-cta{ color:var(--wp--preset--color--red); }
.svc-card.acc-green .svc-cta{ color:var(--wp--preset--color--green); }
.svc-cta:hover{ text-decoration:underline; text-underline-offset:4px; }
.svc-cta span{ transition:transform .2s ease; }
.svc-card:hover .svc-cta span{ transform:translateX(4px); }
@media (max-width:900px){ .svc-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:600px){ .svc-grid{ grid-template-columns:1fr; } }

/* ---------- Why band (dark) ---------- */
.mb-band{ background:var(--wp--preset--color--ink); color:#fff; }
.mb-band h2,.mb-band h3{ color:#fff; }
.mb-band .why-item p:first-child{ color:#fff; }
.why-blue{ color:var(--wp--preset--color--blue) !important; }
.why-red{ color:var(--wp--preset--color--red) !important; }
.why-green{ color:var(--wp--preset--color--green) !important; }

/* ---------- Team ---------- */
.team-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; }
.team-card{ background:#fff; border:1px solid var(--wp--preset--color--line); transition:transform .25s ease, box-shadow .25s ease; }
.team-card:hover{ transform:translateY(-5px); box-shadow:0 22px 46px rgba(0,0,0,.16); }
.team-photo{ aspect-ratio:1/1; width:100%; object-fit:cover; display:block; background:#0B0B0C; }
.team-ph{ aspect-ratio:1/1; display:grid; place-items:center; background:#0B0B0C; color:#fff; font-family:Anton,sans-serif; font-size:3.5rem; }
.team-body{ padding:1.5rem; }
.team-body h3{ margin:0; }
.team-role{ margin:.5rem 0 0; font-weight:700; text-transform:uppercase; letter-spacing:.1em; font-size:.72rem; color:var(--wp--preset--color--muted); }
@media (max-width:900px){ .team-grid{ grid-template-columns:1fr; max-width:420px; margin-inline:auto; } }

/* ---------- Stats row ---------- */
.mb-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; border-top:1px solid var(--wp--preset--color--line); padding-top:2rem; }
.mb-stats .num{ font-family:Anton,sans-serif; font-size:2.4rem; color:#000; line-height:1; }
.mb-stats .lbl{ margin-top:.4rem; font-size:.72rem; text-transform:uppercase; letter-spacing:.14em; color:var(--wp--preset--color--muted); }

/* ---------- Contact form ---------- */
.mb-form{ background:#fff; border:1px solid var(--wp--preset--color--line); padding:1.75rem; }
.mb-form label{ display:block; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:#52525B; }
.mb-form input,.mb-form select,.mb-form textarea{ width:100%; margin-top:.4rem; border:1px solid #D4D4D8; padding:.7rem .85rem; font:inherit; color:#18181B; background:#fff; }
.mb-form input:focus,.mb-form select:focus,.mb-form textarea:focus{ outline:none; border-color:#000; box-shadow:0 0 0 3px rgba(0,0,0,.08); }
.mb-form .row2{ display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.mb-form .field{ margin-top:1rem; }
.mb-form button{ margin-top:1.25rem; width:100%; background:var(--wp--preset--color--green); color:#fff; border:0; padding:.9rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em; font-size:.8rem; cursor:pointer; transition:opacity .15s ease, transform .15s ease; }
.mb-form button:hover{ opacity:.92; transform:translateY(-2px); }
.mb-form .msg{ margin-top:.8rem; font-size:.9rem; font-weight:600; }
@media (max-width:600px){ .mb-form .row2{ grid-template-columns:1fr; } }

/* ---------- Footer ---------- */
.mb-footer{ background:var(--wp--preset--color--ink); color:#A1A1AA; }
.mb-footer h3{ color:#fff; }
.mb-footer a{ color:#D4D4D8; text-decoration:none; }
.mb-footer a:hover{ color:#fff; }
.mb-footer .k{ font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.14em; color:#71717A; }

/* mobile niceties */
@media (max-width:600px){ .wp-block-cover{ padding-left:1.1rem !important; padding-right:1.1rem !important; } }
@media (prefers-reduced-motion:reduce){ *{ transition:none !important; animation:none !important; } }

html{scroll-behavior:smooth}
.team-card .wp-block-image{margin:0}
.team-card img{aspect-ratio:1/1;width:100%;object-fit:cover;display:block}
.mb-section{padding:5rem 1.5rem}
@media(max-width:600px){.mb-section{padding:3.2rem 1.1rem}}
.hidden{display:none}
.page-hero{padding:4rem 1.5rem;border-bottom:1px solid var(--wp--preset--color--line)}
.page-hero.dark{background:var(--wp--preset--color--ink);border-bottom:0}
.page-hero.dark h1,.page-hero.dark h2{color:#fff}
.post-card{display:block;border:1px solid var(--wp--preset--color--line);background:#fff;transition:transform .25s ease, box-shadow .25s ease}
.post-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(0,0,0,.14)}

/* ---- Mobile safeguards ---- */
img{max-width:100%;height:auto}
@media (max-width:781px){
	.mb-stats{gap:1rem}
	.wp-block-buttons{flex-wrap:wrap}
	.mb-header .wp-block-navigation{ row-gap:.5rem; }
}
@media (max-width:600px){
	h1,h2,h3{overflow-wrap:anywhere}
	.mb-stats{grid-template-columns:1fr 1fr}
	.mb-stats .num{font-size:2rem}
	.team-role{font-size:.68rem}
	.svc-card{padding:1.4rem}
}
@media (max-width:480px){
	.mb-header .wp-block-button__link{ padding:.55rem 1rem; font-size:.68rem; }
	.site-title,.wp-block-site-title{ font-size:1.15rem !important; }
}

.mb-logo{display:inline-flex;align-items:center}
.mb-logo img{height:44px;width:auto;display:block}
@media (max-width:480px){.mb-logo img{height:34px}}

/* ===== Image-forward service cards ===== */
.svc-card.has-img{padding:0;overflow:hidden}
.svc-img{aspect-ratio:16/9;background-size:cover;background-position:center;background-color:#F4F6FA;border-bottom:1px solid var(--wp--preset--color--line)}
.svc-pad{padding:1.5rem}
.svc-pad h3{margin:0}
.svc-pad p{margin:.6rem 0 0;color:var(--wp--preset--color--muted);font-size:.97rem}
.svc-card.has-img .svc-cta{margin-top:1rem}

/* ===== Animated services panel ===== */
.svc-anim-cell{grid-column:span 2}
@media (max-width:900px){.svc-anim-cell{grid-column:span 2}}
@media (max-width:600px){.svc-anim-cell{grid-column:auto}}
.svc-anim{position:relative;height:100%;min-height:220px;background:var(--wp--preset--color--ink);color:#fff;border:1px solid var(--wp--preset--color--line);overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:2rem}
.svc-anim::before{content:"";position:absolute;inset:0;opacity:.06;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:40px 40px}
.svc-anim .lab{position:relative;font-size:.72rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#9aa4b2}
.svc-anim .rot{position:relative;height:3.2rem;margin-top:.4rem}
.svc-anim .rot span{position:absolute;left:0;top:0;font-family:Anton,sans-serif;font-size:2.4rem;text-transform:uppercase;letter-spacing:.01em;opacity:0;transform:translateY(14px);animation:svcRot 14s infinite}
.svc-anim .rot span:nth-child(1){animation-delay:0s;color:#60a5fa}
.svc-anim .rot span:nth-child(2){animation-delay:2s;color:#f87171}
.svc-anim .rot span:nth-child(3){animation-delay:4s;color:#4ade80}
.svc-anim .rot span:nth-child(4){animation-delay:6s;color:#60a5fa}
.svc-anim .rot span:nth-child(5){animation-delay:8s;color:#f87171}
.svc-anim .rot span:nth-child(6){animation-delay:10s;color:#4ade80}
.svc-anim .rot span:nth-child(7){animation-delay:12s;color:#60a5fa}
@keyframes svcRot{0%{opacity:0;transform:translateY(14px)}3%{opacity:1;transform:translateY(0)}12%{opacity:1;transform:translateY(0)}15%{opacity:0;transform:translateY(-14px)}100%{opacity:0}}
.svc-anim .bars{position:relative;display:flex;gap:6px;align-items:flex-end;height:44px;margin-top:1.25rem}
.svc-anim .bars i{width:8px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#60a5fa,#2563EB);animation:svcBar 1.4s ease-in-out infinite}
.svc-anim .bars i:nth-child(odd){background:linear-gradient(180deg,#4ade80,#16A34A)}
.svc-anim .bars i:nth-child(3n){background:linear-gradient(180deg,#f87171,#DC2626)}
.svc-anim .bars i:nth-child(1){animation-delay:0s}.svc-anim .bars i:nth-child(2){animation-delay:.1s}.svc-anim .bars i:nth-child(3){animation-delay:.2s}.svc-anim .bars i:nth-child(4){animation-delay:.3s}.svc-anim .bars i:nth-child(5){animation-delay:.4s}.svc-anim .bars i:nth-child(6){animation-delay:.5s}.svc-anim .bars i:nth-child(7){animation-delay:.6s}.svc-anim .bars i:nth-child(8){animation-delay:.7s}.svc-anim .bars i:nth-child(9){animation-delay:.8s}.svc-anim .bars i:nth-child(10){animation-delay:.9s}
@keyframes svcBar{0%,100%{height:12px}50%{height:40px}}
.svc-anim .pill{position:absolute;top:1.5rem;right:1.5rem;display:inline-flex;align-items:center;gap:6px;font-size:.62rem;font-weight:700;letter-spacing:.06em;color:#4ade80;border:1px solid rgba(74,222,128,.4);border-radius:4px;padding:2px 8px}
.svc-anim .pill b{width:6px;height:6px;border-radius:50%;background:#4ade80;display:block;animation:svcPulse 1.6s infinite}
@keyframes svcPulse{0%,100%{opacity:1}50%{opacity:.3}}

/* ===== Top announcement bar ===== */
.mb-topbar{background:var(--wp--preset--color--ink);color:#cfd5df;font-size:.8rem}
.mb-topbar p{margin:0}
.mb-topbar .msg{font-weight:600;letter-spacing:.02em}
.mb-topbar .msg strong{color:#fff}
.mb-topbar-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;width:100%}
.mb-topbar .chan{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.mb-topbar a{color:#cfd5df;text-decoration:none}
.mb-topbar a:hover{color:#fff}
.mb-topbar .soc{display:flex;align-items:center;gap:.6rem;padding-left:.6rem;border-left:1px solid rgba(255,255,255,.15)}
.mb-topbar .soc a,.mb-topbar .tw-soc a{display:inline-flex;align-items:center}
.mb-topbar .soc a svg,.mb-topbar .tw-soc a svg{width:16px;height:16px;display:block}
@media (max-width:640px){.mb-topbar .msg{width:100%;text-align:center}.mb-topbar-in{justify-content:center}}
/* Site logo sizing */
.wp-block-site-logo{margin:0}
.wp-block-site-logo img{height:46px;width:auto}

/* ===== AI Security Assistant ===== */
#mb-ai-btn{position:fixed;right:20px;bottom:20px;z-index:9999;display:inline-flex;align-items:center;gap:.55rem;background:var(--wp--preset--color--ink);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:40px;padding:.7rem 1.1rem;font-weight:600;font-size:.9rem;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.35)}
#mb-ai-btn:hover{transform:translateY(-2px)}
#mb-ai-btn .sparks{width:20px;height:20px;color:#4ade80}
#mb-ai-panel{position:fixed;right:20px;bottom:84px;z-index:9999;width:min(370px,calc(100vw - 40px));height:min(520px,calc(100vh - 120px));background:#0E1320;color:#e6eaf2;border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.5);display:none;flex-direction:column;overflow:hidden}
#mb-ai-panel.open{display:flex}
.mb-ai-head{padding:1rem 1.1rem;background:#0B0F1A;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:.6rem}
.mb-ai-head .dot{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#2563EB,#16A34A);display:grid;place-items:center;color:#fff}
.mb-ai-head h4{margin:0;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;text-transform:none;letter-spacing:0;color:#fff}
.mb-ai-head p{margin:0;font-size:.72rem;color:#8b93a3}
.mb-ai-head .x{margin-left:auto;background:none;border:0;color:#8b93a3;font-size:1.3rem;cursor:pointer;line-height:1}
.mb-ai-body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.6rem}
.mb-ai-msg{max-width:85%;padding:.6rem .8rem;border-radius:12px;font-size:.9rem;line-height:1.5}
.mb-ai-msg.bot{background:#1a2233;align-self:flex-start;border-top-left-radius:4px}
.mb-ai-msg.user{background:#2563EB;color:#fff;align-self:flex-end;border-top-right-radius:4px}
.mb-ai-chips{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem 1rem}
.mb-ai-chips button{background:#151c2b;border:1px solid rgba(255,255,255,.14);color:#cfd5df;border-radius:20px;padding:.35rem .8rem;font-size:.78rem;cursor:pointer}
.mb-ai-chips button:hover{border-color:#4ade80;color:#fff}
.mb-ai-input{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.08)}
.mb-ai-input input{flex:1;background:#151c2b;border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:8px;padding:.6rem .8rem;font:inherit}
.mb-ai-input input:focus{outline:none;border-color:#2563EB}
.mb-ai-input button{background:#2563EB;border:0;color:#fff;border-radius:8px;padding:0 .9rem;cursor:pointer;font-weight:600}
.mb-ai-msg a{color:#4ade80}
@media(max-width:600px){#mb-ai-btn .txt{display:none}}

/* ===== Human-image crossfade slideshow (services panel) ===== */
.mb-slideshow{position:relative;overflow:hidden;min-height:220px;height:100%;background:var(--wp--preset--color--ink);border:1px solid var(--wp--preset--color--line)}
.mb-slideshow .slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.04);animation:mbSlide 20s infinite}
.mb-slideshow .slide:nth-child(1){animation-delay:0s}
.mb-slideshow .slide:nth-child(2){animation-delay:4s}
.mb-slideshow .slide:nth-child(3){animation-delay:8s}
.mb-slideshow .slide:nth-child(4){animation-delay:12s}
.mb-slideshow .slide:nth-child(5){animation-delay:16s}
@keyframes mbSlide{0%{opacity:0;transform:scale(1.08)}3%{opacity:1}18%{opacity:1}21%{opacity:0}100%{opacity:0;transform:scale(1.0)}}
.mb-slideshow::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,12,.15) 0%,transparent 35%,rgba(11,11,12,.88) 100%);z-index:1}
.mb-ss-cap{position:absolute;left:1.5rem;right:1.5rem;bottom:1.25rem;z-index:2;color:#fff}
.mb-ss-cap p{margin:.6rem 0 0;font-family:Anton,sans-serif;font-size:1.5rem;line-height:1.05;text-transform:uppercase;letter-spacing:.01em}
@media (prefers-reduced-motion:reduce){.mb-slideshow .slide{animation:none;opacity:1}.mb-slideshow .slide:nth-child(n+2){display:none}}

/* ===== Editable (block-based) grids ===== */
.svc-grid > *{margin:0 !important}
.team-grid > *{margin:0 !important}
.svc-card.has-img .svc-img{margin:0}
.svc-card.has-img .svc-img img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#F4F6FA;border-bottom:1px solid var(--wp--preset--color--line)}
.svc-cta{margin-top:1rem !important;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}
.svc-cta a{text-decoration:none;color:inherit}
.svc-cta a::after{content:" \203A";margin-left:.3em}
.svc-cta a:hover{text-decoration:underline;text-underline-offset:4px}
.svc-card.acc-blue .svc-cta a{color:var(--wp--preset--color--blue)}
.svc-card.acc-red .svc-cta a{color:var(--wp--preset--color--red)}
.svc-card.acc-green .svc-cta a{color:var(--wp--preset--color--green)}
.team-card .team-photo-w{margin:0}
.team-card .team-photo-w img{aspect-ratio:1/1;width:100%;object-fit:cover;display:block}

/* ===== Team "view full profile" link ===== */
.team-cta{margin-top:.75rem !important}
.team-cta a{color:var(--wp--preset--color--blue);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;text-decoration:none}
.team-cta a::after{content:" \203A";margin-left:.3em}
.team-cta a:hover{text-decoration:underline;text-underline-offset:4px}

/* ===== Profile page ===== */
.profile-hero{background:var(--wp--preset--color--ink);color:#fff}
.profile-hero h1{color:#fff}
.profile-photo img{width:180px;height:180px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.12)}
.profile-photo .wp-block-image{margin:0}
.profile-body h2{margin-top:2.25rem}
.profile-body ul{padding-left:1.2rem}

/* ===== Profile modal ===== */
.mb-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:flex-start;justify-content:center;padding:5vh 1rem;background:rgba(0,0,0,.65);overflow-y:auto}
.mb-modal.open{display:flex}
.mb-modal-panel{background:#fff;max-width:760px;width:100%;border-radius:6px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5);position:relative}
.mb-modal-hd{background:var(--wp--preset--color--ink);color:#fff;padding:1.75rem;display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap}
.mb-modal-hd img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.15)}
.mb-modal-hd h3{margin:0;color:#fff;font-family:Anton,sans-serif;text-transform:uppercase;letter-spacing:.01em;font-size:1.6rem}
.mb-modal-hd p{margin:.3rem 0 0;color:#34D2DD;font-weight:600;font-size:.9rem}
.mb-modal-bd{padding:1.75rem;max-height:58vh;overflow-y:auto}
.mb-modal-bd p{color:#3F3F46;margin:0 0 1rem}
.mb-modal-bd h4{font-family:Anton,sans-serif;text-transform:uppercase;font-size:1.15rem;margin:1.5rem 0 .5rem;color:#0B0B0C}
.mb-modal-bd ul{padding-left:1.2rem;color:#3F3F46}
.mb-modal-x{position:absolute;top:14px;right:16px;background:rgba(255,255,255,.15);border:0;color:#fff;width:34px;height:34px;border-radius:50%;font-size:1.2rem;line-height:1;cursor:pointer}
.mb-modal-x:hover{background:rgba(255,255,255,.3)}

/* ===== Careers ===== */
.careers-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
@media (max-width:781px){.careers-grid{grid-template-columns:1fr}}
.job-card{border:1px solid var(--wp--preset--color--line);background:#fff;padding:1.75rem;transition:box-shadow .2s ease,transform .2s ease}
.job-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.1)}
.job-card .meta{font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;color:var(--wp--preset--color--blue)}
.job-card h3{margin:.4rem 0 .6rem}


/* ===== Hero animated background slider ===== */
.mb-hero > .mb-hero-bg{ position:absolute; inset:0; z-index:0; }
.mb-hero-bg .hslide{ position:absolute; inset:0; background-size:cover; background-position:center; opacity:0; transform:scale(1.06); animation:mbHero 24s infinite; }
.mb-hero-bg .hslide:nth-child(1){ animation-delay:0s }
.mb-hero-bg .hslide:nth-child(2){ animation-delay:6s }
.mb-hero-bg .hslide:nth-child(3){ animation-delay:12s }
.mb-hero-bg .hslide:nth-child(4){ animation-delay:18s }
.mb-hero-bg::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(11,11,12,.94) 0%,rgba(11,11,12,.78) 45%,rgba(11,11,12,.55) 100%); }
@keyframes mbHero{ 0%{opacity:0;transform:scale(1.1)} 3%{opacity:1} 22%{opacity:1} 25%{opacity:0} 100%{opacity:0;transform:scale(1.0)} }
@media (prefers-reduced-motion:reduce){ .mb-hero-bg .hslide{ animation:none; opacity:1 } .mb-hero-bg .hslide:nth-child(n+2){ display:none } }

/* ===== Footer social icons ===== */
.mb-footer-soc{display:flex;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}
.mb-footer-soc a{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#D4D4D8;transition:color .15s ease,border-color .15s ease,background .15s ease}
.mb-footer-soc a:hover{color:#fff;border-color:#fff;background:rgba(255,255,255,.08)}
.mb-footer-soc a svg{width:17px;height:17px;display:block}

/* ===== Hero text contrast fixes ===== */
.mb-hero h1{ color:#fff !important; }
.mb-hero .mb-eyebrow{ color:#e5e7eb !important; }
.mb-hero p{ color:#e5e7eb !important; }

/* ===== Hero background: force full-bleed (override WP constrained max-width) ===== */
.mb-hero{ position:relative; }
.mb-hero > .mb-hero-bg{
  position:absolute !important; inset:0 !important;
  width:100% !important; max-width:none !important;
  margin:0 !important; left:0 !important; right:0 !important; z-index:0;
}
.mb-hero > .mb-hero-bg .hslide{ inset:0 !important; width:100% !important; max-width:none !important; }
.mb-hero > .mb-hero-bg::after{ left:0 !important; right:0 !important; }