/*
Theme Name: TRAMER LOJİSTİK V7
Author: Serkan Gürkaş
Description: Tramer Lojistik için havalimanından adrese kargo taşımacılığı teması.
Version: 7.0.0
Text Domain: tramertemav1
Requires PHP: 7.4
*/
:root{--navy:#04315b;--deep:#061f38;--cyan:#53c9e2;--pale:#eff6fa;--ink:#142c40}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.65 system-ui,sans-serif}a{color:inherit}img{max-width:100%;height:auto}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.site-header,.site-footer{background:var(--navy);color:white}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0}.brand img{display:block;width:126px}.menu{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin:0;padding:0;list-style:none}.menu a{text-decoration:none;font-weight:650}.menu a:hover,.menu a:focus-visible{color:var(--cyan)}.menu .sub-menu{padding-left:16px}.hero{background:radial-gradient(ellipse at 85% 20%,#12678b 0%,transparent 52%),var(--deep);color:white}.hero-inner{position:relative;padding:clamp(55px,10vw,130px) 0 44px}.slide{max-width:850px}.slide[hidden]{display:none}.eyebrow{color:#00778c;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero .eyebrow{color:var(--cyan)}h1,h2,h3{line-height:1.12;margin:0 0 .55em}h1{font-size:clamp(36px,6.4vw,80px);letter-spacing:-.045em}h2{font-size:clamp(29px,4vw,46px);letter-spacing:-.025em}h3{font-size:22px}.hero p{font-size:clamp(17px,2vw,23px);max-width:680px}.button{display:inline-block;background:var(--cyan);color:var(--deep);padding:11px 19px;border-radius:7px;text-decoration:none;font-weight:800}.controls{display:flex;gap:10px;margin-top:26px}.controls[hidden]{display:none}.controls button{min-width:42px;min-height:42px;background:transparent;color:white;border:1px solid #8cb9d1;border-radius:6px;cursor:pointer;font-size:18px}.controls button[aria-pressed=true]{background:var(--cyan);color:var(--deep)}.section{padding:clamp(45px,7vw,85px) 0}.section-tint{background:var(--pale)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{padding:24px;border:1px solid #d2e3ee;border-radius:12px;background:white}.card p{margin-bottom:0}.step{display:block;color:#00778c;font-weight:800;margin-bottom:10px}.intro{max-width:760px}.faq{max-width:850px}.faq details{padding:15px 0;border-bottom:1px solid #c7dbe7}.faq summary{font-weight:750;cursor:pointer}.site-footer .wrap{padding:23px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;color:#000;padding:12px;z-index:9}:focus-visible{outline:3px solid #0a9fc1;outline-offset:4px}.entry{overflow-wrap:anywhere}@media(max-width:700px){.header-inner{align-items:flex-start;flex-direction:column}.menu{gap:7px 15px}.grid{grid-template-columns:1fr}}

body { background: #e9eff4; }
.site-frame {
    width: min(1280px, calc(100% - 40px));
    margin: 20px auto;
    background: white;
    box-shadow: 0 12px 44px #08294320;
}
.wrap { width: min(1160px, calc(100% - 56px)); }
.header-inner { padding: 12px 0; }
.header-navigation { display: grid; justify-items: end; gap: 8px; }
.language-picker { display: flex; flex-wrap: wrap; gap: 7px; }
.language-picker a { padding: 2px 9px; border: 1px solid #6c92ac; border-radius: 4px; text-decoration: none; font-size: .82rem; }
.language-picker a[aria-current] { background: var(--cyan); color: var(--deep); border-color: transparent; font-weight: 750; }
.hero { position: relative; }
.slide { position: relative; isolation: isolate; display: flex; align-items: center; min-height: clamp(430px, 53vw, 650px); max-width: none; }
.slide-photo { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: right 68%; }
.slide.has-image::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, #051a2eeb, #051a2e9c 38%, #051a2e00 80%); }
.slide-copy { padding: 55px 0 95px; }
.slide-copy h1, .slide-copy h2 { max-width: 13ch; font-size: clamp(33px, 4.5vw, 68px); overflow-wrap: anywhere; }
.slide-copy p:not(.eyebrow) { max-width: 32ch; font-size: clamp(16px, 1.7vw, 21px); }
.controls { position: absolute; bottom: 20px; left: 0; right: 0; margin: auto; }
.controls button { background: #061f38e0; }
@media (min-width: 1200px) {
    .site-frame { width: min(1280px, calc(100% - 2 * min(var(--desktop-gutter, 160px), 13.34vw))); }
}
@media (max-width: 700px) {
    .site-frame { width: calc(100% - 24px); margin: 12px auto; }
    .wrap { width: calc(100% - 32px); }
    .header-navigation { justify-items: start; }
    .slide { display: block; min-height: 0; }
    .slide-photo { position: relative; display: block; width: 100%; height: auto; aspect-ratio: 1.5; object-position: right 65%; }
    .slide.has-image::before { display: none; }
    .slide-copy { padding: 24px 0 85px; }
    .slide-copy h1, .slide-copy h2 { max-width: 18ch; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

.tramer-full-width .site-frame { width: 100%; margin: 0; box-shadow: none; }
.stats-section { padding-block: clamp(34px, 5vw, 62px); }
.stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 18px; margin: 0; padding: 18px; background: white; border: 1px solid #d2e3ee; box-shadow: 0 12px 32px #08294312; border-radius: 12px; }
.stat { display: grid; grid-template-columns: 32px 1fr; grid-template-rows: auto auto; column-gap: 16px; align-items: center; padding: 10px; }
.stat svg { grid-row: span 2; color: #00778c; }
.stat dt { grid-column: 2; grid-row: 2; font-size: .95rem; }
.stat dd { grid-column: 2; grid-row: 1; margin: 0; font-size: clamp(29px, 4vw, 43px); line-height: 1.15; font-weight: 800; overflow-wrap: anywhere; }
.gallery-item { margin: 0; overflow: hidden; background: white; border-radius: 12px; }
.gallery-item a { display: block; }
.gallery-item img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.gallery-item figcaption { padding: 10px 14px; }
.contact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 26px; }
.tramer-map { display: block; width: 100%; min-height: 280px; border: 0; border-radius: 10px; }
.tramer-form { display: grid; gap: 12px; }
.tramer-form label { display: grid; gap: 4px; font-weight: 650; }
.tramer-form input, .tramer-form textarea { width: 100%; padding: 8px 10px; font: inherit; border: 1px solid #91acbf; border-radius: 6px; }
.tramer-form .button { border: 0; font: inherit; font-weight: 800; justify-self: start; cursor: pointer; }
.tramer-form .button:disabled { opacity: .55; cursor: default; }
@media (max-width: 700px) { .contact-grid { grid-template-columns: 1fr; } }

@media (min-width: 701px) {
    .hero .slide-photo { object-position: right 62%; }
}

.slider-stage { display: grid; isolation: isolate; }
.slider-stage .slide { grid-area: 1 / 1; min-width: 0; }
.hero.is-ready .slide { opacity: 0; pointer-events: none; transition: opacity .55s ease; }
.hero.is-ready .slide.is-active { opacity: 1; pointer-events: auto; }
.hero .controls { z-index: 2; }
.slide-copy { overflow-wrap: anywhere; }
.stats-entered .stat { animation: tramer-stat-in .45s ease-out both; }
.stats-entered .stat:nth-child(2) { animation-delay: .07s; }
.stats-entered .stat:nth-child(3) { animation-delay: .14s; }
.stats-entered .stat:nth-child(4) { animation-delay: .21s; }
.stat dd { font-variant-numeric: tabular-nums; }
@keyframes tramer-stat-in {
    from { opacity: 0; transform: translateY(9px); }
    to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 700px) {
    .slider-stage .slide:not(.has-image) .slide-copy { padding-top: calc((100vw - 24px) / 1.5 + 24px); }
    .tramer-full-width .slider-stage .slide:not(.has-image) .slide-copy { padding-top: calc(100vw / 1.5 + 24px); }
}
@media (prefers-reduced-motion: reduce) {
    .hero.is-ready .slide { transition: none; }
    .stats-entered .stat { animation: none; }
}