/*
Theme Name: Doğa Düşleri Wandering
Template: dogadusleri-pro
Version: 1.1.0
*/
:root { --accent:#315b40; --line:#e4e1d6; --surface-alt:#f4f3eb; }
body { background:#fffefa; color:#20291e; }
.dw-header,.dw-main { max-width:1240px; margin-inline:auto; }
.dw-mast { display:grid; grid-template-columns: 1fr 2.5fr 1fr; align-items:center; gap:22px; min-height:136px; }
.dw-brand { font: italic 700 30px/1 Georgia,serif; color:#263c26; text-decoration:none; }
.dw-brand strong { font: 900 25px/1.2 system-ui,sans-serif; text-transform:uppercase; letter-spacing:.09em; }
.dw-quick,.dw-nav { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px 28px; }
.dw-quick a { display:grid; justify-items:center; gap:6px; text-decoration:none; font:600 .78rem Georgia,serif; color:#29382b; text-align:center; }
.dw-quick span { display:grid; place-items:center; width:57px; height:57px; border:1px solid #dbdfd2; background:#fcfcf7; border-radius:19px; color:#48714c; font: 28px/1 system-ui; }
.dw-quick a:nth-child(2) span { color:#986236; }
.dw-quick a:nth-child(3) span { color:#516b94; }
.dw-quick a:nth-child(4) span { color:#9e544c; }
.dw-nav { border-bottom:1px solid #c68b47; padding:9px 0; gap:0 22px; }
.dw-nav a { display:flex; align-items:center; min-height:44px; font-size:.8rem; font-weight:700; text-decoration:none; color:#20291e; }
.dw-mast form { display:flex; border:1px solid #d8dacd; background:white; min-width:0; }
.dw-mast input { flex:1; min-width:0; font:inherit; border:0; padding:9px; }
.dw-mast button { padding:0 10px; min-height:44px; border:0; color:#315b40; background:transparent; font-size:19px; cursor:pointer; }
.dw-main { padding-top:28px; }
.dw-feature { display:grid; grid-template-columns:minmax(0, 2.25fr) minmax(0, 1fr); gap:30px; }
.dw-display { position:relative; z-index:1; font: 900 clamp(2.2rem,4.4vw,4.25rem)/.95 system-ui; letter-spacing:-.06em; text-transform:uppercase; margin:0 0 -.45em; pointer-events:none; }
.dw-cover { display:block; aspect-ratio:2/1; overflow:hidden; background:#e7ebe0; }
.dw-cover img,.dw-aside img { display:block; width:100%; height:100%; object-fit:cover; }
.dw-label { font-size:.7rem; letter-spacing:.08em; color:#315b40; text-transform:uppercase; font-weight:800; margin:13px 0 7px; }
.dw-label::before { content:""; display:inline-block; width:8px; height:8px; border-radius:50%; background:#bb631d; margin-right:6px; }
.dw-lead-title,.dw-archive h1 { font: 600 clamp(2rem,4vw,3.6rem)/1.07 Georgia,serif; letter-spacing:-.035em; margin:10px 0 12px; overflow-wrap:anywhere; }
.dw-lead-title a,.dw-aside a { text-decoration:none; color:inherit; }
.dw-lead-title a:hover,.dw-aside a:hover,.dw-nav a:hover { text-decoration:underline; }
.dw-meta { color:#53604e; font-size:.8rem; }
.dw-aside { padding:20px 0 0 22px; border-left:1px solid var(--line); }
.dw-aside h2,.dw-stream h2,.dw-topics h2 { font-size:clamp(1.45rem,3vw,2.1rem); letter-spacing:-.035em; margin:0 0 14px; }
.dw-aside article { display:flow-root; padding:12px 0; border-top:1px solid var(--line); }
.dw-aside img { float:left; width:35%; aspect-ratio:4/3; height:auto; margin:0 12px 5px 0; }
.dw-aside .dw-label { margin-top:0; }
.dw-aside h3 { font: 600 1.1rem/1.3 Georgia,serif; overflow-wrap:anywhere; }
.dw-topics { margin:30px 0; padding:24px; background:#f4f4eb; }
.dw-topic-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(155px,100%),1fr)); gap:9px; }
.dw-topic-grid a { min-width:0; min-height:58px; display:flex; align-items:center; gap:9px; padding:7px; border:1px solid #dfe1d3; background:#fffefa; color:#243a25; text-decoration:none; }
.dw-topic-grid img { flex:none; width:42px; height:42px; object-fit:cover; border-radius:50%; }
.dw-topic-grid small { display:block; color:#53604e; }
.dw-stream { margin-block:40px; }
.dw-stream .post-card,.dw-main .post-card { background:white; border-radius:4px; }
.dw-main .post-title,.single-wrap .article-header h1 { font-family:Georgia,serif; }
.dw-archive { margin-bottom:24px; padding-block:10px 24px; border-bottom:1px solid var(--line); }
.dw-header :focus-visible,.dw-main :focus-visible { outline:2px solid #315b40; outline-offset:3px; }
@media(max-width: 850px) {
  .dw-mast { grid-template-columns:1fr 1fr; min-height:0; padding-block:16px; }
  .dw-quick { grid-row:2; grid-column:1/-1; }
}
@media(max-width: 680px) {
  .dw-feature { grid-template-columns:minmax(0,1fr); gap:16px; }
  .dw-aside { border-left:0; padding-left:0; }
  .dw-nav { gap:0 12px; }
  .dw-quick { gap:10px; }
  .dw-quick a { font-size:.69rem; }
  .dw-quick span { width:41px; height:41px; font-size:21px; }
  .dw-display { margin-bottom:-.23em; }
  .dw-cover { aspect-ratio:4/3; }
  .dw-topics { padding:14px; }
}
