/*
 * DiStyle Projektai – shared WPBakery landing page typography (v1.0.0)
 *
 * THIS FILE is the reference for all new custom landing pages:
 * Pages: Projekto valdymas (10048), Standartiniai baldai (10080).
 * Extend using body.dl-typography-enabled plus semantic .dl-* classes.
 * Keep layouts/photos/colors in each page's own stylesheet.
 *
 * Type scale (desktop):
 * hero title: Georgia 400 clamp(48px,5.8vw,83px)
 * feature title: Georgia 400 clamp(44px,4.8vw,75px)
 * eyebrow: Arial 600 10px, uppercase, letter .18em
 * hero/section body: Arial 400 clamp(13px,1.12vw,17px)
 * card title: Georgia 400 clamp(16px,1.3vw,20px)
 * card text: Arial 400 clamp(12px,1vw,14px)
 * standard CTA: Arial 600 10px, uppercase, letter .12em
 * statistics: Georgia 400 clamp(28px,3vw,44px)
 * statistics description: Georgia 400 13px
 */
body.page-id-10048,body.page-id-10080,body.dl-typography-enabled{
 --dl-serif:Georgia,'Times New Roman',serif;
 --dl-sans:Arial,Helvetica,sans-serif;
 --dl-hero:clamp(48px,5.8vw,83px);
 --dl-section:clamp(44px,4.8vw,75px);
 --dl-card:clamp(16px,1.3vw,20px);
 --dl-body:clamp(13px,1.12vw,17px);
 --dl-card-body:clamp(12px,1vw,14px);
 --dl-eyebrow:10px;
 --dl-cta:10px;
 --dl-numbers:clamp(28px,3vw,44px);
 --dl-micro-letter:.18em;
 --dl-cta-letter:.12em;
}

/* Headline styles. Do not impose layout widths/margins. */
body.page-id-10048 .pv-hero .pv-hero-head h1,
body.page-id-10080 .sb-hero .sb-hero-copy h1,
body.dl-typography-enabled .dl-hero-title{
 font-family:var(--dl-serif)!important;font-size:var(--dl-hero)!important;font-weight:400!important;
 line-height:.98!important;letter-spacing:-.04em!important;text-transform:none!important;
}
body.page-id-10048 .pv-feature .pv-feature-copy h2,
body.page-id-10080 .sb-feature .sb-feature-copy h2,
body.dl-typography-enabled .dl-section-title{
 font-family:var(--dl-serif)!important;font-size:var(--dl-section)!important;font-weight:400!important;
 line-height:.98!important;letter-spacing:-.035em!important;text-transform:none!important;
}

/* Eyebrow labels: same hierarchy on dark/light blocks. */
body.page-id-10048 .pv-section .pv-eyebrow,
body.page-id-10080 .sb-row .sb-eyebrow,
body.dl-typography-enabled .dl-eyebrow{
 font-family:var(--dl-sans)!important;font-size:var(--dl-eyebrow)!important;
 font-weight:600!important;line-height:1.5!important;letter-spacing:var(--dl-micro-letter)!important;
 text-transform:uppercase!important;
}

/* Standard paragraph/intro scale (per-section colors remain page-specific). */
body.page-id-10048 .pv-hero .pv-hero-desc p,
body.page-id-10048 .pv-feature .pv-feature-copy .pv-feature-text p:not(.pv-eyebrow),
body.page-id-10080 .sb-hero .sb-hero-description,
body.page-id-10080 .sb-feature .sb-feature-description,
body.page-id-10080 .sb-project .sb-project-description,
body.dl-typography-enabled .dl-body-text{
 font-family:var(--dl-sans)!important;font-size:var(--dl-body)!important;
 font-weight:400!important;line-height:1.55!important;letter-spacing:0!important;
}

/* Feature lists: every card uses one title/body size, not smaller than other landing pages. */
body.page-id-10048 .pv-process .pv-stage h3,
body.page-id-10080 .sb-benefits .sb-benefit h3,
body.dl-typography-enabled .dl-card-title{
 font-family:var(--dl-serif)!important;font-size:var(--dl-card)!important;
 font-weight:400!important;line-height:1.17!important;letter-spacing:-.025em!important;text-transform:none!important;
}
body.page-id-10048 .pv-process .pv-stage p,
body.page-id-10080 .sb-benefits .sb-benefit p,
body.dl-typography-enabled .dl-card-text{
 font-family:var(--dl-sans)!important;font-size:var(--dl-card-body)!important;
 font-weight:400!important;line-height:1.48!important;letter-spacing:0!important;
}

/* CTA buttons, all sections including smaller project showcases. */
body.page-id-10048 .pv-hero .pv-outline-btn,
body.page-id-10048 .pv-feature .pv-light-btn,
body.page-id-10080 .sb-row .sb-line-button,
body.page-id-10080 .sb-project .sb-project-actions .sb-line-button,
body.page-id-10080 .sb-header-cta,
body.dl-typography-enabled .dl-cta{
 font-family:var(--dl-sans)!important;font-size:var(--dl-cta)!important;
 font-weight:600!important;line-height:1.2!important;letter-spacing:var(--dl-cta-letter)!important;
 text-transform:uppercase!important;
}

/* Numbers and supporting labels are uniform despite differing block backgrounds. */
body.page-id-10048 .pv-process .pv-stage-number,
body.page-id-10080 .sb-benefits .sb-benefit .sb-number,
body.dl-typography-enabled .dl-step-number{
 font-family:var(--dl-serif)!important;font-size:30px!important;font-weight:400!important;
 line-height:1!important;letter-spacing:-.04em!important;
}
body.page-id-10048 .pv-numbers .pv-stat-figure,
body.page-id-10080 .sb-statistics .sb-stat-val,
body.dl-typography-enabled .dl-stat-value{
 font-family:var(--dl-serif)!important;font-size:var(--dl-numbers)!important;
 font-weight:400!important;line-height:1.06!important;letter-spacing:-.04em!important;
}
body.page-id-10048 .pv-numbers .pv-stat-label,
body.page-id-10080 .sb-statistics .sb-stat-label,
body.dl-typography-enabled .dl-stat-label{
 font-family:var(--dl-serif)!important;font-size:13px!important;font-weight:400!important;
 line-height:1.4!important;letter-spacing:0!important;
}

/* Portfolio/category mini-headings: serif, visually equivalent scale. */
body.page-id-10048 .pv-bottom .pv-work-title h3,
body.page-id-10080 .sb-categories .sb-category-link,
body.dl-typography-enabled .dl-portfolio-title{
 font-family:var(--dl-serif)!important;font-size:clamp(15px,1.25vw,19px)!important;
 font-weight:400!important;line-height:1.23!important;letter-spacing:-.02em!important;
}
body.page-id-10080 .sb-project .sb-project-copy h2,
body.dl-typography-enabled .dl-project-title{
 font-family:var(--dl-serif)!important;font-size:clamp(30px,3vw,46px)!important;
 font-weight:400!important;line-height:1!important;letter-spacing:-.035em!important;
}
/* Navigation is separate from content typography but no micro-fonts. */

/* Tablet: reduce the shared scale together rather than in each landing's layout rules. */
@media(max-width:800px) and (min-width:641px){
 body.page-id-10048,body.page-id-10080,body.dl-typography-enabled{
  --dl-hero:clamp(48px,6vw,68px);--dl-section:clamp(40px,4.8vw,55px);
  --dl-card:17px;--dl-body:14px;--dl-card-body:13px;
 }
}

/* Mobile uses a single readable type scale for both sites. */
@media(max-width:640px){
 body.page-id-10048,body.page-id-10080,body.dl-typography-enabled{
  --dl-hero:clamp(43px,10vw,61px);--dl-section:clamp(40px,9vw,54px);
  --dl-card:18px;--dl-body:14px;--dl-card-body:12.5px;--dl-cta:10px;
 }
 body.page-id-10080 .sb-project .sb-project-copy h2,
 body.dl-typography-enabled .dl-project-title{font-size:37px!important;}
}
