/*
Theme Name: Imported Wear
Theme URI: https://importedwear.in
Author: Imported Wear
Description: Light luxury child theme for Imported Wear — premium imported fashion on WooCommerce.
Template: twentytwentyfive
Version: 1.2.1
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Text Domain: importedwear
Tags: e-commerce, woocommerce, block-theme, full-site-editing
*/

/**
 * Imported Wear — base child theme styles.
 */

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Outline button variant */
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent !important;
	border: 1px solid var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--contrast) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--base) !important;
}

/* Navigation links */
.importedwear-nav .wp-block-navigation-item__content {
	color: var(--wp--preset--color--contrast);
}

.importedwear-nav .wp-block-navigation-item__content:hover {
	color: #333333;
}

/* Sticky header */
.importedwear-header {
	position: sticky;
	top: 0;
	z-index: 100;
	backdrop-filter: blur(12px);
	background-color: rgba(255, 255, 255, 0.92) !important;
}

/* Eyebrow / section labels */
.importedwear-eyebrow,
p[style*="text-transform:uppercase"].has-contrast-color {
	letter-spacing: 0.15em;
	font-weight: 500;
}

/* Primary buttons — solid black */
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--base) !important;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
	background: #333333 !important;
}

/* Selection color */
::selection {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

/* Homepage hero title — beat global-styles heading color */
.iw-home-hero .iw-home-hero__title,
.iw-home-hero h1.iw-home-hero__title {
	color: #ffffff !important;
	font-weight: 800 !important;
	line-height: 1.05 !important;
	font-size: clamp(2.75rem, 8vw, 5.75rem) !important;
}
