/* ==================================================
   Bilim-All safe optimization patch
   Мақсаты: дизайнды өзгертпей, ең қауіпсіз жақсартуларды қосу
   Қосу реті: бұл файлды негізгі style.css-тен КЕЙІН жалғаңыз
   ================================================== */

/* 1) Focus-ты қайтарамыз: accessibility жақсарады, layout өзгермейді */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid #d10909;
    outline-offset: 2px;
}

/* Ескі global focus reset-ті layout бұзбай жұмсартамыз */
a:focus {
    outline: none;
}

/* 2) Media элементтерінің тасып кетуін тежейміз */
iframe,
embed,
object,
video {
    max-width: 100%;
}

/* 3) Сурет пен iframe-тің baseline gap мәселесін азайту */
img,
iframe {
    vertical-align: middle;
}

/* 4) Ұзын сөздер/URL-дер контентті сындырмасын */
.blogdetail .blogtext,
.blogpost .text,
.blogposttwo .text,
.widget,
.commentslist,
.categorieslist,
.text-widget,
.recentposts,
.bloglist .media-body,
#comments .media p {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* 5) Responsive safety: өте кең контент контейнері созылып кетпесін */
.custom-container {
    max-width: 1600px;
}

/* 6) Fixed/sticky элементтерде repaint-ты аздап тұрақтандыру */
.navigationstrip,
.stick,
.videobox figcaption,
.videobox2 .vidopts,
.gallery figcaption {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* 7) Hover/animation бар жерлерге motion reduction */
@media (prefers-reduced-motion: reduce) {
    .come-in,
    .already-visible,
    .hovereffect,
    .videobox figcaption ul,
    .gallery figcaption,
    .navigationstrip,
    .loginsec a,
    .videoinfo .videoshare ul li {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}

/* 8) Кей responsive iframe ережелері жетпей қалса, MediaYt қорғанысы */
.MediaYt iframe {
    max-width: 100%;
}

/* 9) Sidebar/widget ішіндегі суреттер контейнерден шықпасын */
.widget img,
.blogpost img,
.blogposttwo img,
.blogdetail img,
.commentslist img,
.recentposts img,
.flickrgallery img {
    max-width: 100%;
    height: auto;
}

/* 10) Форма элементтері font inheritance алсын */
input,
textarea,
select,
button {
    font: inherit;
}

/* 11) Тым ұзын search мәтіні overflow бермесін */
.searchbox input[type="text"],
.widget .search input[type="text"] {
    text-overflow: ellipsis;
}

/* 12) Anchor target-тар sticky nav астында қалып қоймауы үшін */
[id] {
    scroll-margin-top: 70px;
}