﻿/* A-PRO company theme v14 - R13 O proportions matched to original business card; APRO flush to hero bottom. 
   Explicit image layers are used to avoid pseudo-element conflicts with shared card CSS. */
body[data-company-theme="apro"]{
  --apro-blue:#115fa2;
  background:linear-gradient(180deg,#eaf1f7 0%,#f9fbfd 62%,#edf2f7 100%);
}
body[data-company-theme="apro"] .card-shell{border-color:#d6e1eb;box-shadow:0 18px 46px rgba(19,76,124,.16)}
body[data-company-theme="apro"] .hero{
  position:relative;
  padding:20px 20px 11px!important;
  color:#fff;
  overflow:hidden;
  isolation:isolate;
  background:var(--apro-blue)!important;
}
/* Disable all common pseudo backgrounds. */
body[data-company-theme="apro"] .hero::before,
body[data-company-theme="apro"] .hero::after{content:none!important;display:none!important;background:none!important}
/* Exact business-card circular motif: physically anchored to TOP-RIGHT. */
body[data-company-theme="apro"] .apro-circle-layer{
  position:absolute!important;
  z-index:0!important;
  top:0!important;
  right:0!important;
  left:auto!important;
  bottom:auto!important;
  width:46%!important;
  height:auto!important;
  max-width:none!important;
  opacity:.50!important;
  pointer-events:none!important;
  user-select:none!important;
}
/* Exact APRO wordmark: lower-left behind the action buttons. Right edge kept inside hero. */
body[data-company-theme="apro"] .apro-wordmark-layer{
  position:absolute!important;
  z-index:1!important;
  left:1.5%!important;
  right:auto!important;
  bottom:0!important;
  width:93%!important;
  height:auto!important;
  max-width:none!important;
  opacity:1!important;
  pointer-events:none!important;
  user-select:none!important;
}
body[data-company-theme="apro"] .hero-top,
body[data-company-theme="apro"] .identity,
body[data-company-theme="apro"] .primary-actions{position:relative;z-index:3}
body[data-company-theme="apro"] .hero-top{min-height:0;padding:0!important;margin:0!important;align-items:flex-start!important;gap:8px!important;background:transparent!important;border:0!important}
body[data-company-theme="apro"] .company-brand-lockup{max-width:58%;padding:0!important;color:#fff}
body[data-company-theme="apro"] .company-brand-group{display:none!important}
body[data-company-theme="apro"] .company-brand-wordmark{display:flex!important;align-items:baseline!important;gap:.18em!important;flex-wrap:nowrap!important;line-height:1!important}
body[data-company-theme="apro"] .company-brand-primary,
body[data-company-theme="apro"] .company-brand-secondary{color:#fff!important;font-size:clamp(15px,4vw,22px)!important;font-weight:800!important;font-style:normal!important;letter-spacing:-.018em!important;white-space:nowrap!important}
body[data-company-theme="apro"] .company-brand-tagline{margin:4px 0 0!important;color:rgba(255,255,255,.82)!important;font-size:11px!important;font-weight:500!important;line-height:1.08!important}
body[data-company-theme="apro"] .lang-switch{position:relative;z-index:5;flex:0 0 auto;padding:2px!important;background:rgba(8,54,94,.44)!important;border:1px solid rgba(255,255,255,.58)!important;box-shadow:none!important;backdrop-filter:blur(4px)!important}
body[data-company-theme="apro"] .lang-btn{min-width:38px!important;padding:6px 7px!important;color:rgba(255,255,255,.90)!important;font-size:12.5px!important;line-height:1!important}
body[data-company-theme="apro"] .lang-btn[aria-pressed="true"]{background:#fff!important;color:var(--apro-blue)!important}
body[data-company-theme="apro"] .identity{margin-top:18px!important;min-height:0!important;padding:0!important;overflow:visible!important;background:transparent!important}
body[data-company-theme="apro"] .identity::before,
body[data-company-theme="apro"] .identity::after{content:none!important}
body[data-company-theme="apro"] .identity-copy{position:relative;z-index:4;max-width:64%}
body[data-company-theme="apro"] .identity h1{margin:0!important;color:#fff!important;font-size:clamp(29px,7vw,40px)!important;line-height:1!important;letter-spacing:-.025em!important;text-shadow:none!important}
body[data-company-theme="apro"] .identity .name-local{margin:2px 0 0!important;color:#fff!important;font-size:clamp(34px,8vw,44px)!important;line-height:1!important;font-weight:900!important}
body[data-company-theme="apro"] .identity .company{margin:3px 0 0!important;color:rgba(255,255,255,.98)!important;font-size:clamp(16px,4vw,19px)!important;line-height:1.08!important}
body[data-company-theme="apro"] .identity .division{display:block!important;margin:2px 0 0!important;color:rgba(255,255,255,.78)!important;font-size:12.8px!important;line-height:1.08!important}
body[data-company-theme="apro"] .primary-actions{position:relative;z-index:3;margin-top:11px!important;padding:0!important;gap:10px!important;background:transparent!important}
body[data-company-theme="apro"] .action{position:relative;z-index:4;min-height:54px!important;border-color:rgba(255,255,255,.50)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:none!important;backdrop-filter:blur(1.5px)!important}
body[data-company-theme="apro"] .action.primary{background:rgba(255,255,255,.88)!important;border-color:rgba(255,255,255,.96)!important;color:var(--apro-blue)!important;box-shadow:0 7px 20px rgba(4,57,101,.12)!important}
body[data-company-theme="apro"] .content{border-top:4px solid rgba(17,95,162,.08)}
body[data-company-theme="apro"] .icon-wrap{color:var(--apro-blue);background:#e9f3fa}
body[data-company-theme="apro"] .download-btn{background:#174f83}
body[data-company-theme="apro"] .secondary-btn{color:#174f83}
body[data-company-theme="apro"] .contact-qr-primary{background:var(--apro-blue);color:#fff}
@media(max-width:560px){
  body[data-company-theme="apro"] .hero{padding:20px 18px 11px!important}
  body[data-company-theme="apro"] .apro-circle-layer{width:47%!important}
  body[data-company-theme="apro"] .apro-wordmark-layer{left:1.5%!important;width:93%!important;bottom:0!important}
  body[data-company-theme="apro"] .company-brand-lockup{max-width:58%}
  body[data-company-theme="apro"] .company-brand-primary,
  body[data-company-theme="apro"] .company-brand-secondary{font-size:clamp(14.5px,3.95vw,19px)!important}
  body[data-company-theme="apro"] .company-brand-tagline{font-size:10.5px!important}
  body[data-company-theme="apro"] .identity{margin-top:18px!important}
  body[data-company-theme="apro"] .identity-copy{max-width:65%}
  body[data-company-theme="apro"] .identity h1{font-size:29px!important}
  body[data-company-theme="apro"] .identity .name-local{font-size:35px!important}
  body[data-company-theme="apro"] .identity .company{font-size:16.5px!important}
  body[data-company-theme="apro"] .identity .division{font-size:12.2px!important}
  body[data-company-theme="apro"] .primary-actions{margin-top:11px!important}
}
