/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.5.1.1792807547
Updated: 2026-10-24 02:05:47

*/


/*
 * AuraNova — Global Brand Styles
 * Colors: Lavender, vibrant purple, deep violet
 * Headings: Berkshire Swash
 * Body/UI: Nunito Sans
 */

/* 1. Global design tokens */
:root {
  --auranova-background: #F3E8FF;
  --auranova-primary: #B332EE;
  --auranova-secondary: #311B92;
  --auranova-text: #311B92;
  --auranova-font-heading: "Berkshire Swash", cursive;
  --auranova-font-body: "Nunito Sans", sans-serif;
}

/* 2. Global page background and typography */
html,
body {
  background-color: var(--auranova-background);
  color: var(--auranova-text);
  font-family: var(--auranova-font-body);
}

body,
button,
input,
select,
textarea {
  font-family: var(--auranova-font-body);
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  font-family: var(--auranova-font-heading);
  color: var(--auranova-secondary);
}

/* 3. Links */
a {
  color: var(--auranova-primary);
}

a:hover,
a:focus {
  color: var(--auranova-secondary);
}

/* 4. Buttons */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.button,
.wp-element-button,
.elementor-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce ul.products li.product a.button {
  background-color: var(--auranova-primary);
  color: #FFFFFF;
  font-family: var(--auranova-font-body);
  border-color: var(--auranova-primary);
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.button:hover,
.wp-element-button:hover,
.elementor-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background-color: var(--auranova-secondary);
  color: #FFFFFF;
  border-color: var(--auranova-secondary);
}

/* 5. Form fields and search */
input,
select,
textarea,
.woocommerce input.input-text,
.woocommerce .quantity .qty {
  font-family: var(--auranova-font-body);
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--auranova-primary);
  outline-color: var(--auranova-primary);
}

/* 6. WooCommerce product cards */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  font-family: var(--auranova-font-heading);
  color: var(--auranova-secondary);
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--auranova-primary);
  font-family: var(--auranova-font-body);
}

/* 7. Elementor text and navigation */
.elementor-widget-text-editor,
.elementor-widget-icon-list,
.elementor-nav-menu,
.elementor-nav-menu a,
.elementor-button,
.elementor-widget-woocommerce-products {
  font-family: var(--auranova-font-body);
}

/* 8. Keep content readable */
::placeholder {
  font-family: var(--auranova-font-body);
  opacity: 0.75;
}



/* =========================================
   AURANOVA: SEARCH RESULTS PRODUCT GRID
   Four columns on desktop, two on mobile
   ========================================= */

.an-search-results ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
  margin: 24px 0 !important;
  padding: 0 !important;
}

.an-search-results ul.products li.product {
  float: none !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.an-search-results ul.products li.product img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

@media (max-width: 767px) {
  .an-search-results ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}


/* =========================================
   AURANOVA: SINGLE PRODUCT PAGE
   ========================================= */

body.single-product,
body.single-product #page,
body.single-product .site-main {
  background-color: #F3E8FF !important;
  color: #311B92;
  font-family: "Nunito Sans", sans-serif !important;
}

.single-product h1,
.single-product h2,
.single-product h3,
.single-product h4,
.single-product .product_title,
.single-product .woocommerce-tabs .panel h2 {
  font-family: "Nunito Sans", cursive !important;
  color: #311B92 !important;
}

.single-product .summary,
.single-product .summary p,
.single-product .woocommerce-product-details__short-description,
.single-product .woocommerce-tabs,
.single-product .woocommerce-tabs p,
.single-product .woocommerce-breadcrumb {
  font-family: "Nunito Sans", sans-serif !important;
  color: #311B92;
}

.single-product .summary .price,
.single-product .summary .price .amount {
  color: #B332EE !important;
  font-family: "Nunito Sans", sans-serif !important;
}

.single-product .single_add_to_cart_button,
.single-product .summary button.button {
  background-color: #B332EE !important;
  border-color: #B332EE !important;
  color: #FFFFFF !important;
  font-family: "Nunito Sans", sans-serif !important;
}

.single-product .single_add_to_cart_button:hover,
.single-product .summary button.button:hover {
  background-color: #311B92 !important;
  border-color: #311B92 !important;
  color: #FFFFFF !important;
}





/* AuraNova: force lavender background across the entire product page */
body.single-product,
body.single-product #page,
body.single-product #content,
body.single-product main,
body.single-product .site-main,
body.single-product .elementor,
body.single-product .elementor-location-single,
body.single-product .elementor-section-wrap,
body.single-product .elementor-section,
body.single-product .elementor-container,
body.single-product .elementor-widget-wrap,
body.single-product .e-con,
body.single-product .woocommerce,
body.single-product div.product {
  background-color: #F3E8FF !important;
}


/* AuraNova: Nunito Sans product titles in search results only */
.an-search-results ul.products li.product .woocommerce-loop-product__title,
.an-search-results ul.products li.product h2,
.an-search-results ul.products li.product h3 {
  font-family: "Nunito Sans", sans-serif !important;
  color: #311B92 !important;
}

/* AuraNova: smaller Nunito Sans product titles in search results */
.an-search-results ul.products li.product .woocommerce-loop-product__title,
.an-search-results ul.products li.product h2,
.an-search-results ul.products li.product h3 {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: #311B92 !important;
}


/* =========================================
   AURANOVA: UNIFORM WOOCOMMERCE BUTTONS
   Normal size, consistent styling site-wide
   ========================================= */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.add_to_cart_button,
.woocommerce a.product_type_simple,
.woocommerce a.product_type_variable,
.woocommerce a.product_type_grouped,
.woocommerce a.product_type_external,
.woocommerce button.single_add_to_cart_button,
.woocommerce div.product form.cart button,
.woocommerce ul.products li.product a.button {
  display: inline-flex !important;
  width: auto !important;
  min-width: 120px !important;
  min-height: 40px !important;
  padding: 9px 18px !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;

  background-color: #B332EE !important;
  color: #FFFFFF !important;
  border: 1px solid #B332EE !important;
  border-radius: 8px !important;

  font-family: "Nunito Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

/* Hover state */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce ul.products li.product a.button:hover,
.woocommerce button.single_add_to_cart_button:hover,
.woocommerce div.product form.cart button:hover {
  background-color: #311B92 !important;
  border-color: #311B92 !important;
  color: #FFFFFF !important;
}

/* Prevent buttons from overflowing on small screens */
@media (max-width: 767px) {
  .woocommerce ul.products li.product a.button {
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 9px 12px !important;
    font-size: 13px !important;
    white-space: normal !important;
  }
}