/*
Theme Name: Quants Prime
Theme URI: https://www.quantsprime.com/
Author: Quants Prime
Description: Motyw strony Quants Prime (odwzorowanie projektu z eksportu Astro/Vercel). Treści podstron znajdują się w plikach template-parts/content/*.php.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: quantsprime
*/

/*
 * Właściwe style strony są w assets/css/ (base.css + arkusz danej podstrony).
 * Ten plik zawiera tylko drobne poprawki pod WordPressa.
 */

/* Pasek administratora WP nie powinien zasłaniać przyklejonego nagłówka. */
.admin-bar .header-new { top: 32px; }
@media screen and (max-width: 782px) {
	.admin-bar .header-new { top: 46px; }
}

/* Wariant nagłówka z adresem e-mail zamiast telefonu (gdy 'phone' w inc/config.php jest pusty).
   Adres jest dłuższy niż numer, więc na węższych ekranach desktopowych (993–1200 px) zmniejszamy go. */
.header-phone.is-email { margin-left: 0; }
@media (max-width: 1200px) {
	.header-phone.is-email .phone-icon-wrap { display: none; }
	.header-phone.is-email .phone-number { font-size: .85rem; letter-spacing: 0; }
	.header-phone.is-email .phone-label { font-size: .65rem; }
}

/* Monogram QP: litery proste (nie kursywa) – kursywne "Q" w Playfair czyta się jak "2". */
.logo-monogram .logo-g,
.logo-monogram .logo-f { font-style: normal; }

/* Monogram QP w stopce (zamiast obrazka logo) – ten sam styl co monogram w nagłówku, w rozmiarze 38 px. */
.footer-monogram {
	display: flex; align-items: center; justify-content: center; flex-shrink: 0;
	width: 38px; height: 38px; border: 1.5px solid var(--color-gold-400, #d4a94f); border-radius: 7px;
	font-family: var(--font-heading, "Playfair Display", Georgia, serif); font-style: normal; font-weight: 700;
	font-size: 1.05rem; line-height: 1;
}
.footer-monogram .fm-q { color: var(--color-gold-400, #d4a94f); margin-right: -1px; }
.footer-monogram .fm-p { color: #fff; margin-left: -1px; }

/* Ukryte pole-pułapka w formularzu kontaktowym (anty-spam). */
.qp-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* Komunikaty formularza kontaktowego. */
.qp-form-notice { padding: 14px 18px; border-radius: 8px; margin-bottom: 20px; font-size: 15px; line-height: 1.5; }
.qp-form-notice--ok { background: #e8f5ee; color: #14532d; border: 1px solid #a7d7b9; }
.qp-form-notice--error { background: #fdeaea; color: #7f1d1d; border: 1px solid #f1b4b4; }

/* Nagłówek ma position:absolute i przezroczyste tło – na zwykłych stronach WP
   (wpisy, strony bez własnego szablonu) dajemy pod niego ciemny pas. */
.qp-generic-hero {
	background: linear-gradient(135deg, var(--color-navy-900, #0a1628), var(--color-navy-700, #1e3a5f));
	padding: 150px 0 60px;
	color: #fff;
}
.qp-generic-hero .qp-label {
	display: inline-block; font-size: 12px; letter-spacing: .14em; text-transform: uppercase;
	color: var(--color-gold-400, #d4af37); margin-bottom: 14px; font-weight: 600;
}
.qp-generic-hero h1 {
	font-family: var(--font-heading, "Playfair Display", Georgia, serif);
	font-size: clamp(32px, 4vw, 48px); line-height: 1.15; margin: 0; color: #fff;
}
.qp-generic-hero .qp-meta { margin-top: 14px; opacity: .8; font-size: 15px; }
.qp-generic-content { padding: 60px 0 90px; background: #fff; }
.qp-generic-content .qp-article {
	max-width: 860px; margin: 0 auto; font-size: 17px; line-height: 1.75; color: #1f2937;
}
.qp-generic-content .qp-article h2,
.qp-generic-content .qp-article h3 {
	font-family: var(--font-heading, "Playfair Display", Georgia, serif);
	color: var(--color-navy-900, #0a1628); margin: 1.6em 0 .6em; line-height: 1.25;
}
.qp-generic-content .qp-article h2 { font-size: 30px; }
.qp-generic-content .qp-article h3 { font-size: 23px; }
.qp-generic-content .qp-article p, .qp-generic-content .qp-article ul, .qp-generic-content .qp-article ol { margin: 0 0 1.2em; }
.qp-generic-content .qp-article ul, .qp-generic-content .qp-article ol { padding-left: 1.4em; }
.qp-generic-content .qp-article a { color: var(--color-navy-700, #1e3a5f); text-decoration: underline; }
.qp-generic-content .qp-article img { max-width: 100%; height: auto; }
.qp-generic-content .qp-article table { width: 100%; border-collapse: collapse; margin: 0 0 1.5em; }
.qp-generic-content .qp-article th, .qp-generic-content .qp-article td { border: 1px solid #e5e7eb; padding: 10px 12px; text-align: left; }
.qp-post-list .qp-post-item { padding: 26px 0; border-bottom: 1px solid #e5e7eb; }
.qp-post-list .qp-post-item h2 { margin: 0 0 8px; font-size: 26px; }
.qp-post-list .qp-post-item h2 a { color: var(--color-navy-900, #0a1628); text-decoration: none; }
.qp-post-list .qp-post-item h2 a:hover { color: var(--color-gold-600, #b8941f); }
.qp-pagination { margin-top: 40px; display: flex; gap: 8px; flex-wrap: wrap; }
.qp-pagination .page-numbers { padding: 8px 14px; border: 1px solid #e5e7eb; border-radius: 6px; text-decoration: none; color: #1f2937; }
.qp-pagination .page-numbers.current { background: var(--color-navy-900, #0a1628); color: #fff; border-color: var(--color-navy-900, #0a1628); }
.qp-404 { text-align: center; }
.qp-404 .qp-btn {
	display: inline-block; margin-top: 24px; padding: 14px 28px; border-radius: 6px;
	background: var(--color-gold-500, #c9a227); color: var(--color-navy-900, #0a1628); font-weight: 700; text-decoration: none;
}