/* Minimal styles for marketplace homepage */
body { background: #0f1226; color: #e6e7f1; }
.navbar { background: #0c0f20 !important; }
.hero { padding: 80px 0 40px; background: linear-gradient(180deg,#101333,#0f1226); }
.filters { background:#0c0f20; border-radius:12px; padding:16px; }
.therapist-card { background:#121637; border:1px solid #1c224f; border-radius:16px; overflow:hidden; height:100%; display:flex; flex-direction:column; }
.therapist-photo { width:100%; height:220px; object-fit:cover; background:#0b0e24; }
.therapist-body { padding:16px; }
.badge-pill { background:#1b2353; color:#b2b8ff; border-radius:999px; padding:6px 10px; margin:4px 4px 0 0; display:inline-block; font-size:12px; }
.therapist-footer { display:flex; justify-content:space-between; align-items:center; padding:12px 16px; border-top:1px solid #1c224f; }
.btn-primary { background:#4b5cff; border:0; }
.btn-outline-light { border-color:#3a4274; color:#c7c9f9; }
.select, select, input { background:#0f1433 !important; color:#e6e7f1 !important; border-color:#263071 !important; }
.placeholder { color:#8b90c2; }

/* ========== Botones de menú estilo legacy ========== */
.menu-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.menu-btn { display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-radius:14px; border:1px solid #e5e7eb; color:#0f172a; text-decoration:none; background:#ffffff; box-shadow:0 6px 18px rgba(15,23,42,.08); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.menu-btn .label { font-weight:700; color:#0f172a; }
.menu-btn .icon { opacity:.9; color:#475569; }
.menu-btn:hover { transform:translateY(-2px); box-shadow:0 10px 26px rgba(15,23,42,.14); border-color:#cbd5e1; }
/* Variantes de color inspiradas en legacy */
.menu-btn.orange { background:linear-gradient(135deg,#ff8b5f,#ff6a3c); color:#fff; border-color:#ff7a45; }
.menu-btn.orange .label,.menu-btn.orange .icon { color:#fff; }
.menu-btn.orange:hover { box-shadow:0 10px 26px rgba(255,122,69,.35); }
.menu-btn.green { background:linear-gradient(135deg,#00c7a5,#00a17f); color:#fff; border-color:#00b894; }
.menu-btn.green .label,.menu-btn.green .icon { color:#fff; }
.menu-btn.green:hover { box-shadow:0 10px 26px rgba(0,184,148,.35); }
.menu-btn.blue { background:linear-gradient(135deg,#4f6bff,#4056e6); color:#fff; border-color:#4b5cff; }
.menu-btn.blue .label,.menu-btn.blue .icon { color:#fff; }
.menu-btn.blue:hover { box-shadow:0 10px 26px rgba(75,92,255,.35); }

/* Tema claro para el marketplace */
body.marketplace-light { background:#f7f8fb; color:#0f172a; }
body.marketplace-light .navbar { background:#ffffff !important; border-bottom:1px solid #e5e7eb; box-shadow:0 6px 24px rgba(15,23,42,.05); }
body.marketplace-light .navbar-brand, body.marketplace-light .nav-link { color:#0f172a !important; }
body.marketplace-light .navbar-toggler-icon { filter: invert(1); }
body.marketplace-light .hero { background: linear-gradient(180deg,#ffffff,#f3f4f6); }
body.marketplace-light .filters { background:#ffffff; border-radius:12px; padding:16px; border:1px solid #e5e7eb; box-shadow:0 10px 30px rgba(15,23,42,.06); }
body.marketplace-light .therapist-card { background:#ffffff; border:1px solid #e5e7eb; }
body.marketplace-light .therapist-body { color:#0f172a; }
body.marketplace-light .therapist-footer { border-top:1px solid #e5e7eb; }
body.marketplace-light .badge-pill { background:#e8ecf5; color:#111827; }
body.marketplace-light select, body.marketplace-light input { background:#ffffff !important; color:#0f172a !important; border-color:#d1d5db !important; }
body.marketplace-light .placeholder { color:#6b7280; }
body.marketplace-light h1, body.marketplace-light h5, body.marketplace-light p, body.marketplace-light label { color:#0f172a; }

/* Legacy block layout inside marketplace */
body.marketplace-light #legacy-home { background:#f7f8fb; }
body.marketplace-light #legacy-home .legacy-shell { background:#ffffff; border:1px solid #e5e7eb; border-radius:24px; box-shadow:0 12px 36px rgba(15,23,42,.08); padding:28px; }
body.marketplace-light #legacy-home .linktree-container { min-height:auto; background:transparent; padding:0; display:block; }
body.marketplace-light #legacy-home .legacy-hero { background:linear-gradient(135deg,#5d7cf7 0%,#5b3ea6 100%); color:#ffffff; border-radius:18px; padding:28px; box-shadow:0 12px 30px rgba(72,61,139,.35); }
body.marketplace-light #legacy-home .legacy-title { color:#ffffff; font-size:1.9rem; font-weight:800; margin-bottom:0.25rem; }
body.marketplace-light #legacy-home .legacy-subtitle { color:#e8e9ff; font-size:1.05rem; font-weight:600; margin-bottom:0.5rem; }
body.marketplace-light #legacy-home .legacy-description { color:#f5f6ff; font-size:0.95rem; margin-bottom:0; }
body.marketplace-light #legacy-home .legacy-ig { color:#f7e9ff; font-size:0.95rem; }
body.marketplace-light #legacy-home .linktree-buttons { display:flex; flex-direction:column; gap:14px; }
body.marketplace-light #legacy-home .linktree-btn { min-height:96px; border-radius:16px; border:1px solid #e5e7eb; box-shadow:0 10px 28px rgba(15,23,42,.08); }
body.marketplace-light #legacy-home .linktree-btn .btn-icon { font-size:1.4rem; }
body.marketplace-light #legacy-home .linktree-btn .btn-title { font-size:1.05rem; }
body.marketplace-light #legacy-home .linktree-btn .btn-description { font-size:0.9rem; }
body.marketplace-light #legacy-home .linktree-btn .fa-arrow-right { color:#475569; }
@media (max-width: 991px) {
	body.marketplace-light #legacy-home .legacy-shell { padding:20px; }
	body.marketplace-light #legacy-home .legacy-hero { margin-bottom:12px; }
}

/* Responsive polish for legacy block and added sections */
@media (max-width: 1199px) {
	body.marketplace-light #legacy-home .legacy-title { font-size:1.6rem; }
	body.marketplace-light #legacy-home .legacy-subtitle { font-size:1rem; }
}

@media (max-width: 991px) {
	body.marketplace-light #legacy-home .legacy-shell { padding:18px; }
	body.marketplace-light #legacy-home .legacy-hero { padding:18px; border-radius:12px; }
	body.marketplace-light #legacy-home .legacy-title { font-size:1.4rem; }
	body.marketplace-light #legacy-home .legacy-subtitle { font-size:0.98rem; }
	body.marketplace-light #legacy-home .legacy-description { font-size:0.95rem; }
	body.marketplace-light #legacy-home .legacy-ig { font-size:0.95rem; }
	body.marketplace-light #legacy-home .linktree-buttons { gap:12px; }
	body.marketplace-light #legacy-home .linktree-btn { min-height:72px; padding:12px; border-radius:12px; }
	body.marketplace-light #legacy-home .linktree-btn .btn-icon { font-size:1.25rem; margin-right:10px; }
	body.marketplace-light #legacy-home .linktree-btn .btn-title { font-size:1rem; }
	body.marketplace-light #legacy-home .linktree-btn .btn-description { font-size:0.85rem; }
}

@media (max-width: 575px) {
	/* Stack content vertically and increase tappable targets */
	body.marketplace-light #legacy-home .row.g-4 { gap:18px; }
	body.marketplace-light #legacy-home .col-lg-5,
	body.marketplace-light #legacy-home .col-lg-7 { flex: 0 0 100%; max-width:100%; }
	body.marketplace-light #legacy-home .legacy-hero { padding:16px; }
	body.marketplace-light #legacy-home .avatar-img { max-width:88px; height:auto; }
	body.marketplace-light #legacy-home .linktree-btn { min-height:64px; padding:10px; display:flex; align-items:center; }
	body.marketplace-light #legacy-home .linktree-btn .btn-content { display:flex; gap:12px; align-items:center; }
	body.marketplace-light #legacy-home .linktree-btn .fa-arrow-right { display:none; }
}

/* Ensure forms and masterclass section are full-width on small devices */
body.marketplace-light #login-section .card,
body.marketplace-light #masterclass-section .card,
body.marketplace-light #training-section .card { border-radius:12px; }

@media (max-width: 767px) {
	body.marketplace-light #masterclass-section .display-4 { font-size:1.6rem; }
	body.marketplace-light #login-section .card-body { padding:20px; }
}
