/* ===========================================================================
   CORE — v2.2  : final TB-match pass. Loaded LAST.
   ========================================================================= */

/* ---- 1) Projects: simple TB look + light-blue hover (title only) --------- */
.proj-card .tag{display:none}
.proj-card .overlay{background:rgba(34,84,176,.55);opacity:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;padding:18px}
.proj-card:hover .overlay{opacity:1}
.proj-card .overlay h3{color:#fff;font-size:1.1rem;margin:0;line-height:1.25}
.proj-card .overlay span{display:none}
.proj-page-head{max-width:1120px;margin:0 auto 30px}
.proj-page-head h1{color:var(--navy);font-weight:700;margin:0 0 14px;font-size:clamp(1.8rem,3.2vw,2.6rem)}
.proj-page-head p{color:var(--text);max-width:900px;margin:0}
.proj-grid.four{grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:980px){.proj-grid.four{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.proj-grid.four{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.proj-grid.four{grid-template-columns:1fr}}

/* ---- 2) Header: logo left | 5 links centered | login + admin right -------- */
.header-inner{display:flex;align-items:center;gap:20px}
.brand{flex:1 1 0;display:flex;align-items:center}
.main-nav{flex:0 1 auto;display:flex;align-items:center}
.main-nav > ul{justify-content:center}
.nav-cta{flex:1 1 0;display:flex;justify-content:flex-end;align-items:center;gap:10px}
@media (max-width:760px){
  .brand{flex:1 1 auto}
  .nav-cta{flex:0 0 auto;margin-top:0;width:auto}
  .nav-cta .btn{padding:9px 16px}
}

/* ---- 3) About headings ---------------------------------------------------- */
.intro-title{font-family:var(--ff-head);font-weight:400;color:var(--navy);
  font-size:clamp(1.5rem,2.6vw,2.05rem);line-height:1.25;margin:0}

/* ---- 4) Footer: 3 columns, no red underline, Services hover sub-list ------ */
.site-footer .footer-col h4::after{display:none}
.site-footer .footer-col h4{padding-bottom:0;margin-bottom:14px}
.footer-nav{list-style:none;margin:0;padding:0}
.footer-nav > li{margin-bottom:11px;position:relative}
.footer-nav > li > a{color:var(--text);font-family:var(--ff-head);font-weight:500;display:inline-flex;align-items:center;gap:6px}
.footer-nav > li > a:hover{color:var(--red)}
.footer-nav .caret{font-size:.62em}
.footer-nav .sub{list-style:none;margin:8px 0 0;padding:0 0 0 14px;border-left:2px solid var(--line);
  max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease}
.footer-nav .has-sub:hover .sub{max-height:340px;opacity:1}
.footer-nav .sub li{margin:6px 0}
.footer-nav .sub a{color:var(--muted);font-size:.9rem}
.footer-nav .sub a:hover{color:var(--red)}

/* ---- 5) Contact: navy submit button + tidy intro ------------------------- */
.btn-navy{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;
  border:0;border-radius:4px;padding:14px 42px;font-family:var(--ff-head);font-weight:500;font-size:.95rem;cursor:pointer;transition:.2s}
.btn-navy:hover{background:#0e1830;color:#fff}
.contact-intro{font-family:var(--ff-head);color:var(--navy);font-weight:400;font-size:1.25rem;margin:0 0 26px}
.contact-intro strong{font-weight:700}

/* ---- 6) Remove "Home / X" breadcrumbs everywhere ------------------------- */
.page-banner .breadcrumb{display:none}

/* footer 3-column layout */
.site-footer .footer-grid.cols3{grid-template-columns:1fr 1.2fr 1.4fr;gap:48px}
@media (max-width:860px){.site-footer .footer-grid.cols3{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.site-footer .footer-grid.cols3{grid-template-columns:1fr}}