/* MamSad Front — стили шорткодов плагинов (в дизайне темы MamSad) */

.kg-shortcode {
  --kgf-blue: #2f6bff;
  --kgf-blue-soft: #eaf1ff;
  --kgf-green: #16a34a;
  --kgf-ink: #12203a;
  --kgf-muted: #64748b;
  --kgf-line: #e6ecf5;
  --kgf-radius: 16px;
  --kgf-shadow: 0 12px 30px rgba(18, 32, 58, 0.08);
  color: var(--kgf-ink);
}

.kg-shortcode .kg-sc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
  margin: 18px 0;
}
.kg-sc-card {
  background: #fff;
  border: 1px solid var(--kgf-line);
  border-radius: var(--kgf-radius);
  box-shadow: var(--kgf-shadow);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.kg-sc-card h3 { margin: 0; font-size: 16px; }
.kg-sc-card h3 a { color: var(--kgf-ink); text-decoration: none; }
.kg-sc-card__meta { font-size: 13px; color: var(--kgf-muted); display: flex; flex-direction: column; gap: 3px; }
.kg-sc-card__price { font-weight: 800; font-size: 16px; }
.kg-sc-card__price small { font-weight: 500; color: var(--kgf-muted); }
.kg-sc-stars { color: #f59e0b; font-size: 13px; }
.kg-sc-badge {
  align-self: flex-start;
  background: var(--kgf-blue-soft);
  color: #1f54d6;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 700;
}
.kg-sc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--kgf-blue);
  color: #fff !important;
  border: 0;
  border-radius: 10px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}
.kg-sc-btn:hover { background: #1f54d6; }
.kg-sc-btn--outline { background: #fff; color: var(--kgf-ink) !important; border: 1px solid var(--kgf-line); }

/* Формы (запись, фильтры) */
.kg-sc-form {
  display: grid;
  gap: 12px;
  background: #fff;
  border: 1px solid var(--kgf-line);
  border-radius: var(--kgf-radius);
  box-shadow: var(--kgf-shadow);
  padding: 18px;
  max-width: 560px;
}
.kg-sc-form label { font-size: 13px; font-weight: 700; display: block; margin-bottom: 4px; }
.kg-sc-form input,
.kg-sc-form select,
.kg-sc-form textarea {
  width: 100%;
  border: 1px solid var(--kgf-line);
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 14px;
}
.kg-sc-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  background: #fff;
  border: 1px solid var(--kgf-line);
  border-radius: var(--kgf-radius);
  padding: 14px;
  box-shadow: var(--kgf-shadow);
}
.kg-sc-filters select, .kg-sc-filters input { border: 1px solid var(--kgf-line); border-radius: 10px; padding: 9px 12px; }

/* Карта */
.kg-sc-map { height: 440px; border-radius: var(--kgf-radius); border: 1px solid var(--kgf-line); overflow: hidden; }

/* Календарь */
.kg-sc-calendar { width: 100%; border-collapse: collapse; background: #fff; border-radius: var(--kgf-radius); overflow: hidden; box-shadow: var(--kgf-shadow); }
.kg-sc-calendar th { background: #f4f7fd; padding: 10px; font-size: 12px; text-transform: uppercase; color: var(--kgf-muted); }
.kg-sc-calendar td { border: 1px solid var(--kgf-line); vertical-align: top; padding: 8px; height: 84px; font-size: 13px; }
.kg-sc-calendar .kg-sc-event { display: block; margin-top: 4px; background: var(--kgf-blue-soft); color: #1f54d6; border-radius: 8px; padding: 3px 7px; font-size: 11.5px; text-decoration: none; }

/* Личный кабинет */
.kg-sc-account { display: grid; grid-template-columns: 220px 1fr; gap: 18px; }
.kg-sc-account__nav { display: flex; flex-direction: column; gap: 4px; }
.kg-sc-account__nav a { padding: 10px 14px; border-radius: 10px; color: var(--kgf-ink); text-decoration: none; font-weight: 600; font-size: 14px; }
.kg-sc-account__nav a.is-active, .kg-sc-account__nav a:hover { background: var(--kgf-blue-soft); color: #1f54d6; }

/* Чат-виджет */
.kg-chat-bubble { position: fixed; right: 22px; bottom: 22px; z-index: 9999; }
.kg-chat-bubble__btn { width: 56px; height: 56px; border-radius: 50%; border: 0; background: var(--kgf-blue, #2f6bff); color: #fff; font-size: 24px; cursor: pointer; box-shadow: 0 12px 30px rgba(18,32,58,.25); }
.kg-chat-panel { display: none; position: absolute; right: 0; bottom: 68px; width: 320px; background: #fff; border-radius: 16px; box-shadow: 0 18px 44px rgba(18,32,58,.22); overflow: hidden; }
.kg-chat-panel.is-open { display: flex; flex-direction: column; }
.kg-chat-panel__head { background: #2f6bff; color: #fff; padding: 12px 16px; font-weight: 700; }
.kg-chat-panel__log { height: 260px; overflow-y: auto; padding: 12px; display: flex; flex-direction: column; gap: 8px; }
.kg-chat-panel__log .msg { max-width: 80%; padding: 8px 11px; border-radius: 12px; font-size: 13px; background: #eef2f8; align-self: flex-start; }
.kg-chat-panel__log .msg.me { background: #2f6bff; color: #fff; align-self: flex-end; }
.kg-chat-panel__form { display: flex; gap: 6px; padding: 10px; border-top: 1px solid #e6ecf5; }
.kg-chat-panel__form input { flex: 1; border: 1px solid #e6ecf5; border-radius: 9px; padding: 8px 10px; }

@media (max-width: 760px) {
  .kg-sc-account { grid-template-columns: 1fr; }
}