/* ============================================================
   Michelle B. Luxury Dresses — Shoptet Custom Theme CSS
   Verze: 1.1 | Autor: Manus AI, Chatgpt, minimal
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Montserrat:wght@300;400;500;600&display=swap');

:root {
  --mb-pink: #d4607a;
  --mb-pink-dark: #b84060;
  --mb-gold: #c9a84c;
}

/* Jen nadpisy v obsahu, ne hlavička/menu */
#content h1,
#content h2,
#content h3 {
  font-family: 'Cormorant Garamond', Georgia, serif;
}

/* Jen produktové názvy */
#content .p-name,
#content .product-name {
  font-family: 'Cormorant Garamond', Georgia, serif;
}

/* Jen tlačítko koupit / košík, ne obecné .btn-primary */
#content .btn-add-to-cart,
#content button.add-to-cart-button {
  background: var(--mb-pink) !important;
  border-color: var(--mb-pink) !important;
  border-radius: 999px !important;
}

#content .btn-add-to-cart:hover,
#content button.add-to-cart-button:hover {
  background: var(--mb-pink-dark) !important;
  border-color: var(--mb-pink-dark) !important;
}

/* Jen ceny */
#content .p-price,
#content .product-price {
  color: var(--mb-pink);
  font-weight: 600;
}
body.mb-scrolled #header {
  box-shadow: 0 4px 20px rgba(200,80,122,.16);
}
/* ===== MOBILNI MENU – JEN VZHLED, BEZ LAYOUTU ===== */
@media (max-width: 768px) {

  .navigation-window,
  .navigation-window-visible,
  .navigation-in,
  #navigation {
    background-color: rgba(200, 80, 122, 0.96) !important;
  }

  .navigation-window a,
  .navigation-window-visible a,
  .navigation-in a,
  #navigation a,
  .navigation-window span,
  .navigation-window-visible span,
  #navigation span {
    color: #fff !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-size: 1.15rem !important;
  }

  .navigation-window li,
  .navigation-window-visible li,
  #navigation li {
    border-color: rgba(255,255,255,0.25) !important;
  }
}

/* ===== FIX VYSKY MENU ===== */
@media (max-width: 768px) {

  #navigation .navigation-in {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #navigation .navigation-in.menu {
    height: auto !important;
  }
}