/* =========================================================
   MÇ KURUMSAL HİZMETLER — style.css
   Temel değişkenler, reset, tipografi, düğmeler, yardımcı sınıflar
   ========================================================= */

:root{
  --gold: #C89B3C;
  --gold-light: #E0BE6C;
  --gold-dark: #a97f2b;
  --black: #111111;
  --white: #FFFFFF;
  --gray-light: #F7F7F7;
  --gray-dark: #444444;

  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-button: 'Montserrat', sans-serif;

  --container-width: 1240px;
  --transition: all .35s ease;
  --shadow-soft: 0 10px 30px rgba(17,17,17,.08);
  --shadow-strong: 0 20px 50px rgba(17,17,17,.18);
}

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

html{ scroll-behavior: smooth; }

body{
  font-family: var(--font-body);
  color: var(--gray-dark);
  background: var(--white);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

img{ max-width:100%; display:block; }

a{ text-decoration:none; color:inherit; }

ul{ list-style:none; }

button{ font-family: inherit; cursor:pointer; border:none; background:none; }

.container{
  width:100%;
  max-width: var(--container-width);
  margin:0 auto;
  padding: 0 24px;
}

section{ position:relative; }

/* ---------- Tipografi ---------- */
h1,h2,h3,h4,h5{
  font-family: var(--font-heading);
  font-weight:700;
  color: var(--black);
  line-height:1.25;
}

h1{ font-size: clamp(2.4rem, 4vw, 3.6rem); }
h2{ font-size: clamp(1.8rem, 3vw, 2.6rem); }
h3{ font-size: 1.25rem; }

p{ color: var(--gray-dark); }

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family: var(--font-button);
  font-weight:600;
  font-size: .78rem;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--gold-dark);
  margin-bottom: 14px;
}

.eyebrow::before{
  content:"";
  width: 28px;
  height: 2px;
  background: var(--gold);
  display:inline-block;
}

.section-head{
  max-width: 640px;
  margin: 0 auto 56px;
  text-align:center;
}

.section-head.left{ margin: 0 0 40px; text-align:left; }

/* ---------- Butonlar ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family: var(--font-button);
  font-weight:600;
  font-size: .85rem;
  letter-spacing: .5px;
  text-transform: uppercase;
  padding: 15px 32px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  transition: var(--transition);
  white-space: nowrap;
}

.btn i, .btn svg{ transition: transform .3s ease; }
.btn:hover i, .btn:hover svg{ transform: translateX(4px); }

.btn-gold{
  background: var(--gold);
  color: var(--white);
}
.btn-gold:hover{ background: var(--gold-dark); box-shadow: var(--shadow-soft); }

.btn-outline{
  background: transparent;
  color: var(--white);
  border: 1.5px solid rgba(255,255,255,.6);
}
.btn-outline:hover{ background: var(--white); color: var(--black); border-color: var(--white); }

.btn-outline-dark{
  background: transparent;
  color: var(--black);
  border: 1.5px solid rgba(17,17,17,.25);
}
.btn-outline-dark:hover{ background: var(--black); color:var(--white); border-color: var(--black); }

.btn-block{ width:100%; justify-content:center; }

/* Ripple efekti */
.btn .ripple{
  position:absolute;
  border-radius:50%;
  transform: scale(0);
  animation: ripple .6s linear;
  background: rgba(255,255,255,.5);
  pointer-events:none;
}
@keyframes ripple{
  to{ transform: scale(3); opacity:0; }
}

/* ---------- Breadcrumb ---------- */
.breadcrumb{
  display:flex;
  align-items:center;
  gap:10px;
  font-family: var(--font-button);
  font-size:.85rem;
  color: rgba(255,255,255,.8);
}
.breadcrumb .sep{ color: var(--gold); }
.breadcrumb .current{ color: var(--gold-light); }

/* ---------- Genel yardımcılar ---------- */
.text-gold{ color: var(--gold); }
.bg-black{ background: var(--black); }
.bg-gray{ background: var(--gray-light); }

.divider-gold{
  width:70px;
  height:3px;
  background: var(--gold);
  border-radius:3px;
  margin: 18px 0;
}

::selection{ background: var(--gold); color:#fff; }

/* Scrollbar */
::-webkit-scrollbar{ width:9px; }
::-webkit-scrollbar-track{ background:var(--gray-light); }
::-webkit-scrollbar-thumb{ background: var(--gold); border-radius:10px; }

/* ---------- Odak durumları (erişilebilirlik) ---------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible{
  outline: 2px solid var(--gold);
  outline-offset: 3px;
}

/* ---------- Sayfa geçiş overlay ---------- */
.page-transition{
  position:fixed; inset:0;
  background: var(--black);
  z-index: 9999;
  transform: scaleY(1);
  transform-origin: bottom;
  pointer-events:none;
}