/* ========== ЦВЕТОВАЯ СХЕМА ========== */
/* Легко менять под новый логотип */

:root {
    /* ===== ОСНОВНАЯ ЗЕЛЕНАЯ ГАММА ===== */
    /* Самый яркий - для акцентов, кнопок, иконок (на темном фоне) */
    --nb-primary: #aecb06;
    
    /* Для текста и важных элементов (темные оттенки) */
    --nb-primary-dark: #2c5e2e;      /* Основной текст, цены */
    --nb-primary-darker: #1e4a1f;    /* Для мелкого текста */
    
    /* Для фонов и подложек (светлые оттенки) */
    --nb-primary-light: #d8e8a0;      /* Светлый фон для блоков */
    --nb-primary-bg: #f0f5e0;         /* Очень светлый фон секций */
    --nb-primary-soft: #eaf3d0;       /* Мягкий фон для карточек */
    
    /* Для кнопок и активных элементов (средний, читаемый) */
    --nb-primary-medium: #4a773c;      /* Насыщенный, но темный */
    
    /* ===== ВТОРИЧНЫЕ ЦВЕТА ===== */
    --nb-secondary: #6c757d;
    --nb-success: var(--nb-primary-medium);
    --nb-warning: #ffc107;
    --nb-danger: #dc3545;
    --nb-info: #17a2b8;
    
    /* ===== ФОНЫ СЕКЦИЙ ===== */
    --nb-light-bg: #f8f9fa;
    --nb-whywe-bg: var(--nb-primary-bg);        /* Светло-зеленый фон */
    --nb-workstages-bg: var(--nb-primary-soft); /* Чуть темнее */
    --nb-present-bg: #fff9e6;                   /* Ванильный (контраст) */
    
    /* ===== ТЕКСТ ===== */
    --nb-text-primary: #000;
    --nb-text-secondary: #5a6268;
    --nb-text-muted: #6c757d;
    --nb-text-white: #ffffff;
    
    /* ===== КНОПКИ ===== */
    --nb-btn-primary-bg: var(--nb-primary);
    --nb-btn-primary-border: var(--nb-primary);
    --nb-btn-primary-hover-bg: var(--nb-primary-medium);
    --nb-btn-primary-hover-border: var(--nb-primary-medium);
    --nb-btn-primary-color: black;
    
    --nb-btn-outline-primary-color: var(--nb-primary-medium);
    --nb-btn-outline-primary-border: var(--nb-primary-medium);
    --nb-btn-outline-primary-hover-bg: var(--nb-primary-medium);
    --nb-btn-outline-primary-hover-color: white;
}

/* Классы для быстрого использования */
.bg-nb-primary { background-color: var(--nb-primary) !important; }
.bg-nb-primary-light { background-color: var(--nb-primary-light) !important; }
.bg-nb-secondary { background-color: var(--nb-secondary) !important; }
.bg-nb-success { background-color: var(--nb-success) !important; }
.bg-nb-warning { background-color: var(--nb-warning) !important; }
.bg-nb-danger { background-color: var(--nb-danger) !important; }
.bg-nb-info { background-color: var(--nb-info) !important; }
.bg-nb-light { background-color: var(--nb-light-bg) !important; }
.bg-nb-whywe { background-color: var(--nb-whywe-bg) !important; }
.bg-nb-workstages { background-color: var(--nb-workstages-bg) !important; }
.bg-nb-present { background-color: var(--nb-present-bg) !important; }

.text-nb-primary { color: var(--nb-primary) !important; }
.text-nb-secondary { color: var(--nb-secondary) !important; }
.text-nb-success { color: var(--nb-success) !important; }
.text-nb-warning { color: var(--nb-warning) !important; }
.text-nb-danger { color: var(--nb-danger) !important; }
.text-nb-info { color: var(--nb-info) !important; }
.text-nb-muted { color: var(--nb-text-muted) !important; }
.text-nb-white { color: var(--nb-text-white) !important; }

.border-nb-primary { border-color: var(--nb-primary) !important; }

/* Классы для кнопок */
.btn-nb-primary {
    background-color: var(--nb-btn-primary-bg);
    border-color: var(--nb-btn-primary-border);
    color: var(--nb-btn-primary-color);
}

.btn-nb-primary:hover,
.btn-nb-primary:focus {
    background-color: var(--nb-btn-primary-hover-bg);
    border-color: var(--nb-btn-primary-hover-border);
    color: var(--nb-text-white);
}

.btn-outline-nb-primary {
    color: var(--nb-btn-outline-primary-color);
    border-color: var(--nb-btn-outline-primary-border);
    background-color: transparent;
}

.btn-outline-nb-primary:hover,
.btn-outline-nb-primary:focus {
    background-color: var(--nb-btn-outline-primary-hover-bg);
    color: var(--nb-btn-outline-primary-hover-color);
    border-color: var(--nb-btn-outline-primary-border);
}

/* Классы для цен */
.price-primary {
    color: var(--nb-primary-dark) !important;
    font-weight: 700;
}

.price-secondary {
    color: var(--nb-primary-medium) !important;
    font-weight: 600;
}

.price-muted {
    color: var(--nb-text-muted) !important;
}

/* Для выделения */
.text-nb-primary-dark { color: var(--nb-primary-dark) !important; }
.text-nb-primary-medium { color: var(--nb-primary-medium) !important; }

/* Бейджи */
.badge-nb-primary { background-color: var(--nb-primary) !important; color: white !important; }
.badge-nb-warning { background-color: var(--nb-warning) !important; color: var(--nb-text-primary) !important; }
.badge-nb-info { background-color: var(--nb-info) !important; color: white !important; }
.badge-nb-secondary { background-color: var(--nb-secondary) !important; color: white !important; }

.promo-image {background-color: var(--nb-whywe-bg); background-image: url("/images/template/bg_1.jpg");
    background-position: top;background-position: bottom;background-repeat: no-repeat;
}
.workstages-left {background-color: var(--nb-present-bg); background-image: url("/images/template/fon/Group 4.png");background-position: top;}
.consultations-image {background-color: var(--nb-whywe-bg); background-image: url("/images/template/fon/Group 6.png");background-position: bottom;background-repeat: no-repeat;}
.kviz-section {background-image: url("/images/template/fon/Group 12.png");background-repeat: no-repeat;}

.blink {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    text-align: center;
    cursor: pointer;
    overflow: hidden !important;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

.blink:after {
    content: "";
    display: block;
    width: 100px;
    height: 300px;
    margin-left: 60px;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.2) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.2) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes slideme {
  0% {
    left: -30px;
    margin-left: 0px;
  }

  30% {
    left: 110%;
    margin-left: 80px;
  }

  100% {
    left: 110%;
    margin-left: 80px;
  }
}