/*
Theme Name: DGS Theme
Theme URI: https://acibademinternational.com/
Author: DGS
Author URI: https://acibademinternational.com/
Description: Bomboş beyaz bir başlangıç teması — boş tuval. İçerik tamamen WPBakery / page builder ile yönetilir. Container max-width, yatay/dikey padding ve sayfa genişliği yüzdesi WordPress Customizer üzerinden ayarlanır. Row'lara `dgs-fullwidth`, `dgs-nopad`, `dgs-w100` gibi yardımcı sınıflar eklenebilir.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dgs_theme
Tags: blank, custom-colors, custom-menu, custom-logo, full-width-template, theme-options, translation-ready
*/

*,
*::before,
*::after { box-sizing: border-box; }

html,
body { margin: 0; padding: 0; }

html { -webkit-text-size-adjust: 100%; }

/*
 * Body — tipografi değerleri Customizer "DGS Typography" tarafından
 * --dgs-font-body, --dgs-fs-body, --dgs-fw-body, --dgs-lh-body olarak besleniyor.
 * Default'lar: Poppins / 16px / 400 / 1.55 (sistem fallback inline'da).
 */
body {
	font-family: var(--dgs-font-body, 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif);
	font-size: var(--dgs-fs-body, 16px);
	font-weight: var(--dgs-fw-body, 400);
	line-height: var(--dgs-lh-body, 1.55);
	background: #fff;
	color: #111;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Sayfanın yatay genişliği (Customizer "Body genişliği (%)"). 100 = tam ekran. */
	width: var(--dgs-body-width, 100%);
	margin-left: auto;
	margin-right: auto;
}

/*
 * H1..H6 ve P — her tag kendi CSS variable setine sahip.
 * --dgs-font-{tag} body için 'inherit' seçilirse var(--dgs-font-body)'a düşer
 * (typography.php içinde resolve edilir; CSS tarafında ek mantık yok).
 *
 * ELEMENT OVERRIDE:
 *  - WPBakery row/section "Extra class name" → custom CSS:
 *      .my-section { --dgs-fs-h1: 48px; --dgs-font-h1: 'Playfair Display', serif; }
 *  - Inline style attribute:
 *      <h1 style="font-size: 48px;">...</h1>
 *  - CSS variables descendants'a cascade ettiği için section-level override
 *    o section içindeki tüm h1'ler için geçerli olur.
 */
h1 { font-family: var(--dgs-font-h1); font-size: var(--dgs-fs-h1); font-weight: var(--dgs-fw-h1); line-height: var(--dgs-lh-h1); margin: 0 0 0.5em; }
h2 { font-family: var(--dgs-font-h2); font-size: var(--dgs-fs-h2); font-weight: var(--dgs-fw-h2); line-height: var(--dgs-lh-h2); margin: 0 0 0.5em; }
h3 { font-family: var(--dgs-font-h3); font-size: var(--dgs-fs-h3); font-weight: var(--dgs-fw-h3); line-height: var(--dgs-lh-h3); margin: 0 0 0.5em; }
h4 { font-family: var(--dgs-font-h4); font-size: var(--dgs-fs-h4); font-weight: var(--dgs-fw-h4); line-height: var(--dgs-lh-h4); margin: 0 0 0.5em; }
h5 { font-family: var(--dgs-font-h5); font-size: var(--dgs-fs-h5); font-weight: var(--dgs-fw-h5); line-height: var(--dgs-lh-h5); margin: 0 0 0.5em; }
h6 { font-family: var(--dgs-font-h6); font-size: var(--dgs-fs-h6); font-weight: var(--dgs-fw-h6); line-height: var(--dgs-lh-h6); margin: 0 0 0.5em; }
p  { font-family: var(--dgs-font-p);  font-size: var(--dgs-fs-p);  font-weight: var(--dgs-fw-p);  line-height: var(--dgs-lh-p);  margin: 0 0 1em; }

a { color: inherit; }
img,
video,
iframe,
svg { max-width: 100%; height: auto; display: block; }

/*
 * Container — sayfa içeriğinin sarmalayıcısı.
 * Değerler `wp_head`'e Customizer üzerinden enjekte edilen CSS değişkenlerinden gelir:
 *   --dgs-container-max   (Container max-width)
 *   --dgs-container-pad-x (Yatay padding)
 *   --dgs-container-pad-y (Dikey padding)
 */
.dgs-container {
	max-width: var(--dgs-container-max, 1400px);
	margin-left: auto;
	margin-right: auto;
	padding: var(--dgs-container-pad-y, 0) var(--dgs-container-pad-x, 24px);
	width: 100%;
}

/*
 * Yardımcı sınıflar — WPBakery'de Row > General > "Extra class name" alanına yazılır
 * veya Gutenberg "Additional CSS class(es)" / normal HTML class attribute olarak eklenir.
 */

/* Container'dan kopar, edge-to-edge full-width yap. Negatif viewport margin ile çalışır. */
.dgs-fullwidth {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

/* Full-width yap ama yatay padding'i koru (içeride breathing room). */
.dgs-fullwidth-pad {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding-left: var(--dgs-container-pad-x, 24px);
	padding-right: var(--dgs-container-pad-x, 24px);
}

/*
 * Padding sıfırlama varyantları.
 * WPBakery row'larında gerçek padding `.vc_column-inner`'da olduğu için
 * hem doğrudan elementi hem de WPBakery row > column-inner zincirini hedefliyoruz.
 */
.dgs-nopad,
.dgs-nopad > .vc_column_container > .vc_column-inner,
.dgs-nopad > .wpb_column > .vc_column-inner,
.vc_row.dgs-nopad > .vc_column_container > .vc_column-inner,
.vc_row.dgs-nopad > .wpb_column > .vc_column-inner { padding: 0 !important; }

.dgs-nopad-x,
.dgs-nopad-x > .vc_column_container > .vc_column-inner,
.dgs-nopad-x > .wpb_column > .vc_column-inner,
.vc_row.dgs-nopad-x > .vc_column_container > .vc_column-inner,
.vc_row.dgs-nopad-x > .wpb_column > .vc_column-inner { padding-left: 0 !important; padding-right: 0 !important; }

.dgs-nopad-y,
.dgs-nopad-y > .vc_column_container > .vc_column-inner,
.dgs-nopad-y > .wpb_column > .vc_column-inner,
.vc_row.dgs-nopad-y > .vc_column_container > .vc_column-inner,
.vc_row.dgs-nopad-y > .wpb_column > .vc_column-inner { padding-top: 0 !important; padding-bottom: 0 !important; }

/* Genişlik %100 — max-width sınırını ezer. */
.dgs-w100 {
	width: 100% !important;
	max-width: 100% !important;
}

/*
 * Sayfa şablonu seviyesinde container'ı tamamen devre dışı bırakmak için body class.
 * Dosya: templates/page-blank.php (Page Attributes > Template > "Boş Tuval (No Container)")
 */
body.dgs-no-container .dgs-container {
	max-width: 100%;
	padding: 0;
}

/* Skip link — accessibility (WP recommended). */
.skip-link {
	position: absolute; left: -9999px; top: -9999px;
	background: #000; color: #fff; padding: 8px 12px;
	z-index: 100000; text-decoration: none;
}
.skip-link:focus { left: 8px; top: 8px; }

/* Alignwide / alignfull (Gutenberg) köprüsü — WPBakery dışındaki bloklarla uyumluluk. */
.alignwide  { width: min(100%, calc(var(--dgs-container-max, 1400px) + 200px)); margin-left: auto; margin-right: auto; }
.alignfull  { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }