/*
Theme Name: GeneratePress
Theme URI: https://generatepress.com
Author: Tom Usborne
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability.
Version: 3.6.0
Text Domain: generatepress
*/

/* ======================= */
/* ✅ СТИЛЬ ГЛАВНОГО МЕНЮ */
/* ======================= */
.main-navigation .main-nav ul li a {
  display: inline-block;
  padding: 10px 20px;
  margin: 4px;
  background-color: #e7f3e7; /* мягкий зелёный */
  color: #2e4600;
  border-radius: 12px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: inset 0 0 0 0 #c8e6c9;
  transition: all 0.3s ease-in-out;
}

.main-navigation .main-nav ul li a:hover {
  background-color: #a5d6a7; /* насыщенный зелёный */
  color: #1b5e20;
  box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
  transform: scale(1.05);
}

.main-navigation .main-nav ul li.current-menu-item > a {
  background-color: #81c784;
  color: white;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* ======================= */
/* ✅ СТИЛЬ ФОРМ UAGB */
/* ======================= */
.uagb-forms-input, 
.uagb-forms-input[type="text"], 
.uagb-forms-input[type="email"], 
.uagb-forms-input[type="tel"], 
.uagb-forms-input[type="file"], 
.uagb-forms-textarea-input, 
.uagb-forms-textarea-input textarea {
    border: 1px solid #BDBDBD !important;
    border-radius: 4px;
    padding: 10px;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
}

/* ======================= */
/* ✅ КОМПАКТНАЯ ПАНЕЛЬ ЛОГИНА */
/* ======================= */
.custom-login-panel-wrapper {
    text-align: center;
    margin: 10px 0;
}

.custom-login-panel {
    background: #f4fbf2;
    padding: 6px 10px;
    border: 1px solid #c6d9c3;
    display: inline-block;
    border-radius: 4px;
    font-family: Arial, sans-serif;
    font-size: 13px;
}

/* ✅ Форма компактная */
.custom-login-panel form {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

/* ✅ Заголовок */
.custom-login-panel .login-title-inline {
    font-size: 13px;
    font-weight: bold;
    white-space: nowrap;
}

/* ✅ Поля */
.custom-login-panel input[type="text"],
.custom-login-panel input[type="password"] {
    width: 90px;
    height: 24px;
    padding: 2px 6px;
    font-size: 13px;
    border: 1px solid #a3c59c;
    border-radius: 3px;
}

/* ✅ Кнопка */
.custom-login-panel input[type="submit"] {
    height: 24px;
    width: 60px;
    background: #7bb36a;
    color: #fff;
    font-size: 13px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

.custom-login-panel input[type="submit"]:hover {
    background: #5e9e52;
}

/* ✅ После авторизации */
.custom-login-panel .login-info {
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.custom-login-panel .logout-btn {
    background: #7bb36a;
    color: #fff;
    padding: 3px 8px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 13px;
}

.custom-login-panel .logout-btn:hover {
    background: #5e9e52;
}
.custom-login-panel input[type="submit"] {
    display: flex;             /* делаем flex-контейнер */
    justify-content: center;   /* выравниваем текст по центру */
    align-items: center;       /* вертикальное выравнивание */
    height: 24px;
    width: 55px;
    background: #7bb36a;
    color: white;
    font-size: 13px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    line-height: normal;       /* сбрасываем */
    padding: 0;                /* убираем лишние отступы */
}

.custom-login-panel input[type="submit"]:hover {
    background: #5e9e52;
}
/* =============================== */
/* ✅ Чёрный фон для лайтбокса WP */
/* =============================== */

/* PhotoSwipe (стандарт WP) */
.pswp__bg {
    background: rgba(0, 0, 0, 0.95) !important;
}

.pswp__scroll-wrap,
.pswp--open {
    background: rgba(0, 0, 0, 0.95) !important;
}

.pswp--hidden {
    display: none !important;
}

/* Elementor Lightbox */
.elementor-lightbox,
.elementor-lightbox .elementor-lightbox-image {
    background: rgba(0, 0, 0, 0.95) !important;
}

/* Fancybox */
.fancybox-bg {
    background: rgba(0, 0, 0, 0.95) !important;
}

/* Для всех модальных контейнеров, чтобы не было белого фона */
body:has(.pswp--open),
body:has(.elementor-lightbox),
body:has(.fancybox-active) {
    background: #000 !important;
}