/*
Theme Name: PNC
Theme URI: https://www.pnc.com.tr/
Author: PNC Danışmanlık
Author URI: https://www.pnc.com.tr/
Description: PNC Danışmanlık için özel WordPress blok teması (FSE). Performans pazarlama, SEO, SEM ve programatik reklam hizmetleri için kurgulanmıştır.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Version: 0.3.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pnc
Tags: block-theme, full-site-editing, business, one-column, wide-blocks, block-patterns, accessibility-ready
*/

/* Bu dosya bilinçli olarak küçük tutulmuştur.
   Renk, tipografi ve aralık kararları theme.json içindedir.
   Buraya sadece blok sisteminin karşılamadığı şeyler yazılır. */

/* --- Klavye erişimi --------------------------------------------------- */

.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100000;
	background: var(--wp--preset--color--sinyal);
	color: var(--wp--preset--color--murekkep);
	padding: 0.75rem 1.25rem;
	font-family: var(--wp--preset--font-family--baslik);
	font-weight: 700;
	text-decoration: none;
}

.skip-link:focus {
	left: 1rem;
	top: 1rem;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--wp--preset--color--kehribar);
	outline-offset: 3px;
}

/* --- Etiket (BARK düzeni: noktalı üst başlık) ------------------------- */

.pnc-etiket {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.pnc-etiket::before {
	content: "";
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: var(--wp--preset--color--sinyal);
	flex: none;
}

/* --- Hizmet başlığı: sonundaki nokta sarı ----------------------------- */

.pnc-hizmet-basligi::after {
	content: ".";
	color: var(--wp--preset--color--kehribar);
}

.has-murekkep-background-color .pnc-hizmet-basligi::after,
.pnc-koyu .pnc-hizmet-basligi::after {
	color: var(--wp--preset--color--sinyal);
}

/* --- Metrik: rakamlar hizalı ------------------------------------------ */

.pnc-metrik {
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.04em;
}

/* --- Logo duvarı: sakin dursun, üstüne gelince renklensin ------------- */

.pnc-logo-duvari img {
	filter: grayscale(1);
	opacity: 0.65;
	transition: filter 0.2s ease, opacity 0.2s ease;
}

.pnc-logo-duvari img:hover {
	filter: grayscale(0);
	opacity: 1;
}

/* --- Hizmet satırı: üstüne gelince sola kaysın ------------------------ */

.pnc-hizmet-satiri {
	transition: transform 0.2s ease;
}

.pnc-hizmet-satiri:hover {
	transform: translateX(0.25rem);
}

/* --- Vaka kartı ------------------------------------------------------- */

.pnc-vaka-karti {
	transition: border-color 0.2s ease;
}

.pnc-vaka-karti:hover {
	border-color: var(--wp--preset--color--sinyal);
}

/* --- Hareketi azalt --------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* --- Geniş içerik yatayda kaysın, sayfa kaymasın ---------------------- */

.wp-block-table,
.wp-block-code,
.pnc-yatay-kaydir {
	overflow-x: auto;
}

/* --- Başlık içindeki bağlantılar altı çizili olmasın ------------------ */

:where(h1, h2, h3, h4, h5) a {
	text-decoration: none;
}

:where(h1, h2, h3, h4, h5) a:hover {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

/* --- Marka şeridi (logo görselleri gelene kadar metin) ---------------- */

.pnc-marka {
	font-weight: 700;
	letter-spacing: -0.01em;
	color: var(--wp--preset--color--kul);
	margin: 0;
}

/* --- Logo ızgarası ---------------------------------------------------- */

.pnc-logo-izgara .pnc-logo-kutu {
	margin: 0;
	background: #FFFFFF;
	border: 1px solid var(--wp--preset--color--cizgi);
	height: 6.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.9rem;
	overflow: hidden;
}

.pnc-logo-izgara .pnc-logo-kutu img {
	max-height: 100%;
	width: auto;
	object-fit: contain;
}

.pnc-logo-izgara .pnc-logo-metin p {
	margin: 0;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: var(--wp--preset--color--kul);
}

@media (max-width: 60rem) {
	.pnc-logo-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

@media (max-width: 34rem) {
	.pnc-logo-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* --- Koyu zeminde bağlantılar okunabilir olsun --------------------------
   theme.json bağlantı rengini genel olarak mürekkep yapıyor; koyu
   bölümlerde bu görünmez oluyordu (footer menüleri, KVKK satırı). */

.pnc-koyu :where(a):not(.wp-block-button__link),
.has-murekkep-background-color :where(a):not(.wp-block-button__link) {
	color: var(--wp--preset--color--kagit);
}

.pnc-koyu :where(a):not(.wp-block-button__link):hover,
.has-murekkep-background-color :where(a):not(.wp-block-button__link):hover {
	color: var(--wp--preset--color--sinyal);
}

.pnc-koyu :where(a):not(.wp-block-button__link):focus-visible,
.has-murekkep-background-color :where(a):not(.wp-block-button__link):focus-visible {
	outline-color: var(--wp--preset--color--sinyal);
}

/* --- Yazar kutusu ------------------------------------------------------ */

.pnc-yazar-kutusu .wp-block-post-author__avatar img {
	border-radius: 50%;
}

.pnc-yazar-kutusu .wp-block-post-author__byline {
	font-family: var(--wp--preset--font-family--veri);
	font-size: var(--wp--preset--font-size--etiket);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--kul);
}

.pnc-yazar-kutusu .wp-block-post-author__name {
	font-family: var(--wp--preset--font-family--baslik);
	font-weight: 700;
	font-size: 1.05rem;
	letter-spacing: -0.01em;
}

.pnc-yazar-kutusu .wp-block-post-author__bio {
	color: var(--wp--preset--color--kul);
	margin-top: 0.35rem;
}

/* --- Özet kutusu ve güncelleme tarihi ---------------------------------- */

.pnc-ozet {
	border-left: 3px solid var(--wp--preset--color--sinyal);
}

.pnc-guncelleme::before {
	content: "Son güncelleme: ";
}