/*
Theme Name: BeTheme Cuervito
Template: betheme
Version: 1.0.0
Author: After Hour Studio
Description: Cuervito Cósmico — child theme for BeTheme. Dark cosmic brand with lavender accents.
*/

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');

/* ── BRAND VARIABLES ─────────────────────────────────────────────────────── */
:root {
  --cc-deep:     #160A30;
  --cc-mid:      #2D1A5E;
  --cc-lav:      #C4A8F5;
  --cc-lavlight: #E8DCFF;
  --cc-lavdark:  #7F77DD;
  --cc-mint:     #A8F0C4;
  --cc-gold:     #F5D76E;
  --cc-pink:     #F0A8C8;
  --cc-white:    #FDF9FF;
  --cc-ink:      #1A0A3A;
}

/* ── GLOBAL TYPOGRAPHY ────────────────────────────────────────────────────── */
body,
.woocommerce,
.woocommerce-page {
  font-family: 'Nunito', system-ui, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.mfn-builder-content h1,
.mfn-builder-content h2,
.mfn-builder-content h3 {
  font-family: 'Nunito', system-ui, sans-serif !important;
  font-weight: 900 !important;
}

/* ── SITE BACKGROUND ──────────────────────────────────────────────────────── */
body {
  background-color: var(--cc-deep) !important;
  color: var(--cc-white) !important;
}

/* ── NAVIGATION ───────────────────────────────────────────────────────────── */
#Top_bar,
.mfn-header-tmpl {
  background: rgba(22, 10, 48, 0.96) !important;
  backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid rgba(196, 168, 245, 0.18) !important;
  height: 68px !important;
}

#Top_bar .menu > li > a,
.mfn-header-tmpl .mfn-nav a {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  color: rgba(255, 255, 255, 0.65) !important;
  letter-spacing: 0.3px !important;
}

#Top_bar .menu > li > a:hover,
.mfn-header-tmpl .mfn-nav a:hover {
  color: var(--cc-lav) !important;
}

/* ── BUTTONS — PRIMARY ────────────────────────────────────────────────────── */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt,
.button_theme,
a.button_theme,
input[type=submit] {
  background: var(--cc-lav) !important;
  color: var(--cc-deep) !important;
  border: none !important;
  border-radius: 50px !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  padding: 12px 28px !important;
  transition: transform 0.15s, box-shadow 0.15s !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .button.alt:hover,
.button_theme:hover,
a.button_theme:hover,
input[type=submit]:hover {
  background: var(--cc-lav) !important;
  color: var(--cc-deep) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 28px rgba(196, 168, 245, 0.4) !important;
}

/* ── WOOCOMMERCE PRODUCT GRID ─────────────────────────────────────────────── */
.woocommerce ul.products li.product {
  background: #ffffff !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  border: none !important;
  box-shadow: 0 4px 20px rgba(22, 10, 48, 0.3) !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
}

.woocommerce ul.products li.product:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 36px rgba(22, 10, 48, 0.5) !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 900 !important;
  color: var(--cc-ink) !important;
}

/* ── WOOCOMMERCE PRICE ────────────────────────────────────────────────────── */
.woocommerce .price,
.woocommerce ul.products li.product .price {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 900 !important;
  color: var(--cc-lavdark) !important;
}

/* ── SINGLE PRODUCT PAGE ──────────────────────────────────────────────────── */
.woocommerce div.product .product_title {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 900 !important;
  color: var(--cc-white) !important;
}

.woocommerce div.product .woocommerce-product-details__short-description,
.woocommerce div.product p {
  font-family: 'Nunito', sans-serif !important;
  color: rgba(253, 249, 255, 0.75) !important;
}

.woocommerce div.product form.cart .variations td.value select,
.woocommerce div.product form.cart .variations td.label {
  font-family: 'Nunito', sans-serif !important;
  color: var(--cc-white) !important;
}

/* ── VARIATION SWATCHES (SIZE BUTTONS) ───────────────────────────────────── */
.wvs-style-button .swatch-item-wrapper .swatch {
  background: rgba(196, 168, 245, 0.1) !important;
  border: 1.5px solid rgba(196, 168, 245, 0.35) !important;
  border-radius: 20px !important;
  color: var(--cc-lavlight) !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
}

.wvs-style-button .swatch-item-wrapper.selected .swatch,
.wvs-style-button .swatch-item-wrapper .swatch:hover {
  background: var(--cc-lav) !important;
  border-color: var(--cc-lav) !important;
  color: var(--cc-deep) !important;
}

/* ── CART & CHECKOUT ──────────────────────────────────────────────────────── */
.woocommerce-cart table.cart,
.woocommerce-checkout form.checkout {
  background: rgba(45, 26, 94, 0.4) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(196, 168, 245, 0.15) !important;
}

.woocommerce-cart table.cart th,
.woocommerce-cart .cart-collaterals h2,
.woocommerce-checkout h3 {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 900 !important;
  color: var(--cc-lavlight) !important;
}

.woocommerce form .form-row label {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  color: var(--cc-lavlight) !important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
  background: rgba(22, 10, 48, 0.6) !important;
  border: 1px solid rgba(196, 168, 245, 0.3) !important;
  border-radius: 8px !important;
  color: var(--cc-white) !important;
  font-family: 'Nunito', sans-serif !important;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus {
  border-color: var(--cc-lav) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(196, 168, 245, 0.2) !important;
}

/* ── ORDER CONFIRMATION ───────────────────────────────────────────────────── */
.woocommerce-order-received h2,
.woocommerce-order-received .woocommerce-thankyou-order-received {
  font-family: 'Nunito', sans-serif !important;
  color: var(--cc-lavlight) !important;
}

/* ── MY ACCOUNT ───────────────────────────────────────────────────────────── */
.woocommerce-MyAccount-navigation ul {
  background: rgba(45, 26, 94, 0.4) !important;
  border-radius: 16px !important;
  border: 1px solid rgba(196, 168, 245, 0.15) !important;
  overflow: hidden !important;
}

.woocommerce-MyAccount-navigation ul li a {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  color: rgba(253, 249, 255, 0.65) !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
  color: var(--cc-lav) !important;
}

/* ── STAR ANIMATION ───────────────────────────────────────────────────────── */
.cc-stars {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.cc-star {
  position: absolute;
  border-radius: 50%;
  background: white;
  animation: cc-twinkle 3s infinite;
}

@keyframes cc-twinkle {
  0%, 100% { opacity: 0.25; transform: scale(1); }
  50%       { opacity: 1;    transform: scale(1.5); }
}

/* ── FLOATING CHARACTER ANIMATION ─────────────────────────────────────────── */
@keyframes cc-float {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-12px); }
}

.cc-float { animation: cc-float 5s ease-in-out infinite; }
.cc-float-delay-1 { animation-delay: 1.3s; }
.cc-float-delay-2 { animation-delay: 2.6s; }

/* ── PRODUCT CARD CHARACTER BACKGROUNDS ───────────────────────────────────── */
.cc-bg-galileo-warm   { background: linear-gradient(160deg, #F8E8CC, #E8D0A8); }
.cc-bg-galileo-rose   { background: linear-gradient(160deg, #FDE4F0, #F5B8CF); }
.cc-bg-galileo-sage   { background: linear-gradient(160deg, #E0F5E0, #B8E8B8); }
.cc-bg-alfredo-amber  { background: linear-gradient(160deg, #FDE8C0, #F8C878); }
.cc-bg-crow-dark      { background: linear-gradient(160deg, #2A2A3A, #444444); }
.cc-bg-slate          { background: linear-gradient(160deg, #DDD6F8, #C5BBF0); }

/* ── SECTION CONTAINERS ────────────────────────────────────────────────────── */
.cc-section {
  position: relative;
  z-index: 1;
  padding: 3rem 2.5rem;
}

.cc-section-title {
  font-family: 'Nunito', sans-serif;
  font-weight: 900;
  font-size: 2rem;
  color: var(--cc-white);
  margin-bottom: 0.5rem;
}

.cc-section-sub {
  font-size: 0.9rem;
  color: rgba(253, 249, 255, 0.55);
  margin-bottom: 2rem;
}

/* ── COMING SOON OVERLAY ───────────────────────────────────────────────────── */
.cc-coming-soon {
  position: relative;
  pointer-events: none;
}

.cc-coming-soon::after {
  content: 'Coming Soon';
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(22, 10, 48, 0.7);
  backdrop-filter: blur(4px);
  border-radius: inherit;
  font-family: 'Nunito', sans-serif;
  font-weight: 900;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  color: var(--cc-lavlight);
  text-transform: uppercase;
}

/* ── TAGS / BADGES ─────────────────────────────────────────────────────────── */
.cc-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(196, 168, 245, 0.12);
  border: 1px solid rgba(196, 168, 245, 0.4);
  border-radius: 20px;
  padding: 4px 12px;
  font-family: 'Nunito', sans-serif;
  font-weight: 800;
  font-size: 11px;
  letter-spacing: 0.7px;
  color: var(--cc-lav);
}

/* ── FOOTER ────────────────────────────────────────────────────────────────── */
#Footer {
  background: var(--cc-deep) !important;
  border-top: 1px solid rgba(196, 168, 245, 0.12) !important;
}

#Footer .footer_copy,
#Footer .footer_copy a {
  font-family: 'Nunito', sans-serif !important;
  color: rgba(253, 249, 255, 0.4) !important;
  font-size: 12px !important;
}

/* ── COOKIE NOTICE ─────────────────────────────────────────────────────────── */
#cookie-notice .cn-button {
  background: var(--cc-lav) !important;
  color: var(--cc-deep) !important;
  border-radius: 50px !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 900 !important;
}