/* myITACA exact HTML tuning: desktop scale, real logo, real professional portraits. */
:root {
  --myitaca-wide: 1500px;
  --myitaca-ultra: 1720px;
  --myitaca-logo: url("/wp-content/themes/myitaca-theme/exact-html/assets/brand/myitaca-logo-transparent.png");
  --pro-lawyer: url("/wp-content/themes/myitaca-theme/exact-html/assets/envato-selected/lawyer.jpg");
  --pro-doctor: url("/wp-content/themes/myitaca-theme/exact-html/assets/envato-selected/doctor.jpg");
  --pro-trainer: url("/wp-content/themes/myitaca-theme/exact-html/assets/envato-selected/trainer.jpg");
  --pro-accountant: url("/wp-content/themes/myitaca-theme/exact-html/assets/envato-selected/accountant.jpg");
  --pro-consultant: url("/wp-content/themes/myitaca-theme/exact-html/assets/envato-selected/consultant.jpg");
  --pro-nutritionist: url("/wp-content/themes/myitaca-theme/exact-html/assets/envato-selected/nutritionist.jpg");
  --pro-marketer: url("/wp-content/themes/myitaca-theme/exact-html/assets/envato-selected/marketer.jpg");
  --pro-tech: url("/wp-content/themes/myitaca-theme/exact-html/assets/envato-selected/tech.jpg");
  --pro-finance: url("/wp-content/themes/myitaca-theme/exact-html/assets/envato-selected/finance.jpg");
}

@media (min-width: 1600px) {
  html { font-size: 18px; }
  body { font-size: 18px; }

  nav[aria-label="Navigazione principale"] {
    width: calc(100% - 96px) !important;
    max-width: var(--myitaca-wide) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 0 0 24px 24px !important;
  }

  .section,
  .footer-inner,
  .pricing-hero-inner,
  .pricing-wrap,
  .compare-inner,
  .faq-inner,
  .final-cta-inner,
  .dashboard-shell {
    max-width: var(--myitaca-wide) !important;
  }

  .hero,
  .form-section,
  .pricing-section,
  .cta-band {
    width: 100% !important;
    max-width: none !important;
  }

  .hero h1 { font-size: clamp(4.2rem, 3.4vw, 5.8rem) !important; }
  .s-title, .ph-title { font-size: clamp(3rem, 3vw, 4.8rem) !important; }
  .hero-sub, .s-sub, .hero-bridge, .ph-sub { font-size: 1.18rem !important; }
  .btn-primary, .btn-outline, .btn-teal, .btn-ghost-dark, .nav-cta { font-size: 1rem !important; }

  .how-num {
    color: #018470 !important;
    opacity: 1 !important;
    text-shadow: 0 10px 30px rgba(1, 132, 112, .22) !important;
  }
}

@media (min-width: 2200px) {
  html { font-size: 20px; }
  body { font-size: 20px; }

  nav[aria-label="Navigazione principale"] {
    width: calc(100% - 128px) !important;
    max-width: var(--myitaca-ultra) !important;
  }

  .section,
  .footer-inner,
  .pricing-hero-inner,
  .pricing-wrap,
  .compare-inner,
  .faq-inner,
  .final-cta-inner,
  .dashboard-shell {
    max-width: var(--myitaca-ultra) !important;
  }

  .hero h1 { font-size: clamp(4.8rem, 3.2vw, 6.6rem) !important; }
  .s-title, .ph-title { font-size: clamp(3.4rem, 2.8vw, 5.4rem) !important; }
}

.nav-logo,
.footer-logo-row,
.topbar-logo,
.tb-logo {
  min-width: 170px !important;
  min-height: 48px !important;
}

.nav-logo > svg,
.nav-logo-word,
.footer-logo-row > svg,
.footer-logo-word,
.topbar-logo > svg,
.topbar-logo-word,
.tb-logo > svg,
.tb-logo-word {
  display: none !important;
}

.nav-logo::before,
.footer-logo-row::before,
.topbar-logo::before,
.tb-logo::before {
  content: "" !important;
  display: block !important;
  width: 178px !important;
  height: 102px !important;
  background-image: var(--myitaca-logo) !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
}

.footer-logo-row::before {
  width: 190px !important;
  height: 110px !important;
}

.topbar-logo::before,
.tb-logo::before {
  width: 160px !important;
  height: 92px !important;
}

.face-wrap,
.a-face,
.hc-face,
.bio-face,
.asst-face-right,
.asst-item-av,
.msg.ai .msg-av,
.pro-av,
.profile-face,
.sp-av,
.topbar-avatar,
.prof-av {
  background-size: cover !important;
  background-position: center 38% !important;
  background-repeat: no-repeat !important;
}

.a-face {
  height: 280px !important;
}

.face-wrap > svg,
.a-face > svg,
.hc-face > svg,
.bio-face > svg,
.asst-face-right > svg,
.asst-item-av > svg,
.msg.ai .msg-av svg,
.profile-face > svg {
  display: none !important;
}

.hero-face-grid .hfg-card:nth-child(1) .face-wrap,
.assistants-grid .a-card:nth-child(1) .a-face {
  background-image: var(--pro-lawyer) !important;
  background-position: center 44% !important;
}

.hero-face-grid .hfg-card:nth-child(2) .face-wrap,
.assistants-grid .a-card:nth-child(2) .a-face {
  background-image: var(--pro-accountant) !important;
  background-position: center 38% !important;
}

.hero-face-grid .hfg-card:nth-child(3) .face-wrap,
.assistants-grid .a-card:nth-child(3) .a-face {
  background-image: var(--pro-consultant) !important;
  background-position: center 48% !important;
}

.assistants-grid .a-card:nth-child(4) .a-face {
  background-image: var(--pro-marketer) !important;
  background-position: center 42% !important;
}

.assistants-grid .a-card:nth-child(5) .a-face {
  background-image: var(--pro-finance) !important;
  background-position: center 32% !important;
}

.assistants-grid .a-card:nth-child(6) .a-face {
  background-image: var(--pro-tech) !important;
  background-position: center 40% !important;
}

.a-face::after,
.face-wrap::after,
.hc-face::after,
.bio-face::after,
.asst-face-right::after,
.profile-face::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(to top, rgba(1, 15, 30, .72), rgba(1, 15, 30, .04) 55%, rgba(1, 15, 30, .08)) !important;
}

.a-face-glow { opacity: .42 !important; }

.hero-collage > .hc-card:nth-child(1) .hc-face { background-image: var(--pro-lawyer) !important; }
.hero-collage > div:nth-child(2) .hc-card:nth-child(1) .hc-face {
  background-image: var(--pro-doctor) !important;
  background-position: center 30% !important;
}

.hero-collage > div:nth-child(2) .hc-card:nth-child(2) .hc-face {
  background-image: var(--pro-trainer) !important;
  background-position: center 40% !important;
}

.pro-collage .pc {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center 38% !important;
}

.pro-collage .pc > svg {
  display: none !important;
}

.pro-collage > .pc:nth-child(1) {
  background-image: var(--pro-accountant) !important;
  background-position: center 34% !important;
}

.pro-collage > div:nth-child(2) > .pc:nth-child(1) {
  background-image: var(--pro-lawyer) !important;
  background-position: center 42% !important;
}

.pro-collage > div:nth-child(2) > .pc:nth-child(2) {
  background-image: var(--pro-nutritionist) !important;
  background-position: center 34% !important;
}

.hero-trust-avatars .hta {
  color: transparent !important;
  background-size: cover !important;
  background-position: center top !important;
}

.hero-trust-avatars .hta:nth-child(1) { background-image: var(--pro-lawyer) !important; }
.hero-trust-avatars .hta:nth-child(2) { background-image: var(--pro-doctor) !important; }
.hero-trust-avatars .hta:nth-child(3) { background-image: var(--pro-trainer) !important; }
.hero-trust-avatars .hta:nth-child(4) { background-image: var(--pro-accountant) !important; }

.asst-item-av,
.bio-face,
.asst-face-right,
.msg.ai .msg-av {
  background-image: var(--pro-nutritionist) !important;
}

.pro-card:nth-child(1) .pro-av { background-image: var(--pro-nutritionist) !important; color: transparent !important; }
.pro-card:nth-child(2) .pro-av { background-image: var(--pro-doctor) !important; color: transparent !important; }
.pro-card:nth-child(3) .pro-av { background-image: var(--pro-trainer) !important; color: transparent !important; }
#pro-fb .pro-av { background-image: var(--pro-nutritionist) !important; color: transparent !important; }
#pro-mr .pro-av { background-image: var(--pro-doctor) !important; color: transparent !important; }
#pro-gv .pro-av { background-image: var(--pro-trainer) !important; color: transparent !important; }

.psc-av {
  background-size: cover !important;
  background-position: center top !important;
  color: transparent !important;
}

.psc:nth-of-type(1) .psc-av { background-image: var(--pro-nutritionist) !important; }
.psc:nth-of-type(2) .psc-av { background-image: var(--pro-doctor) !important; }
.psc:nth-of-type(3) .psc-av { background-image: var(--pro-trainer) !important; }

.right-info-label + div > div:nth-child(1) > div:first-child {
  background-image: var(--pro-nutritionist) !important;
  background-size: cover !important;
  background-position: center top !important;
  color: transparent !important;
}

.right-info-label + div > div:nth-child(2) > div:first-child {
  background-image: var(--pro-doctor) !important;
  background-size: cover !important;
  background-position: center top !important;
  color: transparent !important;
}

.right-info-label + div > div:nth-child(3) > div:first-child {
  background-image: var(--pro-trainer) !important;
  background-size: cover !important;
  background-position: center top !important;
  color: transparent !important;
}

.a-pro-av {
  color: transparent !important;
  background-size: cover !important;
  background-position: center top !important;
}

.a-pro-avs .a-pro-av:nth-child(1) { background-image: var(--pro-lawyer) !important; }
.a-pro-avs .a-pro-av:nth-child(2) { background-image: var(--pro-doctor) !important; }
.a-pro-avs .a-pro-av:nth-child(3) { background-image: var(--pro-consultant) !important; }

.profile-face,
.sp-av,
.topbar-avatar {
  background-image: var(--pro-nutritionist) !important;
  color: transparent !important;
}

.msg.ai .msg-av {
  border: 1px solid rgba(255, 255, 255, .14) !important;
}

@media (max-width: 767px) {
  .nav-logo::before,
  .footer-logo-row::before,
  .topbar-logo::before,
  .tb-logo::before {
    width: 138px !important;
    height: 60px !important;
  }

  .nav-logo,
  .footer-logo-row,
  .topbar-logo,
  .tb-logo {
    min-width: 138px !important;
  }

  .a-face {
    height: 240px !important;
  }
}