/* =========================================================
   VATAX final client-notes patch - 2026-06-25
   Scope: public pages only. Loaded after vatax.css, page CSS, and hero cleanup.
   Goals:
   - Apply PDF/WhatsApp notes without breaking existing PHP logic.
   - Normalize typography, hero vertical balance, dropdown hover area, buttons, footer, tools, services, about/team, clients, news, contact.
   ========================================================= */

:root{
  --vtx-font-main:16px;
  --vtx-title-main:34px;
  --vtx-title-sub:28px;
  --vtx-title-card:24px;
  --vtx-title-small:18px;
  --vtx-text-body:16px;
  --vtx-gold-final:#f28c00;
  --vtx-gold-final-2:#ffae1f;
  --vtx-teal-final:#005a5c;
  --vtx-ink-final:#061112;
}

body.public-body:not(.admin-body){
  font-size:var(--vtx-text-body)!important;
  line-height:1.75!important;
  text-align:start;
}
html[dir="rtl"] body.public-body:not(.admin-body){text-align:right!important;}
html[dir="ltr"] body.public-body:not(.admin-body){text-align:left!important;}

body.public-body:not(.admin-body) :where(p,li,td,th,label,input,textarea,select,small,.muted,.section-subtitle){
  font-size:var(--vtx-text-body)!important;
  line-height:1.75!important;
}
body.public-body:not(.admin-body) :where(.section-title,h1){
  font-size:clamp(28px,2.8vw,var(--vtx-title-main))!important;
  line-height:1.25!important;
  letter-spacing:0!important;
}
body.public-body:not(.admin-body) :where(h2,.section-title.small){
  font-size:clamp(24px,2.3vw,var(--vtx-title-sub))!important;
  line-height:1.32!important;
}
body.public-body:not(.admin-body) :where(h3,.service-pillar-card h2,.public-service-card h2,.tool-card h2,.tool-card h3){
  font-size:clamp(20px,1.7vw,var(--vtx-title-card))!important;
  line-height:1.35!important;
}
body.public-body:not(.admin-body) :where(.eyebrow,.service-list-title,.team-role,.hero-proof-list span){
  font-size:var(--vtx-title-small)!important;
  line-height:1.45!important;
}

/* Brand letters should remain English VATAX but with controlled letter balance. */
body.public-body:not(.admin-body) .vtx-brand-word{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:.015em!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  vertical-align:baseline!important;
  margin-inline:.18em!important;
  white-space:nowrap!important;
}
body.public-body:not(.admin-body) .vtx-brand-word .vtx-brand-letter{
  font-size:1em!important;
  line-height:1!important;
  font-weight:1000;
  color:inherit!important;
  letter-spacing:-.045em!important;
}
body.public-body:not(.admin-body) .vtx-brand-word .vtx-brand-t{
  color:var(--vtx-gold-final)!important;
  transform:translateY(-.01em) scale(1.08)!important;
  margin-inline:.015em!important;
}
body.public-body:not(.admin-body) .footer .vtx-brand-word .vtx-brand-letter,
body.public-body:not(.admin-body) .vtx-pre-footer-card .vtx-brand-word .vtx-brand-letter,
body.public-body:not(.admin-body) .feedback-cta-card .vtx-brand-word .vtx-brand-letter{
  color:#fff!important;
}
body.public-body:not(.admin-body) .footer .vtx-brand-word .vtx-brand-t,
body.public-body:not(.admin-body) .vtx-pre-footer-card .vtx-brand-word .vtx-brand-t,
body.public-body:not(.admin-body) .feedback-cta-card .vtx-brand-word .vtx-brand-t{
  color:var(--vtx-gold-final-2)!important;
}

/* Header / navbar / logo / services dropdown. */
body.public-body:not(.admin-body) .site-header{
  min-height:74px!important;
  height:74px!important;
  z-index:10000!important;
}
body.public-body:not(.admin-body) .navbar.public-navbar{
  min-height:74px!important;
  height:74px!important;
  align-items:center!important;
  width:min(1420px,calc(100% - 48px))!important;
}
body.public-body:not(.admin-body) .brand .logo-mark{
  width:54px!important;
  height:54px!important;
  border-radius:16px!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.public-body:not(.admin-body) .brand .logo-mark img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
body.public-body:not(.admin-body) .public-navbar :where(.nav-link,.lang,.client-btn){
  font-size:14px!important;
  line-height:1.2!important;
}
body.public-body:not(.admin-body) .public-navbar .nav-links{gap:24px!important;}
body.public-body:not(.admin-body) .public-navbar .has-dropdown{
  position:relative!important;
  padding-block:18px!important;
}
body.public-body:not(.admin-body) .public-navbar .has-dropdown:after{
  content:""!important;
  position:absolute!important;
  inset-inline:0!important;
  top:54px!important;
  height:26px!important;
  display:block!important;
  pointer-events:auto!important;
}
body.public-body:not(.admin-body) .public-navbar .service-dropdown-trigger{
  width:auto!important;
  min-width:112px!important;
}
body.public-body:not(.admin-body) .public-navbar .service-dropdown-toggle{
  min-width:112px!important;
  height:42px!important;
  border-radius:999px!important;
  justify-content:center!important;
  gap:8px!important;
  padding-inline:17px!important;
  border:1px solid rgba(0,90,92,.12)!important;
  background:#fff!important;
}
body.public-body:not(.admin-body) .public-navbar .nav-dropdown{
  top:calc(100% + 10px)!important;
  min-width:340px!important;
  width:max-content!important;
  max-width:min(92vw,440px)!important;
  border-radius:22px!important;
  padding:14px!important;
  gap:8px!important;
  z-index:10020!important;
}
body.public-body:not(.admin-body) .public-navbar .nav-dropdown:before{
  top:-8px!important;
}
body.public-body:not(.admin-body) .public-navbar .nav-dropdown a,
body.public-body:not(.admin-body) .public-navbar .nav-dropdown-title{
  font-size:14px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
}
html[dir="ltr"] body.public-body:not(.admin-body) .public-navbar .nav-dropdown a,
html[dir="ltr"] body.public-body:not(.admin-body) .public-navbar .nav-dropdown-title{text-align:left!important;}
html[dir="rtl"] body.public-body:not(.admin-body) .public-navbar .nav-dropdown a,
html[dir="rtl"] body.public-body:not(.admin-body) .public-navbar .nav-dropdown-title{text-align:right!important;}

/* Buttons: yellow primary, readable one-line CTAs, no hidden bottom actions. */
body.public-body:not(.admin-body) :where(.btn,.client-btn,a.btn,button.btn){
  min-height:46px!important;
  border-radius:14px!important;
  padding:12px 20px!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:900;
  white-space:nowrap!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  max-width:100%!important;
}
body.public-body:not(.admin-body) :where(.btn-gold,.service-card-actions .btn-gold,.tool-card .btn-gold,.vtx-main-start-btn){
  background:linear-gradient(135deg,var(--vtx-gold-final),var(--vtx-gold-final-2))!important;
  color:#fff!important;
  border:1px solid rgba(242,140,0,.38)!important;
  box-shadow:0 14px 26px rgba(242,140,0,.22)!important;
}
body.public-body:not(.admin-body) :where(.btn-outline.teal,.btn-outline-light,.btn-outline,.tool-card-cta){
  border:1px solid rgba(242,140,0,.44)!important;
  color:var(--vtx-gold-final)!important;
  background:#fff!important;
}
body.public-body:not(.admin-body) .hero-actions,
body.public-body:not(.admin-body) .service-card-actions,
body.public-body:not(.admin-body) .case-actions,
body.public-body:not(.admin-body) .package-auto-cta,
body.public-body:not(.admin-body) .contact-form-card-modern .btn{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:12px!important;
}
body.public-body:not(.admin-body) .service-card-actions,
body.public-body:not(.admin-body) .package-auto-cta{justify-content:center!important;}

/* Hero vertical balance: lower content slightly and keep language alignment. */
@media(min-width:1025px){
  body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced,
  body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-page-standard-hero,
  body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-inner-classic-hero{
    height:520px!important;
    min-height:520px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
  }
  body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.vtx-gcc-home-hero{
    height:560px!important;
    min-height:560px!important;
  }
  body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .classic-hero-grid,
  body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .compact-hero-grid{
    transform:translateY(30px)!important;
    align-items:center!important;
  }
  body.public-body.page-index-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .classic-hero-grid,
  body.public-body.page-tools-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced .compact-hero-grid{
    transform:translateY(14px)!important;
  }
  body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.no-hero-card .compact-hero-grid,
  body.public-body:not(.admin-body) .vtx-page-standard-hero.no-hero-card .compact-hero-grid,
  body.public-body:not(.admin-body) .vtx-inner-classic-hero.no-hero-card .compact-hero-grid{
    grid-template-columns:minmax(0,880px)!important;
  }
  html[dir="rtl"] body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.no-hero-card .compact-hero-grid,
  html[dir="rtl"] body.public-body:not(.admin-body) .vtx-page-standard-hero.no-hero-card .compact-hero-grid,
  html[dir="rtl"] body.public-body:not(.admin-body) .vtx-inner-classic-hero.no-hero-card .compact-hero-grid{
    justify-content:start!important;
    justify-items:start!important;
  }
  html[dir="ltr"] body.public-body:not(.admin-body) .classic-home-hero.vtx-home-hero-enhanced.no-hero-card .compact-hero-grid,
  html[dir="ltr"] body.public-body:not(.admin-body) .vtx-page-standard-hero.no-hero-card .compact-hero-grid,
  html[dir="ltr"] body.public-body:not(.admin-body) .vtx-inner-classic-hero.no-hero-card .compact-hero-grid{
    justify-content:start!important;
    justify-items:start!important;
  }
}
body.public-body:not(.admin-body) .classic-home-hero .classic-hero-copy h1{
  max-width:880px!important;
  font-size:clamp(32px,3.2vw,54px)!important;
  line-height:1.18!important;
  margin-bottom:12px!important;
}
body.public-body:not(.admin-body) .classic-home-hero .classic-hero-copy h1 span{
  color:var(--vtx-gold-final)!important;
  display:inline!important;
}
body.public-body:not(.admin-body) .classic-home-hero .classic-hero-copy p{
  max-width:760px!important;
  color:#e0eff0!important;
  font-size:16px!important;
}
html[dir="rtl"] body.public-body:not(.admin-body) .classic-home-hero .classic-hero-copy,
html[dir="rtl"] body.public-body:not(.admin-body) .classic-home-hero .classic-hero-copy :where(h1,p){text-align:right!important;}
html[dir="ltr"] body.public-body:not(.admin-body) .classic-home-hero .classic-hero-copy,
html[dir="ltr"] body.public-body:not(.admin-body) .classic-home-hero .classic-hero-copy :where(h1,p){text-align:left!important;}
html[dir="rtl"] body.public-body:not(.admin-body) .classic-home-hero .hero-actions{justify-content:flex-start!important;direction:rtl!important;}
html[dir="ltr"] body.public-body:not(.admin-body) .classic-home-hero .hero-actions{justify-content:flex-start!important;direction:ltr!important;}
body.public-body.page-index-body:not(.admin-body) .vtx-home-pill-clean{
  display:none!important;
}

/* Homepage Compass card: keep it only where approved and prevent breaking. */
body.public-body.page-index-body:not(.admin-body) .vtx-hero-tool-card,
body.public-body.page-tools-body:not(.admin-body) .vtx-hero-tool-card{
  width:min(100%,330px)!important;
  max-width:330px!important;
  padding:26px!important;
  border-radius:28px!important;
  align-self:center!important;
}
body.public-body.page-index-body:not(.admin-body) .vtx-hero-tool-card .btn,
body.public-body.page-tools-body:not(.admin-body) .vtx-hero-tool-card .btn{
  background:linear-gradient(135deg,var(--vtx-gold-final),var(--vtx-gold-final-2))!important;
  color:#fff!important;
}
body.public-body:not(.admin-body) .vtx-hero-tool-card .vtx-compass-title{
  display:inline-flex!important;
  flex-wrap:nowrap!important;
  gap:.3em!important;
  white-space:nowrap!important;
  direction:ltr!important;
}

/* Cards and sections general spacing. */
body.public-body:not(.admin-body) .page-section{padding:70px 0!important;}
body.public-body:not(.admin-body) .section-head{margin-bottom:34px!important;}
body.public-body:not(.admin-body) .section-head .eyebrow{
  color:var(--vtx-gold-final)!important;
  background:rgba(242,140,0,.10)!important;
  border-color:rgba(242,140,0,.28)!important;
}
body.public-body:not(.admin-body) :where(.public-service-card,.service-pillar-card,.tool-card,.package-card,.client-testimonial-card,.contact-channel-tile,.about-narrative-row,.team-card){
  border-radius:24px!important;
  border:1px solid rgba(0,90,92,.12)!important;
  box-shadow:0 16px 42px rgba(8,56,70,.07)!important;
}

/* Services page: orange primary labels, black secondary headlines, bullets instead of numbered boxes. */
body.public-body.page-services-body:not(.admin-body) .service-pillar-card small,
body.public-body.page-services-body:not(.admin-body) .public-service-card small,
body.public-body.page-services-body:not(.admin-body) .service-list-title,
body.public-body.page-services-body:not(.admin-body) .service-extra-title{
  color:var(--vtx-gold-final)!important;
  display:block!important;
  margin:0 0 8px!important;
  font-weight:1000;
  text-transform:none!important;
  letter-spacing:0!important;
}
body.public-body.page-services-body:not(.admin-body) .service-pillar-card h2,
body.public-body.page-services-body:not(.admin-body) .public-service-card h2{
  color:var(--vtx-ink-final)!important;
  text-align:center!important;
}
body.public-body.page-services-body:not(.admin-body) .service-pillar-card p,
body.public-body.page-services-body:not(.admin-body) .public-service-card p{text-align:center!important;}
body.public-body.page-services-body:not(.admin-body) .service-chip-list,
body.public-body.page-services-body:not(.admin-body) .public-service-card ul{
  list-style:none!important;
  padding:0!important;
  margin:16px 0!important;
  display:grid!important;
  gap:9px!important;
}
body.public-body.page-services-body:not(.admin-body) .service-chip-list:not(.vtx-service-check-list) li,
body.public-body.page-services-body:not(.admin-body) .public-service-card ul:not(.vtx-service-check-list) li{
  position:relative!important;
  padding-inline-start:18px!important;
  display:block!important;
  text-align:start!important;
  color:#263b3e!important;
  font-weight:750;
}
html[dir="rtl"] body.public-body.page-services-body:not(.admin-body) .service-chip-list:not(.vtx-service-check-list) li,
html[dir="rtl"] body.public-body.page-services-body:not(.admin-body) .public-service-card ul:not(.vtx-service-check-list) li{
  padding-inline-start:0!important;
  padding-inline-end:18px!important;
}
body.public-body.page-services-body:not(.admin-body) .service-chip-list:not(.vtx-service-check-list) li:before,
body.public-body.page-services-body:not(.admin-body) .public-service-card ul:not(.vtx-service-check-list) li:before{
  content:""!important;
  width:7px!important;
  height:7px!important;
  position:absolute!important;
  inset-inline-start:0!important;
  top:.68em!important;
  border-radius:50%!important;
  background:var(--vtx-gold-final)!important;
}
html[dir="rtl"] body.public-body.page-services-body:not(.admin-body) .service-chip-list:not(.vtx-service-check-list) li:before,
html[dir="rtl"] body.public-body.page-services-body:not(.admin-body) .public-service-card ul:not(.vtx-service-check-list) li:before{
  inset-inline-start:auto!important;
  inset-inline-end:0!important;
}
body.public-body.page-services-body:not(.admin-body) .service-chip-list:not(.vtx-service-check-list) li svg,
body.public-body.page-services-body:not(.admin-body) .public-service-card ul:not(.vtx-service-check-list) li svg{display:none!important;}
html[dir="ltr"] body.public-body.page-services-body:not(.admin-body) .section-head,
html[dir="ltr"] body.public-body.page-services-body:not(.admin-body) .section-head :where(h2,p){text-align:center!important;margin-inline:auto!important;}

/* Service detail pages: remove numbered blocks, use clean dot flow and expected/clear wording. */
body.public-body:is(.page-tax-advisory-body,.page-accounting-services-body,.page-tax-technology-body,.page-vat-return-review-body):not(.admin-body) .vtx-scope-stream-list,
body.public-body:is(.page-tax-advisory-body,.page-accounting-services-body,.page-tax-technology-body,.page-vat-return-review-body):not(.admin-body) .service-steps-rail ol,
body.public-body.page-vat-return-review-body:not(.admin-body) .vtx-service-story-list{
  list-style:none!important;
  padding:0!important;
  margin:16px 0 0!important;
  display:grid!important;
  gap:12px!important;
}
body.public-body:is(.page-tax-advisory-body,.page-accounting-services-body,.page-tax-technology-body,.page-vat-return-review-body):not(.admin-body) .vtx-scope-stream-list li,
body.public-body:is(.page-tax-advisory-body,.page-accounting-services-body,.page-tax-technology-body,.page-vat-return-review-body):not(.admin-body) .service-steps-rail ol li,
body.public-body.page-vat-return-review-body:not(.admin-body) .vtx-service-story-list li{
  position:relative!important;
  display:block!important;
  padding:13px 16px 13px 36px!important;
  border:1px solid #d9e8eb!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:none!important;
}
html[dir="rtl"] body.public-body:is(.page-tax-advisory-body,.page-accounting-services-body,.page-tax-technology-body,.page-vat-return-review-body):not(.admin-body) .vtx-scope-stream-list li,
html[dir="rtl"] body.public-body:is(.page-tax-advisory-body,.page-accounting-services-body,.page-tax-technology-body,.page-vat-return-review-body):not(.admin-body) .service-steps-rail ol li,
html[dir="rtl"] body.public-body.page-vat-return-review-body:not(.admin-body) .vtx-service-story-list li{
  padding:13px 36px 13px 16px!important;
}
body.public-body:is(.page-tax-advisory-body,.page-accounting-services-body,.page-tax-technology-body,.page-vat-return-review-body):not(.admin-body) .vtx-scope-stream-list li:before,
body.public-body:is(.page-tax-advisory-body,.page-accounting-services-body,.page-tax-technology-body,.page-vat-return-review-body):not(.admin-body) .service-steps-rail ol li:before,
body.public-body.page-vat-return-review-body:not(.admin-body) .vtx-service-story-list li:before{
  content:""!important;
  position:absolute!important;
  inset-inline-start:16px!important;
  top:1.23em!important;
  width:8px!important;
  height:8px!important;
  background:var(--vtx-gold-final)!important;
  border-radius:50%!important;
}
html[dir="rtl"] body.public-body:is(.page-tax-advisory-body,.page-accounting-services-body,.page-tax-technology-body,.page-vat-return-review-body):not(.admin-body) .vtx-scope-stream-list li:before,
html[dir="rtl"] body.public-body:is(.page-tax-advisory-body,.page-accounting-services-body,.page-tax-technology-body,.page-vat-return-review-body):not(.admin-body) .service-steps-rail ol li:before,
html[dir="rtl"] body.public-body.page-vat-return-review-body:not(.admin-body) .vtx-service-story-list li:before{
  inset-inline-start:auto!important;
  inset-inline-end:16px!important;
}
body.public-body:is(.page-tax-advisory-body,.page-accounting-services-body,.page-tax-technology-body,.page-vat-return-review-body):not(.admin-body) .vtx-scope-stream-list li > span,
body.public-body:is(.page-tax-advisory-body,.page-accounting-services-body,.page-tax-technology-body,.page-vat-return-review-body):not(.admin-body) .service-steps-rail ol li > span,
body.public-body.page-vat-return-review-body:not(.admin-body) .vtx-story-index{display:none!important;}
body.public-body:is(.page-tax-advisory-body,.page-accounting-services-body,.page-tax-technology-body):not(.admin-body) .service-panel-head small,
body.public-body:is(.page-tax-advisory-body,.page-accounting-services-body,.page-tax-technology-body):not(.admin-body) .service-steps-rail .eyebrow{
  color:var(--vtx-gold-final)!important;
}
body.public-body.page-accounting-services-body:not(.admin-body) :where(.service-list-panel,.service-command-panel,.service-steps-rail),
body.public-body.page-tax-technology-body:not(.admin-body) :where(.service-list-panel,.service-command-panel,.service-steps-rail){
  font-size:16px!important;
}

/* Tools page and tool cards: language alignment, button labels, side tools layout. */
body.public-body.page-tools-body:not(.admin-body) .tools-index-section .large-tools,
body.public-body.page-index-body:not(.admin-body) .home-tools-match-index{
  max-width:980px!important;
  margin-inline:auto!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
}
body.public-body.page-tools-body:not(.admin-body) .tool-card,
body.public-body.page-index-body:not(.admin-body) .tools-home-section .tool-card{
  min-height:300px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:center!important;
  text-align:center!important;
  padding:30px 28px!important;
}
body.public-body.page-tools-body:not(.admin-body) .tool-card p,
body.public-body.page-index-body:not(.admin-body) .tools-home-section .tool-card p{
  text-align:center!important;
  margin-inline:auto!important;
}
body.public-body.page-tools-body:not(.admin-body) .tool-card .btn,
body.public-body.page-index-body:not(.admin-body) .tools-home-section .tool-card .btn{
  margin-top:auto!important;
  min-width:180px!important;
}
html[dir="rtl"] body.public-body.page-tools-body:not(.admin-body) .tool-card :where(h2,h3,strong,p){text-align:center!important;}
html[dir="ltr"] body.public-body.page-tools-body:not(.admin-body) .tool-card :where(h2,h3,strong,p){text-align:center!important;}

/* About/team modal readability only. Team card/grid rules are owned by pages/about.css. */
body.public-body.page-about-body:not(.admin-body) .vtx-team-modal-card{
  max-width:min(860px,calc(100vw - 32px))!important;
  max-height:calc(100vh - 48px)!important;
  overflow:auto!important;
  border-radius:28px!important;
}
body.public-body.page-about-body:not(.admin-body) .vtx-team-modal-bio p{
  font-size:16px!important;
  line-height:1.85!important;
}

/* Clients/partners: keep logos inside card, shrink testimonials/end cards. */
body.public-body.page-clients-body:not(.admin-body) .vtx-clients-logos-head .section-title{
  max-width:920px!important;
  margin-inline:auto!important;
  text-align:center!important;
}
body.public-body.page-clients-body:not(.admin-body) .client-logo-unified-card{
  max-width:920px!important;
  margin-inline:auto!important;
  padding:22px!important;
  overflow:hidden!important;
}
body.public-body.page-clients-body:not(.admin-body) .client-logo-unified-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
}
body.public-body.page-clients-body:not(.admin-body) .sponsor-logo-card,
body.public-body.page-clients-body:not(.admin-body) .sponsor-logo-box{
  min-height:58px!important;
  height:58px!important;
  border-radius:12px!important;
  padding:6px!important;
}
body.public-body.page-clients-body:not(.admin-body) .sponsor-logo-img{
  max-height:40px!important;
  object-fit:contain!important;
}
body.public-body.page-clients-body:not(.admin-body) .client-testimonial-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
body.public-body.page-clients-body:not(.admin-body) .client-testimonial-card{
  min-height:150px!important;
  padding:18px!important;
}
body.public-body.page-clients-body:not(.admin-body) .client-testimonial-card p{
  font-size:14px!important;
  line-height:1.65!important;
}

/* News page: remove huge empty gaps/cards and make the notice language clean. */
body.public-body.page-news-body:not(.admin-body) .vtx-news-page-section{
  min-height:260px!important;
  padding:64px 0!important;
}
body.public-body.page-news-body:not(.admin-body) .empty-state-card{
  max-width:720px!important;
  margin-inline:auto!important;
  padding:42px 34px!important;
  border:1px solid #dce9ec!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,#fff,#f9fcfc)!important;
  box-shadow:0 18px 46px rgba(8,56,70,.07)!important;
  text-align:center!important;
}
body.public-body.page-news-body:not(.admin-body) .empty-state-card .eyebrow{display:none!important;}

/* Contact page: cards/form balanced in Arabic and English. */
body.public-body.page-contact-body:not(.admin-body) .contact-directory-panel{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:22px!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
  margin-inline:auto!important;
}
body.public-body.page-contact-body:not(.admin-body) .contact-directory-copy{
  width:100%!important;
  max-width:100%!important;
}
body.public-body.page-contact-body:not(.admin-body) .contact-directory-title-nowrap{
  width:100%!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
body.public-body.page-contact-body:not(.admin-body) .contact-directory-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(16px,1.45vw,24px)!important;
}
body.public-body.page-contact-body:not(.admin-body) .contact-channel-tile{
  padding:clamp(22px,1.7vw,28px)!important;
  min-height:315px!important;
}
body.public-body.page-contact-body:not(.admin-body) .contact-redesign-grid{
  max-width:100%!important;
  margin:34px auto 0!important;
}
body.public-body.page-contact-body:not(.admin-body) .contact-map-form-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(24px,2.4vw,38px)!important;
  align-items:stretch!important;
}
body.public-body.page-contact-body:not(.admin-body) .contact-map-form-grid .contact-form-card-modern,
body.public-body.page-contact-body:not(.admin-body) .contact-map-form-grid .contact-map-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}
body.public-body.page-contact-body:not(.admin-body) .contact-form-card-modern .btn{
  margin-inline:auto!important;
}
body.public-body.page-contact-body:not(.admin-body) .contact-map-form-grid .contact-redesign-form{
  padding:clamp(34px,3vw,48px)!important;
  border-radius:34px!important;
}
body.public-body.page-contact-body:not(.admin-body) .contact-map-form-grid .contact-form-single-line-title{
  font-size:clamp(29px,2.45vw,42px)!important;
  line-height:1.16!important;
  margin:10px 0 20px!important;
  white-space:normal!important;
  text-wrap:balance!important;
}

/* Pre-footer/footer: no buttons hidden behind chatbot, logo text aligned. */
body.public-body:not(.admin-body) .vtx-pre-footer-cta,
body.public-body:not(.admin-body) .feedback-cta-strip{
  padding:54px 0 70px!important;
  position:relative!important;
  z-index:2!important;
}
body.public-body:not(.admin-body) .vtx-pre-footer-card,
body.public-body:not(.admin-body) .feedback-cta-card{
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  gap:22px!important;
  padding:34px 38px!important;
}
body.public-body:not(.admin-body) .vtx-pre-footer-card .btn,
body.public-body:not(.admin-body) .feedback-cta-card .btn{
  justify-self:center!important;
  min-width:160px!important;
}
body.public-body:not(.admin-body) .footer{
  padding:58px 0 22px!important;
  background:#fff!important;
  color:#061112!important;
  border-top:1px solid #e6eef0!important;
}
body.public-body:not(.admin-body) .footer-grid{
  grid-template-columns:1.1fr 1fr 1fr 1.1fr!important;
  gap:42px!important;
  align-items:start!important;
}
body.public-body:not(.admin-body) .footer :where(h4,strong){color:#061112!important;}
body.public-body:not(.admin-body) .footer :where(p,a,li,span){color:#4f666b!important;}
body.public-body:not(.admin-body) .footer-logo-mark{
  display:inline-grid!important;
  width:76px!important;
  height:76px!important;
  place-items:center!important;
  margin-bottom:14px!important;
}
body.public-body:not(.admin-body) .footer-logo-mark img{width:100%!important;height:100%!important;object-fit:contain!important;}
body.public-body:not(.admin-body) .footer-brand-desc{
  max-width:280px!important;
  margin:0!important;
  text-align:start!important;
}
body.public-body:not(.admin-body) .footer-bottom{
  justify-content:center!important;
  text-align:center!important;
  color:#61777b!important;
}
body.public-body:not(.admin-body) .vtx-footer-copyright-brand .vtx-brand-letter{color:#061112!important;}
body.public-body:not(.admin-body) .vtx-footer-copyright-brand .vtx-brand-t{color:var(--vtx-gold-final)!important;}

/* Floating helpers away from CTA buttons. */
body.public-body:not(.admin-body) .askvatax-widget{
  inset-inline-end:24px!important;
  bottom:92px!important;
  z-index:9999!important;
}
body.public-body:not(.admin-body) .vtx-whatsapp-float{
  inset-inline-end:24px!important;
  bottom:24px!important;
  z-index:9998!important;
}

@media(max-width:1100px){
  body.public-body.page-clients-body:not(.admin-body) .client-logo-unified-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  body.public-body.page-clients-body:not(.admin-body) .client-testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.public-body.page-contact-body:not(.admin-body) .contact-directory-panel{grid-template-columns:1fr!important;}
}
@media(max-width:980px){
  body.public-body:not(.admin-body) .public-navbar .nav-links{gap:14px!important;}
  body.public-body.page-about-body:not(.admin-body) .team-grid-modern{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.public-body.page-tools-body:not(.admin-body) .tools-index-section .large-tools,
  body.public-body.page-index-body:not(.admin-body) .home-tools-match-index{grid-template-columns:1fr!important;}
  body.public-body.page-contact-body:not(.admin-body) .contact-directory-grid{grid-template-columns:1fr!important;}
  body.public-body.page-contact-body:not(.admin-body) .contact-map-form-grid{grid-template-columns:1fr!important;max-width:780px!important;}
  html[dir] body.public-body.page-contact-body:not(.admin-body) .contact-map-form-grid .contact-map-card,
  html[dir] body.public-body.page-contact-body:not(.admin-body) .contact-map-form-grid .contact-redesign-form{grid-column:1!important;grid-row:auto!important;}
  body.public-body:not(.admin-body) .vtx-pre-footer-card,
  body.public-body:not(.admin-body) .feedback-cta-card{grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important;}
}
@media(max-width:760px){
  body.public-body:not(.admin-body) .navbar.public-navbar{width:calc(100% - 28px)!important;}
  body.public-body:not(.admin-body) .page-section{padding:54px 0!important;}
  body.public-body:not(.admin-body) :where(.section-title,h1){font-size:30px!important;}
  body.public-body:not(.admin-body) :where(h2,.section-title.small){font-size:25px!important;}
  body.public-body:not(.admin-body) :where(h3,.service-pillar-card h2,.public-service-card h2,.tool-card h2,.tool-card h3){font-size:22px!important;}
  body.public-body:not(.admin-body) .btn{white-space:normal!important;width:100%!important;}
  body.public-body:not(.admin-body) .hero-actions .btn{width:auto!important;}
  body.public-body.page-about-body:not(.admin-body) .team-grid-modern,
  body.public-body.page-clients-body:not(.admin-body) .client-testimonial-grid{grid-template-columns:1fr!important;}
  body.public-body.page-clients-body:not(.admin-body) .client-logo-unified-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.public-body:not(.admin-body) .footer-grid{grid-template-columns:1fr!important;text-align:center!important;}
  body.public-body:not(.admin-body) .footer-brand-desc{margin-inline:auto!important;text-align:center!important;}
  body.public-body:not(.admin-body) .askvatax-widget{inset-inline-end:14px!important;bottom:86px!important;}
  body.public-body:not(.admin-body) .vtx-whatsapp-float{inset-inline-end:14px!important;bottom:14px!important;}
}

/* ===== Final precision patch: Digital Tax Services + floating helpers ordering =====
   Applied after PDF/client notes so it wins without touching existing JS logic. */
body.public-body:not(.admin-body) .vtx-digital-services-section{
  background:linear-gradient(180deg,#f3fbfc 0%,#ffffff 100%)!important;
  overflow:visible!important;
}
body.public-body:not(.admin-body) .vtx-digital-services-section .section-head{
  max-width:940px!important;
  margin-inline:auto!important;
  margin-bottom:34px!important;
  text-align:center!important;
}
body.public-body:not(.admin-body) .vtx-digital-services-section .section-title,
body.public-body:not(.admin-body) .vtx-digital-services-section .section-head p{
  text-align:center!important;
  margin-inline:auto!important;
}
body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-services-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
  max-width:1280px!important;
  margin-inline:auto!important;
}
body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card{
  position:relative!important;
  min-height:0!important;
  height:100%!important;
  padding:26px 22px 22px!important;
  border-radius:28px!important;
  border:1px solid rgba(0,90,92,.14)!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfefe 100%)!important;
  box-shadow:0 22px 54px rgba(8,56,70,.075)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  overflow:hidden!important;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}
body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:5px!important;
  background:linear-gradient(90deg,var(--teal),var(--vtx-gold-final,#f28c00))!important;
  opacity:.95!important;
}
body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card::after{
  content:""!important;
  position:absolute!important;
  width:180px!important;
  height:180px!important;
  border-radius:50%!important;
  inset:auto -104px -118px auto!important;
  background:rgba(0,90,92,.045)!important;
  pointer-events:none!important;
}
html[dir="rtl"] body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card::after{
  right:auto!important;
  left:-104px!important;
}
body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(0,90,92,.24)!important;
  box-shadow:0 30px 72px rgba(8,56,70,.115)!important;
}
body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card .icon-box{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  border-radius:18px!important;
  margin:0 0 16px!important;
  background:#eef8f9!important;
  color:var(--teal)!important;
  border:1px solid rgba(0,90,92,.10)!important;
  box-shadow:none!important;
}
body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card .icon-box .icon{
  width:25px!important;
  height:25px!important;
}
body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card small{
  color:var(--vtx-gold-final,#f28c00)!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:1000;
  letter-spacing:0!important;
  text-transform:none!important;
  text-align:start!important;
  margin:0 0 8px!important;
}
body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card h2{
  color:#061112!important;
  font-size:25px!important;
  line-height:1.3!important;
  min-height:0!important;
  margin:0 0 10px!important;
  font-weight:1000;
  text-align:start!important;
  letter-spacing:-.02em!important;
}
body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card p{
  color:#536b70!important;
  font-size:14px!important;
  line-height:1.75!important;
  min-height:0!important;
  margin:0 0 14px!important;
  font-weight:650;
  text-align:start!important;
}
body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card ul{
  list-style:none!important;
  padding:0!important;
  margin:0 0 18px!important;
  display:grid!important;
  gap:9px!important;
}
body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card li{
  position:relative!important;
  color:#263f43!important;
  font-size:13px!important;
  line-height:1.55!important;
  font-weight:800;
  text-align:start!important;
  padding-inline-start:18px!important;
}
html[dir="rtl"] body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card li{
  padding-inline-start:0!important;
  padding-inline-end:18px!important;
}
body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card li::before{
  content:""!important;
  position:absolute!important;
  inset-inline-start:0!important;
  top:.66em!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:var(--vtx-gold-final,#f28c00)!important;
}
html[dir="rtl"] body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card li::before{
  inset-inline-start:auto!important;
  inset-inline-end:0!important;
}
body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card li svg{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
}
body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card .service-card-actions{
  margin-top:auto!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  width:100%!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  position:relative!important;
  z-index:1!important;
}
body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card .service-card-actions .btn{
  width:100%!important;
  min-height:42px!important;
  padding:10px 12px!important;
  border-radius:13px!important;
  font-size:13px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  text-align:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card .service-card-actions .btn-outline{
  background:#fff!important;
  color:var(--vtx-gold-final,#f28c00)!important;
  border-color:rgba(242,140,0,.42)!important;
  box-shadow:none!important;
}
body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card .service-card-actions .btn-gold{
  background:linear-gradient(135deg,var(--vtx-gold-final,#f28c00),var(--vtx-gold-final-2,#ffac25))!important;
  color:#fff!important;
  border-color:rgba(242,140,0,.42)!important;
}
html[dir="rtl"] body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card :where(small,h2,p,li){
  text-align:right!important;
}
html[dir="ltr"] body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card :where(small,h2,p,li){
  text-align:left!important;
}

/* Put AskVATAX below WhatsApp exactly as requested, without changing chatbot JS. */
body.public-body:not(.admin-body) .askvatax-widget{
  inset-inline-end:24px!important;
  bottom:22px!important;
  z-index:10000!important;
}
body.public-body:not(.admin-body) .vtx-whatsapp-float{
  inset-inline-end:24px!important;
  bottom:112px!important;
  z-index:10001!important;
}
body.public-body:not(.admin-body) .askvatax-panel{
  bottom:156px!important;
}
@media(max-width:1180px){
  body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px!important;
  }
  body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card h2{
    font-size:25px!important;
  }
}
@media(max-width:760px){
  body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-services-grid{
    grid-template-columns:1fr!important;
  }
  body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card{
    padding:24px 20px 20px!important;
  }
  body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card .service-card-actions .btn{
    white-space:normal!important;
  }
  body.public-body:not(.admin-body) .askvatax-widget{inset-inline-end:14px!important;bottom:14px!important;}
  body.public-body:not(.admin-body) .vtx-whatsapp-float{inset-inline-end:14px!important;bottom:98px!important;}
  body.public-body:not(.admin-body) .askvatax-panel{bottom:146px!important;width:min(420px,calc(100vw - 28px))!important;height:min(640px,calc(100vh - 172px))!important;}
}

/* VATAX FIX 5: cancel old dot bullets for SVG check-list even before the final CSS file loads. */
body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card ul.vtx-service-check-list > li::before,
body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card ul.vtx-service-check-list > li::after{
  content:none!important;
  display:none!important;
}
body.public-body:not(.admin-body) .vtx-digital-services-section .vtx-digital-service-card ul.vtx-service-check-list > li{
  padding-inline-start:0!important;
  padding-inline-end:0!important;
}