/* TLA Partner Hub 1.0.350: Profile content quality and discoverability.
 * Scoped to the actual public profile and directory UI, never the site header.
 * Intentionally overrules older v3 rules which forced dark-on-dark text,
 * unpadded availability pills and buttons positioned 188px from the left. */

/* White cover-sector chip: legible, semantic and clickable. */
html body .tla-ph-public-profile .tla-ph-profile-v3 a.tla-ph-profile-cover-sector.tla-ph-category-link {
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
  gap:5px!important;min-width:160px!important;max-width:min(360px,calc(100% - 24px))!important;
  padding:15px 19px!important;border-radius:18px!important;background:#fff!important;
  color:#24334f!important;-webkit-text-fill-color:#24334f!important;
  border:1px solid #e1e8f1!important;text-decoration:none!important;
  box-shadow:0 10px 30px rgba(0,9,30,.13)!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-cover-sector.tla-ph-category-link span,
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-cover-sector.tla-ph-category-link strong {
  color:#172a47!important;-webkit-text-fill-color:#172a47!important;opacity:1!important;
  text-decoration:none!important;line-height:1.3!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-cover-sector.tla-ph-category-link>span {
  font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-weight:750!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-cover-sector.tla-ph-category-link strong {
  font-size:17px!important;font-weight:850!important;overflow-wrap:anywhere!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-cover-sector.tla-ph-category-link strong span {
  color:#0a90f6!important;-webkit-text-fill-color:#0a90f6!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-cover-sector.tla-ph-category-link:hover,
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-cover-sector.tla-ph-category-link:focus-visible {
  outline:2px solid #0a90f6!important;outline-offset:3px!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 a.tla-ph-profile-category-link {
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  padding:9px 13px!important;border-radius:999px!important;
  background:rgba(31,133,236,.18)!important;border:1px solid rgba(88,188,255,.4)!important;
  color:#8cddff!important;-webkit-text-fill-color:#8cddff!important;text-decoration:none!important;
  font-weight:800!important;font-size:13px!important;line-height:1.2!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 a.tla-ph-profile-category-link:hover,
html body .tla-ph-public-profile .tla-ph-profile-v3 a.tla-ph-profile-category-link:focus-visible {
  color:#fff!important;-webkit-text-fill-color:#fff!important;background:#245a91!important;
  outline:2px solid #7bdcff!important;outline-offset:2px!important;
}
/* Comfortable operational pills, correctly padded on desktop and mobile. */
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-meta-row {
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;
  padding:0!important;margin:19px 0 0!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-meta-row>span {
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;
  min-height:37px!important;padding:9px 13px!important;border:1px solid rgba(113,168,235,.30)!important;
  border-radius:999px!important;background:#182f50!important;
  color:#eff8ff!important;-webkit-text-fill-color:#eff8ff!important;
  font-size:12px!important;font-weight:720!important;line-height:1.4!important;
  white-space:normal!important;max-width:100%!important;box-sizing:border-box!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-meta-row>span.is-available {
  background:#073f3c!important;border-color:#1d9685!important;color:#d5fff0!important;-webkit-text-fill-color:#d5fff0!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-meta-row>span.is-unavailable {
  background:#48331b!important;border-color:#906737!important;color:#fff2db!important;-webkit-text-fill-color:#fff2db!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-meta-row .dashicons {
  font-size:16px!important;height:16px!important;width:16px!important;color:#82cbff!important;
  flex:0 0 16px!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-meta-row>span.is-available .dashicons {color:#77f4ce!important}
/* Buttons below the logo, aligned to the left content edge (not 188px indented). */
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-hero-actions {
  display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;
  gap:13px!important;padding:0!important;margin:22px auto 4px!important;
  width:100%!important;max-width:1440px!important;min-width:0!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-hero-actions .tla-ph-frontend-button {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:15px 22px!important;min-height:52px!important;min-width:170px!important;
  border-radius:13px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-weight:850!important;font-size:13px!important;line-height:1.3!important;
  text-align:center!important;text-decoration:none!important;letter-spacing:.02em!important;
  box-shadow:0 9px 21px rgba(3,9,35,.18)!important;white-space:normal!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-hero-actions .tla-ph-frontend-button-primary {
  background:linear-gradient(115deg,#a31eda,#df29d3)!important;border:1px solid #cc48dc!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-hero-actions .tla-ph-frontend-button-secondary {
  background:linear-gradient(115deg,#1163d8,#0a90f6)!important;border:1px solid #45b3f7!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-hero-actions .tla-ph-frontend-button-quiet {
  background:#25486f!important;border:1px solid #40688e!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-hero-actions .tla-ph-frontend-button:hover {
  filter:brightness(1.12)!important;transform:translateY(-1px)!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-hero-actions .tla-ph-frontend-button:focus-visible {outline:3px solid #fff!important;outline-offset:3px!important}
/* Two truly separate lines for the hours heading and supporting description. */
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-sidebar-card-head {display:flex!important;align-items:flex-start!important;gap:16px!important;flex-wrap:nowrap!important}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-hours-heading {display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;min-width:0!important}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-hours-heading strong {
  display:block!important;font-weight:850!important;font-size:19px!important;line-height:1.27!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;overflow-wrap:anywhere!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-hours-heading small {
  display:block!important;margin:0!important;font-size:13px!important;line-height:1.5!important;
  color:#c5d7ef!important;-webkit-text-fill-color:#c5d7ef!important;
}
/* Official TLA artwork remains intact and visible in the verification block. */
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-assurance-card.is-approved {
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:13px!important;
  background:#10253f!important;border:1px solid rgba(114,190,252,.22)!important;padding:22px!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 img.tla-ph-profile-assurance-logo {
  display:block!important;width:min(225px,100%)!important;max-height:122px!important;height:auto!important;
  object-fit:contain!important;object-position:left center!important;opacity:1!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-assurance-card.is-approved strong {
  display:block!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:19px!important;line-height:1.3!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-assurance-card.is-approved p {
  color:#d3e3f6!important;-webkit-text-fill-color:#d3e3f6!important;line-height:1.65!important;
}
/* Clickable tags and matching-page entry points. */
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-specialism-pills>a {
  display:inline-flex!important;align-items:center!important;gap:6px!important;max-width:100%!important;
  background:#18365b!important;border:1px solid #456894!important;
  border-radius:999px!important;padding:10px 14px!important;
  color:#eef8ff!important;-webkit-text-fill-color:#eef8ff!important;
  text-decoration:none!important;font-weight:700!important;line-height:1.35!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-specialism-pills>a:hover,
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-specialism-pills>a:focus-visible {
  background:#244d84!important;border-color:#8de4ff!important;outline:2px solid #8de4ff!important;outline-offset:2px!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-service-detail-actions {
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px 18px!important;padding-top:9px!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-service-detail-actions>a {
  display:inline-flex!important;padding:10px 12px!important;border-radius:9px!important;
  background:#153659!important;color:#d8f5ff!important;-webkit-text-fill-color:#d8f5ff!important;
  text-decoration:none!important;line-height:1.4!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-service-detail-actions>a:hover {background:#26598c!important;color:#fff!important}
html body .tla-ph-directory .tla-ph-directory-tags>a.tla-ph-discovery-tag {
  display:inline-flex!important;align-items:center!important;gap:5px!important;max-width:100%!important;
  padding:7px 10px!important;margin:2px!important;border-radius:8px!important;
  background:#19314e!important;border:1px solid #456180!important;
  color:#f0f6ff!important;-webkit-text-fill-color:#f0f6ff!important;
  text-decoration:none!important;font-weight:700!important;font-size:12px!important;line-height:1.4!important;
}
html body .tla-ph-directory .tla-ph-directory-tags>a.tla-ph-discovery-tag:hover {background:#244a7b!important;border-color:#88caff!important}
html body .tla-pp .tla-pp-specialisms li a.tla-ph-discover-specialism {
  display:inline-flex!important;align-items:center!important;color:inherit!important;text-decoration:none!important;
}
html body .tla-pp .tla-pp-specialisms li a.tla-ph-discover-specialism:hover {text-decoration:underline!important;text-underline-offset:3px!important}
html body .tla-pp .tla-pp-service-body>a.tla-ph-discover-service {display:inline-flex!important;margin-right:16px!important;margin-bottom:8px!important}
@media(max-width:760px){
 html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-meta-row>span {font-size:12px!important;min-height:35px!important;padding:8px 11px!important}
 html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-hero-actions {gap:10px!important}
 html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-hero-actions .tla-ph-frontend-button {min-width:0!important;flex:1 1 140px!important;padding:13px 14px!important}
 html body .tla-ph-public-profile .tla-ph-profile-v3 a.tla-ph-profile-cover-sector.tla-ph-category-link {padding:10px 12px!important;min-width:125px!important}
 html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-cover-sector.tla-ph-category-link strong {font-size:13px!important}
}

html body .tla-ph-public-profile .tla-pp a.tla-ph-discover-category {color:#a8e5ff!important;-webkit-text-fill-color:#a8e5ff!important;text-decoration:none!important;}
html body .tla-ph-public-profile .tla-pp a.tla-ph-discover-category:hover,html body .tla-ph-public-profile .tla-pp a.tla-ph-discover-category:focus-visible {color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:underline!important;outline-offset:3px!important;}
html body .tla-ph-public-profile .tla-ph-basic-listing-hero a.tla-ph-basic-category-link {
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  color:#8ddfff!important;-webkit-text-fill-color:#8ddfff!important;font-size:13px!important;
  font-weight:850!important;text-decoration:none!important;padding:8px 11px!important;border:1px solid #386894!important;border-radius:999px!important;
}
html body .tla-ph-public-profile .tla-ph-basic-listing-hero a.tla-ph-basic-category-link:hover {text-decoration:underline!important}
html body .tla-ph-public-profile .tla-ph-basic-public-listing .tla-ph-directory-tags>a.tla-ph-discovery-tag {
  display:inline-flex!important;padding:9px 12px!important;border-radius:999px!important;
  background:#153451!important;border:1px solid #3b6292!important;color:#e6f6ff!important;-webkit-text-fill-color:#e6f6ff!important;
  font-weight:750!important;text-decoration:none!important;
}
/* Preserve the Hub's dark profile treatment regardless of light-mode leftovers. */
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-hero-body {
  background:#08182d!important;color:#f0f8ff!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-identity h1,
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-trust-panel strong {
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-tagline,
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-trust-panel small {
  color:#d3e5f9!important;-webkit-text-fill-color:#d3e5f9!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-kicker-row .tla-ph-tier-pill {
  padding:10px 14px!important;line-height:1.25!important;min-height:34px!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-page-grid,
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-main-content,
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-sidebar {
  background:#071326!important;color:#f0f8ff!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-main-content h2,
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-main-content h3 {
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
/* Earlier v3 stylesheet split a 370px contact rail into four 51px columns.
 * Autosize by real available width, not viewport breakpoints. */
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-sidebar {
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr))!important;
  align-content:start!important;align-items:start!important;gap:20px!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  padding:22px!important;box-sizing:border-box!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-sidebar>* {
  min-width:0!important;width:100%!important;max-width:100%!important;grid-column:auto!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-opening-hours-card {
  grid-column:auto!important;padding:22px!important;min-width:0!important;
  background:#10233f!important;border:1px solid #2b507a!important;border-radius:17px!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-opening-hours-list>div {
  border-color:rgba(181,212,246,.23)!important;
}
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-opening-hours-list>div span,
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-opening-hours-list>div strong {
  color:#f0f8ff!important;-webkit-text-fill-color:#f0f8ff!important;
}
/* Previous 140px mobile button height came from a legacy fixed-height rule. */
html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-hero-actions>a.tla-ph-frontend-button {
  height:54px!important;min-height:54px!important;max-height:54px!important;
  align-self:flex-start!important;box-sizing:border-box!important;
}
@media(max-width:760px){
  html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-sidebar {padding:18px!important;}
  html body .tla-ph-public-profile .tla-ph-profile-v3 .tla-ph-profile-hero-actions>a.tla-ph-frontend-button {
    flex:1 1 135px!important;height:52px!important;min-height:52px!important;max-height:52px!important;
  }
}