/*!
  Theme Name:     NewFayl Child Разработка 23.07.2025 !
  Template:       newfayl
  Text Domain:	  newfayl-child
  Theme URI:      http://demo.fayl.cfd/
  Author:         S.A Studio
  Author URI:     https://fayl.cfd
  Version:        1.0.0
  Description:    The «NewFayl Child» theme from «S.A Studio» is meticulously designed to provide flexibility, versatility, and adaptability for any website. The template meets a wide variety of needs, whether you represent a business, run blogs, write articles, or showcase creative works. Thanks to simple color and typography settings, the «NewFayl Child» theme opens up a multitude of possibilities. This theme offers a wide range of style variations and a complete page design, simplifying the process of creating your website. Fully compatible with the site editor, it also uses the latest design tools presented in WordPress 6.4.3.

  License: GNU General Public License v2 or later
  License URI: LICENSE
  Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

  This theme, like WordPress, is licensed under the GPL.
  Use it to make something cool, have fun, and share what you've learned.

  NewFayl is based on Fayl https://fayl.cfd/, (C) 2012-2020 Automattic, Inc.
  NewFayl is distributed under the terms of the GNU GPL v2 or later.
 */
/* Pagination */
.pagination {
    display: flex;
    justify-content: center;
    list-style-type: none;
    /* Убираем маркеры списка */
    padding: 0;
    /* Убираем отступы списка */
}

.pagination .page-item {
    margin: 0 5px;
    /* Добавляем небольшой отступ между элементами пагинации */
}

.pagination a.page-link,
.pagination span.page-link {
    /* Стили для ссылок и спанов внутри элементов пагинации */
    padding: 10px 15px;
    /* Паддинг для увеличения размера кликабельной области */
    text-decoration: none;
    /* Убираем подчеркивание текста */
    font-weight: 700;
    border: 1px solid #ddd;
    /* Граница вокруг элементов */
    background-color: #f8f9fa;
    /* Цвет фона */
    border-radius: 5px;
    /* Скругление углов */
}

.pagination .page-item.active span.page-link {
    /* Стили для текущей страницы */
    color: red;
    /* Цвет текста для текущей страницы */
    font-weight: 700;
    /* Жирный шрифт для текущей страницы */
    border-color: red;
    /* Цвет границы для текущей страницы */
}

.pagination a.page-link:hover {
    /* Стили для ссылок при наведении */
    background-color: #e2e6ea;
    /* Светлее фон при наведении */
    border-color: #dae0e5;
    /* Светлее граница при наведении */
}

.pagination a.prev.page-link,
.pagination a.next.page-link {
    /* Стили для кнопок "предыдущая" и "следующая" */
    font-size: 20px;
    /* Больший размер шрифта для стрелок */
}

ul.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

li.page-item {
    padding: 10px 10px;
}

a.page-numbers {
    font-weight: 700;
}

.page-numbers.current {
    color: red;
    font-weight: 700;
}

a.prev.page-numbers,
a.next.page-numbers {
    font-size: 22px;
}

/* ===================== */

.post-categories {
    padding: 15px 0 5px 0;
}

h2 {
    text-align: center;
}

.post-thumbnail {
    float: left;
    /* Выравниваем изображение справа */
    margin-right: 20px;
    /* Отступ между изображением и текстом */
}

.gridvalue {
    color: green;
    font-size: 18px;
}

/* Wp Search */
/* Контейнер поиска */
.wp-block-search {
    background: linear-gradient(135deg, #48667D, #4cafef);
    padding: 20px;
    border-radius: 16px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    max-width: 350px;
    margin: 20px auto;
    text-align: center;
    font-family: "Segoe UI", sans-serif;
}

/* Заголовок поиска */
.wp-block-search__label {
    display: block;
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

/* Обертка */
.wp-block-search__inside-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Поле ввода */
.wp-block-search__input {
    flex: 1;
    padding: 10px 14px;
    border: none;
    border-radius: 12px;
    font-size: 14px;
    outline: none;
    background: linear-gradient(135deg, #4cafef, #48667D);
    color: #fff;
    transition: 0.3s ease;
}

.wp-block-search__input::placeholder {
    color: #fff;
}

.wp-block-search__input:focus {
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px #6a5acd;
}

/* Кнопка */
.wp-block-search__button {
    padding: 10px 18px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, #4cafef, #48667D);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease;
}

.wp-block-search__button:hover {
    background: linear-gradient(135deg, #48667D, #4cafef);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(106, 90, 205, 0.5);
}

/* ----------------- OpenSim ------------------- */

/* Web Search */
.w4os-web-search {
    background: linear-gradient(135deg, #4cafef, #48667D);
    padding: 20px;
    border-radius: 16px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    max-width: 350px;
    margin: 20px auto;
    text-align: center;
    font-family: "Segoe UI", sans-serif;
}

.w4os-web-search h3 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 600;
}

.w4os-web-search form {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.w4os-web-search input[type="text"] {
    flex: 1;
    padding: 10px 14px;
    border: none;
    border-radius: 12px;
    font-size: 14px;
    outline: none;
    background: linear-gradient(135deg, #48667D, #4cafef);
    color: #fff;
    transition: 0.3s ease;
}

.w4os-web-search input[type="text"]::placeholder {
    color: #aaa;
}

.w4os-web-search input[type="text"]:focus {
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px #6a5acd;
}

.w4os-web-search input[type="submit"] {
    padding: 10px 18px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, #48667D, #4cafef);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease;
}

.w4os-web-search input[type="submit"]:hover {
    background: linear-gradient(135deg, #4cafef, #48667D);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(106, 90, 205, 0.5);
}

.w4os-web-search p {
    color: #fff;
    font-size: 13px;
    margin-top: 12px;
}