/*
Theme Name: Mystara
Theme URI: https://mystaraayurveda.com
Author: Mystara Pvt. Ltd.
Author URI: https://mystaraayurveda.com
Description: Mystara — a luxury Ayurveda block theme (Full Site Editing) for WooCommerce. "Timeless beauty rooted in ancient wisdom." Built for skincare, haircare and travel-beauty commerce: WooCommerce-ready, Razorpay-compatible, SEO-clean, and compatible with Site Kit by Google (Analytics 4, Search Console, Ads/AdSense), Yoast, Rank Math, JetEngine, Toolset and other standards-based plugins. Gutenberg / block-editor native.
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mystara
Tags: full-site-editing, block-patterns, e-commerce, custom-colors, custom-logo, custom-menu, featured-images, editor-style, block-styles, wide-blocks, translation-ready, blog, portfolio
*/

/*
 * Most styling lives in theme.json (the block-theme way).
 * This file carries a few refinements that theme.json cannot express
 * cleanly, plus WooCommerce polish. It is enqueued from functions.php.
 */

:root {
  --mystara-gold: #b9892d;
  --mystara-gold-soft: #c6a15b;
  --mystara-ink: #3a342c;
  --mystara-sand: #d7c7b1;
  --mystara-sage: #9faf92;
  --mystara-moss: #556b4f;
  --mystara-amber: #c97a2e;
}

/* ---- Global refinements ---- */
body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a {
  text-underline-offset: 0.18em;
  transition: color .25s ease, opacity .25s ease, background-color .25s ease;
}

/* Uppercase micro-labels (nav, eyebrows, badges) */
.is-style-eyebrow,
.mystara-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.22em;
  font-size: 0.72rem;
  font-weight: 500;
}

/* Thin gold rule used as a divider */
.mystara-rule {
  width: 64px;
  height: 1px;
  background: var(--mystara-gold);
  border: 0;
  margin-block: 1.25rem;
}

/* Navigation: refined letter-spacing + gold hover */
.wp-block-navigation {
  font-family: var(--wp--preset--font-family--body);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.8rem;
}
.wp-block-navigation .wp-block-navigation-item__content:hover {
  color: var(--mystara-gold);
}

/* Buttons: quiet luxury — squared, slim, letter-spaced */
.wp-block-button__link {
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.78rem;
  font-weight: 500;
  border-radius: 0;
  padding-block: 0.95em;
  padding-inline: 2.1em;
}
.is-style-outline .wp-block-button__link {
  border-width: 1px;
}

/* Site title / logo wordmark */
.wp-block-site-title a {
  font-family: var(--wp--preset--font-family--display);
  letter-spacing: 0.28em;
  text-transform: uppercase;
  font-weight: 500;
}

/* ---- WooCommerce polish (applies once Woo is active) ---- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  text-align: center;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--wp--preset--font-family--display);
  font-weight: 500;
  font-size: 1.15rem;
  padding-top: .6em;
}
.woocommerce ul.products li.product .price {
  color: var(--mystara-ink);
  font-size: 0.98rem;
}
.woocommerce span.onsale {
  background: var(--mystara-gold);
  color: #fff;
  border-radius: 0;
  min-height: auto;
  min-width: auto;
  padding: .35em .75em;
  font-size: .68rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  line-height: 1;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: var(--mystara-ink);
  color: #fff;
  border-radius: 0;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.78rem;
  font-weight: 500;
  padding: 1em 2em;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
  background: var(--mystara-gold);
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--mystara-ink);
  font-size: 1.4rem;
}
.woocommerce .star-rating span::before,
.woocommerce p.stars a::before { color: var(--mystara-gold); }

/* Quantity + inputs */
.woocommerce .quantity input,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text {
  border: 1px solid var(--mystara-sand);
  border-radius: 0;
  padding: .7em .8em;
  background: #fff;
}

/* Notices in brand tone */
.woocommerce-message,
.woocommerce-info { border-top-color: var(--mystara-gold); }

/* Skip-link a11y */
.skip-link.screen-reader-text {
  position: absolute;
  left: -9999px;
  top: 0;
}
.skip-link.screen-reader-text:focus {
  left: 6px;
  top: 6px;
  z-index: 100000;
  background: #fff;
  color: var(--mystara-ink);
  padding: .6em 1em;
  border: 1px solid var(--mystara-gold);
}