/*
Theme Name: Dostyeri Menzil Kurumsal
Theme URI: https://dostyeri.net
Author: ZorBey
Description: Menzil tarzı kurumsal İslami blog teması (slider, galeri, video, beğeni-paylaş, mavi tik, yorum).
Version: 2.2.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dostyeri-menzil
*/

:root{
  --bg:#f2efe6;
  --panel:#ffffff;
  --muted:#6b6b6b;
  --border:#d9d4c6;
  --shadow:0 10px 30px rgba(0,0,0,.08);
  --brand:#1aa6a6;
  --brand2:#0c7d7d;
  --ink:#1e1e1e;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
  color:var(--ink);
  background: var(--bg);
}

a{color:inherit}
.container{max-width:1100px;margin:0 auto;padding:0 14px}
.site-bg{
  background-image:
    radial-gradient(circle at 20% 20%, rgba(0,0,0,.05), transparent 35%),
    radial-gradient(circle at 80% 30%, rgba(0,0,0,.04), transparent 40%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Crect width='240' height='240' fill='%23f2efe6'/%3E%3Cg opacity='.35'%3E%3Cpath d='M120 10c30 30 60 30 90 0 0 30-30 60-90 90C60 70 30 40 30 10c30 30 60 30 90 0z' fill='%23d9d4c6'/%3E%3Cpath d='M120 230c30-30 60-30 90 0 0-30-30-60-90-90-60 30-90 60-90 90 30-30 60-30 90 0z' fill='%23d9d4c6'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
}

.topbar{
  background:#2d2d2d;
  color:#fff;
  padding:10px 0;
}
.topbar .row{display:flex;align-items:center;gap:12px;justify-content:space-between}
.brand-mini{font-weight:700;letter-spacing:.3px}
.searchform{display:flex;gap:8px}
.searchform input{height:36px;border-radius:4px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;padding:0 10px;min-width:220px}
.searchform button{height:36px;border-radius:4px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.14);color:#fff;padding:0 14px;cursor:pointer}
.searchform input::placeholder{color:rgba(255,255,255,.7)}

.header-wrap{
  position:relative;
  padding:22px 0 16px;
  border-bottom:1px solid var(--border);
}
.islamic-ornament{
  display:flex;align-items:center;justify-content:center;
  padding:18px 14px;
}
.logo-card{
  width:min(640px, 100%);
  background: radial-gradient(120% 120% at 50% 25%, rgba(255,255,255,.25), transparent 40%),
              linear-gradient(135deg, var(--brand), var(--brand2));
  border-radius:18px;
  box-shadow: var(--shadow);
  position:relative;
  overflow:hidden;
  text-align:center;
  padding:34px 18px;
}
.logo-card:before{
  content:"";
  position:absolute;inset:-2px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='260'%3E%3Cg opacity='.28'%3E%3Cpath d='M450 30c70 55 140 55 210 0 0 70-70 140-210 210-140-70-210-140-210-210 70 55 140 55 210 0z' fill='white'/%3E%3Cpath d='M450 0c20 20 40 20 60 0 0 20-20 40-60 60-40-20-60-40-60-60 20 20 40 20 60 0z' fill='white'/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat;
  mix-blend-mode:overlay;
  pointer-events:none;
}
.site-title{
  font-size:40px;
  letter-spacing:2px;
  color:#fff;
  font-weight:800;
  margin:0;
}
.site-subtitle{
  margin-top:6px;
  color:rgba(255,255,255,.85);
  letter-spacing:4px;
  font-weight:600;
}

.nav{
  background: rgba(255,255,255,.9);
  border:1px solid var(--border);
  border-left:0;border-right:0;
}
.nav .nav-row{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap}
.nav a{
  display:inline-block;
  padding:14px 16px;
  text-decoration:none;
  font-weight:600;
  color:#2c2c2c;
  border-right:1px solid var(--border);
}
.nav a:last-child{border-right:0}
.nav a:hover{background:rgba(0,0,0,.03)}

/* Mobile menu */
.menu-toggle{
  display:none;
  width:100%;
  padding:12px 14px;
  background: rgba(255,255,255,.95);
  border:1px solid var(--border);
  cursor:pointer;
  font-weight:800;
  letter-spacing:.4px;
  justify-content:space-between;
  align-items:center;
}
.menu-toggle .dashicons{font-size:22px;line-height:22px}
@media (max-width: 780px){
  .searchform input{min-width:150px}
  .menu-toggle{display:flex}
  .nav .nav-row{display:none;flex-direction:column;align-items:stretch}
  .nav.open .nav-row{display:flex}
  .nav a{border-right:0;border-bottom:1px solid var(--border)}
  .nav a:last-child{border-bottom:0}
}

.main{
  padding:18px 0 28px;
}
.grid{
  display:grid;
  grid-template-columns: 1.6fr .9fr;
  gap:18px;
}
@media (max-width: 980px){ .grid{grid-template-columns:1fr} }

.card{
  background: rgba(255,255,255,.92);
  border:1px solid var(--border);
  border-radius:10px;
  box-shadow: var(--shadow);
  overflow:hidden;
}
.card .card-h{padding:14px 14px 0}
.card .card-b{padding:14px}
.h-title{
  margin:0;
  font-size:14px;
  letter-spacing:2px;
  font-weight:900;
  color:#3a3a3a;
  text-transform:uppercase;
}

/* Slider */
.slider{
  position:relative;
  display:grid;
  grid-template-columns: 1.6fr 1fr;
  min-height:280px;
  background:#111;
}
@media (max-width: 860px){ .slider{grid-template-columns:1fr; min-height:unset} }
.slide-media{position:relative; min-height:240px;}
.slide-media img{width:100%;height:100%;object-fit:cover;display:block}
.slide-text{
  padding:16px;
  background: linear-gradient(135deg, rgba(0,0,0,.72), rgba(0,0,0,.55));
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.slide-title{margin:0 0 8px; font-size:22px; font-weight:900}
.slide-excerpt{margin:0 0 14px; color:rgba(255,255,255,.86); font-size:13px; line-height:1.5}
.btn{
  display:inline-flex;align-items:center;gap:8px;
  background: rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  padding:10px 12px;
  border-radius:6px;
  text-decoration:none;
  width:max-content;
}
.btn:hover{background:rgba(255,255,255,.22)}
.thumb-row{
  display:flex; gap:8px; padding:10px; overflow:auto; background:rgba(255,255,255,.85); border-top:1px solid var(--border)
}
.thumb-row a{display:block;flex:0 0 auto;border:1px solid var(--border); border-radius:6px; overflow:hidden}
.thumb-row img{width:84px;height:54px;object-fit:cover;display:block}

.kat3{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:12px;
}
@media (max-width: 860px){ .kat3{grid-template-columns:1fr} }
.kbox{padding:12px;text-align:center}
.kbox .name{font-weight:900;letter-spacing:2px;text-transform:uppercase;margin:10px 0 10px}
.kbox .more{
  display:block;
  padding:14px 10px;
  border-radius:6px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.75);
  text-decoration:none;
}
.kbox .more:hover{background:rgba(255,255,255,.95)}

/* Posts list */
.post-item{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:14px;border-bottom:1px solid var(--border)}
.post-item:last-child{border-bottom:0}
.post-item img{width:120px;height:84px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}
.post-meta{font-size:12px;color:var(--muted);margin-top:6px}
.readmore{margin-top:10px}
.readmore a{
  display:inline-block;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:6px;
  background:rgba(255,255,255,.75);
  text-decoration:none;
}
.readmore a:hover{background:#fff}

/* Actions */
.actions{
  display:flex; gap:10px; align-items:center; flex-wrap:wrap;
  margin-top:10px;
}
.action-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 10px;
  border:1px solid var(--border);
  border-radius:8px;
  background:rgba(255,255,255,.82);
  cursor:pointer;
  text-decoration:none;
}
.action-btn:hover{background:#fff}
.like-count{font-weight:800}

/* Verified tick */
.verified{
  display:inline-flex;align-items:center;gap:6px;
  font-weight:800;
}
.verified .tick{
  width:18px;height:18px;border-radius:50%;
  background:#1d9bf0;
  display:inline-flex;align-items:center;justify-content:center;
  color:#fff;font-size:12px;line-height:12px;
}

/* Sidebar */
.widget{padding:12px;border-bottom:1px solid var(--border)}
.widget:last-child{border-bottom:0}
.widget h3{margin:0 0 10px;font-size:12px;letter-spacing:2px;text-transform:uppercase}
.widget ul{margin:0;padding-left:18px}
.widget li{margin:6px 0}

/* Comments */
.comments-wrap{padding:14px}
.comment-list{list-style:none;padding:0;margin:0}
.comment-list li{border-top:1px solid var(--border);padding:12px 0}
.comment-author{font-weight:800}
.comment-content{margin-top:6px;color:#2b2b2b}
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form textarea{
  width:100%;padding:10px;border-radius:8px;border:1px solid var(--border);background:#fff
}
.comment-form textarea{min-height:110px}
.comment-form input[type="submit"]{
  margin-top:10px;
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:900;cursor:pointer
}

/* Footer */
.footer{
  border-top:1px solid var(--border);
  padding:18px 0;
  color:#444;
  font-size:12px;
  text-align:center;
  background:rgba(255,255,255,.65);
}

/* WP menu list reset */
.nav .nav-row ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center}
.nav .nav-row li{margin:0;padding:0}
.nav .nav-row li a{display:inline-block}
@media (max-width:780px){.nav .nav-row ul{flex-direction:column;align-items:stretch}}

/* Menzil-like headline list */
.slide-title-btn{
  all:unset;
  cursor:pointer;
  display:block;
  width:100%;
  padding:0;
  margin:0 0 8px;
}
.slide-title-btn span{
  display:block;
  font-size:22px;
  font-weight:900;
}
.slide-title-btn:hover span{ text-decoration: underline; }

.headline-box{
  margin-top:14px;
  border-top:1px solid rgba(255,255,255,.18);
  padding-top:12px;
}
.headline-h{
  font-weight:900;
  letter-spacing:2px;
  font-size:12px;
  color:rgba(255,255,255,.85);
  margin-bottom:10px;
}
.headline-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  max-height:170px;
  overflow:auto;
  padding-right:6px;
}
.headline-item{
  display:flex;
  gap:10px;
  align-items:flex-start;
  text-align:left;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color:#fff;
  border-radius:8px;
  padding:10px 10px;
  cursor:pointer;
}
.headline-item .dot{
  width:8px;height:8px;border-radius:50%;
  background: rgba(255,255,255,.55);
  margin-top:6px;
  flex:0 0 auto;
}
.headline-item .t{
  font-size:13px;
  line-height:1.35;
  color:rgba(255,255,255,.92);
  font-weight:700;
}
.headline-item:hover{ background: rgba(255,255,255,.11); }
.headline-item.is-active{
  border-color: rgba(26,166,166,.55);
  box-shadow: 0 0 0 2px rgba(26,166,166,.18) inset;
}
.headline-item.is-active .dot{ background: rgba(26,166,166,.9); }


/* Islamic boxes */
.islamic-grid{
  margin-top:14px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:12px;
}
@media (max-width: 860px){ .islamic-grid{grid-template-columns:1fr} }

.islamic-box{
  position:relative;
  overflow:hidden;
}
.islamic-box:before{
  content:"";
  position:absolute; inset:-20px;
  background:
    radial-gradient(circle at 20% 20%, rgba(26,166,166,.12), transparent 35%),
    radial-gradient(circle at 80% 70%, rgba(26,166,166,.10), transparent 40%);
  pointer-events:none;
}
.ibox-h{
  font-weight:900;
  letter-spacing:2px;
  text-transform:uppercase;
  font-size:12px;
  color:#2b2b2b;
}
.ibox-t{
  margin-top:10px;
  color:#2f2f2f;
  line-height:1.7;
  font-weight:600;
}

/* Islamic header glow */
.logo-card{
  border: 1px solid rgba(255,255,255,.18);
}
.logo-card:after{
  content:"";
  position:absolute; left:18px; right:18px; bottom:-14px;
  height:26px;
  background: radial-gradient(closest-side, rgba(255,255,255,.35), transparent 70%);
  filter: blur(2px);
  opacity:.65;
  pointer-events:none;
}

/* Teams floating button */
.teams-fab{
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:9999;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-radius:14px;
  text-decoration:none;
  color:#fff;
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  box-shadow: 0 12px 26px rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.18);
}
.teams-fab .dashicons{font-size:20px;line-height:20px}
.teams-fab .t{font-weight:900;letter-spacing:.2px}
.teams-fab:hover{transform: translateY(-1px)}

/* Zikir sayacı */
.zikir-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:12px;
  margin-top:12px;
}
@media (max-width: 860px){ .zikir-grid{grid-template-columns:1fr} }
.zikir-card{
  border:1px solid var(--border);
  background: rgba(255,255,255,.9);
  border-radius:14px;
  padding:14px;
  box-shadow: var(--shadow);
}
.z-h{font-weight:900;letter-spacing:1px;text-transform:uppercase;font-size:12px;color:#333}
.z-n{font-size:42px;font-weight:900;margin-top:10px}
.z-a{display:flex;gap:10px;margin-top:12px}
.z-btn{
  flex:1;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid var(--border);
  background:#fff;
  cursor:pointer;
  font-weight:900;
}
.z-btn:hover{background:rgba(0,0,0,.03)}
.z-reset{opacity:.9}


/* Mobile bottom menu */
.mobile-bottom-nav{
position:fixed;
bottom:0;
left:0;
right:0;
background:#fff;
border-top:1px solid #ddd;
display:flex;
justify-content:space-around;
padding:8px 0;
z-index:9999;
}
.mobile-bottom-nav a{
font-size:12px;
text-align:center;
color:#333;
text-decoration:none;
}
@media(min-width:768px){
.mobile-bottom-nav{display:none}
}


/* Portal video slider */
.video-slider{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.video-slider iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}
@media (max-width: 980px){ .video-slider{grid-template-columns:1fr} }

/* Portal kategori grid (premium) */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.cat-card{
  display:block;
  text-decoration:none;
  padding:16px 14px;
  border-radius:14px;
  border:1px solid var(--border);
  background: rgba(255,255,255,.9);
  box-shadow: var(--shadow);
  font-weight:900;
  letter-spacing:.3px;
  text-align:center;
}
.cat-card:hover{background:#fff; transform: translateY(-1px)}
@media (max-width: 860px){ .cat-grid{grid-template-columns:1fr} }


/* Design credit (Tarık Turan) */
.design-credit{
  margin: 18px auto 6px;
  width: min(1100px, 92%);
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  font-weight:900;
  letter-spacing:.4px;
  color: rgba(255,255,255,.92);
}
.design-credit .label{
  opacity:.75;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:2px;
}
.design-credit .name{
  font-size:13px;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.22);
  box-shadow: 0 10px 22px rgba(0,0,0,.14);
}
@keyframes ttFlash{
  0%, 100% { filter: drop-shadow(0 0 0 rgba(26,166,166,0)); opacity: .78; }
  50% { filter: drop-shadow(0 0 10px rgba(26,166,166,.65)); opacity: 1; }
}
.flash{
  animation: ttFlash 1.1s infinite ease-in-out;
}

/* Story page */
.story-controls{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:10px 0 12px;
}
.btn2{
  padding:10px 12px;
  border-radius:12px;
  border:1px solid var(--border);
  background:#fff;
  cursor:pointer;
  font-weight:900;
}
.btn2:hover{background:rgba(0,0,0,.03)}
.story-stage{
  display:flex;
  justify-content:center;
  align-items:center;
}
.story-canvas{
  width:min(420px, 100%);
  height:auto;
  border-radius:18px;
  border:1px solid var(--border);
  box-shadow: var(--shadow);
  background:#111;
}
.story-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}
.story-actions .btn{flex:1}
.hint{
  font-size:12px;
  color:#666;
  font-weight:800;
}

/* Mobile nav open fix */
@media (max-width:780px){
  .nav .nav-row{display:none}
  .nav.open .nav-row{display:block}
  #primaryNav.open{display:block}
}

/* Checkbox (JS-free) mobile menu toggle */
.nav-check{
  position:absolute;
  left:-9999px;
  width:1px;height:1px;
  opacity:0;
}
.nav .menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.nav .menu > li{margin:0;padding:0}
.nav .menu a{display:inline-block}

@media (max-width: 780px){
  .nav .menu{display:none;flex-direction:column;align-items:stretch}
  .nav-check:checked ~ #primaryNav .menu{display:flex}
  .nav-check:checked + .menu-toggle{background:#fff}
}

/* Header rebuild (stable) */
.topbar{background:linear-gradient(180deg, #2b2b2b, #1f1f1f); border-bottom:1px solid rgba(255,255,255,.12)}
.topbar-inner{display:flex;align-items:center;gap:12px;padding:10px 0}
.site-brand{flex:0 0 auto}
.brand-link{text-decoration:none;display:flex;align-items:center}
.brand-fallback{color:#fff;font-weight:900;letter-spacing:.3px}
.brand-logo img{max-height:44px;width:auto;display:block}
.top-search{flex:1 1 auto}
.top-search form{display:flex;gap:8px;align-items:center;justify-content:flex-end}
.top-search input[type="search"]{max-width:520px;width:100%}
.nav-wrap{flex:0 0 auto;display:flex;align-items:center;gap:8px}

.menu-toggle{
  width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  border-radius:12px;border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06); color:#fff; cursor:pointer;
}
.menu-toggle .dashicons{font-size:22px;line-height:22px}
.menu-toggle:hover{background:rgba(255,255,255,.10)}

.nav{position:relative}
.nav .menu{list-style:none;margin:0;padding:0;display:flex;gap:10px;align-items:center;justify-content:flex-end}
.nav .menu a{color:#fff;text-decoration:none;font-weight:800;padding:10px 10px;border-radius:10px}
.nav .menu a:hover{background:rgba(255,255,255,.10)}

/* mobile: overlay menu */
@media (max-width: 780px){
  .topbar-inner{flex-wrap:wrap}
  .top-search{order:3;flex:1 0 100%}
  .top-search form{justify-content:stretch}
  .nav{order:2}
  .nav .menu{display:none;flex-direction:column;align-items:stretch;gap:0}
  .nav-check:checked ~ .menu-toggle{background:rgba(255,255,255,.14)}
  .nav-check:checked ~ .nav #primaryNav .menu{display:flex}
  #primaryNav{
    position:absolute;
    right:0;
    top:52px;
    width:min(320px, 92vw);
    background:#fff;
    border:1px solid var(--border);
    border-radius:14px;
    box-shadow: 0 18px 40px rgba(0,0,0,.22);
    overflow:hidden;
    z-index:99999;
  }
  .nav .menu a{color:#222;border-radius:0;border-bottom:1px solid rgba(0,0,0,.06)}
  .nav .menu li:last-child a{border-bottom:0}
}

/* Menu icon panel */
.menu-panel-h{
  padding:12px 14px;
  font-weight:900;
  letter-spacing:2px;
  font-size:12px;
  text-transform:uppercase;
  background: linear-gradient(135deg, rgba(26,166,166,.10), rgba(0,0,0,.03));
  border-bottom:1px solid rgba(0,0,0,.06);
}
.nav .menu a{
  position:relative;
  padding-left:44px;
}
.nav .menu a:before{
  content:"\f333"; /* menu */
  font-family: dashicons;
  position:absolute;
  left:14px;
  top:50%;
  transform: translateY(-50%);
  font-size:18px;
  opacity:.9;
}
/* Icon mapping by URL slug */
.nav .menu a[href*="allah-dostlari"]:before{content:"\f307";} /* groups */
.nav .menu a[href*="kuran-dinle"]:before{content:"\f330";} /* book */
.nav .menu a[href*="sohbetler"]:before{content:"\f126";} /* video */
.nav .menu a[href*="ilahi-dinle"]:before{content:"\f127";} /* audio */
.nav .menu a[href*="ilahi-radyo"]:before{content:"\f127";}
.nav .menu a[href*="sohbet"]:before{content:"\f125";} /* chat */
.nav .menu a[href*="galeri"]:before{content:"\f161";} /* gallery */
.nav .menu a[href*="bizden-haberler"]:before{content:"\f109";} /* admin-site */
.nav .menu a[href*="teams-destek"]:before{content:"\f125";}
.nav .menu a[href*="story"]:before{content:"\f479";} /* format-image-ish */

@media (min-width: 781px){
  /* Desktop: keep icons but smaller and tighter */
  .nav .menu a{padding-left:36px}
  .nav .menu a:before{left:10px;font-size:16px;opacity:.75}
  .menu-panel-h{display:none}
}

/* Mobile panel list feel */
@media (max-width: 780px){
  #primaryNav .menu-panel{padding:0}
  #primaryNav .menu{gap:0}
  #primaryNav .menu a{
    padding:14px 14px 14px 48px;
    font-weight:900;
  }
  #primaryNav .menu a:hover{background:rgba(26,166,166,.08)}
}