/* ============================================================
   TurinTransfer — Brand Override 2025
   Font: Heebo + Playfair Display → Inter Tight
   Ink:    #202732 → #143236  Smeraldo Scuro
   Accent: #fdbc36 → #BD6942  Terracotta
   Light:  #f3f5f6 → #EAD9BF  Greige
   Footer: light   → dark Smeraldo
   ============================================================ */

:root {
  --tt-ink:     #143236;
  --tt-dark:    #1a3d42;
  --tt-accent:  #BD6942;
  --tt-beige-m: #D1BBA3;
  --tt-beige:   #B79973;
  --tt-ivory:   #FCEFD3;
  --tt-greige:  #EAD9BF;
}

/* ─── Typography ─── */

body {
  font-family: 'Inter Tight', system-ui, sans-serif;
  color: var(--tt-ink);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter Tight', system-ui, sans-serif;
  font-weight: 700;
  color: var(--tt-ink);
  letter-spacing: -0.01em;
}

.sub-title,
.accordion .a-title,
.aa-table table tr td.toggle-title,
.icons-box .icons-wrap .icons-item > .item-box .icons-box-title,
.team-holder .team-item .team-member .member-name,
.member-position,
.comment-author,
.testimonial .author-name,
blockquote p,
.gm-style .gm-style-iw,
.count-number,
.pt-price,
.dropcap::first-letter,
[class*="scaption"][class*="-large"],
[class*="scaption"][class*="-medium"],
.page-nav-menu > ul > li > a {
  font-family: 'Inter Tight', system-ui, sans-serif;
}

.count-number { font-weight: 800; }
.pt-price     { font-weight: 700; }

/* Numbered style-2 icon box (was Playfair Display 60px bold) */
.icons-box.type-2.style-2 .icons-wrap .icons-item > .item-box i {
  font-family: 'Inter Tight', system-ui, sans-serif;
  color: rgba(189, 105, 66, 0.45);
}

/* ─── Base colours ─── */

a       { color: var(--tt-ink); }
a:hover { color: var(--tt-accent); }

::selection      { background: var(--tt-accent); color: var(--tt-ivory); }
::-moz-selection { background: var(--tt-accent); color: var(--tt-ivory); }
::-o-selection   { background: var(--tt-accent); color: var(--tt-ivory); }
::-ms-selection  { background: var(--tt-accent); color: var(--tt-ivory); }

/* ─── Loading screen ─── */

.ip-header { background: var(--tt-ink); }
.ip-header .ip-loader svg path.ip-loader-circle { stroke: var(--tt-accent); }

/* ─── Site header / navbar ─── */

#header { background-color: var(--tt-ink); }

.logo img {
  height: 52px;
  width: auto;
  display: block;
}

/* ─── Mobile nav panel ─── */

.navbar-menu { background-color: var(--tt-ivory); }

.navbar-menu .nav-menu > ul > li a { color: var(--tt-ink); }

/* ─── Section backgrounds ─── */

.page-section-bg  { background: var(--tt-greige); }
.page-section-bg2 { background: var(--tt-accent); }
.page-section-bg3 { background: var(--tt-ink); }

/* Text on dark sections */
[class*="page-section-bg"] .section-title,
[class*="page-section-bg"] { color: var(--tt-ivory); }

/* ─── Buttons ─── */

.btn              { border-color: var(--tt-ink); color: var(--tt-ink); }
.btn:hover        { background: var(--tt-ink); color: var(--tt-ivory); }

[class*="btn"].style-2       { background: var(--tt-accent); color: var(--tt-ivory); }
[class*="btn"].style-2:hover { background: var(--tt-ink);    color: var(--tt-ivory); }

[class*="btn"].style-3       { background: #af6e4a;          color: var(--tt-ivory); }
[class*="btn"].style-3:hover { background: var(--tt-accent); color: var(--tt-ivory); }

.go-to-top       { background: var(--tt-beige-m); }
.go-to-top:hover { background: var(--tt-ink); }

/* ─── Forms ─── */

input:not([type="submit"]):focus,
textarea:focus    { border-color: var(--tt-accent); }

.contact-popup    { background-color: #e6dac2; }

.custom-select .select-list li:hover { background: var(--tt-ink); }

/* ─── Dividers ─── */

hr.style-2 { border-color: var(--tt-ink); }
hr.style-3 { border-color: var(--tt-accent); }

/* ─── Custom lists ─── */

.custom-list[class*="type-"] li::before         { color: var(--tt-accent); }
.custom-list[class*="type-"].style-2 li::before { color: var(--tt-beige-m); }

/* ─── Dropcaps ─── */

.dropcap.type-1::first-letter { color: var(--tt-ink); }
.dropcap.type-2::first-letter { color: var(--tt-accent); }

/* ─── Selection chips ─── */

.selected-type-1 { background: var(--tt-accent); }
.selected-type-2 { background: var(--tt-ink); color: var(--tt-ivory); }

/* ─── Tabs ─── */

.tabs .tabs-nav > li > a              { border-color: var(--tt-ink); color: var(--tt-ink); }
.tabs .tabs-nav > li.ui-tabs-active a { background-color: var(--tt-ink); color: var(--tt-ivory); }
.tabs .tabs-content                   { border-color: var(--tt-ink); }
.tabs.style-2 .tabs-nav > li > a              { background-color: var(--tt-greige); color: var(--tt-ink); }
.tabs.style-2 .tabs-nav > li.ui-tabs-active > a { background-color: var(--tt-accent); color: #e6dac2; }

/* ─── Owl / carousel dots ─── */

.owl-dots .owl-dot        { border-color: var(--tt-ink); }
.owl-dots .owl-dot.active { background-color: var(--tt-ink); }

/* ─── Social icons ─── */

.social-icons > li > a       { color: var(--tt-ink); }
.social-icons > li > a:hover { color: var(--tt-accent); }

/* ─── Icon boxes ─── */

.icons-box:not(.type-2) .icons-wrap .icons-item > .item-box i {
  color: var(--tt-ink);
  background-color: var(--tt-accent);
}

.icons-box.type-2:not(.style-2) .icons-wrap .icons-item > .item-box i {
  color: var(--tt-ink);
  background-color: var(--tt-accent);
}

/* ─── Progress bars ─── */

.pbar             { background-color: var(--tt-greige); }
.pbar-inner       { background-color: var(--tt-accent); }
.pbar-wrap .pbar-title { color: var(--tt-ink); }

/* ─── Pricing tables ─── */

.pricing-table          { background-color: var(--tt-greige); }
.pricing-table.selected { border-color: var(--tt-ink); }
.pt-header, .pt-type, .pt-price { color: var(--tt-ink); }
.label                  { background-color: var(--tt-ink); }

/* ─── Counters ─── */

.counter      { color: var(--tt-ink); }
.count-number { color: var(--tt-ink); }

/* ─── Accordion ─── */

.accordion .accordion-item { border-color: var(--tt-ink); }

/* ─── Tables ─── */

[class*="table-type"]:not(.aa-table) table tr:last-child > td { border-color: var(--tt-ink); }
.aa-table table tr.toggle-row.last-row td,
.aa-table table tr.toggle-row-header td { border-color: var(--tt-ink); }

/* ─── Team ─── */

.team-holder .team-item .team-member .member-name a       { color: var(--tt-ink); }
.team-holder .team-item .team-member .member-name a:hover { color: var(--tt-accent); }

/* ─── Page nav ─── */

.page-nav-btn { background-color: var(--tt-ink); }

.page-nav-menu.menu-style-2 > ul > li > a           { color: var(--tt-ink); }
.page-nav-menu.menu-style-2 > ul > li.current > a:after { background-color: var(--tt-ink); }
.page-nav-menu.menu-style-2 > ul > li > a:after     { border-color: var(--tt-ink); }

/* ─── Footer ─── */

#footer {
  background-color: var(--tt-ink);
}

#footer .copyright {
  color: rgba(252, 239, 211, 0.55);
}

#footer .copyright a {
  color: rgba(252, 239, 211, 0.80);
}

#footer .copyright a:hover {
  color: var(--tt-ivory);
  text-decoration: underline;
}

#footer.fixed-footer .copyright,
#footer.fixed-footer .copyright a,
#footer.fixed-footer .social-icons > li > a:not(:hover) {
  color: var(--tt-ivory);
}

#footer .social-icons > li > a {
  color: rgba(252, 239, 211, 0.55);
}

#footer .social-icons > li > a:hover {
  color: var(--tt-ivory);
}