/*
Theme Name: DigitalSilk
Author: DigitalSilk
Description: Custom theme for DigitalSilk projects.
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dstheme
*/

/**
 * Hero USPs and Description Styles
 * Added for hero_usps and hero_description ACF fields
 */

/* Hero USPs - Base Styles */
.hero-usps {
	list-style: none;
	margin: 2rem 0;
	padding: 0;
}

.hero-usps__item {
	align-items: center;
	display: flex;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 1rem;
	padding-left: 0;
}

/* Default bullet point for USPs without icons */
.hero-usps__item:before {
	background-color: var(--main-title-accent);
	border-radius: 50%;
	content: "";
	display: inline-block;
	flex-shrink: 0;
	height: 9px;
	margin-right: 1rem;
	width: 9px;
}

/* USPs with custom SVG icons */
.hero-usps__item--with-icon:before {
	display: none;
}

.hero-usps__item--with-icon svg {
	stroke: var(--main-title-accent);
	flex-shrink: 0;
	height: 2.4rem;
	margin-right: 1rem;
	width: 2.4rem;
}

.hero-usps__item--with-icon svg path{
	stroke: var(--main-title-accent);
}

/* Hero Description */
.hero-description {
	margin: 2rem 0;
}

.hero-description p {
	font-size: 1.6rem;
	line-height: 1.6;
	margin-bottom: 0;
	opacity: 0.9;
}

/* Responsive Styles for Desktop */
@media (min-width: 1024px) {
	.hero-usps__item {
		font-size: 2rem;
	}
	
	.hero-usps__item--with-icon svg {
		height: 2.8rem;
		width: 2.8rem;
	}
	
	.hero-description p {
		font-size: 1.8rem;
	}
}

/* Specific styles for Business Category posts (single-b_post) */
.single-b_post .hero-usps__item:before {
	background-color: var(--main-title-accent);
}

/* Specific styles for Hero Banners (m-banner with dark backgrounds) */
.m-banner .hero-usps__item {
	font-size: 1.6rem;
}

.m-banner .hero-usps__item:before {
	background-color: var(--main-title-accent);
}

.m-banner .hero-usps__item--with-icon svg path{
	stroke: var(--main-title-accent);
}

@media (min-width: 1024px) {
	.m-banner .hero-usps__item {
		font-size: 1.8rem;
	}
	
	.m-banner .hero-description p {
		font-size: 1.8rem;
	}
}

.c-heading__btn .btn-primary{
    font-size: var(--base-text-size, 2rem);
}

/* Dark mode support for single-b_post */
[color-mode="dark"] .single-b_post .hero-usps__item {
	color: #fff;
}

[color-mode="dark"] .single-b_post .hero-description p {
	color: #fff;
	opacity: 0.85;
}