/* ========================================================================== Politics & Security — фірмове оформлення поверх теми Health Sciences Палітра взята з обкладинки журналу. Завантажується в Settings → Website → Appearance → Advanced → Journal Style Sheet ========================================================================== */ :root { --ps-deep: #0B2447; /* глибокий синій — шапка, підвал, заголовки */ --ps-deep-soft: #14315C; /* м'якший відтінок для градієнта */ --ps-accent: #1BA3D6; /* бірюзовий акцент */ --ps-accent-dark: #1287B4; /* акцент для тексту посилань (контраст) */ --ps-tint: #EEF4F9; /* світлі плашки */ --ps-border: #D8E3EC; /* рамки, розділювачі */ --ps-text: #16202B; /* основний текст */ --ps-muted: #5A6B7B; /* другорядний текст */ } /* -------------------------------------------------------------------------- 1. Типографіка — єдина на всіх сторінках -------------------------------------------------------------------------- */ body { font-family: "Fira Sans", -apple-system, "Segoe UI", Roboto, sans-serif; font-size: 17px; line-height: 1.65; color: var(--ps-text); } /* Усі заголовки — серифом. Раніше .issue-toc-section-title і кнопки випадали з пари й малювались сансом. */ h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .issue-toc-section-title, .article-summary-title, .site-footer .pkp_block h2.title, .obj_article_details .title, .page-header h1 { font-family: "PT Serif", Georgia, "Times New Roman", serif; color: var(--ps-deep); font-weight: 700; letter-spacing: .1px; } h1, .page-content h1 { font-size: 2.05rem; line-height: 1.25; } h2 { font-size: 1.55rem; } h3 { font-size: 1.28rem; } p { margin-bottom: 1rem; } a { color: var(--ps-accent-dark); text-decoration: none; transition: color .15s ease; } a:hover, a:focus { color: var(--ps-deep); text-decoration: underline; } /* -------------------------------------------------------------------------- 2. Шапка -------------------------------------------------------------------------- */ header.main-header { background: linear-gradient(180deg, var(--ps-deep) 0%, var(--ps-deep-soft) 100%); border-bottom: 3px solid var(--ps-accent); padding-bottom: .25rem; } header.main-header .navbar-logo-text, header.main-header .navbar-brand, header.main-header .navbar-brand .navbar-logo-text { font-family: "PT Serif", Georgia, serif; font-size: 1.75rem; font-weight: 700; color: #fff; letter-spacing: .01em; } header.main-header .navbar-logo a:hover .navbar-logo-text, header.main-header .navbar-brand:hover .navbar-logo-text { color: var(--ps-accent); text-decoration: none; } header.main-header .navbar-nav .nav-link { color: rgba(255, 255, 255, .86); font-weight: 500; font-size: .95rem; letter-spacing: .06em; padding: .55rem .9rem; border-bottom: 2px solid transparent; } header.main-header .navbar-nav .nav-link:hover, header.main-header .navbar-nav .nav-link:focus, header.main-header .navbar-nav .nav-item.active > .nav-link { color: #fff; border-bottom-color: var(--ps-accent); text-decoration: none; } header.main-header .navbar-toggler { border-color: rgba(255, 255, 255, .45); } header.main-header .navbar-toggler-icon { filter: invert(1) brightness(2); } /* Випадні меню. Тема робить їх на всю ширину, зі сталево-синім фоном і КАПСОМ — довгі назви політик через це нечитабельні. Приводимо до ладу: темно-синя панель у тон шапки, світлий текст, нормальний регістр, рівні колонки замість хаотичного переносу. !important потрібні: селектори теми специфічніші. */ header.main-header .navbar-nav .dropdown-menu { background: var(--ps-deep) !important; border: 0 !important; border-top: 3px solid var(--ps-accent) !important; border-radius: 0 0 4px 4px !important; box-shadow: 0 14px 30px rgba(11, 36, 71, .30) !important; padding: 1.1rem 1.4rem !important; } /* ВАЖЛИВО: display чіпаємо ТІЛЬКИ у відкритому стані (.show). Bootstrap ховає меню саме через display:none. Якщо перебити його на базовому селекторі, усі меню залишаться розгорнутими назавжди. */ header.main-header .navbar-nav .dropdown-menu.show { display: block !important; column-width: 260px !important; column-gap: 2.2rem !important; } header.main-header .navbar-nav .dropdown-menu .dropdown-item, header.main-header .dropdown-menu a { color: rgba(255, 255, 255, .88) !important; background: transparent !important; text-transform: none !important; font-size: .95rem !important; line-height: 1.35 !important; padding: .45rem .65rem !important; border-radius: 3px; white-space: normal !important; break-inside: avoid; display: block !important; width: auto !important; text-align: left !important; } header.main-header .navbar-nav .dropdown-menu .dropdown-item:hover, header.main-header .navbar-nav .dropdown-menu .dropdown-item:focus, header.main-header .dropdown-menu a:hover, header.main-header .dropdown-menu a:focus { background: rgba(27, 163, 214, .22) !important; color: #fff !important; text-decoration: none; } header.main-header .badge { background: var(--ps-accent); color: #fff; } /* Меню акаунта (вхід / особистий кабінет). Тема робить його 12 px і притискає до самого верху — воно губиться. Збільшуємо і даємо рамку. Вирівнювати його з рядком меню не можна: основна навігація розтягнута на всю ширину і CONTACT опиняється під ним. */ header.main-header > .container > ul.navbar-nav { top: 1.1rem !important; bottom: auto !important; } header.main-header > .container > ul.navbar-nav > li > a { font-size: 1rem !important; font-weight: 500 !important; padding: .45rem 1rem !important; line-height: 1.3; border: 1px solid rgba(255, 255, 255, .45); border-radius: 4px; } header.main-header > .container > ul.navbar-nav > li > a:hover, header.main-header > .container > ul.navbar-nav > li > a:focus { background: rgba(27, 163, 214, .22); border-color: var(--ps-accent); } header.main-header > .container > ul.navbar-nav .badge { font-size: .78rem; padding: .25em .5em; } /* Меню користувача праворуч лежить поза