/*
====================================
 Theme Name:   Nepcod
 Theme URI:    https://upgrade.nepcod.com
 Description:  Default theme for nepcod
 Author:       Nepcod Team
 Author URI:   https://upgrade.nepcod.com
 Template:     generatepress
 Version:      1.0
====================================
*/


/* ========== TABLE OF CONTENTS ========== 

1. Fluid Typography
2. Typography
3. Text Utility Classes
4. Heading Styles
5. Global Styles


======================================== */


  /* ===== 1. Fluid Typography ===== */

:root {

    --fs-body-xs: clamp(0.75rem, 0.709rem + 0.18vw, 0.85rem);   /* ~12–13.6px */
    --fs-body-s: clamp(0.875rem, 0.824rem + 0.225vw, 1rem);    /* ~14–16px */
    --fs-body: clamp(1rem, 0.949rem + 0.225vw, 1.125rem);     /* ~16–18px */
    --fs-body-l:clamp(1.125rem, 1.074rem + 0.225vw, 1.25rem);  /* ~18–20px */
    --fs-body-xl: clamp(1.25rem, 1.149rem + 0.45vw, 1.5rem);     /* ~20–24px */
    --fs-heading-xs:  clamp(1rem, 0.899rem + 0.45vw, 1.25rem);      /* ~16–20px */
    --fs-heading-s: clamp(1.25rem, 1.149rem + 0.45vw, 1.5rem);  /* ~20–24px */
    --fs-heading-m: clamp(1.5rem, 1.297rem + 0.901vw, 2rem);   /* ~24–30px */
    --fs-heading-l: clamp(1.75rem, 1.649rem + 0.45vw, 2rem);     /* ~28–36px */
    --fs-heading-xl: clamp(2rem, 1.747rem + 1.126vw, 2.625rem);     /* ~32–42px */
    --fs-heading-xxl:  clamp(2.25rem, 1.946rem + 1.351vw, 3rem);     /* ~36–48px (max) */
    --fs-display: clamp(3rem, 2.595rem + 1.802vw, 4rem);            /* ~48–64px*/
    --fs-heading-sub: clamp(0.938rem, 0.912rem + 0.113vw, 1rem);  /* ~15–16px */
  
  }
  
  /* ===== 2. Typography ===== */
  p {
    font-family: var(--gp-font--body);
    font-size: var(--fs-body);
    font-weight: 400;
    margin-bottom: 1.5rem;
  }
  

body.woocommerce p,
body.woocommerce-page p {
    font-family: var(--gp-font--body);
    font-size: var(--fs-body-s);
    font-weight: 400;
    margin-bottom: 1.5rem;
  }


  
  h1, h2, h3, h4, h5, h6,
  [class^="hd-"] {
    font-family: var(--gp-font--headings);
    font-weight: 700;
    margin-bottom: 0.5em;
  }
  
  
  
  /* ===== 3.Text Utility Classes ===== */
  .hd-body-xs {
    font-family: var(--gp-font--body);
    font-size: var(--fs-body-xs);
    font-weight: 400;
  }
  
  .hd-body-s {
    font-family: var(--gp-font--body);
    font-size: var(--fs-body-s);
    font-weight: 400;
  }
  
  .hd-body-l {
    font-family: var(--gp-font--body);
    font-size: var(--fs-body-l);
    font-weight: 400;
  }
  
  .hd-body-xl {
    font-family: var(--gp-font--body);
    font-size: var(--fs-body-xl);
    font-weight: 400;
  }
  
  
  /* ===== 4. Heading Styles ===== */
  h1, .hd-1 {
    font-size: var(--fs-heading-xxl);
    line-height: 1.1;
  }
  
  h2, .hd-2 {
    font-size: var(--fs-heading-xl);
    line-height: 1.15;
  }
  
  h3, .hd-3 {
    font-size: var(--fs-heading-l);
    line-height: 1.2;
  }
  
  h4, .hd-4 {
    font-size: var(--fs-heading-m);
    line-height: 1.3;
  }
  
  h5, .hd-5 {
    font-size: var(--fs-heading-s);
    line-height: 1.4;
  }
  
  h6, .hd-6 {
    font-size: var(--fs-heading-xs);
    line-height: 1.5;
  }
  
  
  .hd-large {
      font-size: var(--fs-display);
      line-height:1;
      font-weight: 600;
      margin-bottom:0.5em;
  }
  
  .hd-sub  {
      font-size: var(--fs-heading-sub);
      text-transform: uppercase; 
      letter-spacing: .1em
  }
  
   /* Add top margin to blog post H2-H6 */
  
  .single-post :is(h2, h3, h4, h5, h6) {
      margin-top: 1.5em;
  }
  
  
  /* Button Global Line Height */
  .gb-button {
      line-height: 1em;
  }
  
  /* Remove bottom margin on last paragraph */
  .gb-container p:last-child:last-of-type {
      margin-bottom: 0px;
  }
  
  .block-editor-block-list__layout .gb-container p:nth-last-child(2) {
      margin-bottom: 0px;
  }
  
  
   /* ===== 5. Global Styles ===== */
  
   :root {
    --width-xl: 92rem;
    --width-m: 65rem;
	--width-s: 51rem;
    --width-xs: 38rem;
	--width-xss: 27rem;
}