/*
Theme Name: S&S Kreates Co (Astra Child)
Theme URI: https://sskreatesco.com/
Description: Astra child theme for S&S Kreates Co.
Author: S&S Kreates Co
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/

:root{
	--ssk-brand-ink:#1f1930;
	--ssk-brand-ink-soft:rgba(31,25,48,.74);
	--ssk-lilac:#dcc8ff;
	--ssk-lilac-deep:#5e1fa8;
	--ssk-rose:#f2d3eb;
	--ssk-mint:#caefe8;
	--ssk-vine:#6f8f66;
	--ssk-surface:#ffffff;
	--ssk-glass:rgba(255,255,255,.88);
	--ssk-glass-border:rgba(75,45,115,.18);
}

/* Keep Astra header logo proportional and polished. */
#masthead{
	backdrop-filter:saturate(130%) blur(8px);
}
#masthead .custom-logo-link img{
	width:auto !important;
	max-width:min(44vw, 250px) !important;
	max-height:60px;
	object-fit:contain;
}
#masthead .site-branding.ast-site-identity{
	min-height:52px;
	display:flex;
	align-items:center;
}
#masthead .ssk-masthead-brand-link{
	display:inline-flex;
	align-items:center;
	gap:10px;
	text-decoration:none;
	color:var(--ssk-brand-ink);
	font-weight:700;
}
#masthead .ssk-masthead-brand-link img{
	display:block;
	width:auto;
	height:46px;
	max-width:min(46vw, 260px);
	object-fit:contain;
}
#masthead .ssk-masthead-brand-text{
	font-size:14px;
	line-height:1.2;
	letter-spacing:.01em;
}
@media (max-width:640px){
	#masthead .custom-logo-link img{
		max-width:min(60vw, 188px) !important;
		max-height:46px;
	}
	#masthead .ssk-masthead-brand-link img{
		height:40px;
		max-width:min(62vw, 198px);
	}
}

/* Global header promo: mature glass + pastel gradient. */
.ssk-global-header-promo{
	position:relative;
	z-index:70;
	color:var(--ssk-brand-ink);
	border-bottom:1px solid rgba(127,86,217,.16);
	background:
		linear-gradient(90deg, rgba(233,221,255,.92), rgba(202,239,232,.88)),
		linear-gradient(120deg, rgba(255,255,255,.78), rgba(255,255,255,.56));
}
.ssk-global-header-promo::after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-1px;
	height:14px;
	pointer-events:none;
	background:linear-gradient(180deg, rgba(127,86,217,.14), transparent);
	opacity:.6;
}
.ssk-global-header-promo__inner{
	max-width:clamp(1120px, 85vw, 1600px);
	margin:0 auto;
	padding:10px 20px;
	display:flex;
	align-items:center;
	gap:14px;
}
.ssk-global-header-promo__brand{
	display:inline-flex;
	align-items:center;
	gap:10px;
	color:var(--ssk-brand-ink);
	text-decoration:none;
	font-weight:700;
	min-width:0;
}
.ssk-global-header-promo__brand img{
	display:block;
	width:auto;
	height:40px;
	max-width:min(44vw, 240px);
	object-fit:contain;
	background:transparent;
	border-radius:0;
}
.ssk-global-header-promo .ssk-brand-name{
	font-size:14px;
	line-height:1.2;
}
.ssk-global-header-promo__brand-badge{
	width:36px;
	height:36px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:999px;
	background:var(--ssk-surface);
	color:var(--ssk-lilac-deep);
	font-size:12px;
	font-weight:800;
	border:1px solid rgba(127,86,217,.24);
}
.ssk-global-header-promo__copy{
	margin:0;
	font-size:14px;
	line-height:1.35;
	flex:1;
	color:var(--ssk-brand-ink-soft);
}
.ssk-global-header-promo__actions{
	display:flex;
	align-items:center;
	gap:8px;
}
.ssk-global-header-promo__cta,
.ssk-global-header-promo__link{
	min-height:44px;
	padding:10px 14px;
	border-radius:999px;
	font-size:13px;
	font-weight:700;
	text-decoration:none;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border:1px solid rgba(127,86,217,.26);
}
.ssk-global-header-promo__cta{
	background:linear-gradient(90deg, rgba(127,86,217,.96), rgba(145,104,230,.95));
	color:#fff;
}
.ssk-global-header-promo__link{
	color:var(--ssk-lilac-deep);
	background:rgba(255,255,255,.65);
}
.ssk-global-header-promo__cta:hover,
.ssk-global-header-promo__link:hover{
	filter:brightness(1.04);
	text-decoration:none;
}
@media (max-width:1024px){
	.ssk-global-header-promo__inner{
		flex-wrap:wrap;
	}
	.ssk-global-header-promo__copy{
		order:3;
		flex:0 0 100%;
	}
}
@media (max-width:640px){
	.ssk-global-header-promo__inner{
		padding:8px 14px;
		gap:8px;
	}
	.ssk-global-header-promo__brand img{
		height:32px;
		max-width:min(56vw, 190px);
	}
	.ssk-global-header-promo__actions{
		width:100%;
	}
	.ssk-global-header-promo__cta,
	.ssk-global-header-promo__link{
		flex:1;
		min-height:44px;
		padding:10px 10px;
		font-size:13px;
	}
}
@media (max-width:359px){
	.ssk-global-header-promo__copy{
		display:none;
	}
	.ssk-global-header-promo__inner{
		padding:6px 12px;
	}
	.ssk-global-header-promo__brand img{
		height:28px;
	}
}

/* Global footer brand strip */
.ssk-global-footer-brand{
	background:
		linear-gradient(90deg, rgba(249,245,255,.96), rgba(247,255,252,.93)),
		var(--ssk-surface);
	border-top:1px solid rgba(127,86,217,.18);
	border-bottom:1px solid rgba(15,23,42,.07);
}
.ssk-global-footer-brand__inner{
	max-width:clamp(1120px, 85vw, 1600px);
	margin:0 auto;
	padding:12px 20px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
}
.ssk-global-footer-brand__mark{
	display:inline-flex;
	align-items:center;
	gap:10px;
	color:var(--ssk-brand-ink);
	text-decoration:none;
	font-weight:700;
}
.ssk-global-footer-brand__mark img{
	display:block;
	width:auto;
	height:30px;
	max-width:min(34vw, 170px);
	object-fit:contain;
	border-radius:0;
}
.ssk-global-footer-brand .ssk-brand-name{
	font-size:14px;
	line-height:1.2;
}
.ssk-global-footer-brand__badge{
	width:30px;
	height:30px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:999px;
	background:linear-gradient(135deg, var(--ssk-lilac), var(--ssk-mint));
	color:var(--ssk-lilac-deep);
	font-size:10px;
	font-weight:800;
}
.ssk-global-footer-brand__cta{
	min-height:44px;
	padding:10px 14px;
	border-radius:999px;
	text-decoration:none;
	font-size:13px;
	font-weight:700;
	border:1px solid rgba(127,86,217,.32);
	background:linear-gradient(90deg, rgba(233,221,255,.75), rgba(202,239,232,.62));
	color:#5b33b3;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

.ssk-global-header-promo__cta:focus-visible,
.ssk-global-header-promo__link:focus-visible,
.ssk-global-header-promo__brand:focus-visible,
.ssk-global-footer-brand__cta:focus-visible,
.ssk-global-footer-brand__mark:focus-visible,
#masthead .ssk-masthead-brand-link:focus-visible{
	outline:2px solid #ffffff;
	outline-offset:2px;
	box-shadow:0 0 0 4px rgba(127,86,217,.24);
}
.ssk-global-footer-brand__cta:focus-visible,
.ssk-global-footer-brand__mark:focus-visible,
#masthead .ssk-masthead-brand-link:focus-visible{
	outline-color:#5b33b3;
}
@media (max-width:640px){
	.ssk-global-footer-brand__inner{
		padding:12px 14px;
		flex-wrap:wrap;
	}
	.ssk-global-footer-brand__mark img{
		height:26px;
		max-width:min(52vw, 150px);
	}
	.ssk-global-footer-brand__cta{
		width:100%;
	}
}