/*
Theme Name: GVM Theme
Template: generatepress
Description: Дизайн в стиле gadalkamoskvy.ru — фиолетовый градиент, карточки, светлый фон.
Version: 1.3
*/

:root{
  --ink:#1f1a2e; --muted:#6b6480; --accent:#6d4aff; --accent2:#b7a4ff;
  --bg:#f7f5fc; --card:#ffffff; --line:#e8e3f5;
}

/* ---- база ---- */
body{
  font:18px/1.75 -apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink);
  background:var(--bg);
}
a{color:var(--accent)}
a:hover{color:#5b3bff}

/* ---- контейнер ---- */
.grid-container{max-width:1120px}
.separate-containers .inside-article{padding:30px 36px}

/* ---- шапка --- */
.site-header{
  background:linear-gradient(135deg,#241a42,#4a2f8f);
  color:#fff;
}
.site-header .inside-header{padding:22px 20px}
.site-header a{color:#fff}
.site-title,.site-title a{color:#fff !important;font-size:24px;font-weight:700}
.site-description{color:#cfc6e8 !important;font-size:15px;opacity:.85}
.main-navigation{background:transparent !important;border:0}
.main-navigation .main-nav > ul{display:flex;gap:16px;flex-wrap:wrap}
.main-navigation .main-nav ul li a{
  color:#e8e1ff !important;
  font-size:16px;
  background:transparent !important;
}
.main-navigation .main-nav ul li a:hover{color:#fff !important}

/* ---- карточка статьи ---- */
.separate-containers .inside-article,
.inside-article{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:0 1px 2px rgba(31,26,46,.04);
}
.entry-header .entry-title,
h1.entry-title{
  font-size:34px;line-height:1.25;margin:0 0 14px;font-weight:700;
}
.entry-content{font-size:18px;line-height:1.8}
.entry-content p{margin:14px 0}
.entry-content h2{
  font-size:25px;margin:36px 0 14px;padding-top:14px;
  border-top:1px solid var(--line);font-weight:700;
}
.entry-content h3{font-size:21px;margin:26px 0 10px}
.entry-content ul,.entry-content ol{margin:14px 0;padding-left:26px}
.entry-content li{margin:8px 0}

/* ---- таблицы ---- */
.entry-content table{width:100%;border-collapse:collapse;margin:18px 0;font-size:17px}
.entry-content th,.entry-content td{border:1px solid var(--line);padding:11px 13px;text-align:left;vertical-align:top}
.entry-content th{background:#f0ebfc;font-weight:700}
/* без полос — как в основной теме */

/* ---- цитаты ---- */
.entry-content blockquote{
  border-left:4px solid var(--accent2);
  margin:18px 0;padding:12px 18px;background:#efe9fb;
  border-radius:0 10px 10px 0;font-style:normal;font-size:18px;
}

/* ---- кнопки и формы ---- */
button,.button,input[type=submit]{
  background:var(--accent)!important;color:#fff!important;border:0!important;
  padding:12px 24px!important;border-radius:9px!important;font-size:16px!important;
}
button:hover,.button:hover,input[type=submit]:hover{background:#5b3bff!important}
input[type=text],input[type=email],input[type=url],textarea{
  width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;font:inherit;background:#fff;
}
textarea{min-height:120px}

/* ---- отзывы в виде таблицы ---- */
.gvm-reviews{width:100%;border-collapse:collapse;margin:16px 0 8px;font-size:17px}
.gvm-reviews th{
  background:#f0ebfc;text-align:left;padding:11px 13px;border:1px solid var(--line);
  font-weight:700;font-size:16px;
}
.gvm-reviews td{
  border:1px solid var(--line);padding:13px;vertical-align:top;background:var(--card);
}

.gvm-reviews .gvm-num{width:52px;color:var(--muted);text-align:center}
.gvm-reviews .gvm-name{width:150px;font-weight:600}
.gvm-comment{display:none}
#gvm-comments{margin:12px 0 0}

/* ---- вопросы и ответы ---- */
.gvm-faq{margin:20px 0}
.gvm-faq-item{
  background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:18px 20px;margin:14px 0;
}
.gvm-faq-item h3{margin:0 0 8px;font-size:20px;color:var(--ink)}
.gvm-faq-item p{margin:0;color:#3a3350}
.gvm-faq-item .gvm-q{color:var(--accent);font-weight:700}


/* ---- отзывы в виде переписки (по центру) ---- */
.gvm-chat{display:flex;flex-direction:column;gap:14px;margin:20px auto 10px;max-width:720px}
.gvm-msg{display:flex;gap:12px;align-items:flex-start;justify-content:center}
.gvm-avatar{
  flex:0 0 42px;width:42px;height:42px;border-radius:50%;
  background:linear-gradient(135deg,#2a1f4d,#6d4aff);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:17px;text-transform:uppercase;
}
.gvm-bubble{
  background:#f4f1fb;border:1px solid var(--line);border-radius:16px;
  padding:13px 18px;max-width:76%;font-size:17px;line-height:1.7;
}
.gvm-bubble .gvm-head{display:flex;align-items:baseline;gap:10px;margin-bottom:6px;flex-wrap:wrap}
.gvm-bubble .gvm-name{font-weight:700;font-size:15px;color:var(--accent)}
.gvm-bubble .gvm-date{font-size:13px;color:var(--muted)}
.gvm-bubble p{margin:0}


/* ---- связь ответа с вопросом ---- */
.gvm-msg.is-answer{position:relative;padding-left:26px}
.gvm-msg.is-answer::before{
  content:'';position:absolute;left:8px;top:-16px;bottom:50%;
  border-left:2px solid var(--accent2);border-bottom:2px solid var(--accent2);
  border-radius:0 0 0 10px;width:12px;
}
.gvm-msg.is-answer .gvm-bubble{border-color:#d9cef7;background:#f3eefe}
.gvm-reply-to{font-size:13px;color:var(--accent);font-weight:600;margin-bottom:5px}

@media(max-width:768px){
  .gvm-msg.is-answer{padding-left:18px}
  .gvm-msg.is-answer::before{left:4px;width:9px}
}

/* ---- FAQ как диалог (по центру) ---- */
.gvm-dialog{display:flex;flex-direction:column;gap:14px;margin:20px auto;max-width:720px}
.gvm-dialog .gvm-msg{justify-content:center}
.gvm-dialog .gvm-bubble{max-width:80%}
.gvm-dialog .gvm-q-text{font-weight:600;color:var(--ink)}

@media(max-width:768px){
  .gvm-chat,.gvm-dialog{max-width:100%}
  .gvm-bubble{max-width:86%;font-size:16px;padding:11px 14px}
  .gvm-avatar{flex:0 0 36px;width:36px;height:36px;font-size:15px}
}

/* ---- сайдбар ---- */
.widget-area .widget{
  background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-bottom:18px;
}

/* ---- подвал ---- */
.site-footer,.site-info{background:#1d1730;color:#cfc6e8;font-size:15px}
.site-footer a,.site-info a{color:#d7cfff}
.site-footer .inside-site-info{padding:26px 20px}
.site-footer{padding:0}

/* ---- мобильная версия ---- */
@media(max-width:768px){
  body{font-size:17px}
  .separate-containers .inside-article{padding:20px 16px}
  h1.entry-title{font-size:26px}
  .entry-content h2{font-size:21px;margin:28px 0 12px}
  .entry-content h3{font-size:19px}
  .entry-content table,.gvm-reviews{font-size:15px}
  .gvm-reviews .gvm-name{width:110px}
  .grid-container{padding:0 12px}
}