/*
 * accessibility-fixes.css
 * Подключить ПОСЛЕ styles2.css в шаблоне:
 * <link rel="stylesheet" href="/budget-taxi-pattaya/assets/css/accessibility-fixes.css">
 *
 * Fixes:
 * 1. Контрастность текста (#999 → #767676, #777 → #595959, #cccccc → #767676)
 * 2. Ссылки различимы без цвета (underline в контентных секциях)
 * 3. Touch targets на мобильных контактах
 */

/* Основной текст контента (#999 → #767676) */
section#about .about-item {
    color: #767676;
}

section.content {
    color: #767676;
}

section#features .media .media-body {
    color: #767676;
}

/* text-muted (#777 → #595959) */
.text-muted {
    color: #595959;
}

/* Подзаголовки h small (#777 → #595959) */
.h1 .small, .h1 small,
.h2 .small, .h2 small,
.h3 .small, .h3 small,
h1 .small, h1 small,
h2 .small, h2 small,
h3 .small, h3 small {
    color: #595959;
}

/* Table captions (#777 → #595959) */
caption {
    color: #595959;
}

/* Dropdown disabled (#777 → #595959 — но сохраняем визуальный намёк что disabled) */
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
    color: #595959;
}

/* Pagination disabled */
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span {
    color: #595959;
}

/* Help block (#737373 → #595959) */
.help-block {
    color: #595959;
}

/* blockquote small (#777 → #595959) */
blockquote .small,
blockquote footer,
blockquote small {
    color: #595959;
}

/* Placeholder (#cccccc → #767676) */
::-webkit-input-placeholder {
    color: #767676;
}

:-moz-placeholder {
    color: #767676;
}

::-moz-placeholder {
    color: #767676;
}

:-ms-input-placeholder {
    color: #767676;
}

::-ms-input-placeholder {
    color: #767676;
}

::placeholder {
    color: #767676;
}

/* Дата отзывов — мелкий текст (#999 → #767676) */
section#reviews .review-meta span {
    color: #e0e0e0; /* белый на тёмном фоне — ОК */
}

/* r-news дата */
.r-news .dat,
.b-post .dat {
    color: #595959;
}

/* Breadcrumbs (#ccc → #767676) */
section#breadcrumbs,
section#breadcrumbs a {
    color: #767676;
}

/* Ссылки в основном контенте страниц */
section#about .about-item a,
section.content a:not(.btn):not(.nav-link),
section#cars .content a:not(.btn),
section#steps a:not(.btn),
article .content a:not(.btn),
.post-block .content a:not(.btn),
.panel-body a:not(.btn),
.order-body a:not(.btn),
section#contacts a {
    text-decoration: underline;
}

/* Но кнопки-ссылки без underline */
section#about a.btn,
section.content a.btn,
section#cars a.btn {
    text-decoration: none;
}

/* Footer nav links — добавить underline для отличия от обычного текста */
footer .rights a {
    text-decoration: underline; /* уже есть в styles2, но явно переподтвердим */
}


@media (max-width: 991.98px) {
    /* Нижний контакт-бар на мобиле */
    #h-contact ul li {
        padding: 0;
    }

        #h-contact ul li a,
        #h-contact ul li > span {
            min-height: 44px;
            min-width: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 8px;
        }

    /* Флаги языков — увеличить зону касания */
    .header-top ul li a.flag-ico {
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-size: 24px 16px;
        background-position: center;
    }
}

/* Кнопки на мобиле — убедиться что достаточная высота */
@media (max-width: 767px) {
    .btn {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /* Nav links в мобильном меню */
    header .navbar-default ul.navbar-nav li a {
        min-height: 44px;
        display: flex;
        align-items: center;
    }
}


/* Кнопки на светлом фоне (cards, section#cars, section#about) */
.btn.btn-primary {
    color: #005f5e;
    border-color: #005f5e;
}

    .btn.btn-primary:hover,
    section#cars article:hover .btn.btn-primary {
        color: #fff;
        background: #005f5e;
        border-color: #005f5e;
    }

/* Кнопки на тёмном фоне (section#order) — оставить белыми */
section#order .btn.btn-primary {
    color: #fff;
    border-color: #fff;
}

    section#order .btn.btn-primary:hover {
        color: #fff;
        background: #66cdcc;
        border-color: #fff;
    }

/* Ссылки в post-block (Fleet of cars, More) — тёмный тил */
section#cars p > strong > a,
section#cars p > b > a,
.post-block .content > a:not(.btn),
.r-news .post-block .content > a:not(.btn) {
    color: #005f5e;
}

    .post-block .content > a:not(.btn):hover,
    .r-news .post-block .content > a:not(.btn):hover {
        color: #003d3c;
        text-decoration: underline;
    }


/* Footer headings — визуально явно h3 */
footer .footer-top h3 {
    font-size: 18px;
    font-weight: 600;
}