/*
Theme Name:  T2S Group
Description: Custom B2B theme for T2S Group — t2s.org.pl
Author:      T2S Dev
Version: 3.0
Text Domain: t2s
*/

/* Все стили в assets/css/ — подключаются через functions.php */


/* Невидимый "мостик" для удержания :hover между родителем и подменю */
.nav-list .sub-menu::before {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 20px;
    background: transparent;
}

/* === ОБНОВЛЕНИЕ ЦВЕТА ПОДМЕНЮ === */
/* Оранжевый фон для выпадающего меню */
.site-header .nav-list .sub-menu {
    background-color: var(--color-accent, #d95e00) !important;
    border: none !important;
}

/* Цвет текста ссылок в подменю (белый для контраста с оранжевым) */
.site-header .nav-list .sub-menu li a {
    color: #ffffff !important;
}

/* Легкое затемнение пункта подменю при наведении на него мышкой */
.site-header .nav-list .sub-menu li a:hover {
    background-color: rgba(0, 0, 0, 0.15) !important;
    color: #ffffff !important;
}

/* === ОБНОВЛЕНИЕ ЦВЕТА СТАТИСТИКИ В HERO СЕКЦИИ === */
/* Перекрашиваем крупные цифры в оранжевый */
.hero-stats-overlay .stat-num {
    color: var(--color-accent, #d95e00) !important;
}

/* Перекрашиваем темную плашку награды (Forbes) внизу */
.hero-stats-overlay .award-badge {
    background-color: var(--color-accent, #d95e00) !important;
    color: #ffffff !important;
    border-color: var(--color-accent, #d95e00) !important;
}

/* === ОБНОВЛЕНИЕ ЦВЕТА СТАТИСТИКИ В HERO СЕКЦИИ === */
/* Перекрашиваем крупные цифры в оранжевый */
.hero-stats-overlay .stat-num {
    color: var(--color-accent, #d95e00) !important;
}

/* Перекрашиваем темную плашку награды (Forbes) внизу */
.hero-stats-overlay .award-badge {
    background-color: var(--color-accent, #d95e00) !important;
    color: #ffffff !important;
    border-color: var(--color-accent, #d95e00) !important;
}

/* =========================================================
   ZAKRES DZIAŁALNOŚCI (SERVICES BENTO GRID) - ORANGE/WHITE
   ========================================================= */

/* 1. Белый фон для всей секции */
html body main.main-content .services-section {
    background-color: #ffffff !important;
}

/* 2. Заголовки секции (темно-синие/черные для контраста) */
html body main.main-content .services-section .section-title {
    color: var(--color-navy, #1a1a1a) !important;
}
html body main.main-content .services-section .section-subtitle {
    color: #666666 !important;
}

/* 3. Карточки в спокойном состоянии: белый фон, оранжевая рамка */
html body main.main-content .services-section .bento-card {
    background-color: #ffffff !important;
    border: 2px solid var(--color-accent, #d95e00) !important;
    transition: all 0.35s ease !important;
}

/* 4. Текст внутри карточек */
html body main.main-content .services-section .bento-card .bento-title {
    color: var(--color-accent, #d95e00) !important;
    transition: color 0.35s ease !important;
}
html body main.main-content .services-section .bento-card .bento-desc {
    color: #444444 !important;
    transition: color 0.35s ease !important;
}

/* 5. Кнопка-стрелка */
html body main.main-content .services-section .bento-card .bento-link {
    background-color: var(--color-accent, #d95e00) !important;
    color: #ffffff !important;
    transition: all 0.35s ease !important;
}

/* 6. МАГИЯ ПРИ НАВЕДЕНИИ (HOVER) */
html body main.main-content .services-section .bento-card:hover {
    background-color: var(--color-accent, #d95e00) !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 30px rgba(217, 94, 0, 0.25) !important;
}

html body main.main-content .services-section .bento-card:hover .bento-title,
html body main.main-content .services-section .bento-card:hover .bento-desc {
    color: #ffffff !important;
}

/* Стрелка инвертируется в белый круг с оранжевой иконкой */
html body main.main-content .services-section .bento-card:hover .bento-link {
    background-color: #ffffff !important;
    color: var(--color-accent, #d95e00) !important;
}

/* =========================================================
   ZAKRES DZIAŁALNOŚCI - ИНВЕРСИЯ (ОРАНЖЕВЫЕ ПО УМОЛЧАНИЮ)
   ========================================================= */

/* Карточки в спокойном состоянии (ОРАНЖЕВЫЙ ФОН) */
html body main.main-content .services-section .bento-card {
    background-color: var(--color-accent, #d95e00) !important;
    border: 2px solid var(--color-accent, #d95e00) !important;
    transition: all 0.35s ease !important;
}

/* Текст внутри оранжевой карточки (Белый) */
html body main.main-content .services-section .bento-card .bento-title,
html body main.main-content .services-section .bento-card .bento-desc {
    color: #ffffff !important;
    transition: color 0.35s ease !important;
}

/* Кнопка-стрелка по умолчанию (Белый круг, оранжевая стрелка) */
html body main.main-content .services-section .bento-card .bento-link {
    background-color: #ffffff !important;
    color: var(--color-accent, #d95e00) !important;
    transition: all 0.35s ease !important;
}

/* ЭФФЕКТ ПРИ НАВЕДЕНИИ (Становится белой) */
html body main.main-content .services-section .bento-card:hover {
    background-color: #ffffff !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 30px rgba(217, 94, 0, 0.3) !important;
}

/* Текст при наведении (Оранжевый заголовок, серый текст) */
html body main.main-content .services-section .bento-card:hover .bento-title {
    color: var(--color-accent, #d95e00) !important;
}
html body main.main-content .services-section .bento-card:hover .bento-desc {
    color: #444444 !important;
}

/* Стрелка при наведении (Оранжевый круг, белая стрелка) */
html body main.main-content .services-section .bento-card:hover .bento-link {
    background-color: var(--color-accent, #d95e00) !important;
    color: #ffffff !important;
}