/* Sellso Brand Overrides — Variant 3: Hybrid */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700;800&display=swap');

:root {
  --tp-theme-green: #C8956C;
  --tp-common-green-regular: #C8956C;
  --tp-common-green-solid: #1C1917;
  --tp-common-yellow-green: #A67B5B;
  --tp-common-cream: #F5F0EB;
  --tp-common-black-5: #1C1917;
  --tp-common-black: #2A2520;
  --tp-text-body: #2A2520;
  --tp-grey-4: #F5F0EB;
}

/* Font overrides */
body {
  font-family: 'DM Sans', sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
.tp-section-title-grotesk,
.dgm-hero-title,
.dgm-step-title,
.dgm-blog-title-sm {
  font-family: 'Playfair Display', serif !important;
}
.dgm-step-title-sm,
.dgm-service-title-sm,
.dgm-team-title-sm,
.dgm-testimonial-author-name {
  font-family: 'DM Sans', sans-serif !important;
}

/* Fix button text color */
.tp-btn-yellow-green.green-solid span span.text-1,
.tp-btn-yellow-green.green-solid span span.text-2 {
  color: #ffffff;
}

/* Fix SVG gradient underlines */
.tp-section-title-shape svg path {
  fill: #C8956C !important;
}
.tp-section-title-shape svg defs linearGradient stop {
  stop-color: #C8956C !important;
}

/* Sellso hero video wrapper */
.sellso-hero-video-wrapper {
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}
.sellso-hero-video-wrapper iframe {
    width: 100%;
    height: 100%;
    border: none;
}

/* Testimonial section warm bg */
.dgm-testimonial-area {
    background-color: #F5F0EB !important;
}

/* Brand marquee secondary gold */
.tp-brand-wrapper.tp-brand-style-2 {
    background-color: #A67B5B !important;
}

/* Video Showcase (inherited from V2) */
.sellso-video-area {
    overflow: hidden;
}
.sellso-video-poster {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 16/9;
    cursor: pointer;
}
.sellso-video-poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.sellso-video-poster:hover img {
    transform: scale(1.03);
}
.sellso-video-playbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    background: #C8956C;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: all 0.3s ease;
    z-index: 5;
}
.sellso-video-playbtn:hover {
    transform: translate(-50%, -50%) scale(1.1);
    background: #A67B5B;
}