/* Sinkar Fabrics — yasal metin sayfaları için ortak stil.
   index.php ile aynı paleti ve tipografiyi kullanır. */

:root {
    --siyah:     #111110;
    --grafit:    #4A4A47;
    --gri:       #A8A7A1;
    --krem:      #E7E2D6;
    --kahve:      #5C4B3E;
    --kahve-acik: #A18773;   /* koyu zeminde okunabilir açık ton */

    --bg:        #111110;
    --bg-2:      #161615;

    --cizgi:     rgba(231, 226, 214, 0.14);
    --cizgi-kuv: rgba(231, 226, 214, 0.30);

    --metin:     #E7E2D6;
    --metin-2:   #9F9E98;
    --metin-3:   #8B8A84;

    --header-h:  62px;
    --yan:       clamp(1.1rem, 3.4vw, 3rem);

    --cik:       cubic-bezier(.22, 1, .36, 1);
    --gir-cik:   cubic-bezier(.76, 0, .24, 1);

    --disp:      'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --sans:      'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

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

html {
    scroll-behavior: smooth;
    scrollbar-color: #35352F #111110;
    scrollbar-width: thin;
}

::-webkit-scrollbar { width: 9px; }
::-webkit-scrollbar-track { background: var(--siyah); }
::-webkit-scrollbar-thumb { background: #35352F; }

body {
    background: var(--bg);
    color: var(--metin);
    font-family: var(--sans);
    font-size: 15px;
    line-height: 1.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a { color: inherit; }
img { display: block; max-width: 100%; }
::selection { background: var(--krem); color: var(--siyah); }
:focus-visible { outline: 1px solid var(--krem); outline-offset: 3px; }

/* ── Header ── */
.s-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(17, 17, 16, .92);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--cizgi);
}

.s-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    height: var(--header-h);
    max-width: 1600px;
    margin: 0 auto;
    padding-inline: var(--yan);
}

.s-nav .logo { line-height: 0; }
.s-nav .logo img { height: 18px; width: auto; }

.s-geri {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--metin-2);
    text-decoration: none;
    transition: color .3s var(--cik);
}

.s-geri:hover { color: var(--krem); }
.s-geri svg { width: 14px; height: 14px; }

/* ── Gövde ── */
.s-kap {
    max-width: 820px;
    margin: 0 auto;
    padding: clamp(2.6rem, 6vw, 5rem) var(--yan) clamp(3rem, 7vw, 6rem);
}

.s-etiket {
    display: block;
    font-size: .64rem;
    font-weight: 600;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--metin-3);
    margin-bottom: 1rem;
}

.s-kap h1 {
    font-family: var(--disp);
    font-weight: 800;
    text-transform: uppercase;
    font-size: clamp(1.9rem, 4.6vw, 3rem);
    line-height: .96;
    letter-spacing: -0.022em;
    margin-bottom: 1rem;
}

.s-tarih {
    font-size: .78rem;
    color: var(--metin-3);
    padding-bottom: clamp(1.6rem, 3vw, 2.4rem);
    border-bottom: 1px solid var(--cizgi);
    margin-bottom: clamp(1.8rem, 3.5vw, 2.8rem);
}

.s-kap h2 {
    font-family: var(--disp);
    font-weight: 700;
    text-transform: uppercase;
    font-size: clamp(1rem, 1.9vw, 1.22rem);
    letter-spacing: -0.005em;
    line-height: 1.25;
    margin: clamp(2rem, 4vw, 2.8rem) 0 .8rem;
}

.s-kap h2:first-of-type { margin-top: 0; }

.s-kap h3 {
    font-family: var(--sans);
    font-weight: 600;
    font-size: .95rem;
    margin: 1.5rem 0 .5rem;
}

.s-kap p { color: var(--metin-2); margin-bottom: .9rem; }

.s-kap ul, .s-kap ol { color: var(--metin-2); margin: 0 0 1.1rem 1.15rem; }
.s-kap li { margin-bottom: .45rem; }
.s-kap li::marker { color: var(--kahve-acik); }

.s-kap a:not(.s-geri) {
    color: var(--krem);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: var(--cizgi-kuv);
    transition: text-decoration-color .3s var(--cik);
}

.s-kap a:not(.s-geri):hover { text-decoration-color: var(--krem); }

.s-kap strong { color: var(--metin); font-weight: 600; }

/* Doldurulması gereken alanlar — canlıya çıkmadan önce gözden kaçmasın */
.s-doldur {
    background: rgba(92, 75, 62, .35);
    border-bottom: 1px dashed var(--kahve);
    padding: 0 .25em;
    color: var(--krem);
}

/* Künye / iletişim kutusu */
.s-kutu {
    border: 1px solid var(--cizgi);
    background: var(--bg-2);
    padding: clamp(1.1rem, 2.4vw, 1.6rem);
    margin: 1.4rem 0;
}

.s-kutu p { margin-bottom: .4rem; }
.s-kutu p:last-child { margin-bottom: 0; }

/* Tablo */
.s-tablo {
    width: 100%;
    border-collapse: collapse;
    margin: 1.2rem 0;
    font-size: .88rem;
}

.s-tablo th, .s-tablo td {
    text-align: left;
    padding: .7rem .8rem;
    border: 1px solid var(--cizgi);
    vertical-align: top;
}

.s-tablo th {
    font-size: .64rem;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--metin-3);
    background: var(--bg-2);
}

.s-tablo td { color: var(--metin-2); }

.s-sar { overflow-x: auto; }

/* ── Footer ── */
.s-footer {
    border-top: 1px solid var(--cizgi);
    padding-block: 1.4rem;
}

.s-footer-ic {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: .8rem 1.4rem;
    max-width: 1600px;
    margin: 0 auto;
    padding-inline: var(--yan);
    font-size: .7rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--metin-3);
}

.s-footer nav { display: flex; flex-wrap: wrap; gap: 1.3rem; }
.s-footer a { text-decoration: none; transition: color .3s var(--cik); }
.s-footer a:hover { color: var(--krem); }
.s-footer a[aria-current="page"] { color: var(--krem); }

/* ── Duyarlı ── */
@media (max-width: 640px) {
    body { font-size: 15px; }

    .s-kap { padding-top: 2rem; }
    .s-kap h2 { font-size: 1.02rem; }

    /* Uzun e-posta ve bağlantılar satırı taşırmasın */
    .s-kap p, .s-kap li, .s-kap dd { overflow-wrap: break-word; }
    .s-kap a:not(.s-geri) { word-break: break-word; }

    /* Tablolar yatay kaydırılabilir; hücreler daralmasın */
    .s-sar { -webkit-overflow-scrolling: touch; }
    .s-tablo { min-width: 460px; }
    .s-tablo th, .s-tablo td { padding: .6rem .65rem; }

    .s-kutu { padding: 1rem; }

    /* Alt bağlantılar parmakla rahat seçilsin */
    .s-footer-ic { justify-content: flex-start; gap: .4rem 1.1rem; }
    .s-footer nav { gap: .2rem 1.1rem; }
    .s-footer a { display: inline-block; padding: .4rem 0; }
}

@media (max-width: 380px) {
    .s-nav .logo img { height: 15px; }
    .s-geri { font-size: .62rem; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition-duration: .01ms !important; }
}