/*
Theme Name: Unicraft
Theme URI: https://vishwas.me/
Description: A modern, modular child theme for Astra tailored for school, corporate, and institutional uniform e-commerce. Built with rich aesthetic styling, responsive layouts, and seamless WooCommerce & Razorpay readiness.
Author: Vishwas R
Author URI: https://vishwas.me/
Template: astra
Version: 1.0.0
Text Domain: unicraft
Tags: e-commerce, custom-colors, custom-menu, full-width-template, theme-options, translation-ready
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* ==========================================================================
   Unicraft Core Design System Variables & Base Overrides
   ========================================================================== */

:root {
	/* Palette: Deep Navy & Warm Amber / Gold for Institutional Excellence */
	--uc-primary: #1e3a8a;          /* Deep Regal Navy */
	--uc-primary-hover: #172554;    /* Midnight Navy */
	--uc-primary-light: #eff6ff;    /* Soft Frost Blue */
	--uc-accent: #f59e0b;           /* School Gold / Amber */
	--uc-accent-hover: #d97706;     /* Deep Amber */
	--uc-accent-soft: #fef3c7;      /* Warm Gold Glow */
	--uc-dark: #0f172a;             /* Slate 900 */
	--uc-slate: #475569;            /* Slate 600 */
	--uc-border: #e2e8f0;           /* Soft Border */
	--uc-surface: #ffffff;          /* Pure White */
	--uc-surface-alt: #f8fafc;      /* Clean Canvas Background */
	--uc-success: #10b981;          /* Emerald Success */
	--uc-radius-sm: 6px;
	--uc-radius-md: 10px;
	--uc-radius-lg: 16px;
	--uc-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08);
	--uc-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);
	--uc-shadow-lg: 0 10px 25px rgba(15, 23, 42, 0.12);
}

/* ==========================================================================
   Header & Navigation Accents
   ========================================================================== */

.site-header {
	border-bottom: 1px solid var(--uc-border);
	transition: all 0.3s ease;
}

.main-header-menu .menu-link {
	font-weight: 500;
	transition: color 0.2s ease;
}

/* ==========================================================================
   Buttons & CTAs
   ========================================================================== */

.ast-button,
.button,
button.button,
input[type="button"].button,
input[type="submit"].button {
	border-radius: var(--uc-radius-md) !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em;
	transition: all 0.25s ease !important;
}

.button:hover,
.ast-button:hover {
	transform: translateY(-1px);
	box-shadow: var(--uc-shadow-md);
}

/* ==========================================================================
   WooCommerce Uniform Enhancements
   ========================================================================== */

/* Constrain WooCommerce Shop & Product Archive to container */
body.woocommerce-shop,
body.woocommerce.archive,
body.tax-product_cat,
body.tax-product_tag {
	background-color: #f7f9fc !important;
}

body.woocommerce-shop #content.site-content,
body.woocommerce.archive #content.site-content,
body.tax-product_cat #content.site-content,
body.tax-product_tag #content.site-content {
	background-color: #f7f9fc !important;
	padding-top: 1.5rem !important;
	padding-bottom: 3.5rem !important;
}

body.woocommerce-shop #primary,
body.woocommerce.archive #primary,
body.tax-product_cat #primary,
body.tax-product_tag #primary,
body.woocommerce-shop .ast-woocommerce-container,
body.woocommerce.archive .ast-woocommerce-container {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

.woocommerce ul.products li.product {
	border-radius: 1.15rem;
	overflow: hidden;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	border: 1px solid var(--line, #e1e7f0);
	background: #ffffff;
	padding: 0.85rem;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	height: 100% !important;
	box-sizing: border-box;
}

.woocommerce ul.products li.product:hover {
	transform: translateY(-5px);
	box-shadow: 0 16px 36px rgba(15, 35, 71, .1);
	border-color: rgba(193, 154, 62, 0.45);
}

/* Enforce strict square (1:1) aspect ratio on all product image wrappers */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap,
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
	width: 100% !important;
	aspect-ratio: 1 / 1 !important;
	overflow: hidden !important;
	border-radius: 0.85rem !important;
	margin-bottom: 0.75rem !important;
	background: var(--mist, #f4f6fa) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative !important;
}

/* Enforce square object-fit: cover on product images */
.woocommerce ul.products li.product img,
.woocommerce ul.products li.product .attachment-woocommerce_thumbnail,
.woocommerce ul.products li.product .wp-post-image {
	width: 100% !important;
	height: 100% !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
	border-radius: 0.85rem !important;
	transition: transform 0.45s ease !important;
}

.woocommerce ul.products li.product:hover img {
	transform: scale(1.05) !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: 'Newsreader', Georgia, serif !important;
	font-size: 1.12rem !important;
	font-weight: 600 !important;
	color: var(--navy, #0f2347) !important;
	margin: 0.25rem 0 0.35rem 0 !important;
	line-height: 1.3 !important;
	min-height: 2.7em !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
}

.woocommerce ul.products li.product .price {
	font-weight: 700 !important;
	color: var(--navy, #0f2347) !important;
	font-size: 1.15rem !important;
	margin-top: auto !important;
	margin-bottom: 0.85rem !important;
	display: block !important;
}

.woocommerce ul.products li.product .button {
	width: 100% !important;
	border-radius: 50rem !important;
	background: var(--navy, #0f2347) !important;
	color: #ffffff !important;
	font-weight: 600 !important;
	font-size: 0.88rem !important;
	padding: 0.65rem 1rem !important;
	border: 1px solid var(--navy, #0f2347) !important;
	transition: all 0.25s ease !important;
	text-align: center !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.45rem !important;
	box-shadow: 0 2px 6px rgba(15, 35, 71, 0.08) !important;
}

.woocommerce ul.products li.product .button:hover {
	background: var(--gold, #c19a3e) !important;
	border-color: var(--gold, #c19a3e) !important;
	color: #07152b !important;
	box-shadow: 0 6px 18px rgba(193, 154, 62, 0.3) !important;
	transform: translateY(-1px) !important;
}

.woocommerce span.onsale {
	background-color: var(--gold, #c19a3e) !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	border-radius: var(--uc-radius-sm) !important;
	padding: 4px 10px !important;
	min-height: auto !important;
	line-height: 1.4 !important;
	font-size: 0.75rem !important;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

/* Uniform Category Tag Pill */
.uc-uniform-badge {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 600;
	padding: 3px 8px;
	border-radius: 9999px;
	background: var(--uc-primary-light);
	color: var(--uc-primary);
	margin-bottom: 6px;
}