/*
Theme Name: Doğa Keşifleri Travel
Template: dogakesifleri-pro
Version: 1.0.1
*/
:root { --accent:#a44717; --line:#dcd8d0; --surface-alt:#eeeae3; --dk-dark:#252932; --dk-fire:#ff9c60; }
body { background:#f0eee8; color:#242832; }
.dk-shell { width:min(1360px,100% - 48px); margin-inline:auto; }
.dk-skip { position:absolute; top:-100px; padding:10px; z-index:10; background:#fff; }
.dk-skip:focus { top:0; }
:focus-visible { outline:3px solid #ad4e1c; outline-offset:4px; }
.dk-header { background:#20242d; color:#fff; border-bottom:2px solid #da7542; }
.dk-bar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 28px; padding-block:13px; }
.dk-brand,.dk-nav a { color:inherit; text-decoration:none; }
.dk-brand { display:flex; align-items:center; gap:6px; white-space:nowrap; font-size:1.15rem; }
.dk-brand strong { color:#ffad7c; }
.dk-symbol { display:grid; place-items:center; width:33px; height:33px; background:#ffc298; color:#242832; border-radius:4px; font-weight:900; margin-right:5px; }
.dk-nav,.dk-tabs,.dk-byline { display:flex; flex-wrap:wrap; align-items:center; gap:6px 20px; }
.dk-nav a { font-size:.86rem; font-weight:700; min-height:44px; display:grid; align-items:center; }
.dk-nav a:hover,.dk-nav a[aria-current] { color:var(--dk-fire); }
.dk-bar form { display:flex; min-width:0; border:1px solid #6e7484; border-radius:4px; }
.dk-bar input { color:#fff; background:transparent; font:inherit; width:min(28vw,150px); padding:8px; border:0; }
.dk-bar input::placeholder { color:#d2d4dc; }
.dk-bar button { background:transparent; color:#ffad7c; min-width:44px; min-height:44px; border:0; cursor:pointer; font-size:1.15rem; }
.dk-home,.dk-archive,.dk-detail { padding-block:clamp(20px,4vw,52px); }
.dk-hero { display:grid; grid-template-columns:minmax(0, .9fr) minmax(0, 1.25fr); background:var(--dk-dark); color:#fff; border-radius:8px; overflow:hidden; }
.dk-hero-text { padding:clamp(22px,5vw,72px); align-self:center; }
.dk-kicker { font-size:.72rem; text-transform:uppercase; font-weight:800; letter-spacing:.11em; color:#8b3715; margin:0 0 8px; }
.dk-hero .dk-kicker,.dk-panel .dk-kicker { color:#ffc298; }
.dk-hero h1,.dk-panel h1 { font-weight:900; letter-spacing:-.075em; line-height:1; text-wrap:balance; overflow-wrap:anywhere; }
.dk-hero h1 { font-size:clamp(2.8rem,6.7vw,6rem); margin:14px 0 16px; }
.dk-hero h1 em { color:var(--dk-fire); font-style:normal; }
.dk-hero-text > p:not(.dk-kicker) { color:#e0e1e7; max-width:35ch; }
.dk-button { display:inline-flex; gap:12px; align-items:center; min-height:46px; background:#ffc298; color:#2b2523; padding:6px 14px; border-radius:4px; font-weight:800; margin-top:16px; }
.dk-feature { position:relative; min-height:445px; isolation:isolate; display:grid; align-items:end; background:#373c47; }
.dk-feature img { position:absolute; z-index:-2; width:100%; height:100%; object-fit:cover; inset:0; }
.dk-feature::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(transparent 32%,#101521 96%); }
.dk-feature > div { padding:clamp(18px,4vw,44px); }
.dk-feature h2 { font-size:clamp(1.4rem,3.4vw,2.5rem); line-height:1.12; letter-spacing:-.045em; }
.dk-feature a { color:white; }
.dk-feature a:hover,.dk-card a:hover { text-decoration:underline; }
.dk-section { margin-top:clamp(30px,5vw,68px); }
.dk-section h2 { margin-bottom:16px; font-size:clamp(1.5rem,3vw,2.4rem); line-height:1.15; letter-spacing:-.045em; }
.dk-topics,.dk-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.dk-topics a { display:grid; gap:10px; padding:17px 20px; background:#dfdbd0; color:#242832; border-radius:5px; border-left:4px solid #b95826; }
.dk-topics strong { font-size:1.1rem; }
.dk-topics span { display:flex; justify-content:space-between; gap:6px; color:#48464b; font-size:.85rem; }
.dk-card { background:#fff; border:1px solid #dcd8d0; border-radius:6px; overflow:hidden; overflow-wrap:anywhere; }
.dk-card img { display:block; width:100%; object-fit:cover; aspect-ratio:16/9; }
.dk-card div { padding:18px; }
.dk-card h3 { margin:0 0 8px; font-size:1.15rem; line-height:1.32; }
.dk-card a { color:#242832; }
.dk-meta { font-size:.8rem; color:#4e5059; }
.dk-panel { padding:clamp(20px,5vw,60px); background:#2c313d; color:white; border-left:5px solid #e98450; margin-bottom:22px; border-radius:5px; }
.dk-panel h1 { font-size:clamp(2.1rem,5vw,4.25rem); margin:10px 0 16px; }
.dk-panel .dk-meta,.dk-panel a { color:#ffd2b6; }
.dk-tabs a { padding:10px 12px; border:1px solid #8790a3; border-radius:4px; min-height:44px; }
.dk-tabs a[aria-current] { color:#252932; background:#ffc298; border-color:#ffc298; }
.dk-detail-cover { margin:0 0 22px; }
.dk-detail-cover img { display:block; width:100%; max-height:590px; object-fit:cover; }
.dk-detail-cover figcaption { font-size:.83rem; margin-top:8px; }
.dk-reading { display:grid; grid-template-columns:minmax(0,220px) minmax(0,780px); gap:clamp(15px,4vw,42px); justify-content:center; align-items:start; }
.dk-toc { position:sticky; top:14px; background:#e0dcd4; border-radius:5px; padding:16px; overflow-wrap:anywhere; }
.dk-toc:has(ol:empty) { display:none; }
.dk-toc h2 { font-size:1.15rem; }
.dk-toc ol { padding-left:20px; }
.dk-reading .article-content { min-width:0; overflow-wrap:anywhere; background:white; padding:clamp(14px,4vw,35px); border-radius:5px; }
.dk-reading img,.dk-reading iframe { max-width:100%; }
.dk-reading table { display:block; max-width:100%; overflow:auto; }
@media(max-width:850px) {
  .dk-hero { grid-template-columns:minmax(0,1fr); }
  .dk-feature { min-height:330px; }
  .dk-reading { grid-template-columns:minmax(0,780px); }
  .dk-toc { position:static; }
}
@media(max-width:600px) {
  .dk-shell { width:calc(100% - 26px); }
  .dk-nav { width:100%; order:3; gap:4px 16px; }
  .dk-bar input { width:min(29vw,150px); }
  .dk-grid,.dk-topics { grid-template-columns:minmax(0,1fr); }
  .dk-feature { min-height:260px; }
}

.dk-archive .navigation.pagination .nav-links {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
}
.dk-archive .page-numbers {
  display:inline-grid;
  place-items:center;
  min-width:44px;
  min-height:44px;
  padding-inline:10px;
  border-radius:4px;
  color:#252932;
  background:#dfdbd0;
}
.dk-archive .page-numbers.current { background:#252932; color:#fff; }
.dk-archive a.page-numbers:hover { background:#ffc298; color:#252932; }