/*
	Theme Name: Hello Biz Child
	Template: hello-biz
	Description: Child theme para Hello Biz - Donum Store
	Author: Donum
	Version: 1.0.0
	Text Domain: hello-biz-child
*/

/* ===========================
   DONUM STORE - Custom Styles
   =========================== */

:root {
	--donum-primary: #1B2A4A;
	--donum-accent: #E63946;
	--donum-accent-hover: #C62828;
	--donum-light-bg: #F8F9FA;
	--donum-text: #333333;
	--donum-text-light: #666666;
	--donum-white: #FFFFFF;
	--donum-border: #E0E0E0;
	--donum-gradient-start: #E63946;
	--donum-gradient-end: #FF6B6B;
}

/* ---- GLOBAL ---- */
body {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	color: var(--donum-text);
}

/* ---- HEADER ---- */
.donum-header {
	border-top: 3px solid var(--donum-accent);
}

.donum-header .elementor-nav-menu a {
	font-weight: 500;
	font-size: 14px;
	color: var(--donum-primary);
	transition: color 0.3s ease;
}

.donum-header .elementor-nav-menu a:hover {
	color: var(--donum-accent);
}

/* ---- HERO SECTION ---- */
.donum-hero {
	background-color: var(--donum-primary);
	border-radius: 16px;
	padding: 60px 40px;
	position: relative;
	overflow: hidden;
}

.donum-hero h1,
.donum-hero .elementor-heading-title {
	color: var(--donum-white);
	font-size: 42px;
	font-weight: 700;
	line-height: 1.2;
}

.donum-hero p,
.donum-hero .elementor-widget-text-editor {
	color: rgba(255, 255, 255, 0.8);
	font-size: 16px;
}

.donum-hero .elementor-button {
	background-color: var(--donum-accent) !important;
	border-radius: 8px !important;
	padding: 14px 28px !important;
	font-weight: 600 !important;
	transition: background-color 0.3s ease !important;
}

.donum-hero .elementor-button:hover {
	background-color: var(--donum-accent-hover) !important;
}

/* ---- STATS BAR ---- */
.donum-stats {
	display: flex;
	justify-content: center;
	gap: 40px;
	padding: 30px 0;
}

.donum-stats .elementor-counter-number-wrapper {
	font-size: 28px;
	font-weight: 700;
	color: var(--donum-primary);
}

.donum-stats .elementor-counter-title {
	font-size: 14px;
	color: var(--donum-text-light);
}

/* ---- CATEGORIES/BRANDS ---- */
.donum-categories {
	padding: 40px 0;
	background: var(--donum-light-bg);
}

.donum-categories .elementor-image img {
	filter: grayscale(100%);
	opacity: 0.6;
	transition: all 0.3s ease;
}

.donum-categories .elementor-image img:hover {
	filter: grayscale(0%);
	opacity: 1;
}

/* ---- PRODUCT SECTIONS ---- */
.donum-products-section {
	padding: 60px 0;
}

.donum-products-section .elementor-heading-title {
	font-size: 24px;
	font-weight: 700;
	color: var(--donum-primary);
	margin-bottom: 30px;
}

.donum-product-card {
	background: var(--donum-white);
	border: 1px solid var(--donum-border);
	border-radius: 12px;
	padding: 20px;
	transition: box-shadow 0.3s ease, transform 0.2s ease;
}

.donum-product-card:hover {
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
	transform: translateY(-4px);
}

.donum-product-card img {
	border-radius: 8px;
	margin-bottom: 12px;
}

.donum-product-card .woocommerce-loop-product__title {
	font-size: 14px;
	font-weight: 500;
	color: var(--donum-text);
}

.donum-product-card .price {
	font-size: 16px;
	font-weight: 700;
	color: var(--donum-primary);
}

/* ---- PROMO BANNER ---- */
.donum-promo-banner {
	background: linear-gradient(135deg, var(--donum-gradient-start), var(--donum-gradient-end));
	border-radius: 16px;
	padding: 50px 40px;
	color: var(--donum-white);
}

.donum-promo-banner .elementor-heading-title {
	color: var(--donum-white);
	font-size: 28px;
	font-weight: 700;
}

.donum-promo-banner .elementor-button {
	background-color: var(--donum-white) !important;
	color: var(--donum-accent) !important;
	border-radius: 8px !important;
	font-weight: 600 !important;
}

/* ---- FEATURES/SERVICES ---- */
.donum-features {
	padding: 60px 0;
	background: var(--donum-light-bg);
}

.donum-feature-box {
	text-align: center;
	padding: 30px 20px;
}

.donum-feature-box .elementor-icon {
	font-size: 40px;
	color: var(--donum-accent);
	margin-bottom: 16px;
}

.donum-feature-box h3,
.donum-feature-box .elementor-heading-title {
	font-size: 16px;
	font-weight: 600;
	color: var(--donum-primary);
}

.donum-feature-box p {
	font-size: 14px;
	color: var(--donum-text-light);
}

/* ---- TESTIMONIALS / INFO CARDS ---- */
.donum-info-cards {
	padding: 60px 0;
}

.donum-info-card {
	background: var(--donum-white);
	border: 1px solid var(--donum-border);
	border-radius: 12px;
	padding: 24px;
	transition: box-shadow 0.3s ease;
}

.donum-info-card:hover {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

/* ---- CTA BANNER ---- */
.donum-cta-banner {
	background: linear-gradient(135deg, rgba(230, 57, 70, 0.05), rgba(255, 107, 107, 0.1));
	border-radius: 16px;
	padding: 60px 40px;
	text-align: center;
}

.donum-cta-banner .elementor-heading-title {
	font-size: 28px;
	font-weight: 700;
	color: var(--donum-primary);
}

.donum-cta-banner .elementor-button {
	background-color: var(--donum-accent) !important;
	border-radius: 8px !important;
	padding: 14px 32px !important;
	font-weight: 600 !important;
}

/* ---- PARTNERS/BRANDS STRIP ---- */
.donum-partners {
	padding: 40px 0;
	border-top: 1px solid var(--donum-border);
	border-bottom: 1px solid var(--donum-border);
}

/* ---- FOOTER ---- */
.donum-footer {
	background-color: var(--donum-primary);
	padding: 60px 0 30px;
	color: rgba(255, 255, 255, 0.7);
}

.donum-footer h4,
.donum-footer .elementor-heading-title {
	color: var(--donum-white);
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 20px;
}

.donum-footer a {
	color: rgba(255, 255, 255, 0.7);
	font-size: 14px;
	transition: color 0.3s ease;
}

.donum-footer a:hover {
	color: var(--donum-white);
}

.donum-footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 20px;
	margin-top: 40px;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.5);
}

/* ---- RESPONSIVE ---- */
@media (max-width: 767px) {
	.donum-hero {
		padding: 40px 20px;
	}

	.donum-hero h1,
	.donum-hero .elementor-heading-title {
		font-size: 28px;
	}

	.donum-stats {
		flex-wrap: wrap;
		gap: 20px;
	}

	.donum-promo-banner,
	.donum-cta-banner {
		padding: 30px 20px;
	}
}