/* ═══ FloresYa — Menú Móvil Estilos ═══════════════════
   Tema: floresya-blocksy-child
   Brand rose: #c0284e | Dark: #1a1a1a | Hover bg: #fdf0f3
   ════════════════════════════════════════════════════ */

/* ── Links del menú — color base ──────────────────── */
.ct-header-menu a,
.ct-mobile-menu a,
nav.ct-navigation a {
  color: #1a1a1a;
  transition: color 0.2s ease;
}

/* ── Hover — rose brand ────────────────────────────── */
.ct-header-menu a:hover,
.ct-mobile-menu a:hover,
nav.ct-navigation a:hover {
  color: #c0284e !important;
}

/* ── Item activo (página actual) ───────────────────── */
.ct-header-menu .current-menu-item > a,
.ct-mobile-menu .current-menu-item > a,
nav.ct-navigation .current-menu-item > a,
.ct-header-menu .current_page_item > a,
.ct-mobile-menu .current_page_item > a {
  color: #c0284e !important;
  font-weight: 600;
}

/* ── Indicador activo (línea/dot bajo el item) ─────── */
.ct-header-menu .current-menu-item > a::after,
nav.ct-navigation .current-menu-item > a::after {
  background-color: #c0284e !important;
}

/* ── Menú móvil — panel fondo ──────────────────────── */
.ct-mobile-menu,
.ct-mobile-menu .menu-item,
[data-device="mobile"] .ct-navigation {
  background: #fff;
}

/* ── Menú móvil — separador entre items ────────────── */
.ct-mobile-menu .menu-item + .menu-item {
  border-top: 1px solid #f0e8ea;
}

/* ── Item especial: Día de las Madres (con 🌸) ─────── */
.ct-mobile-menu a[href*="dia-de-las-madres"],
.ct-header-menu a[href*="dia-de-las-madres"],
nav.ct-navigation a[href*="dia-de-las-madres"] {
  color: #c0284e !important;
  font-weight: 600;
}

/* ── Hamburger / toggle — color rose ──────────────── */
.ct-toggle-dropdown-mobile,
.ct-menu-toggle,
button.ct-toggle-dropdown-mobile {
  color: #c0284e;
}

/* ── Logo / marca: asegurar que se vea en móvil ───── */
@media (max-width: 768px) {
  .ct-header-menu a,
  .ct-mobile-menu a {
    padding: 12px 0;
    display: block;
    font-size: 16px;
  }
}