/* === Grand-Master UI base theme ===
   GM v16 — фирменная зелёно-чёрная база, без тестовых полос/рамок
   Файл рассчитан на тему с Bootstrap + theme.css и контейнером .body
*/

/* Палитра */
:root{
  --gm-green:#15a34a;
  --gm-green-700:#15803d;
  --gm-bg:#0a0a0a;        /* общий фон */
  --gm-surface:#0f0f10;   /* карточки/блоки */
  --gm-border:#1f2937;
  --gm-text:#f5f5f5;
  --gm-muted:#9ca3af;
}

/* База */
html,body{
  background:var(--gm-bg) !important;
  color:var(--gm-text);
  font-family:"Open Sans",Arial,sans-serif;
  scroll-behavior:smooth;
  min-height:100vh;
}

/* Корневые обёртки — прозрачные, чтобы видеть фон body */
.body,
#wrapper,.wrapper,
.page-wrapper,.site-wrapper,
#content,.content,
.main,#main,.container,#container{
  background:transparent !important;
  color:inherit;
}

/* Контентные блоки/карточки (если есть общие классы) */
.section,.panel,.box,.card,.widget{
  background:var(--gm-surface);
  border:1px solid var(--gm-border);
  border-radius:14px;
  box-shadow:0 4px 20px rgba(0,0,0,.25);
  overflow:hidden;
}

/* Шапка/навигация */
header,.header,.site-header,.sticky-header-enabled{
  background:linear-gradient(180deg,#0c0c0c,#111) !important;
  border-bottom:1px solid var(--gm-border);
}
header a,.header a,.site-header a{
  color:var(--gm-text) !important;
}
header a:hover,.header a:hover,.site-header a:hover{
  color:var(--gm-green) !important;
}

/* Верхнее меню конкретнее под твою тему */
header .header-nav-main nav>ul>li>a{
  color:var(--gm-text) !important;
  font-weight:600 !important;
  letter-spacing:.2px !important;
  text-transform:uppercase;
}
header .header-nav-main nav>ul>li>a:hover,
header .header-nav-main nav>ul>li.active>a{
  color:var(--gm-green) !important;
}

/* Телефоны и быстрые ссылки в шапке */
.top-phone,.header-phone,.phone-link{
  color:var(--gm-text) !important;
}
.phone-link:hover{ color:var(--gm-green) !important; }

/* Кнопки (унификация) */
.btn,button,input[type="submit"],.button,.btn-lg,.btn-xs{
  background:var(--gm-green);
  border:1px solid transparent;
  color:#fff !important;
  border-radius:10px !important;
  padding:.7rem 1.2rem !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  transition:transform .08s ease,background .2s ease,border-color .2s ease;
}
.btn:hover,button:hover,input[type="submit"]:hover,.button:hover{
  background:var(--gm-green-700);
  transform:translateY(-1px);
}

/* Явное переопределение primary-кнопок старой темы */
.btn-primary,a.btn-primary{
  background:var(--gm-green) !important;
  border-color:var(--gm-green) !important;
  color:#fff !important;
}
.btn-primary:hover,.btn-primary:focus{
  background:var(--gm-green-700) !important;
  border-color:var(--gm-green-700) !important;
}

/* Формы */
input,select,textarea{
  background:#0e0e0f;
  border:1px solid var(--gm-border);
  color:var(--gm-text);
  border-radius:10px;
  padding:.6rem .9rem;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--gm-green);
  box-shadow:0 0 0 3px rgba(21,163,74,.25);
  outline:0;
}

/* Ссылки/заголовки */
a{ color:var(--gm-green); text-decoration:none; }
a:hover{ color:var(--gm-green-700); text-decoration:underline; }

h1,h2,h3,h4,h5,h6{ color:var(--gm-text); font-weight:700; line-height:1.2; }

/* Заголовки на слайдере читаемее */
.hero-title,.rev_slider .tp-caption,.rev_slider h1,.rev_slider h2{
  text-shadow:0 2px 6px rgba(0,0,0,.35) !important;
}

/* Карточки услуг */
.hover-effect-2{ border-radius:14px !important; overflow:hidden; }
article h4 a{ color:var(--gm-text) !important; text-decoration:none !important; }
article h4 a:hover{ color:var(--gm-green) !important; }

/* Подвал */
footer,.footer,.site-footer{
  background:#0b0b0b !important;
  color:var(--gm-muted) !important;
  border-top:1px solid var(--gm-border);
  padding-top:1.5rem;
}
footer a{ color:var(--gm-green) !important; }
footer a:hover{ color:var(--gm-green-700) !important; }

/* Мобильные правки (мягкие) */
@media (max-width:991px){
  .btn,button,input[type="submit"],.button{ width:100%; }
  .feature-box .feature-box-icon{ margin-right:12px !important; }
  .row>[class*="col-"]{ margin-bottom:18px; }
}
/* === GM quick clean v17 — осветляем контент, оставляем тёмные шапку/подвал и зелёные акценты === */

/* 1) Контентные блоки снова светлые */
.section, .panel, .box, .card, .widget,
.main, #main, .content, #content,
.page-wrapper, .site-wrapper, .wrapper, #wrapper {
  background: #ffffff !important;
  color: #111 !important;
  border-color: #e5e7eb !important;
  box-shadow: none !important;
}

/* 2) Текст/заголовки внутри контента читаемые */
.section h1, .section h2, .section h3, .section h4, .section h5, .section h6,
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6,
.section p, .content p, .section li, .content li {
  color: #111 !important;
}

/* 3) Ссылки и акценты — фирменный зелёный (убираем «красный темы») */
a, .link, .phone-link {
  color: #15a34a !important;
}
a:hover, .link:hover, .phone-link:hover {
  color: #15803d !important;
  text-decoration: underline;
}

/* 4) Кнопки — остаются зелёными, контрастные на белом фоне */
.btn, button, input[type="submit"], .button, .btn-primary, a.btn-primary {
  background: #15a34a !important;
  border-color: #15a34a !important;
  color: #fff !important;
}
.btn:hover, button:hover, input[type="submit"]:hover, .button:hover,
.btn-primary:hover, .btn-primary:focus {
  background: #15803d !important;
  border-color: #15803d !important;
}

/* 5) Шапка и подвал — тёмные (как и задумали) */
header, .header, .site-header, .sticky-header-enabled {
  background: linear-gradient(180deg,#0c0c0c,#111) !important;
  border-bottom: 1px solid #1f2937 !important;
}
footer, .footer, .site-footer {
  background: #0b0b0b !important;
  color: #9ca3af !important;
  border-top: 1px solid #1f2937 !important;
}

/* 6) Хлебные крошки/вторичные элементы — спокойные */
.breadcrumb a { color: #0f766e !important; }
.breadcrumb .active { color: #111 !important; }

/* 7) Слайдер — оставляем читаемость текста */
.rev_slider .tp-caption, .hero-title { text-shadow: 0 2px 6px rgba(0,0,0,.35) !important; }

/* 8) Мобильные отступы — мягко */
@media (max-width: 991px) {
  .row > [class*="col-"] { margin-bottom: 16px; }
}