/* onboarding.css — оформление подсказок Driver.js под тему Torkzt.
   Подключать ПОСЛЕ driver.css */

.driver-popover.torkzt-tour {
    background: var(--t-bg-elevated, #1a1c20);
    color: var(--t-text, #e8eaed);
    border-radius: 14px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .5);
    max-width: 320px;
    padding: 16px;
}

.driver-popover.torkzt-tour .driver-popover-title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 6px;
}

.driver-popover.torkzt-tour .driver-popover-description {
    font-size: .875rem;
    line-height: 1.45;
    color: var(--t-text-muted, #9aa0a6);
}

.driver-popover.torkzt-tour .driver-popover-progress-text {
    font-size: .75rem;
    color: var(--t-text-faint, #6b7178);
}

.driver-popover.torkzt-tour .driver-popover-navigation-btns button {
    background: rgba(255, 255, 255, .08);
    color: var(--t-text, #e8eaed);
    border: 0;
    border-radius: 8px;
    padding: 6px 14px;
    font-size: .85rem;
    font-weight: 600;
    text-shadow: none;
}

.driver-popover.torkzt-tour .driver-popover-navigation-btns button:hover {
    background: rgba(255, 255, 255, .14);
}

/* последняя кнопка (Далее / Понятно) — акцентная */
.driver-popover.torkzt-tour .driver-popover-navigation-btns button:last-child {
    background: linear-gradient(135deg, #ff9900, #ff5500);
    color: #fff;
}

.driver-popover.torkzt-tour .driver-popover-close-btn {
    color: var(--t-text-muted, #9aa0a6);
}

/* стрелка попапа — в цвет фона */
.driver-popover.torkzt-tour .driver-popover-arrow-side-left.driver-popover-arrow   { border-left-color:   var(--t-bg-elevated, #1a1c20); }
.driver-popover.torkzt-tour .driver-popover-arrow-side-right.driver-popover-arrow  { border-right-color:  var(--t-bg-elevated, #1a1c20); }
.driver-popover.torkzt-tour .driver-popover-arrow-side-top.driver-popover-arrow    { border-top-color:    var(--t-bg-elevated, #1a1c20); }
.driver-popover.torkzt-tour .driver-popover-arrow-side-bottom.driver-popover-arrow { border-bottom-color: var(--t-bg-elevated, #1a1c20); }

/* светлая тема */
body:not([data-bs-theme='dark']) .driver-popover.torkzt-tour {
    background: #fff;
    color: #212529;
}
body:not([data-bs-theme='dark']) .driver-popover.torkzt-tour .driver-popover-description { color: #6c757d; }
body:not([data-bs-theme='dark']) .driver-popover.torkzt-tour .driver-popover-navigation-btns button {
    background: #f1f3f5;
    color: #212529;
}
body:not([data-bs-theme='dark']) .driver-popover.torkzt-tour .driver-popover-arrow-side-left.driver-popover-arrow   { border-left-color:   #fff; }
body:not([data-bs-theme='dark']) .driver-popover.torkzt-tour .driver-popover-arrow-side-right.driver-popover-arrow  { border-right-color:  #fff; }
body:not([data-bs-theme='dark']) .driver-popover.torkzt-tour .driver-popover-arrow-side-top.driver-popover-arrow    { border-top-color:    #fff; }
body:not([data-bs-theme='dark']) .driver-popover.torkzt-tour .driver-popover-arrow-side-bottom.driver-popover-arrow { border-bottom-color: #fff; }

@media (max-width: 576px) {
    .driver-popover.torkzt-tour { max-width: 88vw; padding: 14px; }
}