/**
 * Sundari brand theme for Futurio Storefront
 * White + Violet + Baby Pink — elegant, soft, bold mix
 */

:root {
	--sundari-white: #ffffff;
	--sundari-blush: #fff5f9;
	--sundari-violet: #7b2d8e;
	--sundari-violet-dark: #5a1f6a;
	--sundari-violet-deep: #4a1858;
	--sundari-pink: #f8c8dc;
	--sundari-pink-strong: #e8a4c4;
	--sundari-pink-soft: #fde8f0;
	--sundari-text: #2d2d2d;
	--sundari-text-muted: #6b6b6b;
	--sundari-border: #f0e6ec;
	--sundari-shadow: 0 8px 24px rgba(123, 45, 142, 0.08);
	--sundari-shadow-hover: 0 12px 32px rgba(123, 45, 142, 0.14);
	--sundari-radius-sm: 8px;
	--sundari-radius-md: 12px;
	--sundari-radius-lg: 16px;
	--sundari-radius-pill: 999px;
	--sundari-transition: 0.25s ease;
}

body.sundari-theme {
	background-color: var(--sundari-white);
	color: var(--sundari-text);
}

body.sundari-theme a {
	transition: color var(--sundari-transition);
}

/* Critical layout while parent bootstrap.css is deferred on the homepage. */
.container-fluid {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

/*
 * Futurio prints <a class="skip-link screen-reader-text"> after wp_body_open.
 * Stay in the tab order (no opacity:0 / pointer-events:none / z-index:-1) so
 * keyboard users and Lighthouse skip-link can focus it; clip hides the 1px speck.
 */
body.sundari-theme a.skip-link.screen-reader-text {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	clip-path: inset(50%) !important;
	border: 0 !important;
	white-space: nowrap !important;
	background: transparent !important;
	background-color: transparent !important;
	color: transparent !important;
	box-shadow: none !important;
}

body.sundari-theme a.skip-link.screen-reader-text:focus,
body.sundari-theme a.skip-link.screen-reader-text:focus-visible {
	position: fixed !important;
	top: 12px !important;
	left: 12px !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0.75rem 1.1rem !important;
	overflow: visible !important;
	clip: auto !important;
	clip-path: none !important;
	border-radius: 999px !important;
	background: #f8c8dc !important;
	background-color: #f8c8dc !important;
	color: #4a1858 !important;
	box-shadow: 0 4px 18px rgba(42, 26, 48, 0.18) !important;
	opacity: 1 !important;
	pointer-events: auto;
	z-index: 100000;
	font-family: "Poppins", sans-serif;
	font-size: 1.44rem;
	font-weight: 600;
	text-decoration: none !important;
	white-space: nowrap !important;
}

/* -------------------------------------------------------------------------- */
/* Header — bold violet                                                       */
/* -------------------------------------------------------------------------- */

body.sundari-theme .site-header {
	background: linear-gradient(135deg, var(--sundari-violet) 0%, var(--sundari-violet-dark) 100%) !important;
	border-bottom: none !important;
	box-shadow: 0 2px 16px rgba(90, 31, 106, 0.2);
}

body.sundari-theme .site-header .site-title,
body.sundari-theme .site-header .site-title a,
body.sundari-theme .site-header h1.site-title a {
	color: var(--sundari-white) !important;
}

body.sundari-theme .site-header .site-description {
	color: var(--sundari-pink) !important;
}

body.sundari-theme .top-search-box input[type="search"],
body.sundari-theme .site-header .search-field,
body.sundari-theme .woocommerce-product-search input[type="search"] {
	background: rgba(255, 255, 255, 0.14) !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
	border-radius: var(--sundari-radius-pill) !important;
	color: var(--sundari-white) !important;
}

body.sundari-theme .top-search-box input[type="search"]::placeholder,
body.sundari-theme .site-header .search-field::placeholder {
	color: rgba(255, 255, 255, 0.75) !important;
}

body.sundari-theme .search-submit,
body.sundari-theme .woocommerce-product-search button {
	background: var(--sundari-pink-strong) !important;
	border-color: var(--sundari-pink-strong) !important;
	color: var(--sundari-violet-dark) !important;
	border-radius: var(--sundari-radius-pill) !important;
	font-weight: 600;
}

body.sundari-theme .icons-menu-right a,
body.sundari-theme .icons-menu-right .fa,
body.sundari-theme .header-cart a,
body.sundari-theme .header-my-account a {
	color: var(--sundari-white) !important;
}

body.sundari-theme .icons-menu-right a:hover,
body.sundari-theme .header-cart a:hover,
body.sundari-theme .header-my-account a:hover {
	color: var(--sundari-pink) !important;
}

/* Navigation bar */
body.sundari-theme #site-navigation,
body.sundari-theme #site-navigation.shrink,
body.sundari-theme #futurio-floating.floating-element {
	background: var(--sundari-white) !important;
	border-bottom: 1px solid var(--sundari-border) !important;
	box-shadow: 0 1px 8px rgba(123, 45, 142, 0.06);
}

body.sundari-theme #site-navigation .navbar-nav > li > a,
body.sundari-theme #site-navigation .menu-container a {
	color: var(--sundari-text) !important;
	text-transform: none;
	font-weight: 500;
}

body.sundari-theme #site-navigation .navbar-nav > li > a:hover,
body.sundari-theme #site-navigation .navbar-nav > li.current-menu-item > a,
body.sundari-theme #site-navigation .navbar-nav > li.current-menu-ancestor > a {
	color: var(--sundari-violet) !important;
}

body.sundari-theme .nav > li > a:before,
body.sundari-theme .nav > li.active > a:before,
body.sundari-theme .nav > li:hover > a:before,
body.sundari-theme .current-page-parent:before {
	background-color: var(--sundari-violet) !important;
}

body.sundari-theme .dropdown-menu > .active > a,
body.sundari-theme .dropdown-menu > .active > a:hover,
body.sundari-theme .dropdown-menu > .active > a:focus {
	background-color: var(--sundari-violet) !important;
}

body.sundari-theme .navbar-toggle {
	border-color: var(--sundari-violet) !important;
}

body.sundari-theme .navbar-toggle .icon-bar {
	background-color: var(--sundari-violet) !important;
}

/* -------------------------------------------------------------------------- */
/* Shop page & typography                                                     */
/* -------------------------------------------------------------------------- */

body.sundari-theme .page-area,
body.sundari-theme .main-container {
	background-color: var(--sundari-white);
}

body.sundari-theme .woocommerce-products-header__title,
body.sundari-theme .page-title,
body.sundari-theme h1.entry-title,
body.sundari-theme .woocommerce h1 {
	color: var(--sundari-violet-dark);
	font-weight: 700;
}

body.sundari-theme .woocommerce-result-count,
body.sundari-theme .woocommerce-ordering select {
	color: var(--sundari-text-muted);
}

body.sundari-theme .woocommerce-ordering select {
	border-color: var(--sundari-border);
	border-radius: var(--sundari-radius-sm);
}

/* Product grid */
body.sundari-theme .woocommerce ul.products li.product {
	background: var(--sundari-white);
	border: 1px solid var(--sundari-border);
	border-radius: var(--sundari-radius-md);
	padding: 12px;
	transition: box-shadow var(--sundari-transition), transform var(--sundari-transition);
}

body.sundari-theme .woocommerce ul.products li.product:hover {
	box-shadow: var(--sundari-shadow-hover);
	transform: translateY(-2px);
}

body.sundari-theme .woocommerce ul.products li.product .woocommerce-loop-product__title,
body.sundari-theme .woocommerce ul.products li.product h2,
body.sundari-theme .woocommerce ul.products li.product h3 {
	color: var(--sundari-violet) !important;
	font-weight: 600;
}

body.sundari-theme .woocommerce ul.products li.product .price,
body.sundari-theme .woocommerce ul.products li.product .price .amount {
	color: var(--sundari-violet-dark) !important;
	font-weight: 700;
}

body.sundari-theme.woocommerce span.onsale,
body.sundari-theme.woocommerce-page span.onsale,
body.sundari-theme .woocommerce span.onsale,
body.sundari-theme ul.products li.product span.onsale {
	background: #7b2d8e !important;
	background-color: #7b2d8e !important;
	color: #fff !important;
	border-radius: var(--sundari-radius-pill);
	min-height: auto;
	line-height: 1.4;
	padding: 0.35em 0.75em;
	top: 0.75rem !important;
	left: 0.75rem !important;
	right: auto !important;
}

/* Buttons */
body.sundari-theme .btn-default,
body.sundari-theme input[type="submit"],
body.sundari-theme input#submit,
body.sundari-theme button:not(.sundari-pdp__thumb):not(.sundari-htool__btn):not(.sundari-wish-btn):not(.sundari-bag-item__qty-btn):not(.sundari-pdp__qty-btn):not(.sundari-pdp__bag):not(.sundari-checkout__continue):not(.sundari-hero-rail__dot):not(.sundari-hero-inner__nav):not(.sundari-cat-rail__nav):not(.sundari-product-rail__nav):not(.sundari-testimonials-rail__nav):not(.sundari-search-page__submit),
body.sundari-theme a.comment-reply-link,
body.sundari-theme .woocommerce #respond input#submit,
body.sundari-theme .woocommerce a.button:not(.sundari-checkout__continue):not(.sundari-bag-place),
body.sundari-theme .woocommerce button.button:not(.sundari-checkout__continue):not(#place_order):not(.sundari-pdp__bag),
body.sundari-theme .woocommerce input.button,
body.sundari-theme .woocommerce #respond input#submit.alt,
body.sundari-theme .woocommerce a.button.alt:not(.sundari-bag-place),
body.sundari-theme .woocommerce button.button.alt:not(.sundari-checkout__continue):not(#place_order):not(.sundari-pdp__bag),
body.sundari-theme .woocommerce input.button.alt,
body.sundari-theme .icons-menu-right.menu-button a.btn-default {
	color: var(--sundari-violet) !important;
	border-color: var(--sundari-violet) !important;
	border-radius: var(--sundari-radius-pill) !important;
	background-color: transparent !important;
	font-weight: 600;
}

/* PDP gallery thumbs stay square (not pill/circle) */
body.sundari-theme button.sundari-pdp__thumb {
	color: inherit !important;
	border-color: #d4d5d9 !important;
	border-radius: 2px !important;
	background-color: #fff !important;
}

body.sundari-theme .woocommerce a.button.alt,
body.sundari-theme .woocommerce button.button.alt:not(.sundari-pdp__bag),
body.sundari-theme .woocommerce input.button.alt,
body.sundari-theme .woocommerce #respond input#submit.alt,
body.sundari-theme .woocommerce .checkout-button,
body.sundari-theme .woocommerce a.button.checkout {
	background-color: var(--sundari-violet) !important;
	border-color: var(--sundari-violet) !important;
	color: var(--sundari-white) !important;
}

body.sundari-theme .woocommerce ul.products li.product .button:hover,
body.sundari-theme .woocommerce a.button:hover:not(.sundari-checkout__continue):not(.sundari-bag-place),
body.sundari-theme .woocommerce button.button:hover:not(.sundari-checkout__continue):not(.sundari-pdp__bag),
body.sundari-theme .woocommerce input.button:hover {
	background-color: var(--sundari-pink-soft) !important;
	color: var(--sundari-violet-dark) !important;
	border-color: var(--sundari-pink-strong) !important;
}

body.sundari-theme .woocommerce a.button.alt:hover,
body.sundari-theme .woocommerce button.button.alt:hover:not(.sundari-pdp__bag),
body.sundari-theme .woocommerce input.button.alt:hover {
	background-color: var(--sundari-violet-dark) !important;
	border-color: var(--sundari-violet-dark) !important;
	color: var(--sundari-white) !important;
}

/* Kill browser black focus ring on buttons / CTAs */
body.sundari-theme button:focus,
body.sundari-theme button:focus-visible,
body.sundari-theme button:active,
body.sundari-theme input[type="submit"]:focus,
body.sundari-theme input[type="submit"]:focus-visible,
body.sundari-theme input[type="submit"]:active,
body.sundari-theme input[type="button"]:focus,
body.sundari-theme input[type="button"]:focus-visible,
body.sundari-theme input[type="button"]:active,
body.sundari-theme input#submit:focus,
body.sundari-theme input#submit:focus-visible,
body.sundari-theme input#submit:active,
body.sundari-theme .button:focus,
body.sundari-theme .button:focus-visible,
body.sundari-theme .button:active,
body.sundari-theme a.button:focus,
body.sundari-theme a.button:focus-visible,
body.sundari-theme a.button:active,
body.sundari-theme .btn-default:focus,
body.sundari-theme .btn-default:focus-visible,
body.sundari-theme .btn-default:active,
body.sundari-theme .woocommerce a.button:focus,
body.sundari-theme .woocommerce a.button:focus-visible,
body.sundari-theme .woocommerce a.button:active,
body.sundari-theme .woocommerce button.button:focus,
body.sundari-theme .woocommerce button.button:focus-visible,
body.sundari-theme .woocommerce button.button:active,
body.sundari-theme .woocommerce input.button:focus,
body.sundari-theme .woocommerce input.button:focus-visible,
body.sundari-theme .woocommerce input.button:active,
body.sundari-theme .sundari-btn:focus,
body.sundari-theme .sundari-btn:focus-visible,
body.sundari-theme .sundari-btn:active,
body.sundari-theme .sundari-wishlist-page__shop:focus,
body.sundari-theme .sundari-wishlist-page__shop:focus-visible,
body.sundari-theme .sundari-wishlist-page__shop:active,
body.sundari-theme .sundari-wishlist-page__bag:focus,
body.sundari-theme .sundari-wishlist-page__bag:focus-visible,
body.sundari-theme .sundari-wishlist-page__bag:active,
body.sundari-theme .sundari-wcard__action:focus,
body.sundari-theme .sundari-wcard__action:focus-visible,
body.sundari-theme .sundari-wcard__action:active,
body.sundari-theme .sundari-pdp__bag:focus,
body.sundari-theme .sundari-pdp__bag:focus-visible,
body.sundari-theme .sundari-pdp__bag:active,
body.sundari-theme .sundari-bag-place:focus,
body.sundari-theme .sundari-bag-place:focus-visible,
body.sundari-theme .sundari-bag-place:active,
body.sundari-theme .sundari-checkout__continue:focus,
body.sundari-theme .sundari-checkout__continue:focus-visible,
body.sundari-theme .sundari-checkout__continue:active,
body.sundari-theme .checkout-button:focus,
body.sundari-theme .checkout-button:focus-visible,
body.sundari-theme .checkout-button:active {
	outline: none !important;
	outline-offset: 0 !important;
	box-shadow: none !important;
	-webkit-tap-highlight-color: transparent;
}

/* Links that act as buttons — no black focus border */
body.sundari-theme a:focus,
body.sundari-theme a:focus-visible,
body.sundari-theme a:active {
	outline: none !important;
	outline-offset: 0 !important;
}

/* Links */
body.sundari-theme a:not(.button):not(.btn-default) {
	color: var(--sundari-violet);
}

body.sundari-theme a:not(.button):not(.btn-default):hover {
	color: var(--sundari-violet-dark);
}

/* Forms */
body.sundari-theme input[type="text"],
body.sundari-theme input[type="email"],
body.sundari-theme input[type="tel"],
body.sundari-theme input[type="password"],
body.sundari-theme input[type="number"],
body.sundari-theme textarea,
body.sundari-theme select {
	border-color: var(--sundari-border);
	border-radius: var(--sundari-radius-sm);
}

body.sundari-theme input:focus,
body.sundari-theme textarea:focus,
body.sundari-theme select:focus {
	border-color: var(--sundari-violet);
	box-shadow: 0 0 0 3px rgba(123, 45, 142, 0.12);
	outline: none;
}

/* Tabs */
body.sundari-theme .woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
body.sundari-theme .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	color: var(--sundari-violet) !important;
}

body.sundari-theme .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after,
body.sundari-theme .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
	border-color: var(--sundari-violet) !important;
}

/* Account navigation */
body.sundari-theme .woocommerce-MyAccount-navigation li.is-active a {
	background-color: var(--sundari-pink-soft);
	color: var(--sundari-violet-dark);
}

/* -------------------------------------------------------------------------- */
/* Footer — deep violet                                                       */
/* -------------------------------------------------------------------------- */

body.sundari-theme #content-footer-section {
	background: linear-gradient(180deg, var(--sundari-violet-dark) 0%, var(--sundari-violet-deep) 100%) !important;
	color: rgba(255, 255, 255, 0.9);
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}

body.sundari-theme #content-footer-section .widget-title,
body.sundari-theme #content-footer-section h3,
body.sundari-theme #content-footer-section h4 {
	color: var(--sundari-white);
}

body.sundari-theme #content-footer-section a {
	color: rgba(255, 255, 255, 0.88);
}

body.sundari-theme #content-footer-section a:hover {
	color: var(--sundari-pink);
}

body.sundari-theme .site-info,
body.sundari-theme .footer-credits {
	background-color: var(--sundari-violet-deep) !important;
	color: rgba(255, 255, 255, 0.78);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

body.sundari-theme .site-info a,
body.sundari-theme .footer-credits a {
	color: var(--sundari-pink);
}

/* -------------------------------------------------------------------------- */
/* Reusable utilities                                                         */
/* -------------------------------------------------------------------------- */

body.sundari-theme .sundari-section-blush {
	background-color: var(--sundari-blush) !important;
}

body.sundari-theme .sundari-section-pink {
	background: linear-gradient(135deg, var(--sundari-pink-soft) 0%, var(--sundari-pink) 100%) !important;
}

body.sundari-theme .sundari-promo-banner {
	background: linear-gradient(90deg, var(--sundari-pink-soft), var(--sundari-pink));
	border: 1px solid var(--sundari-border);
	border-radius: var(--sundari-radius-lg);
	padding: 1.25rem 1.5rem;
	color: var(--sundari-violet-dark);
}

body.sundari-theme .sundari-badge {
	display: inline-flex;
	align-items: center;
	padding: 0.25rem 0.75rem;
	border-radius: var(--sundari-radius-pill);
	font-size: 1.2rem;
	font-weight: 600;
}

body.sundari-theme .sundari-badge--wholesale {
	background-color: var(--sundari-pink);
	color: var(--sundari-violet-dark);
}

body.sundari-theme .sundari-product-meta {
	margin: 1rem 0;
	padding: 1rem;
	background: var(--sundari-blush);
	border: 1px solid var(--sundari-border);
	border-radius: var(--sundari-radius-md);
}

body.sundari-theme .sundari-product-meta__row {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	font-size: 1.44rem;
}

body.sundari-theme .sundari-product-meta__label {
	color: var(--sundari-text-muted);
}

body.sundari-theme .sundari-product-meta__value {
	color: var(--sundari-violet-dark);
	font-weight: 600;
}

body.sundari-theme .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a {
	border-bottom-color: var(--sundari-violet) !important;
	color: var(--sundari-violet) !important;
}

body.sundari-theme .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li a {
	color: var(--sundari-text-muted);
}

body.sundari-theme .product_meta a {
	color: var(--sundari-violet);
}

/* -------------------------------------------------------------------------- */
/* Responsive                                                                 */
/* -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	body.sundari-theme .site-header .heading-row {
		flex-wrap: wrap;
		gap: 0.75rem;
	}

	body.sundari-theme .woocommerce ul.products li.product {
		border-radius: var(--sundari-radius-sm);
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	/* Legacy float columns disabled — grids use CSS Grid in sundari-fullbleed.css */
	body.sundari-theme .woocommerce ul.products.columns-4 li.product {
		width: 100%;
	}
}
