/* place your css rules here
More css-variables see in ./extensions/novator/storefront/view/novator/css/tm_style.css
*/

/* =========================================================
   A NEW AGE PHOENIX — NOVATOR CUSTOM STYLE
   Purple, gold, warm ivory, elegant metaphysical boutique
   ========================================================= */

/* Brand colors */
:root {
  --phoenix-purple: #5b4b8a;
  --phoenix-purple-dark: #2e2740;
  --phoenix-lavender: #b79bd8;
  --phoenix-gold: #d6b36a;
  --phoenix-gold-light: #ead9ab;
  --phoenix-ink: #2d2733;
  --phoenix-muted: #6c6275;
  --phoenix-ivory: #fffdfb;
  --phoenix-soft: #f4eef9;
}

/* Site background and readable type */
body {
  background: var(--phoenix-ivory);
  color: var(--phoenix-ink);
  font-family: Arial, "Helvetica Neue", sans-serif;
}

/* Headings: elegant, but uses safe installed serif fonts for now */
h1,
h2,
h3,
h4,
h5,
h6,
.card-title,
.product-thumb .name,
.product-layout .name {
  color: var(--phoenix-purple-dark);
  font-family: Georgia, "Times New Roman", serif;
}

/* Links */
a {
  color: var(--phoenix-purple);
}

a:hover,
a:focus {
  color: var(--phoenix-gold);
}

/* Header top bar */
.top-bar {
  background-color: var(--phoenix-purple) !important;
  color: #ffffff;
}

.top-bar a,
.top-bar .nav-link,
.top-bar .dropdown-toggle {
  color: #ffffff !important;
}

.top-bar a:hover,
.top-bar .nav-link:hover {
  color: var(--phoenix-gold-light) !important;
}

/* Main header / navigation */
header,
.header,
#header,
.mega_menu_header {
  background: var(--phoenix-ivory);
  border-bottom: 1px solid var(--phoenix-soft);
}

.mega_menu_header a,
.mega_menu_header .nav-link,
.mega_menu_header .nav > li > a {
  color: var(--phoenix-purple-dark);
  font-weight: 600;
}

.mega_menu_header a:hover,
.mega_menu_header .nav-link:hover,
.mega_menu_header .nav > li > a:hover {
  color: var(--phoenix-purple);
}

/* Primary buttons and add-to-cart buttons */
.btn-primary,
.btn-add-to-cart,
.button-primary,
button.btn-primary,
input.btn-primary {
  background-color: var(--phoenix-purple);
  border-color: var(--phoenix-purple);
  color: #ffffff;
  border-radius: 6px;
  box-shadow: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-add-to-cart:hover,
.button-primary:hover,
button.btn-primary:hover,
input.btn-primary:hover {
  background-color: var(--phoenix-gold);
  border-color: var(--phoenix-gold);
  color: var(--phoenix-purple-dark);
}

/* Secondary / outline buttons */
.btn-outline-primary,
.btn-outline-secondary {
  border-color: var(--phoenix-purple);
  color: var(--phoenix-purple);
  border-radius: 6px;
}

.btn-outline-primary:hover,
.btn-outline-secondary:hover {
  background-color: var(--phoenix-purple);
  border-color: var(--phoenix-purple);
  color: #ffffff;
}

/* Product cards */
.product-thumb,
.product-layout,
.card {
  background: #ffffff;
  border: 1px solid var(--phoenix-soft);
  border-radius: 12px;
  overflow: hidden;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.product-thumb:hover,
.product-layout:hover,
.card:hover {
  box-shadow: 0 8px 20px rgba(91, 75, 138, 0.15);
  transform: translateY(-2px);
}

/* Homepage hero / welcome section */
.phoenix-hero {
  background: linear-gradient(135deg, #2e2740, #5b4b8a);
  color: #fffdfb;
  padding: 72px 24px;
}

.phoenix-hero h1,
.phoenix-hero h2 {
  color: #ead9ab;
}

@media (max-width: 767px) {
  .product-thumb,
  .product-layout,
  .card {
    border-radius: 8px;
  }
}
}