/*
Theme Name:   KAPSAM (Essentials Child)
Theme URI:    https://kapsamglobal.com
Description:  KAPSAM kurumsal web sitesi icin Essentials alt temasi. Tum ozellestirmeler burada tutulur; ana tema guncellendiginde degisiklikler korunur. Conseil temasina gecildiginde yalnizca bu dosyadaki "Template" satiri degistirilecektir.
Author:       KAPSAM
Template:     essentials
Version:      1.0.0
Text Domain:  kapsam
*/

/* ==========================================================================
   Marka degiskenleri
   Roadmap Bolum 7.1: Conseil Prime yonu - genis bosluk, guclu tipografi,
   KAPSAM mavi-yesil kurumsal paleti.
   Gercek marka kodlari onaylandiginda buradaki degerler guncellenecek.
   ========================================================================== */

:root {
	--kapsam-blue: #0b4f6c;
	--kapsam-blue-deep: #01344a;
	--kapsam-teal: #1b998b;
	--kapsam-teal-light: #3fbfae;
	--kapsam-ink: #12232b;
	--kapsam-muted: #5b6b73;
	--kapsam-line: #dfe6e9;
	--kapsam-surface: #f5f8f9;
	--kapsam-white: #ffffff;

	/* Roadmap 7.1: genis bosluk ritmi */
	--kapsam-section-y: clamp(64px, 8vw, 128px);
	--kapsam-gap: clamp(20px, 3vw, 40px);
	--kapsam-radius: 4px;
}

/* ==========================================================================
   Erisilebilirlik ve performans
   Roadmap Bolum 14: "Asiri animasyon / agir medya" riskine karsi motion budget.
   ========================================================================== */

@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;
	}
}

/* Klavye ile gezinen kullanicilar icin gorunur odak halkasi. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 2px solid var(--kapsam-teal);
	outline-offset: 2px;
}

/* ==========================================================================
   Bolum yardimcilari
   Elementor bolumlerine CSS sinifi olarak elle eklenebilir.
   ========================================================================== */

.kapsam-section {
	padding-block: var(--kapsam-section-y);
}

.kapsam-surface {
	background-color: var(--kapsam-surface);
}

/* Roadmap Bolum 5: kontrollu icerik - onaylanmamis icerik yayindaysa
   yalnizca oturum acmis editorlere gorunen uyari seridi. */
.kapsam-approval-warning {
	background: #fcf0f1;
	border-left: 4px solid #d63638;
	color: #8a1f21;
	font-size: 13px;
	padding: 10px 16px;
}

/* ==========================================================================
   Yazi tipi: Bricolage Grotesque (site genelinde tek aile)
   Essentials/pixfort kendi font degiskenlerini SCSS'ten uretiyor; asagidaki
   blok o degiskenleri yeniden tanimlayarak tum temayi tek aileye baglar.
   ========================================================================== */

:root {
	--kapsam-font: "Bricolage Grotesque", "Segoe UI", system-ui, -apple-system,
		"Helvetica Neue", Arial, sans-serif;

	/* pixfort'un kendi degiskenleri */
	--pix-font-primary: var(--kapsam-font);
	--pix-font-secondary: var(--kapsam-font);
	--pix-font-heading: var(--kapsam-font);
	--pix-body-font: var(--kapsam-font);
	--pix-heading-font: var(--kapsam-font);

	/* Elementor global tipografi degiskenleri */
	--e-global-typography-primary-font-family: "Bricolage Grotesque";
	--e-global-typography-secondary-font-family: "Bricolage Grotesque";
	--e-global-typography-text-font-family: "Bricolage Grotesque";
	--e-global-typography-accent-font-family: "Bricolage Grotesque";
}

html body,
body h1, body h2, body h3, body h4, body h5, body h6,
body p, body a, body span, body li, body td, body th,
body label, body button, body input, body select, body textarea,
body .elementor-widget-heading .elementor-heading-title,
body .elementor-widget-text-editor,
body .elementor-button,
body .navbar-brand,
body .pix-header, body .pix-header *,
body .site-footer2, body .site-footer2 *,
body .menu-item, body .menu-item * {
	font-family: var(--kapsam-font) !important;
}

/* Degisken font ekseni: genislik ve optik boyut varsayilanlari */
body {
	font-variation-settings: "wdth" 100;
	font-optical-sizing: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Ikon yazi tipleri font-family degisiminden etkilenmemeli */
body [class^="pixicon-"], body [class*=" pixicon-"],
body .fa, body .fas, body .far, body .fab, body .fal,
body .eicon, body [class^="eicon-"], body [class*=" eicon-"],
body .dashicons, body [class^="dashicons-"] {
	font-family: inherit !important;
}

body [class^="pixicon-"], body [class*=" pixicon-"] {
	font-family: "pixicon" !important;
}

body .fa, body .fas { font-family: "Font Awesome 5 Free" !important; }
body .fab { font-family: "Font Awesome 5 Brands" !important; }
body .eicon, body [class^="eicon-"], body [class*=" eicon-"] { font-family: "eicons" !important; }
body .dashicons, body [class^="dashicons-"] { font-family: "dashicons" !important; }