/*
 Theme Name:   PainTEQ Child
 Theme URI:    https://www.painteq.com
 Description:  Child theme of Hello Elementor for the PainTEQ website rebuild.
 Author:       PainTEQ Dev
 Author URI:   https://www.painteq.com
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  painteq-child
*/


/* === Admin bar offset for fixed header === */
body.admin-bar #pt-audience-bar { top: 32px; }
body.admin-bar #pt-nav { top: 70px; }
@media (max-width: 782px) {
  body.admin-bar #pt-audience-bar { top: 46px; }
  body.admin-bar #pt-nav { top: 84px; }
}


/* === Video Testimonial Cards === */
.vt-card { width: 100%; }
.vt-video.story-video {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 6px;
  overflow: hidden;
  background: #E8E4DC;
  cursor: pointer;
  isolation: isolate;
  transition: transform 220ms cubic-bezier(.2,.7,.2,1), box-shadow 220ms;
}
.vt-video.story-video:hover { transform: translateY(-2px); box-shadow: 0 20px 40px -20px rgba(0,37,57,0.4); }
.vt-thumb-img, .vt-thumb-img img {
  position: absolute; inset: 0; width: 100%; height: 100%; margin: 0;
}
.vt-thumb-img img { object-fit: cover; display: block; }
.vt-video.story-video::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 60%, rgba(0,0,0,0.45) 100%), radial-gradient(40% 40% at 50% 50%, rgba(0,0,0,0.18), transparent 60%);
  pointer-events: none; z-index: 1;
}
.vt-overlay { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.story-video-play {
  position: absolute; top: 50%; left: 50%;
  width: 64px; height: 64px; border-radius: 50%;
  background: #85FABC; color: #002539;
  transform: translate(-50%, -50%);
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 8px 24px rgba(0,0,0,0.35), 0 0 0 6px rgba(133,250,188,0.25);
  transition: transform 220ms cubic-bezier(.2,.7,.2,1), background 200ms;
}
.story-video-play svg { width: 26px; height: 26px; margin-left: 3px; }
.vt-video.story-video:hover .story-video-play { transform: translate(-50%, -50%) scale(1.08); background: #fff; }
.story-video-badge {
  position: absolute; top: 14px; left: 14px;
  font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;
  color: #fff; background: rgba(0,0,0,0.5); padding: 5px 9px 4px; border-radius: 2px;
}
.vt-text .story-quote .elementor-heading-title {
  font-family: "Cormorant Garamond", Georgia, serif; font-style: italic; font-weight: 400;
  font-size: clamp(18px, 1.5vw, 22px); letter-spacing: -0.01em; line-height: 1.4;
  color: #002539; padding-left: 18px; border-left: 2px solid #85FABC;
}
.vt-text .story-attribution { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; }
.vt-text .story-name .elementor-heading-title { color: #002539; font-weight: 500; font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; }
.vt-text .story-place .elementor-heading-title { color: #6F8390; font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; }