/* ============================================
   main.css — основные стили сайта info-islam
   Перенесено из UCOZ (_st/my.css)
   Адаптировано под WordPress
   ============================================ */

/* --- Базовые стили --- */
body {
    font-size: 16px;
    font-family: Arial, sans-serif, Verdana;
    color: #000;
    margin: 0;
    padding: 0;
}

table {
    vertical-align: top;
    font-size: 16px;
    font-family: Arial, sans-serif, Verdana;
    color: #000;
    border-spacing: 0;
}

td {
    vertical-align: top;
    font-size: 16px;
    font-family: Arial, sans-serif, Verdana;
    color: #000;
}

p, div {
    font-size: 16px;
    font-family: Arial, sans-serif, Verdana;
    color: #000;
}

body, table, tr, td, p, div, li, span, a {
    box-sizing: border-box;
}

/* --- Заголовки --- */
h1 {
    font-size: 38px;
    line-height: 41px;
    color: #e6133f;
    font-family: 'PT Sans Narrow', sans-serif;
    margin: 5px 0;
}

h2, h3, h4, h5, h6, .zagol3 {
    font-size: 32px !important;
    line-height: 36px !important;
    color: #000;
    text-align: left;
    font-family: 'PT Sans Narrow', sans-serif;
    /* В WP убираем фоновое изображение UCOZ, заменяем на псевдоэлемент */
    padding-left: 35px;
    margin: 40px 0 20px 0;
    position: relative;
}

h2::before, h3::before, h4::before, h5::before, h6::before, .zagol3::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('../images/logosmall2.png') no-repeat left center;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.zagol4 {
    position: relative;
    font-size: 38px !important;
    line-height: 36px;
    padding-left: 48px;
    color: #000;
    text-align: left;
    font-family: 'PT Sans Narrow', sans-serif;
    margin: 40px 0 20px 0;
}

.zagol4:before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(../images/logosmall.png) no-repeat left center;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* --- Цитата --- */
blockquote {
    font-size: 1.1em;
    line-height: 1.7em;
    border-width: 0 0 0 6px;
    border-style: solid;
    border-color: #cc3300;
    background: #fff;
    padding: 10px 10px 10px 20px;
    margin: 0 0 0 30px;
}

blockquote p {
    font-size: 0.95em !important;
    line-height: 1.7em;
}

/* --- Ссылки --- */
a {
    color: #0066cc;
    text-decoration: underline;
}

a:visited {
    color: #0066cc;
    text-decoration: underline;
}

a:hover {
    color: #e6133f;
    text-decoration: underline;
}

/* --- Скроллбар (webkit) --- */
::-webkit-scrollbar
{
    background-image: url('../images/scrolfon.jpg');
    height: 10px;
    width: 16px;
}

::-webkit-scrollbar-thumb
{
    background-image: url('../images/scrolknop.gif');
    border-radius: 30px;
}

/* --- Лэйаут --- */
.mainbody {
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 0;
    margin: 0;
}

/* В WP используем .site-container вместо .centerTD */
.centerTD,
.site-container {
    width: 1050px;
    margin: 10px auto 10px auto;
}

/* Фиксированная шапка */
.zakrepleno,
.site-header-fixed {
    z-index: 99;
    background: #fff;
    width: 100%;
    position: fixed;
    top: 0;
    border-bottom: 2px solid #d9dfec;
    padding: 11px 0;
}

/* Отступ под фиксированную шапку с учётом Admin Bar WP */
.admin-bar .zakrepleno {
    top: 32px; /* высота WP Admin Bar на десктопе */
}

@media screen and (max-width: 782px) {
    .admin-bar .zakrepleno {
        top: 46px; /* высота WP Admin Bar на мобильных */
    }
}

/* Блок логотипа — отступ сверху под фиксированную шапку */
.site-header-logo {
    margin-top: 41px; /* высота .zakrepleno (~41px с padding) */
}

@media screen and (max-width: 782px) {
    .admin-bar .site-header-logo {
        margin-top: 90px; /* 44px шапка + 46px admin bar */
    }
}

/* Отступ контента под шапку */
.site-content {
    margin-top: 60px;
}


@media screen and (max-width: 782px) {
    .admin-bar .site-content {
        margin-top: 106px; /* 60px шапка + 46px admin bar */
    }
}

/* --- Колонки --- */
.cont  { border-right: 1px solid #e3e3e3; }
.cont1 { border-right: 3px solid #e6133f; }
.cont2 { padding-left: 20px; }
.cont3 { padding-right: 20px; }
.cont4 { padding-right: 30px; }
.cont5 { padding-left: 30px; }

/* Таблица контента — фиксированная раскладка 250 | 550 | 250 */
.page-content-wrapper > table { table-layout: fixed; width: 1050px; }
/* Центральная колонка — имеет оба класса cont2 и cont3 */
.page-content-wrapper > table td.cont2.cont3 { width: 550px; overflow: hidden; }
/* Боковые колонки */
.page-content-wrapper > table td.cont2:not(.cont3),
.page-content-wrapper > table td.cont3:not(.cont2) { width: 250px; }
/* Текст не выходит за пределы колонки */
.page-content-wrapper td { word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; }
.minimenu { background: #355168; width: 40px; }

/* --- Текстовые блоки --- */
.text, .text p, .text div { font-size: 14px; line-height: 22px; color: #000; }
.text img { width: 500px; border: 0; margin: 10px 0; }

.text1, .text1 p, .text1 div { font-size: 16px; line-height: 26px; color: #000; }

.text2, .text2 p, .text2 div { font-size: 17px; line-height: 26px; color: #000; }
.text2 img { width: 650px; border: 0; margin: 10px 0; }

.text3, .text3 p, .text3 div { font-size: 16px; line-height: 26px; color: #000; }

.text4, .text4 p, .text4 div { font-size: 16px; line-height: 26px; color: #000; }
.text4 img { width: 1050px; border: 0; margin: 10px 0; }

.text5, .text5 p, .text5 div { font-size: 12px !important; line-height: 17px !important; color: #999 !important; padding-top: 5px; }
.text5 a, .text5 a:visited { color: #999; text-decoration: underline; }
.text5 a:hover { color: #e6133f !important; text-decoration: underline; }

.arab { font-size: 24px !important; line-height: 34px !important; text-align: right; }

/* --- Прокрутка --- */
.prokrutka {
    width: 100%;
    height: 560px;
    background: #fff;
    border: 0;
    overflow-y: scroll;
    padding: 0 10px;
}

/* --- Заголовки блоков --- */
.lid { font-size: 22px !important; line-height: 32px !important; color: #777 !important; }

.tut { font-weight: bold; font-size: 21px !important; color: #000 !important; padding: 0; border-bottom: 1px solid #e3e3e3; }
.tut a, .tut a:visited { color: #0066cc !important; text-decoration: none; border-bottom: 1px dashed #0066cc !important; }
.tut a:hover { color: #e6133f !important; border-bottom: 1px dashed #e6133f !important; }

/* --- Слоган и дата --- */
.slogan { font-size: 15px; line-height: 19px; color: #4e6d86; text-transform: uppercase; font-family: 'PT Sans Narrow', sans-serif; padding: 0 0 5px 0; }
.sloganotstup { padding-top: 20px; }
.day { font-size: 17px; line-height: 20px; color: #4e6d86; font-family: 'PT Sans Narrow', sans-serif; padding: 5px 0 0 0; }
.today { font-size: 31px; line-height: 20px; color: #4e6d86; font-family: 'PT Sans Narrow', sans-serif; }
.todaydata { font-size: 47px; color: #4e6d86; font-family: 'PT Sans Narrow', sans-serif; }

/* --- Навигация --- */
.menu1 { font-size: 14px; color: #000; text-transform: uppercase; font-family: 'PT Sans Narrow', sans-serif; padding: 0 7px; }
.menu1 a, .menu1 a:visited { color: #6d8396; text-decoration: none; border-bottom: 1px solid #c9d4de; padding: 0 !important; margin: 0 12px; }
.menu1 a:hover { color: #e6133f; text-decoration: none; border-bottom: 0; }
.menu1 img { height: 13px; border: 0; }

/* Активный пункт меню — в WP используем класс .current-menu-item */
.now a, .now a:visited, .now a:hover,
.menu1 .current-menu-item a { color: #e6133f; text-decoration: none; }

.menu2, .menu2 li, .menu2 ul, .menu2 ol { font-size: 14px !important; line-height: 24px; color: #000; font-family: Arial !important; padding-bottom: 10px; }
.menu2 a, .menu2 a:visited { color: #0066cc; text-decoration: none; }
.menu2 a:hover { color: #e6133f; text-decoration: underline; }

/* --- Новости --- */
.news { font-size: 26px; line-height: 28px; color: #000; font-family: 'PT Sans Narrow', sans-serif; }
.news a, .news a:visited { color: #35638a; text-decoration: none; }
.news a:hover { color: #e6133f; text-decoration: none; }
.news img { border: 0; margin: 0 0 10px 0; }

.newsniz { font-size: 26px; line-height: 28px; color: #000; font-family: 'PT Sans Narrow', sans-serif; }
.newsniz a, .newsniz a:visited { color: #35638a; text-decoration: none; }
.newsniz a:hover { color: #e6133f; text-decoration: none; }
.newsniz img { width: 320px; border: 0; margin: 15px 0 10px 0; }

.newsopis { font-size: 14px; line-height: 20px; color: #333; padding: 5px 0; }
.newsopis a, .newsopis a:visited { color: #20394e; text-decoration: none; }
.newsopis a:hover { color: #20394e; text-decoration: none; }

.newsopis2 { font-size: 12px !important; line-height: 18px !important; color: #333; padding: 5px 0; }
.newsopis2 a, .newsopis2 a:visited { color: #20394e; text-decoration: none; }
.newsopis2 a:hover { color: #20394e; text-decoration: none; }
.newsopis2 li { padding-top: 4px; padding-bottom: 4px; }

.newsdiv  { padding: 12px 0; border-bottom: 1px solid #e3e3e3; overflow: hidden; max-width: 100%; }
.newsdiv2 { padding: 15px 0 10px 0; border-bottom: 1px solid #e3e3e3; }
.newsdiv3 { width: 200px; height: 220px; float: left; padding: 10px 15px; margin: 15px; box-shadow: 0 0 10px 5px rgba(221,221,221,1); }
.newsdiv4 { padding: 15px 20px; }
.newsdiv5 { padding: 20px; }
.newsdiv6 { height: 150px; padding: 15px 25px 10px 25px; border-bottom: 1px solid #e3e3e3; }
.newsdiv7 { height: 150px; padding: 15px 25px 10px 25px; border-bottom: 1px solid #e3e3e3; width: 510px; float: left; }
.newsdiv8 { padding: 15px; }
.newsdiv9 { height: 70px; padding: 15px 10px 10px 10px; border-bottom: 1px solid #e3e3e3; }

.news1 { font-size: 16px; line-height: 28px; color: #000; margin: 0 30px 0 0; }
.news1 a, .news1 a:visited { color: #0066cc; text-decoration: none; border-bottom: 1px solid #bacfe4; }
.news1 a:hover { color: #e6133f; text-decoration: none; border-bottom: 0; }

.news2 { font-size: 14px; line-height: 19px; color: #000; padding: 10px 0; }
.news2 a, .news2 a:visited { color: #35638a; text-decoration: none; }
.news2 a:hover { color: #e6133f; text-decoration: none; }
.news2 .news4data { display: inline; margin-right: 5px; white-space: nowrap; }

.news3 { font-size: 19px; line-height: 21px; color: #000; font-family: 'PT Sans Narrow', sans-serif; }
.news3 a, .news3 a:visited { color: #35638a; text-decoration: none; }
.news3 a:hover { color: #e6133f; text-decoration: none; }
.news3 img { width: 250px; float: left; border: 0; margin: 0 10px 5px 0; }

.news4 { font-size: 22px; line-height: 25px; color: #000; font-family: 'PT Sans Narrow', sans-serif; }
.news4 a, .news4 a:visited { color: #35638a; text-decoration: none; }
.news4 a:hover { color: #e6133f; text-decoration: none; }
.news4 img { width: 190px; float: left; border: 0; margin: 0 15px 0 0; }

.news4data { color: #e6133f; }

.news13 { font-size: 22px; line-height: 25px; color: #000; font-family: 'PT Sans Narrow', sans-serif; }
.news13 a, .news13 a:visited { color: #35638a; text-decoration: none; }
.news13 a:hover { color: #e6133f; text-decoration: none; }
.news13 img { width: 120px; float: left; border: 0; margin: 0 15px 0 0; }
.news13td { width: 190px; }
.news13td img { width: 180px; height: auto; float: left; border: 0; margin: 0 15px 0 0; }

.newsvideo { font-size: 19px; line-height: 22px; color: #000; font-family: 'PT Sans Narrow', sans-serif; }
.newsvideo a, .newsvideo a:visited { color: #35638a; text-decoration: none; }
.newsvideo a:hover { color: #e6133f; text-decoration: none; }
.newsvideo img { width: 240px; border: 0; margin: 0 0 10px 0; }

/* --- Заголовки разделов --- */
.zagol  { font-size: 20px; font-family: 'PT Sans Narrow', sans-serif; color: #000; }
.zagol a, .zagol a:visited { color: #0066cc; text-decoration: underline; }
.zagol a:hover { color: #e6133f; text-decoration: underline; }

.zagol2 { font-size: 22px !important; font-family: 'PT Sans Narrow', sans-serif; color: #000; }

/* --- Категории --- */
.sectioncat { font-size: 16px; line-height: 28px; color: #000; }
.sectioncat a, .sectioncat a:visited { color: #0066cc; white-space: nowrap; text-decoration: none; border-bottom: 1px solid #bacfe4; }
.sectioncat a:hover { color: #ff0000; text-decoration: none; border-bottom: 0; }

/* --- Ссылки в шапке/подвале --- */
.headlink  { font-size: 14px; padding: 4px 0; }
.headlink img { width: 35px; border: 0; margin: 10px 0; }

.headlink2 { font-size: 18px; line-height: 25px; color: #a1b9ca; padding: 4px 0; }
.headlink2 a, .headlink2 a:visited { font-size: 16px; line-height: 25px; color: #809cb2; white-space: nowrap; text-decoration: none; border-bottom: 1px solid #425f76; }
.headlink2 a:hover { color: #e6133f; text-decoration: none; border-bottom: 0; }

/* --- Баннеры --- */
.banner  img { width: 240px; border: 1px solid #ccc; }
.banner1 img { width: 240px; border: 1px solid #ccc; }
.banner2 img { width: 250px; border: 1px solid #ccc; margin: 0 3px; }
.banner3 img { width: 240px; border: 1px solid #ccc; }

/* --- Копирайт --- */
.copy { font-size: 12px; line-height: 17px; color: #000; }
.copy a, .copy a:visited { color: #0066cc; text-decoration: underline; }
.copy a:hover { color: #e6133f; text-decoration: underline; }
.copy img { height: 40px; float: left; border: 0; margin: -5px 14px 0 0; }

.copy2 { font-size: 12px; line-height: 17px; color: #333; padding: 5px 0; }

/* --- Разделители --- */
hr { border: none; color: #ccc; background-color: #ccc; height: 1px; margin: 2px 0; }
.hr2 { border: none; background-color: #000; height: 2px; margin: 2px 0; }
.hr3 { border: none; background-color: #e6133f; height: 5px; margin: 2px 0; }
.hr4 { border: none; background-color: #e6133f; height: 7px; margin: 30px 0 0 0; }

/* --- Списки --- */
ul { margin-top: 10px; margin-bottom: 0; }
ol { margin-top: 0; margin-bottom: 0; }
li { padding: 3px 0; }

/* --- Формы --- */
textarea {
    font-size: 14px;
    line-height: 19px;
    color: #000;
    font-family: Arial, sans-serif, Verdana;
    padding: 5px 10px;
}

/* --- Теги --- */
.tagItem { width: 50%; height: 30px; float: left; padding: 0 20px; }

/* --- Опрос --- */
.answer { font-size: 14px; line-height: 20px; margin: 7px 0; }

/* --- Прочее --- */
.otstup { padding: 5px 0; }
.spravka { background: #eee; padding: 15px 30px; }
.ramka { border: 1px solid #ccc; padding: 10px 15px; }
.put { font-size: 14px; color: #666; }
.put a, .put a:visited { color: #0066cc; text-decoration: none; }
.put a:hover { color: #e6133f; text-decoration: underline; }

/* ============================================
   Адаптация под WordPress
   ============================================ */

/* WP добавляет класс .wp-post-image к featured image */
.wp-post-image {
    border: 0;
    max-width: 100%;
    height: auto;
}

/* Стандартные классы выравнивания WP */
.alignleft  { float: left; margin: 0 15px 10px 0; }
.alignright { float: right; margin: 0 0 10px 15px; }
.aligncenter { display: block; margin: 10px auto; }

/* Пагинация WP */
.wp-pagenavi, .navigation.pagination {
    text-align: center;
    padding: 20px 0;
}

.wp-pagenavi a, .wp-pagenavi span,
.page-numbers a, .page-numbers span {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 2px;
    border: 1px solid #bacfe4;
    color: #0066cc;
    text-decoration: none;
    font-size: 14px;
}

.wp-pagenavi a:hover, .page-numbers a:hover { color: #e6133f; border-color: #e6133f; }
.wp-pagenavi span.current, .page-numbers .current { background: #e6133f; color: #fff; border-color: #e6133f; }

/* Комментарии WP */
.comment-list { list-style: none; padding: 0; margin: 0; }
.comment-body { padding: 15px 0; border-bottom: 1px solid #e3e3e3; }
.comment-author .fn { font-size: 16px; font-weight: bold; color: #000; }
.comment-metadata { font-size: 12px; color: #999; }
.comment-content { font-size: 14px; line-height: 22px; margin-top: 10px; }

/* Поиск WP */
.search-form input[type="search"] {
    height: 35px;
    border: 4px solid #ccc;
    padding: 0 10px;
    font-size: 14px;
    width: auto;
}

.search-form input[type="submit"] {
    height: 35px;
    padding: 0 15px;
    background: #355168;
    color: #fff;
    border: 0;
    cursor: pointer;
    font-size: 14px;
}

/* Адаптивность */
@media (max-width: 1100px) {
    .centerTD, .site-container { width: 100%; padding: 0 15px; }
}

@media (max-width: 768px) {
    .news3 img, .news4 img, .news13td { float: none; width: 100%; margin: 0 0 10px 0; }
    .cont3, .cont2 { padding: 0 10px; }
    h1 { font-size: 26px; line-height: 30px; }
    h2, h3 { font-size: 22px !important; line-height: 26px !important; }
}

/* --- Пагинация --- */
.swchItem1 a, .swchItem1 a:visited {
    color: #3366cc;
    text-decoration: underline;
    padding: 0 7px !important;
}

.swchItem1, .swchItemA1 {
    font-size: 17px;
    padding: 5px 0;
}

.swchItemA { padding: 0 7px !important; }

.text5 { position: relative; padding-left: 20px; }
.text5::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/calendar.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.text5-single::before {
    top: 6px;
    transform: none;
}

.front-feed .news13td { width: 130px; }
.front-feed .news13td img { width: 120px; }

.uRelatedEntry a, .uRelatedEntry a:visited { color: #35638a; text-decoration: none; }
.uRelatedEntry a:hover { color: #e6133f; text-decoration: none; }

.uRelatedEntry img { width: 80px; height: auto; display: block; margin-bottom: 5px; }

/* Блок "Читайте также" — flex-карточка */
.newsdiv9 { padding: 6px 0; }
.newsdiv9 a.uRelatedEntry {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #35638a;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.4;
}
.newsdiv9 a.uRelatedEntry:hover { color: #e6133f; }
.newsdiv9 a.uRelatedEntry:visited { color: #35638a; }
.uRelatedEntry-img { width: 80px; min-width: 80px; height: auto; flex-shrink: 0; }
.uRelatedEntry-title { flex: 1; }

/* Второстепенные новости в блоке групп рубрик */
.news11 a, .news11 a:visited { color: #35638a; text-decoration: none; }
.news11 a:hover { color: #e6133f; }
.news11 a {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 1.4;
    padding: 5px 0;
}
.news11 a img { flex-shrink: 0; float: none !important; margin: 0 !important; }

/* Первая новость на главной — картинка по центру без растягивания */
.newsdiv .news img { display: block; margin: 0 auto; height: auto; max-width: 100%; }
.newsdiv .news a { display: block; text-align: left; overflow: hidden; }