/* ===========================================================
   D&D Compact Layout Overrides
   - Tighter section padding/margins
   - Smaller heading & subheading sizes
   - Uniform card/box sizing across the site
   Loads AFTER technova-theme.css so it wins.
   =========================================================== */

/* ---------- Section padding (site-wide) ---------- */
section,
.section,
.tn-section,
[class*="tn-"][class*="-section"]{padding-top:48px !important;padding-bottom:48px !important}

.tn-trusted-strip{padding:22px 0 !important}
.tn-hero, .dd-hero, .dd-hero-lt{padding-top:40px !important;padding-bottom:40px !important}

/* Generic vertical rhythm helpers used across pages */
.py-100,.py-110,.py-120,.py-130,.py-140,.py-150,.py-160{padding-top:48px !important;padding-bottom:48px !important}
.pt-100,.pt-110,.pt-120,.pt-130,.pt-140,.pt-150,.pt-160{padding-top:48px !important}
.pb-100,.pb-110,.pb-120,.pb-130,.pb-140,.pb-150,.pb-160{padding-bottom:48px !important}
.mt-100,.mt-110,.mt-120,.mt-130,.mt-140,.mt-150,.mt-160{margin-top:48px !important}
.mb-100,.mb-110,.mb-120,.mb-130,.mb-140,.mb-150,.mb-160{margin-bottom:48px !important}

@media (max-width:992px){
    section,.section,.tn-section,[class*="tn-"][class*="-section"]{padding-top:34px !important;padding-bottom:34px !important}
    .tn-hero, .dd-hero, .dd-hero-lt{padding-top:28px !important;padding-bottom:28px !important}
}

/* ---------- Heading sizes ---------- */
h1, .h1, .display-1, .display-2, .display-3,
.tn-hero__title, .dd-hero__title{font-size:clamp(26px,3.4vw,40px) !important;line-height:1.18 !important;margin-bottom:14px !important}
h2, .h2, .tn-section__title, .section-title, .dd-section__title{font-size:clamp(22px,2.6vw,30px) !important;line-height:1.22 !important;margin-bottom:12px !important}
h3, .h3{font-size:clamp(18px,1.8vw,22px) !important;line-height:1.3 !important;margin-bottom:10px !important}
h4, .h4{font-size:16px !important;line-height:1.35 !important;margin-bottom:8px !important}
h5, .h5{font-size:14px !important;line-height:1.4 !important;margin-bottom:6px !important}
h6, .h6{font-size:13px !important;line-height:1.4 !important;margin-bottom:6px !important}

/* Eyebrow / pill labels above section titles */
.tn-section__eyebrow,
.dd-section__eyebrow,
.section-eyebrow,
.tn-eyebrow{font-size:11px !important;letter-spacing:.10em !important;padding:5px 12px !important;margin-bottom:10px !important}

/* Subheadings & lead paragraphs */
.tn-section__sub,
.dd-section__sub,
.section-subtitle,
.lead,
.tn-hero__sub,
.dd-hero__sub{font-size:14px !important;line-height:1.55 !important;margin-bottom:14px !important;max-width:640px}

p{font-size:14px !important;line-height:1.6 !important}

/* ---------- Container max-width & section header spacing ---------- */
.tn-section__head,
.dd-section__head,
.section-header{margin-bottom:28px !important}

/* ---------- Uniform cards & boxes ---------- */
.tn-card,
.dd-card,
.card,
.feature-card,
.service-card,
.tn-feature,
.tn-service-card,
.tn-portfolio__card,
.tn-pricing__card,
.tn-team__card,
.tn-blog__card,
.tn-testimonial,
.dd-feature-card,
.tn-step{
    padding:22px !important;
    border-radius:14px !important;
}

/* Card inner spacing tidy */
.tn-card *:last-child,
.dd-card *:last-child,
.card *:last-child{margin-bottom:0}

/* Card icons — uniform circular size */
.tn-card__icon,
.dd-card__icon,
.feature-card__icon,
.service-card__icon,
.tn-feature__icon,
.tn-service-card__icon,
.tn-step__icon{
    width:46px !important;
    height:46px !important;
    font-size:22px !important;
    border-radius:12px !important;
    margin-bottom:12px !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
}

/* Card titles & text */
.tn-card__title,
.dd-card__title,
.feature-card__title,
.service-card__title,
.tn-feature__title,
.tn-service-card__title{font-size:16px !important;font-weight:700 !important;margin-bottom:8px !important;line-height:1.3 !important}

.tn-card__text,
.dd-card__text,
.feature-card__text,
.service-card__text,
.tn-feature__text,
.tn-service-card__text{font-size:13px !important;line-height:1.55 !important;color:#64748b}

/* Buttons — slightly tighter so they don't dominate compact cards */
.btn, .tn-btn, .dd-btn,
.tn-btn--primary, .tn-btn--secondary, .tn-btn--ghost{
    padding:10px 20px !important;
    font-size:13.5px !important;
    border-radius:10px !important;
}
.btn-lg, .tn-btn--lg{padding:12px 24px !important;font-size:14px !important}
.btn-sm, .tn-btn--sm{padding:7px 14px !important;font-size:12px !important}

/* Grid gaps — tighter and uniform */
.tn-grid, .dd-grid{gap:20px !important}
/* Don't apply CSS gap to Bootstrap .row — it breaks the negative-margin grid.
   Use the proper Bootstrap gutter variables instead. */
.row.g-4{--bs-gutter-x:1.25rem !important;--bs-gutter-y:1.25rem !important}
.row.g-5{--bs-gutter-x:1.5rem !important;--bs-gutter-y:1.5rem !important}
.row.g-5{--bs-gutter-x:1.5rem;--bs-gutter-y:1.5rem}

/* Header — full-width (edge-to-edge) */
header.header > .container,
header.header .header-nav,
header.header .dd-topbar > .container,
header.header .dd-topbar{
    max-width:100% !important;
    width:100% !important;
    padding-left:32px !important;
    padding-right:32px !important;
}
@media (max-width:768px){
    header.header > .container,
    header.header .header-nav,
    header.header .dd-topbar > .container,
    header.header .dd-topbar{padding-left:16px !important;padding-right:16px !important}
}

/* Blog is shown again — placed between Journey and Testimonials by JS */
/* Hide offer-strip ("Build Your Website in 1 Day / Launch SaaS / Money-Back") site-wide */
.dd-offerstrip{display:none !important}

/* Footer top-spacer trims */
.tn-footer, footer.footer{padding-top:40px !important}

/* "Flexible Start Plans" block (above footer) */
.dd-plans, .dd-plans__wrap{padding:42px 0 !important}
.dd-plans__title{font-size:22px !important;margin-bottom:10px !important}
.dd-plans__sub{font-size:13.5px !important;margin-bottom:22px !important}
.dd-plan-card{padding:20px !important;border-radius:14px !important}
.dd-plan-card__price{font-size:26px !important}
.dd-plan-card__title{font-size:16px !important}

/* Hero CTAs row tight */
.tn-hero__ctas, .dd-hero__ctas{gap:10px !important;margin-top:18px !important}

/* Mobile finer-tune */
@media (max-width:576px){
    h1,.h1,.tn-hero__title,.dd-hero__title{font-size:24px !important}
    h2,.h2,.tn-section__title,.dd-section__title{font-size:20px !important}
    .tn-card,.dd-card,.card,.feature-card,.service-card{padding:18px !important}
}