/*!
 * tmavt.css
 * Common overrides for the TM Avtomatika site (new design).
 * Loaded AFTER the Volvox stylesheets (theme-responsive.css, etc.) so the
 * rules below win the cascade without modifying any Volvox files.
 */

@media (max-width: 991px) {
    header div.logo img {
        max-width: 180px;
    }
}
ul.social-icons li.vk a:hover,
.share-links ul.social-icons li.vk a:hover {
    background-color: #0077FF;
}

ul.social-icons li.odnoklassniki a:hover,
.share-links ul.social-icons li.odnoklassniki a:hover {
    background-color: #EE8208;
}

ul.social-icons li.telegram a:hover,
.share-links ul.social-icons li.telegram a:hover {
    background-color: #229ED9;
}

ul.social-icons li.max a:hover,
.share-links ul.social-icons li.max a:hover {
    background-color: #9500FF;
}

.share-links ul.social-icons.tmavt-share-icons {
    font-size: 0;
}

.share-links ul.social-icons.tmavt-share-icons li {
    float: none;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}

ul.social-icons li a[href*="/rss/newsRss"]:hover {
    background-color: #F26522;
}

.footer-wrap ul.social-icons li a:hover {
    background-color: transparent !important;
}

/* pageContent links: blue default, dark on hover */
.tmavt-content a { color: #1e73be; }
.tmavt-content a:hover { color: #1e73be; border-bottom: 1px dotted #1e73be; }

/* Sidebar links: gray default, blue on hover */
.sidebar a { color: #888888; }
.sidebar a:hover { color: #1e73be; }

/* News list headers: gray default, blue on hover */
.v-blog-wrap .v-blog-item h3 a { color: #888888; }
.v-blog-wrap .v-blog-item h3 a:hover { color: #1e73be; }

/* "Читать" / read-more links in product blocks: dark default, blue on hover */
.feature-box-text-inner a.read-more { color: #4a4a4a; }
.feature-box-text-inner a.read-more:hover { color: #1e73be; }

/* News carousel (v-bg-stylish-v5) — white text, blue hover links */
.v-bg-stylish-v5 .recent-post { background: transparent; }
.v-bg-stylish-v5 .recent-post h5 a { color: #ffffff; }
.v-bg-stylish-v5 .recent-post .v-blog-item-details {
    color: rgba(255, 255, 255, 0.7);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}
.v-bg-stylish-v5 .recent-post .v-blog-item-info p { color: rgba(255, 255, 255, 0.85); }
.v-bg-stylish-v5 .recent-post .post-item-details a { color: #ffffff; }
.v-bg-stylish-v5 .recent-post .post-item-details a:hover { color: #1e73be; }
.v-bg-stylish-v5 h3.v-heading span:before,
.v-bg-stylish-v5 h3.v-heading span:after {
    border-top-color: #ffffff;
}

/* Download buttons (support page) — matches old site style */
.tmavt-content .bigBlueButton,
.bigBlueButton {
    background: #F97909;
    color: #fff !important;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 1.5rem;
    padding: 1rem;
    border-radius: 10px;
    text-transform: uppercase;
    border: 1px solid transparent;
    font-weight: 600;
    display: inline-block;
    box-shadow: 0 2px 0 rgba(0,0,0,0.06);
    text-decoration: none !important;
}
.tmavt-content .bigBlueButton:hover,
.bigBlueButton:hover {
    background: #E06800;
    color: #fff !important;
    text-decoration: none;
}

/* Contacts page content */
.tm-contacts-content h1 { margin-bottom: 20px; }
.tm-contacts-content h2 { margin-top: 30px; margin-bottom: 15px; }
.tm-contacts-content h3 { margin-top: 25px; margin-bottom: 10px; }
.tm-contacts-content h4 { margin-top: 20px; margin-bottom: 10px; }
.tm-contacts-content p { margin-bottom: 15px; }
.tm-contacts-content ul,
.tm-contacts-content ol { margin-bottom: 15px; }
.tm-contacts-content li { margin-bottom: 8px; }
.tm-contacts-content img { max-width: 100%; height: auto; }
.tm-contacts-content .v-spacer { height: 20px; }
.tm-contacts-content a { color: #1e73be; }
.tm-contacts-content a:hover { color: #4a4a4a; }

/* Product blocks — override Volvox default (crease.svg, wrong sizing) */

.tmavt-product-block .feature-box-text
{
    min-height: 240px;
}

.tmavt-product-block .feature-box-icon.small {
    padding: 8px;
    width: 60px;
    height: 60px;
    background: #fff;
    left: 50%;
    top: -37px;
    margin-left: -37px;
    border-radius: 50%;
}
.tmavt-product-block .feature-box-icon.small img {
    display: block;
    width: 100%;
    height: auto;
}

.owl-carousel-light .owl-controls .owl-page.active span {
    border: 2px solid rgb(255, 255, 255, .6);
}
.owl-carousel-light .owl-controls .owl-page span{
    border: 1px solid rgb(31, 31, 31);
}

@media only screen and (max-width: 479px) {
    .article-body-wrap .share-links .share-text {
        display: inline;
    }
}

/* Page headings: allow wrap on long titles (e.g. news article headers on landscape mobile) */
.v-page-heading h1 {
    white-space: normal;
}