/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

:root {
  --container-width: 1340px;
}
/* ===========================
   Be Vietnam Pro Font Faces
   Path: /wp-content/themes/blocksy-child-1/fonts/VietnamPro/
   =========================== */
@font-face {
    font-family: 'RundText';
    src: url('fonts/67dc749d6a3f9c401b201a9f_RundText-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RundText';
    src: url('fonts/67dc749defcb96acd4851308_RundText-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}



p{
 font-weight: 500;	
}

a{
font-weight: 500;	
}





h1, h2, h3, h4, h5, h6 {
	 font-family: 'RundText', sans-serif !important;
	 font-weight: 500;
}
button, label{
	  font-family: 'RundText', sans-serif !important;
}

/* Apply globally */
body {
  font-family: 'RundText', sans-serif !important;
}
a, span, p{
	 font-family: 'RundText', sans-serif;
}
div, label, input{
		 font-family: 'RundText', sans-serif;
}
.content_section {
  width: 100%;
  max-width: var(--container-width);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
@media(max-width:1108px) {
	.main-navigation{
		display:none !important;
	}
}
@media(max-width:760px){
    .content_section{
    width: 100%;
}
}
.hero-paragraph{
	line-height: 1.8em;
}

/* popupform model css starts here */
 @keyframes discountFadeIn {
            from {
                opacity: 0;
                transform: scale(0.95);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }
        
        @keyframes discountFadeOut {
            from {
                opacity: 1;
                transform: scale(1);
            }
            to {
                opacity: 0;
                transform: scale(0.95);
            }
        }
        
        @keyframes discountSlideUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .discount-modal-backdrop.discount-show {
            animation: discountFadeIn 0.3s ease-out forwards;
        }
        
        .discount-modal-backdrop.discount-hide {
            animation: discountFadeOut 0.3s ease-out forwards;
        }
        
        .discount-modal-content.discount-show {
            animation: discountSlideUp 0.4s ease-out forwards;
        }
        
        .discount-modal-content.discount-hide {
            animation: discountFadeOut 0.3s ease-out forwards;
        }
        
        .discount-countdown-digit {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 8px;
            padding: 8px 12px;
            min-width: 50px;
            text-align: center;
        }
        .mobile_cta{
              padding: 0.75rem 1.5rem; 
  font-size: 14px;
        }
        @media(max-width:400px) {
           .mobile_cta{
              padding: 0.75rem; 
  font-size: 14px;
        } 
        }
     @media (max-width: 360px) {
    .mobile_cta {
        padding: clamp(6px, 2.5vw, 10px) clamp(10px, 4vw, 18px) !important;
        font-size: clamp(11px, 3vw, 13px) !important;
        gap: clamp(4px, 1.5vw, 6px) !important;
    }
}
.header_mobile_ctawhatsapp_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* ---- Base desktop/tablet styling ---- */
.header_mobile_ctawhatsapp_icon svg {
  width: 40px;
  height: 40px;
}

/* ---- Mobile scaling with clamp() ---- */
@media (max-width: 480px) {
  .header_mobile_ctawhatsapp_icon svg {
    width: clamp(32px, 9vw, 40px);
    height: clamp(32px, 9vw, 40px);
  }

  .header_mobile_ctawhatsapp_icon {
    width: clamp(44px, 11vw, 52px);
    height: clamp(44px, 11vw, 52px);
    border: 2px solid rgba(0,0,0,0.05); /* subtle depth */
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  }
}

/* ---- Extra compact below 360px ---- */
@media (max-width: 360px) {
  .header_mobile_ctawhatsapp_icon svg {
    width: clamp(26px, 8vw, 34px);
    height: clamp(26px, 8vw, 34px);
  }

  .header_mobile_ctawhatsapp_icon {
    width: clamp(40px, 10vw, 46px);
    height: clamp(40px, 10vw, 46px);
  }
}

/* ---- Hover feedback ---- */
.header_mobile_ctawhatsapp_icon:hover {
  transform: scale(1.05);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
.heading-hero{
    line-height: 1.6em !important;
    letter-spacing: 0.6px;
}

@media(max-width: 500px) {
  .heading-hero{
    line-height: 1.4em !important;
    letter-spacing: 0.6px;
}  
}