/* ==========================================================================
   Analiz Kariyer — Site Tasarım Sistemi (global tokenlar + paylaşılan stiller)
   Tüm Elementor bölümleri bu değişkenleri/yardımcıları kullanır.
   by xStudio
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Playfair+Display:wght@500;600;700;800;900&display=swap');

:root {
	--ak-navy:        #16264a;   /* ana koyu lacivert */
	--ak-navy-2:      #1d3057;   /* hafif açık lacivert */
	--ak-navy-3:      #0f1c39;   /* footer alt bar */
	--ak-red:         #e2231a;   /* vurgu kırmızı */
	--ak-red-dark:    #be1810;
	--ak-gray:        #f4f5f7;   /* açık gri bölüm zemini */
	--ak-text:        #2d2d2d;
	--ak-muted:       #6b7280;
	--ak-border:      #e5e7eb;
	--ak-white:       #ffffff;

	--ak-sans:  'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
	--ak-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;

	--ak-maxw: 1200px;
}

/* Her bölüm kökü .ak sınıfını taşır; kutu modeli + temel tipografi */
.ak,
.ak *,
.ak *::before,
.ak *::after {
	box-sizing: border-box;
}

.ak {
	font-family: var(--ak-sans);
	color: var(--ak-text);
	line-height: 1.6;
	font-size: 16px;
}

.ak img { max-width: 100%; height: auto; display: block; }
.ak a { text-decoration: none; }
.ak a:not(.ak-btn) { color: inherit; }   /* butonlar kendi rengini korur */
.ak ul { margin: 0; padding: 0; list-style: none; }

/* Ortalanmış içerik konteyneri */
.ak-container {
	width: 100%;
	max-width: var(--ak-maxw);
	margin: 0 auto;
	padding-left: 24px;
	padding-right: 24px;
}

/* Bölüm başlığı + kırmızı alt çizgi deseni (ortalı) */
.ak-heading {
	text-align: center;
	margin: 0 0 48px;
}
.ak-heading h2 {
	font-family: var(--ak-sans);
	font-weight: 800;
	color: var(--ak-navy);
	font-size: clamp(24px, 2.4vw, 34px);
	margin: 0 0 14px;
	letter-spacing: .2px;
}
.ak-heading .ak-underline,
.ak-underline {
	display: inline-block;
	width: 70px;
	height: 3px;
	background: var(--ak-red);
	border-radius: 2px;
}

/* Buton temelleri */
.ak-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: .4px;
	text-transform: uppercase;
	padding: 12px 26px;
	border-radius: 4px;
	cursor: pointer;
	transition: background .2s ease, color .2s ease, border-color .2s ease;
	border: 2px solid transparent;
	line-height: 1;
}
.ak-btn--red       { background: var(--ak-red); color: #fff; }
.ak-btn--red:hover { background: var(--ak-red-dark); color: #fff; }
.ak-btn--ghost       { background: transparent; color: #fff; border-color: rgba(255,255,255,.85); }
.ak-btn--ghost:hover { background: #fff; color: var(--ak-navy); }

/* Genel: Elementor tam genişlik sayfasında bölümler kenardan kenara olsun */
.elementor-widget-html { line-height: 0; }   /* html widget boşluk fix */
.elementor-widget-html .ak { line-height: 1.6; }

/* Yatay taşmayı engelle (tam-genişlik blok breakout'u için) */
html, body { overflow-x: hidden; max-width: 100%; }

/* Her .ak bölümü, Elementor'un kutu konteynerinden çıkıp tüm görüntü genişliğini kaplasın */
.elementor-widget-html > .ak {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}