/*
Theme Name:  ŞENSAC Child
Theme URI:   https://sensac.com
Author:      ŞENSAC Yassı Metal
Author URI:  https://sensac.com
Description: ŞENSAC YASSI METAL SAN. VE TİC. A.Ş. kurumsal sitesi için Astra child theme. Marka renkleri, tipografi ve özel şablon altyapısı.
Template:    astra
Version:     1.0.0
Text Domain: sensac-child
License:     GNU General Public License v2 or later
Tags:        astra, child-theme
*/

/* =========================================================
   1. MARKA DEĞİŞKENLERİ (CSS Custom Properties)
   ========================================================= */
:root {
	/* Renkler */
	--sensac-mavi:      #2b7bbb; /* ana mavi */
	--sensac-lacivert:  #16456b; /* koyu lacivert */
	--sensac-gri:       #898585; /* nötr gri */
	--sensac-ayrac:     #e2e3e5; /* çizgi / ayraç */
	--sensac-beyaz:     #ffffff;
	--sensac-metin:     #1f2933;

	/* Tipografi */
	--font-baslik: 'Archivo', 'Arial', sans-serif;                /* başlıklar 700–900 */
	--font-teknik: 'Space Grotesk', 'Archivo Narrow', sans-serif; /* teknik etiket / sayı */
	--font-govde:  'Libre Franklin', 'Arial', sans-serif;         /* gövde metni */

	/* Ölçü */
	--sensac-radius: 4px;
}

/* =========================================================
   2. TEMEL TİPOGRAFİ
   ========================================================= */
body {
	font-family: var(--font-govde);
	color: var(--sensac-metin);
}

h1, h2, h3, h4, h5, h6,
.site-title {
	font-family: var(--font-baslik);
	font-weight: 800;
	color: var(--sensac-lacivert);
}

/* Teknik etiket / sayısal vurgu */
.sensac-teknik {
	font-family: var(--font-teknik);
	letter-spacing: .02em;
}

/* =========================================================
   3. RENK YARDIMCI SINIFLARI
   ========================================================= */
.sensac-bg-mavi     { background-color: var(--sensac-mavi); }
.sensac-bg-lacivert { background-color: var(--sensac-lacivert); }
.sensac-text-mavi   { color: var(--sensac-mavi); }
.sensac-text-gri    { color: var(--sensac-gri); }
.sensac-ayrac       { border-color: var(--sensac-ayrac); }

a            { color: var(--sensac-mavi); }
a:hover,
a:focus      { color: var(--sensac-lacivert); }

/* =========================================================
   4. RTL (Arapça) İNCE AYAR ALANI
   — Polylang ile AR aktif olduğunda Astra body'ye .rtl ekler
   ========================================================= */
.rtl .sensac-teknik { letter-spacing: 0; }

/* =========================================================
   5. DÜZEN KAPSAYICI
   ========================================================= */
.sensac-container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

/* =========================================================
   6. TOPBAR
   — varsayılan görünür · ≤512px tamamen gizli
   ========================================================= */
.sensac-topbar {
	background: var(--sensac-lacivert);
	color: var(--sensac-beyaz);
	font-family: var(--font-teknik);
	font-size: 13px;
}
.sensac-topbar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 38px;
}
.sensac-topbar__contact { display: flex; gap: 20px; align-items: center; }
.sensac-topbar__contact a,
.sensac-topbar__lang a { color: var(--sensac-beyaz); text-decoration: none; }
.sensac-topbar__contact a:hover { color: #cfe3f3; }
.sensac-topbar__hours { color: #b9cadb; }
.sensac-topbar__lang { display: flex; gap: 12px; }

/* =========================================================
   7. ANA HEADER + NAV
   ========================================================= */
.sensac-header { background: var(--sensac-beyaz); border-bottom: 1px solid var(--sensac-ayrac); }
.sensac-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 72px;
}

/* Wordmark logo */
.sensac-wordmark { font-family: var(--font-baslik); font-weight: 900; font-size: 28px; text-decoration: none; letter-spacing: .5px; }
.sensac-wordmark__sen { color: var(--sensac-mavi); }
.sensac-wordmark__sac { color: var(--sensac-gri); }

/* Masaüstü nav */
.sensac-nav__list {
	display: flex;
	gap: 26px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.sensac-nav__list a {
	font-family: var(--font-baslik);
	font-weight: 700;
	font-size: 15px;
	color: var(--sensac-lacivert);
	text-decoration: none;
}
.sensac-nav__list a:hover { color: var(--sensac-mavi); }

/* Hamburger */
.sensac-hamburger {
	display: none;
	flex-direction: column;
	gap: 5px;
	background: none;
	border: 0;
	cursor: pointer;
	padding: 8px;
}
.sensac-hamburger span {
	width: 26px; height: 3px; border-radius: 2px;
	background: var(--sensac-lacivert);
	transition: transform .25s ease, opacity .25s ease;
}
.sensac-hamburger.is-open span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.sensac-hamburger.is-open span:nth-child(2) { opacity: 0; }
.sensac-hamburger.is-open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

/* Mobil nav paneli */
.sensac-mobile-nav { background: var(--sensac-beyaz); border-bottom: 1px solid var(--sensac-ayrac); }
.sensac-mobile-nav__list { list-style: none; margin: 0; padding: 8px 20px; }
.sensac-mobile-nav__list li { border-bottom: 1px solid var(--sensac-ayrac); }
.sensac-mobile-nav__list a {
	display: block;
	padding: 12px 0;
	font-family: var(--font-baslik);
	font-weight: 700;
	color: var(--sensac-lacivert);
	text-decoration: none;
}

/* =========================================================
   8. BREAKPOINT MANTIĞI (statik site ile birebir)
   ========================================================= */
/* ≤900px: nav gizle, hamburger göster, topbar görünür kalır */
@media (max-width: 900px) {
	.sensac-nav       { display: none; }
	.sensac-hamburger { display: inline-flex; }
}
/* ≤512px (~%250 zoom): topbar tamamen gizli */
@media (max-width: 512px) {
	.sensac-topbar { display: none; }
}

/* =========================================================
   9. FOOTER
   ========================================================= */
.sensac-footer {
	background: var(--sensac-lacivert);
	color: #cdd9e6;
	margin-top: 60px;
}
.sensac-footer__grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1.3fr;
	gap: 36px;
	padding-top: 48px;
	padding-bottom: 40px;
}
.sensac-footer__title {
	font-family: var(--font-baslik);
	font-size: 15px;
	font-weight: 800;
	color: var(--sensac-beyaz);
	margin: 0 0 16px;
	text-transform: uppercase;
	letter-spacing: .04em;
}
.sensac-footer__menu,
.sensac-footer__contact { list-style: none; margin: 0; padding: 0; font-style: normal; }
.sensac-footer__menu li { margin-bottom: 10px; }
.sensac-footer a { color: #cdd9e6; text-decoration: none; }
.sensac-footer a:hover { color: var(--sensac-beyaz); }

.sensac-wordmark--footer { font-size: 30px; }
.sensac-footer__tagline { font-size: 13px; color: #9fb3c8; margin: 12px 0 18px; }

.sensac-footer__contact a,
.sensac-footer__contact span { display: block; margin-bottom: 8px; line-height: 1.5; }
.sensac-footer__hours { color: #9fb3c8; }

/* Sosyal ikonlar — hover'da scale(1.5) yay geçişi */
.sensac-social { display: flex; gap: 16px; color: #cdd9e6; }
.sensac-social a {
	display: inline-flex;
	transition: transform .35s cubic-bezier(.34, 1.56, .64, 1), color .2s ease;
}
.sensac-social a:hover { transform: scale(1.5); color: var(--sensac-beyaz); }

.sensac-footer__bottom {
	border-top: 1px solid rgba(255, 255, 255, .12);
	padding: 16px 0;
	font-family: var(--font-teknik);
	font-size: 12px;
	color: #9fb3c8;
}

/* Footer responsive */
@media (max-width: 900px) {
	.sensac-footer__grid { grid-template-columns: 1fr 1fr; gap: 28px; }
}
@media (max-width: 512px) {
	.sensac-footer__grid { grid-template-columns: 1fr; }
}