/* ==========================================================
   Sastaa PK — Theme Styles
   ========================================================== */

:root {
	--sastaa-maroon: #5c1533;
	--sastaa-pink: #d6336c;
	--sastaa-pink-light: #f7d9e3;
	--sastaa-cream: #fdf3f6;
	--sastaa-dark: #2b0f1a;
}

* { box-sizing: border-box; }

body {
	margin: 0;
	font-family: 'Poppins', 'Segoe UI', Arial, sans-serif;
	color: var(--sastaa-dark);
	background: #fff;
}

a { text-decoration: none; color: inherit; }
img { max-width: 100%; display: block; }

.sastaa-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

/* ---------- Header ---------- */
.sastaa-topbar {
	background: var(--sastaa-maroon);
	color: #fff;
	font-size: 13px;
}
.sastaa-topbar-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 6px 20px;
}
.sastaa-social-icons a {
	color: #fff;
	margin-left: 12px;
	font-weight: 600;
	opacity: .85;
}
.sastaa-social-icons a:hover { opacity: 1; }

.sastaa-main-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
}
.sastaa-logo-text {
	font-size: 28px;
	font-weight: 700;
	color: var(--sastaa-maroon);
}
.sastaa-logo-text span { color: var(--sastaa-pink); }

.sastaa-menu {
	display: flex;
	list-style: none;
	gap: 28px;
	margin: 0;
	padding: 0;
}
.sastaa-menu a {
	font-weight: 600;
	color: var(--sastaa-dark);
}
.sastaa-menu a:hover { color: var(--sastaa-pink); }

.sastaa-header-icons { display: flex; gap: 18px; font-size: 20px; }
.sastaa-cart-count {
	font-size: 11px;
	background: var(--sastaa-pink);
	color: #fff;
	border-radius: 50%;
	padding: 1px 6px;
	vertical-align: top;
}

/* ---------- Hero Slider ---------- */
.sastaa-slider {
	position: relative;
	width: 100%;
	overflow: hidden;
	aspect-ratio: 16 / 6;
	background: var(--sastaa-pink-light);
}
.sastaa-slides-track {
	display: flex;
	width: 100%;
	height: 100%;
	transition: transform .5s ease;
}
.sastaa-slide {
	min-width: 100%;
	position: relative;
}
.sastaa-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sastaa-slide-cta {
	position: absolute;
	bottom: 8%;
	left: 50%;
	transform: translateX(-50%);
	background: var(--sastaa-maroon);
	color: #fff;
	padding: 12px 32px;
	border-radius: 4px;
	font-weight: 700;
	letter-spacing: 1px;
}
.sastaa-slider-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(255,255,255,.8);
	border: none;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	cursor: pointer;
	font-size: 16px;
	z-index: 5;
}
.sastaa-slider-arrow.prev { left: 16px; }
.sastaa-slider-arrow.next { right: 16px; }
.sastaa-slider-dots {
	position: absolute;
	bottom: 14px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 8px;
}
.sastaa-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(255,255,255,.6);
	cursor: pointer;
}
.sastaa-dot.is-active { background: #fff; border: 2px solid var(--sastaa-maroon); }

.sastaa-admin-hint {
	text-align: center;
	font-size: 12px;
	color: #999;
	margin: 8px 0 0;
}

/* ---------- Sections ---------- */
.sastaa-section { padding: 50px 20px; }
.sastaa-section-title {
	text-align: center;
	font-size: 28px;
	color: var(--sastaa-maroon);
	margin-bottom: 30px;
}

/* Category grid */
.sastaa-category-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 20px;
}
.sastaa-category-card {
	text-align: center;
	background: var(--sastaa-cream);
	border-radius: 10px;
	overflow: hidden;
	transition: transform .2s ease;
}
.sastaa-category-card:hover { transform: translateY(-4px); }
.sastaa-category-card img { aspect-ratio: 1/1; object-fit: cover; }
.sastaa-category-card span {
	display: block;
	padding: 10px;
	font-weight: 600;
	color: var(--sastaa-maroon);
}

/* Category landing banner (WooCommerce archive pages) */
.sastaa-category-banner { margin-bottom: 30px; }
.sastaa-category-banner img { width: 100%; border-radius: 8px; }

/* Reels grid */
.sastaa-reels-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 24px;
}
.sastaa-reel-item { display: flex; justify-content: center; }
.sastaa-view-more { text-align: center; margin-top: 24px; font-weight: 600; color: var(--sastaa-pink); }

/* ---------- Footer ---------- */
.sastaa-footer { background: var(--sastaa-dark); color: #f4dbe4; margin-top: 40px; }
.sastaa-footer-inner {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 30px;
	padding: 50px 20px;
}
.sastaa-footer .sastaa-logo-text { color: #fff; }
.sastaa-footer .sastaa-logo-text span { color: var(--sastaa-pink); }
.sastaa-footer h4 { color: #fff; margin-bottom: 14px; }
.sastaa-footer-menu { list-style: none; padding: 0; margin: 0; }
.sastaa-footer-menu li { margin-bottom: 8px; }
.sastaa-footer-menu a:hover { color: var(--sastaa-pink); }
.sastaa-footer .sastaa-social-icons a { margin-left: 0; margin-right: 14px; display: inline-block; margin-top: 10px; }
.sastaa-footer-bottom {
	text-align: center;
	font-size: 13px;
	padding: 16px;
	border-top: 1px solid rgba(255,255,255,.1);
}

/* ---------- Floating WhatsApp Button ---------- */
.sastaa-whatsapp-float {
	position: fixed;
	bottom: 24px;
	right: 24px;
	background: #25D366;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 14px rgba(0,0,0,.25);
	z-index: 999;
	transition: transform .2s ease;
}
.sastaa-whatsapp-float:hover { transform: scale(1.08); }

/* ---------- Responsive ---------- */
@media (max-width: 768px) {
	.sastaa-main-header { flex-wrap: wrap; gap: 12px; }
	.sastaa-menu { flex-wrap: wrap; gap: 14px; font-size: 14px; }
	.sastaa-slider { aspect-ratio: 4 / 3; }
	.sastaa-slide-cta { padding: 8px 20px; font-size: 13px; }
}