﻿/* =====================================================
   HEINZ VENEZUELA — Design Override
   Applied on top of the Aleric template
   ===================================================== */

/* ── HEINZ LABEL FONT ───────────────────────────────── */
@font-face {
  font-family: 'HeinzLabel';
  src: url('../../HeinzLabel-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* apply to all headings and title elements */
h1, h2, h3, h4, h5, h6,
.tp-hero-md-title,
.tp-hero-md-title a,
.tp-section-md-title,
.tp-section-title,
.tp-about-md-title,
.tp-service-md-title,
.tp-portfolio-md-title,
.tp-team-md-name,
.tp-blog-md-title,
.tp-blog-md-title a,
.tp-faq-md-title,
.tp-testimonial-md-title,
.tp-footer-md-title,
.tp-footer-md-bigtitle,
.tp-counter-md-title,
.tp-funfact-md-title,
.tp-feature-md-title,
[class*="-title"],
[class*="-heading"] {
  font-family: 'HeinzLabel', serif !important;
}

/* ── TOKENS ─────────────────────────────────────────── */
:root {
  --tp-theme-1:   #D6001C;   /* Heinz Heritage Red   */
  --heinz-burg:   #540B26;   /* Deep Burgundy        */
  --heinz-burg2:  #A6192E;   /* Burgundy Red         */
  --heinz-cream:  #FEF1DD;   /* Warm Cream           */
  --heinz-cream2: #FFF9F1;   /* Cream Background     */
  --heinz-green:  #007A40;   /* Natural Green        */
}

/* ── LOADER ─────────────────────────────────────────── */
#svg,
.loader-wrap svg path,
.loader-wrap svg           { fill: #D6001C !important; }
.load-text                 { display: flex !important; align-items: center !important; justify-content: center !important; z-index: 20 !important; position: relative !important; }

/* ── SCROLLTOTOP ────────────────────────────────────── */
.scrollToTop               { background-color: #D6001C !important; }
.scrollToTop .water        { fill: #D6001C !important; }

/* ── HEADER TOP BAR ─────────────────────────────────── */
.tp-header-md-top {
  display: block !important;
  background-color: #000000 !important;
}
/* hide contact info column, keep only social icons */
.tp-header-md-contact { display: none !important; }
.tp-header-md-social ul {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 20px !important;
  padding: 8px 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
/* make social col span full row width so flex-end pushes to the right */
.tp-header-md-top .col-lg-3 { width: 100% !important; max-width: 100% !important; }
.tp-header-md-social ul li a,
.tp-header-md-social ul li svg,
.tp-header-md-social ul li i {
  color: #fff !important;
  fill: #fff !important;
  font-size: 20px !important;
}

/* ── NAV DROPDOWNS ──────────────────────────────────── */
.tp-main-menu-md > nav ul > li > a > span,
.tp-main-menu-md > nav ul > li > a > span svg { display: none !important; }
.tp-megamenu-wrapper,
.tp-submenu,
.tp-dropdown,
ul.tp-submenu { display: none !important; }

/* ── NAV LINK FONT ──────────────────────────────────── */
.tp-main-menu-md > nav ul > li > a,
.heinz-nav-item > a {
  font-family: 'HeinzLabel', serif !important;
  font-size: 22px !important;
  letter-spacing: 0.03em !important;
}

/* ── MAIN HEADER / NAV ──────────────────────────────── */
.tp-header-md-main {
  background-color: #D6001C !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
/* sticky state stays red */
#header-sticky.header-sticky {
  background-color: #D6001C !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.3) !important;
}
/* nav links */
.tp-main-menu-md > nav ul > li > a {
  color: #fff !important;
}
.tp-main-menu-md > nav ul > li > a:hover {
  color: #FEF1DD !important;
}
/* CTA header button */
.tp-btn-md-header,
.tp-btn-md-header:visited {
  background-color: #D6001C !important;
  color: #fff !important;
  border-radius: 9999px !important;
}
.tp-btn-md-header:hover { background-color: #A6192E !important; }

/* ── PRIMARY BUTTONS ────────────────────────────────── */
.tp-bg-theme-1,
.tp-footer-md-apoinment-btn,
[class*="tp-btn"]:not(.tp-btn-md-border):not(.tp-search-form-icon):not(.tp-search-close):not(.tp-menu-bar):not(.tp-offcanvas-close-btn) {
  background-color: #D6001C !important;
  color: #fff !important;
  border-radius: 9999px !important;
}
.tp-bg-theme-1:hover,
.tp-footer-md-apoinment-btn:hover,
[class*="tp-btn"]:not(.tp-btn-md-border):not(.tp-search-form-icon):not(.tp-search-close):not(.tp-menu-bar):not(.tp-offcanvas-close-btn):hover {
  background-color: #A6192E !important;
  color: #fff !important;
}
.tp-bg-theme-1 .td-text,
.tp-bg-theme-1 span { color: #fff !important; }

/* outlined / bordered button */
.tp-btn-md-border {
  border-color: #D6001C !important;
  color: #D6001C !important;
  border-radius: 9999px !important;
  background-color: transparent !important;
}
.tp-btn-md-border:hover {
  background-color: #D6001C !important;
  color: #fff !important;
}

/* feature link buttons — text style */
.tp-feature-md-btn {
  background-color: transparent !important;
  color: #D6001C !important;
  border-radius: 0 !important;
}
.tp-feature-md-btn:hover { color: #A6192E !important; }

/* ── HERO ───────────────────────────────────────────── */
.tp-hero-area                 { background-color: #fff !important; background-image: none !important; }

/* product image — show full product, no cropping */
.tp-hero-md-panel-item        { display: flex !important; flex-direction: column !important; height: 624px !important; }
.tp-hero-md-panel-item .tp-hero-md-panel-thumb {
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}
.tp-hero-md-panel-item img    { width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center center !important; }
.tp-hero-md-panel-item .tp-hero-md-panel-thumb::before { display: none !important; }

/* label: hidden by default, slides in on hover */
.tp-hero-md-col-custom .tp-hero-md-panel-content {
  position: relative !important;
  bottom: auto !important;
  visibility: visible !important;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  margin-top: 0 !important;
  padding: 0 20px !important;
  border-radius: 0 0 12px 12px !important;
  transition: max-height 0.4s ease, opacity 0.4s ease, margin-top 0.4s ease, padding 0.4s ease !important;
}
.tp-hero-md-col-custom.active .tp-hero-md-panel-content {
  max-height: 160px !important;
  opacity: 1 !important;
  margin-top: 24px !important;
  padding: 16px 20px !important;
}
.tp-hero-md-panel-meta .count { color: #D6001C !important; }
.tp-hero-md-panel-meta .doctor{ color: #FEF1DD !important; }
.tp-hero-md-panel-title a     { color: #fff !important; }

/* video button ring */
.tp-hero-video-btn            { border-color: #D6001C !important; background-color: #D6001C !important; }

/* ── FEATURES STRIP ─────────────────────────────────── */
/* override the JS-injected data-bg-color inline styles */
.tp-feature-md-item { background-color: #FEF1DD !important; }
.tp-feature-md-item:nth-child(2) { background-color: #FFF9F1 !important; }
.tp-feature-md-item:nth-child(3) { background-color: #fff4e5 !important; }
.tp-feature-md-item:nth-child(4) { background-color: #f5e5e7 !important; }
.tp-feature-md-btn  { color: #540B26 !important; }
.tp-feature-md-btn:hover { color: #D6001C !important; }

/* ── ABOUT ──────────────────────────────────────────── */
.tp-about-md-title-wrap { margin-bottom: 50px !important; padding-bottom: 50px !important; }
.tp-about-md-shape { left: 100px !important; }
.tp-about-md-bigtext {
  color: rgba(214,0,28,.06) !important;
  -webkit-text-stroke: 1px rgba(214,0,28,.12) !important;
}
/* counter circle accent */
.tp-about-md-expreance-count circle { fill: #D6001C !important; }

/* ── SERVICES ───────────────────────────────────────── */
.tp-section-md-subtitle { color: #D6001C !important; }
.tp-service-md-item:hover { background-color: #FEF1DD !important; }
/* svg accent color (was blue #0752C5) */
.tp-service-md-icon svg rect[fill="#0752C5"]  { fill: #D6001C !important; }

/* Ketchup box — Heinz red hover */
.tp-service-md-item.heinz-ketchup-box:hover { background-color: #D6001C !important; }
.tp-service-md-item.heinz-ketchup-box:hover .tp-service-md-title a,
.tp-service-md-item.heinz-ketchup-box:hover .tp-service-md-text,
.tp-service-md-item.heinz-ketchup-box:hover .tp-service-md-btn { color: #fff !important; }

/* ── PORTFOLIO ──────────────────────────────────────── */
.tp-portfolio-md-item:hover .tp-portfolio-md-count { color: #D6001C !important; }

/* ── COUNTER / MARQUEE ──────────────────────────────── */
.tp-counter-md-number,
.tp-funfact-md-number  { color: #D6001C !important; }

/* ── TESTIMONIAL + COUNTER — hidden ────────────────── */
.tp-testimonial-area,
.tp-counter-area { display: none !important; }
.tp-testimonial-md-rating i { color: #D6001C !important; }
.swiper-pagination-bullet-active { background-color: #D6001C !important; }

/* ── TEAM / DOCTOR CARDS ────────────────────────────── */
.tp-team-md-social a:hover  { background-color: #D6001C !important; color: #fff !important; }

/* ── BLOG ───────────────────────────────────────────── */
.tp-blog-md-tag,
.tp-tag-md              { color: #D6001C !important; border-color: #D6001C !important; }

/* ── FAQ / ACCORDION ────────────────────────────────── */
.tp-faq-md-item.active .tp-faq-md-title { color: #D6001C !important; }
.tp-faq-md-icon { background-color: #D6001C !important; }

/* ── FOOTER ─────────────────────────────────────────── */
.tp-footer-md-area {
  background-color: #1a0810 !important;   /* very dark burgundy */
}
.tp-footer-md-title-wrap h2.tp-footer-md-bigtitle {
  color: rgba(214,0,28,.08) !important;
  -webkit-text-stroke: 1px rgba(214,0,28,.15) !important;
}
.tp-footer-md-social a:hover { color: #D6001C !important; }
.tp-footer-cst-bottom[data-bg-color="#121A26"] { background-color: #0d0306 !important; }


/* ── SEARCH FORM ────────────────────────────────────── */
.tp-search-form input:focus { border-color: #D6001C !important; }
.tp-header-search-btn,
.tp-header-md-search-btn { color: #fff !important; }

/* ── OFFCANVAS ──────────────────────────────────────── */
.tp-offcanvas { background: #D6001C !important; background-image: none !important; }
.tp-offcanvas-title,
.tp-offcanvas-contact ul li a,
.tp-offcanvas-social ul li a { color: #fff !important; }
.tp-offcanvas-menu nav ul { list-style: none; padding: 0; margin: 0; }
.tp-offcanvas-menu nav ul li { border-bottom: 1px solid rgba(255,255,255,.12); }
.tp-offcanvas-menu nav ul li a {
  font-family: 'HeinzLabel', serif !important;
  color: #fff !important;
  font-size: 22px !important;
  display: block;
  padding: 14px 0;
  letter-spacing: 0.03em;
}

/* ── MAGIC CURSOR ───────────────────────────────────── */
#ball { background-color: #D6001C !important; }

/* ── SECTION SUBTITLES / EYEBROWS ──────────────────── */
.tp-section-subtitle,
.tp-section-md-subtitle { color: #D6001C !important; }

/* ── FUNFACT SLIDER — remove white border between panels ── */
.tp-funfact-green-wrap { border-right: none !important; border-bottom: none !important; }

/* ── SMOOTH SCROLL WRAPPER accent ──────────────────── */
::selection { background: #D6001C; color: #fff; }

