/*
Theme Name: ManufakturSolutions Child
Theme URI: https://manufaktursolutions.qodeinteractive.com
Description: A child theme of ManufakturSolutions
Author: Select Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: manufaktursolutions
Template: manufaktursolutions
*/

	.mrinana-hero-banner{position:relative;width:100%;display:grid;grid-template-columns:1fr;
		grid-template-areas:'darkhead' 'lighthead' 'intro';row-gap:0;font-family:var(--mrinana-font-body);}
	.mrinana-hero-banner *{margin:0;padding:0;box-sizing:border-box;}
	.mrinana-hero-banner .mrinana-hero-heading-dark{grid-area:darkhead;background:var(--mrinana-white);padding:40px 24px 0;}
	.mrinana-hero-banner .mrinana-hero-heading-light{grid-area:lighthead;position:relative;padding:2px 24px 60px;
		background-image:linear-gradient(135deg,rgba(30,30,30,0.65) 0%,rgba(0,0,0,0.85) 100%),
		var(--mrinana-bg-image,url('https://images.unsplash.com/photo-1764835746713-34a671e73569?auto=format&fit=crop&w=1600&q=80'));
		background-size:cover;background-position:center;background-color:var(--mrinana-gray-dark);
		display:flex;align-items:flex-end;min-height:280px;}
	.mrinana-hero-banner .mrinana-hero-intro{grid-area:intro;padding:28px 24px 32px;background:var(--mrinana-white);}
	.mrinana-hero-banner .mrinana-hero-heading{font-family:var(--mrinana-font-heading);text-transform:uppercase;
		line-height:0.95;letter-spacing:-0.01em;font-size:clamp(2.2rem,9vw,3.2rem);}
	.mrinana-hero-banner .mrinana-hero-heading-dark .mrinana-hero-heading{color:var(--mrinana-black);}
	.mrinana-hero-banner .mrinana-hero-heading-light .mrinana-hero-heading{color:var(--mrinana-white);}
	.mrinana-hero-banner .mrinana-hero-intro p{color:var(--mrinana-black);font-size:0.95rem;line-height:1.55;font-weight:400;max-width:480px;}
	.mrinana-hero-banner .mrinana-hero-readmore{display:inline-flex;align-items:center;gap:8px;margin-top:16px;
		color:var(--mrinana-black);text-decoration:none;font-weight:600;font-size:0.95rem;}
	.mrinana-hero-banner .mrinana-hero-readmore svg{width:18px;height:18px;transition:transform 0.25s ease;}
	.mrinana-hero-banner .mrinana-hero-readmore:hover svg{transform:translateX(4px);}
	.mrinana-hero-banner .mrinana-whatsapp-float{position:absolute;right:20px;bottom:20px;width:52px;height:52px;
		background:var(--mrinana-whatsapp);border-radius:50%;display:flex;align-items:center;justify-content:center;
		box-shadow:0 6px 16px rgba(0,0,0,0.3);z-index:5;text-decoration:none;}
	.mrinana-hero-banner .mrinana-whatsapp-float svg{width:26px;height:26px;fill:var(--mrinana-white);}

	@media (min-width:768px){
		.mrinana-hero-banner{grid-template-areas:'darkhead' 'intro' 'lighthead';}
		.mrinana-hero-banner .mrinana-hero-heading-dark{padding:56px 48px 0;}
		.mrinana-hero-banner .mrinana-hero-intro{padding:0 48px 32px;}
		.mrinana-hero-banner .mrinana-hero-heading-light{padding:2px 48px 80px;min-height:340px;}
		.mrinana-hero-banner .mrinana-hero-heading{font-size:clamp(3rem,7vw,4.5rem);}
		.mrinana-hero-banner .mrinana-hero-intro p{max-width:420px;}
		.mrinana-hero-banner .mrinana-whatsapp-float{width:58px;height:58px;right:28px;bottom:28px;}
	}
	@media (min-width:1200px){
		.mrinana-hero-banner{grid-template-columns:1.4fr 1fr;grid-template-areas:'darkhead intro' 'lighthead lighthead';}
		.mrinana-hero-banner .mrinana-hero-heading-dark{padding:64px 0 0 64px;display:flex;align-items:flex-start;}
		.mrinana-hero-banner .mrinana-hero-intro{padding:64px 64px 40px 24px;display:flex;flex-direction:column;justify-content:flex-start;}
		.mrinana-hero-banner .mrinana-hero-heading-light{padding:2px 64px 90px;min-height:420px;}
		.mrinana-hero-banner .mrinana-hero-heading{font-size:clamp(4.5rem,6vw,6.5rem);}
		.mrinana-hero-banner .mrinana-whatsapp-float{width:64px;height:64px;right:40px;bottom:40px;}
	}
	
	