/* SC-V2-008A - Offices hard layout fix
   Dedicated page stylesheet loaded after global V2 CSS. */
.sc-offices-page{background:#fff;color:#263238;font-family:"Poppins",Arial,sans-serif}
.sc-offices-page a{text-decoration:none!important}
.sc-offices-hero{background:#F5F1E8!important;min-height:188px;display:flex;align-items:center;border-bottom:1px solid #E7DFD2}
.sc-offices-hero .container{width:100%}
.sc-office-hero-kicker{display:block;margin-bottom:8px;color:#C7A04A;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.sc-offices-hero h1{margin:0 0 7px;color:#263238!important;font-family:"Poppins",Arial,sans-serif!important;font-size:34px;line-height:1.2;font-weight:700;letter-spacing:-.035em}
.sc-offices-hero p{max-width:760px;margin:0;color:#526067!important;font-size:13px;line-height:1.7}
.sc-offices-hero .breadcrumb{background:transparent}
.sc-offices-hero .breadcrumb li,.sc-offices-hero .breadcrumb a{color:#0B625C!important;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.sc-offices-hero .breadcrumb .active{color:#263238!important}

.sc-office-stats-wrap{position:relative;z-index:5;margin-top:-24px;background:linear-gradient(to bottom,transparent 24px,#f7f9fb 24px);padding-bottom:0}
.sc-office-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;background:#fff;border:1px solid #e1e7eb;border-radius:3px;box-shadow:0 14px 40px rgba(28,55,78,.10);overflow:hidden}
.sc-office-stat{min-width:0;min-height:92px;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:15px;padding:18px 24px;border-right:1px solid #e7ecef;background:#fff}
.sc-office-stat:last-child{border-right:0}
.sc-office-stat-icon{flex:0 0 42px;width:42px;height:42px;display:grid!important;place-items:center;border-radius:50%;background:#F5F1E8;color:#C7A04A;font-size:17px}
.sc-office-stat>span:last-child{display:flex!important;flex-direction:column!important;min-width:0}
.sc-office-stat strong{display:block;color:#263238;font-size:25px;line-height:1;font-weight:700}
.sc-office-stat small{display:block;margin-top:6px;color:#7c878f;font-size:9px;line-height:1.3;font-weight:750;letter-spacing:.07em;text-transform:uppercase}

.sc-offices-content{background:#f7f9fb;padding-top:28px}
.sc-office-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:10px;color:#0B625C;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.sc-office-eyebrow:before{content:"";width:28px;height:2px;background:#C7A04A}
.sc-offices-content h2{margin:0 0 12px;color:#263238;font-family:"Poppins",Arial,sans-serif!important;font-size:34px;line-height:1.2;font-weight:700;letter-spacing:-.035em}
.sc-office-intro-text{max-width:820px;margin:0;color:#68747c;font-size:13px;line-height:1.8}
.sc-office-top-cta{border:0!important;font-size:10px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.02em}

.sc-office-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px!important}
.sc-office-card{position:relative;display:flex!important;flex-direction:column!important;min-width:0;background:#fff;border:1px solid #dfe6ea;border-radius:3px;overflow:hidden;box-shadow:0 8px 28px rgba(28,51,69,.06);transition:transform .22s ease,box-shadow .22s ease}
.sc-office-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(28,51,69,.12)}
.sc-office-card-media{position:relative;min-height:210px;background-position:center;background-size:cover;overflow:hidden}
.sc-office-card-media-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,24,35,.15),rgba(10,31,48,.88))}
.sc-office-card-badges{position:absolute;top:16px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:2}
.sc-office-no{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:28px;padding:0 10px;background:#fff;color:#0B625C;font-size:9px;font-weight:800;letter-spacing:.08em}
.sc-office-live{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;background:rgba(16,27,37,.72);color:#fff;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sc-office-live i{color:#43cb83;font-size:7px}
.sc-office-card-media-title{position:absolute;left:22px;right:22px;bottom:20px;z-index:2}
.sc-office-card-media-title>span{display:block;margin-bottom:7px;color:rgba(255,255,255,.78);font-size:9px;line-height:1.45}
.sc-office-card-media-title>span i{margin-right:6px;color:#C7A04A}
.sc-office-card-media-title h3{margin:0;color:#fff!important;font-family:"Poppins",Arial,sans-serif!important;font-size:23px;line-height:1.25;font-weight:700;letter-spacing:-.025em}
.sc-office-card-body{display:flex;flex-direction:column;flex:1;padding:22px 24px 0}
.sc-office-summary{margin:0;color:#59656d;font-size:12px;line-height:1.75}
.sc-office-service-block{margin-top:18px;padding-top:16px;border-top:1px solid #edf1f3}
.sc-office-service-title{display:block;margin-bottom:10px;color:#8a949b;font-size:8px;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
.sc-office-area-tags{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
.sc-office-area-tags span{display:inline-flex;padding:6px 9px;background:#F7F4ED;border:1px solid #E5DDD0;color:#476270;font-size:9px;font-weight:650}
.sc-office-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:20px;border-top:1px solid #e9eef1;border-bottom:1px solid #e9eef1}
.sc-office-metrics>div{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:7px;min-height:58px;padding:12px 0;color:#68737b}
.sc-office-metrics>div+div{padding-left:18px;border-left:1px solid #e9eef1}
.sc-office-metrics i{color:#C7A04A;font-size:13px}
.sc-office-metrics strong{color:#263238;font-size:16px;font-weight:700}
.sc-office-metrics span{font-size:9px;font-weight:650}
.sc-office-contact-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0 -24px}
.sc-office-contact-row a{min-width:0;display:flex!important;align-items:center!important;gap:10px;padding:16px 24px;color:#4e5a62;border-right:1px solid #e8edef}
.sc-office-contact-row a:last-child{border-right:0}
.sc-office-contact-row a:hover{background:#F8F6F1;color:#0B625C}
.sc-office-contact-row i{flex:0 0 auto;color:#0B625C;font-size:13px}
.sc-office-contact-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:650}
.sc-office-contact-row small{display:block;margin-bottom:2px;color:#929aa0;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.sc-office-card-cta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px;margin-top:auto;padding:16px 24px;background:#0B625C;color:#fff!important;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.sc-office-card-cta:hover{background:#084B47;color:#fff!important}
.sc-office-card-cta i{transition:transform .2s ease}
.sc-office-card-cta:hover i{transform:translateX(4px)}

.sc-office-network-cta{position:relative;overflow:hidden;background-position:center;background-size:cover}
.sc-office-network-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,50,58,.98),rgba(23,50,58,.90))}
.sc-office-network-cta span{display:block;margin-bottom:8px;color:#C7A04A;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.sc-office-network-cta h2{margin:0 0 9px;color:#fff!important;font-family:"Poppins",Arial,sans-serif!important;font-size:30px;line-height:1.25;font-weight:700;letter-spacing:-.03em}
.sc-office-network-cta p{max-width:760px;margin:0;color:rgba(255,255,255,.82);font-size:12px;line-height:1.75}

html[dir="rtl"] .sc-office-card-badges{direction:rtl}
html[dir="rtl"] .sc-office-card-media-title>span i{margin-right:0;margin-left:6px}
html[dir="rtl"] .sc-office-metrics>div+div{padding-left:0;padding-right:18px;border-left:0;border-right:1px solid #e9eef1}
html[dir="rtl"] .sc-office-contact-row a{border-right:0;border-left:1px solid #e8edef}
html[dir="rtl"] .sc-office-contact-row a:last-child{border-left:0}
html[dir="rtl"] .sc-office-card-cta i{transform:scaleX(-1)}
html[dir="rtl"] .sc-office-card-cta:hover i{transform:scaleX(-1) translateX(4px)}

@media(max-width:991px){
  .sc-office-grid{grid-template-columns:1fr!important}
  .sc-offices-content h2{font-size:30px}
  .sc-office-top-cta{width:100%}
}
@media(max-width:767px){
  .sc-offices-hero{min-height:auto}
  .sc-offices-hero h1{font-size:29px}
  .sc-office-stats-wrap{margin-top:0;background:#f7f9fb;padding-top:20px}
  .sc-office-stats{grid-template-columns:1fr!important}
  .sc-office-stat{min-height:76px;border-right:0;border-bottom:1px solid #e7ecef}
  .sc-office-stat:last-child{border-bottom:0}
  .sc-offices-content{padding-top:12px}
  .sc-offices-content h2{font-size:27px}
  .sc-office-card-media{min-height:190px}
  .sc-office-contact-row{grid-template-columns:1fr!important}
  .sc-office-contact-row a{border-right:0;border-bottom:1px solid #e8edef}
  .sc-office-contact-row a:last-child{border-bottom:0}
  .sc-office-metrics{grid-template-columns:1fr!important}
  .sc-office-metrics>div+div{padding-left:0;border-left:0;border-top:1px solid #e9eef1}
  html[dir="rtl"] .sc-office-metrics>div+div{padding-right:0;border-right:0}
}


/* VPS-V005F hard stop: legacy Porto primary classes may not restore old blue. */
.sc-offices-hero.bg-color-primary{background:#F5F1E8!important;}


/* VPS-V005G — light page title/hero lock
   Page title bands are NOT dark blocks.
   Header stays white. Footer/dedicated dark modules remain #17323A. */
.sc-offices-hero,
.sc-offices-hero.bg-color-primary,
.sc-corp-hero,
.sc-corp-hero.bg-color-primary,
.sc-contact-hero,
.sc-contact-hero.bg-color-primary{
    background:#F5F1E8!important;
    color:#263238!important;
    border-bottom:1px solid #E7DFD2;
}
.sc-offices-hero h1,
.sc-corp-hero h1,
.sc-contact-hero h1{
    color:#263238!important;
}
.sc-offices-hero p,
.sc-corp-hero p,
.sc-contact-hero p{
    color:#526067!important;
}
.sc-offices-hero .breadcrumb a,
.sc-corp-hero .breadcrumb a,
.sc-contact-hero .breadcrumb a{
    color:#0B625C!important;
}
.sc-offices-hero .breadcrumb .active,
.sc-corp-hero .breadcrumb-item.active,
.sc-contact-hero .breadcrumb-item.active{
    color:#263238!important;
}
