/*!
Theme Name: opora
Theme URI: https://webzaytsev.ru/
Author: WEBzaytsev && Contributors
Author URI: https://github.com/WEBzaytsev
Description: Custom theme for a psychologist magazine
Version: 2.2.10
Tested up to: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: op
 */

:root {
    --container-width: 1760px;
    --op-light-blue: #d6e8ff;
}

*,
*:before,
*:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    -webkit-font-smoothing: subpixel-antialiased;
    background-color: #F7F7F7;
}

img {
    display: block;
    max-width: 100%;
}


/* Zigmund empty archive / author / search state */
.op-empty-state {
    width: min(760px, calc(100% - 40px));
    margin: 70px auto;
    padding: 56px 36px;
    border-radius: 28px;
    text-align: center;
    color: #252525;
    background:
        radial-gradient(circle at 12% 18%, rgba(151,104,255,.18), transparent 32%),
        radial-gradient(circle at 88% 82%, rgba(255,112,58,.16), transparent 30%),
        linear-gradient(135deg,#ffffff 0%,#f8f5ff 52%,#fff8f3 100%);
    box-shadow: 0 16px 50px rgba(57,40,98,.08);
}
.op-empty-state__icon {
    width: 58px;
    height: 58px;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    color: #fff;
    background: linear-gradient(135deg,#9c6cff,#ff6b35);
    font-size: 25px;
    box-shadow: 0 10px 30px rgba(123,82,226,.2);
}
.op-empty-state h1,
.op-empty-state h2,
.op-empty-state__title {
    margin: 0 0 12px;
    color: #252525;
    font-size: clamp(28px,4vw,42px);
    line-height: 1.08;
}
.op-empty-state p,
.op-empty-state__text {
    max-width: 560px;
    margin: 0 auto 24px;
    color: #666;
    font-size: 18px;
    line-height: 1.45;
}
.op-empty-state a,
.op-empty-state__link {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 11px 24px;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(90deg,#f7a934 0%,#f37645 50%,#f57442 100%);
    font-weight: 700;
    text-decoration: none;
}
.op-empty-state__search { max-width: 520px; margin: 0 auto 22px; }
@media (max-width: 767px) {
    .op-empty-state { margin: 38px auto; padding: 38px 22px; border-radius: 22px; }
    .op-empty-state p,.op-empty-state__text { font-size: 16px; }
}