/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/





/* Typography: Inter as primary font */
html {
	font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Base body text */
body {
	font-weight: 400;
	font-size: clamp(15px, 0.95rem + 0.2vw, 18px);
	line-height: 1.6;
	letter-spacing: 0;
	color: var(--body-text-color, #1f2937);
}

/* Heading scale with balanced line-height */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: inherit;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
	color: var(--heading-text-color, #0f172a);
}

h1 { font-size: clamp(32px, 1.8rem + 2.2vw, 56px); }
h2 { font-size: clamp(28px, 1.6rem + 1.6vw, 44px); }
h3 { font-size: clamp(24px, 1.2rem + 1.2vw, 34px); }
h4 { font-size: clamp(20px, 1.05rem + 0.8vw, 28px); }
h5 { font-size: clamp(18px, 1rem + 0.4vw, 22px); }
h6 { font-size: clamp(16px, 0.95rem + 0.2vw, 18px); font-weight: 600; }

/* Navigation - Salient uses header#top .sf-menu for legacy, and .nectar-header */
header#top,
.nectar-header {
	--nav-color: var(--nav-text-color, #0f172a);
	--nav-color-hover: var(--nav-text-hover-color, #111827);
	--nav-weight: 600;
}

.sf-menu > li > a,
.nectar-header nav > ul > li > a {
	font-family: inherit;
	font-weight: var(--nav-weight);
	font-size: clamp(14px, 0.9rem + 0.2vw, 16px);
	letter-spacing: 0.01em;
	line-height: 1.4;
	color: var(--nav-color);
}

.sf-menu > li > a:hover,
.sf-menu > li.current-menu-item > a,
.nectar-header nav > ul > li:hover > a,
.nectar-header nav > ul > li.current-menu-item > a {
	color: var(--nav-color-hover);
}

/* Buttons */
button,
input[type="button"],
input[type="submit"],
.button,
 .nectar-button {
	font-family: inherit;
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1.2;
	font-size: clamp(14px, 0.9rem + 0.15vw, 16px);
}

/* Forms */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
textarea,
select {
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.45;
}

/* Small text helpers */
small,
.text-xs { font-size: clamp(12px, 0.7rem + 0.15vw, 13px); line-height: 1.4; }
.text-sm { font-size: clamp(13px, 0.8rem + 0.15vw, 14px); line-height: 1.45; }
.text-lg { font-size: clamp(18px, 1.05rem + 0.3vw, 20px); line-height: 1.45; }
.text-xl { font-size: clamp(20px, 1.15rem + 0.5vw, 24px); line-height: 1.35; }

/* Improve readability for long-form content */
.entry-content p,
.post-content p,
.wp-block-paragraph {
	max-width: 72ch;
	text-wrap: pretty;
}

/* Tighten heading spacing in cards/sections */
.nectar-fancy-box h3,
.portfolio-items h3,
.blog-recent h3 {
	line-height: 1.25;
}

/* Ensure our typography overrides load after Salient */
@media (min-width: 1280px) {
	body { letter-spacing: 0; }
}

/* ---------------------------------- */
/* Salient header + mobile navigation */
/* ---------------------------------- */
/* Primary header nav links already covered; include dropdowns and mobile */
.sf-menu li li a,
.nectar-header nav ul ul li a {
	font-weight: 500;
	font-size: clamp(13px, 0.82rem + 0.15vw, 15px);
	line-height: 1.4;
}

/* Off-canvas / slide out area */
.slide-out-widget-area,
.off-canvas-menu,
.nectar-mobile-only,
#header-outer .mobile-nav {
	font-family: inherit;
}

.slide-out-widget-area .menu > li > a,
#header-outer .mobile-nav .sf-menu > li > a {
	font-weight: 600;
	font-size: clamp(15px, 0.95rem + 0.2vw, 18px);
	line-height: 1.5;
}

.slide-out-widget-area .menu li li a,
#header-outer .mobile-nav .sf-menu li li a {
	font-weight: 500;
	font-size: clamp(14px, 0.9rem + 0.15vw, 16px);
	line-height: 1.45;
}

/* Page title / breadcrumbs */
.nectar-page-title,
.page-header-no-bg .row .col.section-title,
.page-title,
.nectar-breadcrumbs {
	font-family: inherit;
}

.nectar-page-title h1,
.row .col.section-title h1,
.page-title h1 {
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.15;
	font-size: clamp(28px, 1.6rem + 1.4vw, 48px);
}

.nectar-breadcrumbs {
	font-size: clamp(12px, 0.75rem + 0.2vw, 14px);
	line-height: 1.6;
}

/* Widgets & footer */
#sidebar .widget h4,
.widget h4,
#footer-outer .widget h4 {
	font-weight: 700;
	font-size: clamp(16px, 0.95rem + 0.3vw, 20px);
	line-height: 1.3;
}

#sidebar .widget,
.widget,
#footer-outer .widget {
	font-size: clamp(14px, 0.9rem + 0.15vw, 16px);
	line-height: 1.6;
}

#footer-outer,
#footer-outer .row,
#footer-outer .col {
	font-family: inherit;
}

#footer-outer #copyright,
#footer-outer small {
	font-size: clamp(12px, 0.78rem + 0.15vw, 13px);
	line-height: 1.5;
}

/* Blog & portfolio */
.blog-recent h3 a,
.masonry-blog-item h3 a,
.post-area .post h2 a,
.project-title,
.portfolio-items .work-meta h4 a {
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.2;
	font-size: clamp(20px, 1.1rem + 0.8vw, 30px);
}

.post .post-meta,
.blog-recent .post-meta,
.portfolio-items .work-meta {
	font-size: clamp(12px, 0.78rem + 0.15vw, 13px);
	line-height: 1.5;
}

.single-post .entry-title {
	font-weight: 800;
	letter-spacing: -0.012em;
	font-size: clamp(28px, 1.6rem + 1.2vw, 46px);
}

/* Gutenberg blocks */
.wp-block-heading { font-family: inherit; }
.wp-block-quote,
blockquote {
	font-size: clamp(16px, 1rem + 0.4vw, 20px);
	line-height: 1.6;
	font-weight: 500;
}

code,
pre,
.wp-block-code code,
.wp-block-preformatted {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: 0.95em;
	line-height: 1.5;
}

.wp-block-table,
.wp-block-table td,
.wp-block-table th {
	font-size: clamp(14px, 0.9rem + 0.1vw, 16px);
	line-height: 1.5;
}

.wp-block-list,
.wp-block-list li {
	font-size: clamp(15px, 0.95rem + 0.2vw, 18px);
	line-height: 1.6;
}

.wp-block-button__link {
	font-family: inherit;
	font-weight: 600;
	font-size: clamp(14px, 0.9rem + 0.15vw, 16px);
	line-height: 1.2;
}

/* Forms & common plugins */
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select,
.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select {
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.45;
}

.wpcf7 input[type="submit"],
.gform_wrapper input[type="submit"] {
	font-weight: 600;
	font-size: clamp(14px, 0.9rem + 0.15vw, 16px);
}

/* WooCommerce (safe to include even if inactive) */
.woocommerce,
.woocommerce-page { font-family: inherit; }

.woocommerce .products .product h2,
.woocommerce div.product .product_title {
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.2;
	font-size: clamp(20px, 1.1rem + 0.8vw, 30px);
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	font-weight: 600;
	font-size: clamp(14px, 0.9rem + 0.2vw, 18px);
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button {
	font-family: inherit;
	font-weight: 600;
	font-size: clamp(14px, 0.9rem + 0.15vw, 16px);
}