:root{--accent:#7b2c3f}
*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial}
body{background:#fdf7fa;color:#333;transition:.3s}

/* DARK MODE */
body.dark{background:#1c1c1e;color:#eee}
body.dark .topbar,
body.dark .modal-content,
body.dark .poll-box,
body.dark .social-card,
body.dark .topic-card,
body.dark .app-section,
body.dark .stat-card,
body.dark .about-section{background:#2c2c2e;color:#eee}
body.dark .category-bar button{background:#3a3a3c;color:#fff}

/* TOPBAR */
.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.05);position:sticky;top:0;z-index:10}
.logo{display:flex;align-items:center;gap:6px}
.brand{font-size:22px;font-weight:900;color:var(--accent)}
.flower{font-size:22px}
.topbar nav{display:flex;align-items:center;gap:10px}
.topbar nav a{text-decoration:none;color:var(--accent);font-weight:700}
.dark-toggle,.theme-btn,.notif-btn{background:none;border:none;font-size:18px;cursor:pointer}
.lang-select{border-radius:10px;padding:2px 6px}

/* TOPBAR HIDE ON SCROLL */
.topbar{transition:transform 0.3s ease}
.topbar.hide{transform:translateY(-100%)}

/* MOBIL UST BAR HIZALAMA FIX */
@media(max-width:640px){
  .topbar{
    flex-direction:row;
    align-items:center;
  }
  .topbar nav{
    width:auto;
    flex-direction:column;
    align-items:flex-end;
    justify-content:center;
    gap:4px;
  }
  .topbar nav .nav-icons{
    display:flex;
    align-items:center;
    gap:10px;
  }
  .topbar nav .nav-insta{
    margin-top:2px;
    font-size:14px;
    display:none;
  }
}

/* NOTIF */
.notif-box{position:fixed;top:70px;right:12px;background:var(--accent);color:#fff;padding:10px 14px;border-radius:12px;display:none;z-index:99}
.notif-box.show{display:block}

/* THEME PICKER */
.theme-picker{position:fixed;top:64px;right:12px;background:#fff;border-radius:14px;padding:8px;display:none;gap:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:99}
.theme-picker.show{display:flex}
.theme-picker span{width:22px;height:22px;border-radius:50%;cursor:pointer}

/* HERO */
.hero{padding:80px 20px;text-align:center;background:linear-gradient(135deg,#fbe6ee,#fff)}
.hero h1{font-size:34px;font-weight:900;margin-bottom:16px}
.hero h1 span{color:var(--accent)}
.hero p{max-width:620px;margin:0 auto;font-size:16px;color:#555}

/* ================= STATS SECTION - YENİ DÜZEN ================= */
.stats-section {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  padding: 20px 15px;
  max-width: 500px;
  margin: 0 auto;
}

.stat-card {
  background: #fff;
  border-radius: 16px;
  padding: 20px 15px;
  text-align: center;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  cursor: pointer;
  transition: all 0.3s ease;
  border: 2px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 70px;
}

.stat-card:hover,
.stat-card:active {
  transform: translateY(-3px);
  border-color: var(--accent);
  box-shadow: 0 8px 25px rgba(123, 44, 63, 0.15);
}

.stat-card span {
  font-size: 15px;
  font-weight: 800;
  color: #333;
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1.3;
}

body.dark .stat-card {
  background: #2c2c2e;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}

body.dark .stat-card span {
  color: #fff;
}

/* ================= MAKALELER SECTION ================= */
.articles-section {
  padding: 40px 15px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

.articles-section h2 {
  font-size: 1.5rem;
  margin-bottom: 8px;
  color: var(--accent);
}

.articles-section > p {
  color: #666;
  margin-bottom: 25px;
  font-size: 0.95rem;
  padding: 0 10px;
}

body.dark .articles-section > p {
  color: #aaa;
}

.articles-grid {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 25px;
  padding: 0;
}

.article-card {
  display: flex;
  align-items: center;
  gap: 15px;
  background: #fff;
  border-radius: 16px;
  padding: 18px 15px;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
  text-align: left;
  border: 2px solid transparent;
  width: 100%;
  box-sizing: border-box;
}

body.dark .article-card {
  background: #2c2c2e;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}

.article-card:hover,
.article-card:active {
  transform: translateY(-3px);
  border-color: var(--accent);
  box-shadow: 0 8px 25px rgba(123, 44, 63, 0.15);
}

.article-card.coming-soon {
  opacity: 0.6;
  cursor: default;
  pointer-events: none;
}

.article-card.coming-soon:hover {
  transform: none;
  border-color: transparent;
}

.article-icon {
  font-size: 2.2rem;
  min-width: 45px;
  text-align: center;
  flex-shrink: 0;
}

.article-info {
  flex: 1;
  min-width: 0;
}

.article-info h3 {
  font-size: 1rem;
  margin: 0 0 6px 0;
  color: #222;
  line-height: 1.3;
}

body.dark .article-info h3 {
  color: #fff;
}

.article-info p {
  font-size: 0.8rem;
  color: #666;
  margin: 0 0 8px 0;
  line-height: 1.4;
}

body.dark .article-info p {
  color: #aaa;
}

.article-tag {
  display: inline-block;
  background: var(--accent);
  color: #fff;
  font-size: 0.65rem;
  padding: 4px 10px;
  border-radius: 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.article-tag.soon {
  background: #999;
}

.article-arrow {
  display: none;
}

.all-articles-btn {
  display: inline-block;
  background: var(--accent);
  color: #fff;
  padding: 14px 28px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(123, 44, 63, 0.3);
}

.all-articles-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(123, 44, 63, 0.4);
}

/* VIDEO */
.video-section{text-align:center;padding:50px 20px}
.video-title{display:flex;justify-content:center;align-items:center;gap:8px;font-size:1.3rem}
.yt-icon{width:24px;height:24px}
.video-card{display:inline-block;margin-top:16px;padding:14px 22px;background:var(--accent);color:#fff;border-radius:16px;text-decoration:none;font-weight:800;transition:transform .25s ease, box-shadow .25s ease}
.video-card:hover{transform:scale(1.05);box-shadow:0 12px 28px rgba(123,44,63,.35)}

/* PODCAST */
.podcast-box{margin-top:16px;background:rgba(123, 44, 63, 0.1);padding:20px 15px;border-radius:16px}
.podcast-btn{display:inline-block;margin-top:6px;padding:12px 24px;border-radius:25px;background:var(--accent);color:#fff;font-weight:700;text-decoration:none;transition:.25s}
.podcast-btn:hover{transform:scale(1.05);box-shadow:0 6px 18px rgba(123,44,63,.3)}

/* SOCIAL */
.social-section{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 15px;max-width:600px;margin:0 auto}
.social-card{background:#fff;border-radius:16px;padding:15px 10px;box-shadow:0 4px 15px rgba(0,0,0,.08);cursor:pointer;transition:transform .25s ease, box-shadow .25s ease;text-align:center}
.social-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.social-head{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:6px}
.social-logo{width:28px;height:28px}
.social-card h3{font-size:0.85rem;margin:0}
.social-card p{font-size:0.7rem;color:#666;margin:4px 0}
.social-card span{font-size:0.65rem;color:var(--accent);font-weight:700}

body.dark .social-card{background:#2c2c2e}
body.dark .social-card p{color:#aaa}

/* TOOLS */
.tools-section{text-align:center;padding:30px 15px}
.tools-section h2{font-size:1.3rem;margin-bottom:20px;color:var(--accent)}
.tools-accordion{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:400px;margin:0 auto}
.tool-item{text-align:center}
.tool-tab{width:55px;height:55px;font-size:1.5rem;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.08);cursor:pointer;transition:all 0.3s ease;border:none}
.tool-tab:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(123, 44, 63, 0.2)}
body.dark .tool-tab{background:#2c2c2e}
.tool-desc{font-size:0.7rem;margin-top:8px;color:#666}
body.dark .tool-desc{color:#aaa}

/* APP */
.app-section{text-align:center;padding:40px 15px;background:#fff}
.app-section h2{font-size:1.3rem;margin-bottom:10px;color:var(--accent)}
.app-box{display:flex;flex-direction:column;align-items:center;gap:16px}
.phone-mock{width:180px;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.phone-mock img{width:100%;display:block}
.store-badges{display:flex;gap:10px;justify-content:center;margin-top:15px}
.store-badges span{background:#333;color:#fff;padding:10px 20px;border-radius:8px;font-weight:700;font-size:0.8rem}

/* POLL */
.poll-section{text-align:center;padding:30px 15px}
.poll-section h2{font-size:1.3rem;margin-bottom:20px;color:var(--accent)}
.poll-section iframe{border-radius:16px}
.poll-box{background:#fff;padding:16px;border-radius:18px;max-width:520px;margin:0 auto}
.poll-question{font-weight:800;margin-bottom:10px}
.poll-option{display:block;width:100%;margin:6px 0;background:#f6e8ee;border:none;padding:8px 12px;border-radius:12px;font-weight:700;color:var(--accent);cursor:pointer;transition:transform .15s ease, box-shadow .15s ease}
.poll-option:hover{transform:scale(1.04);box-shadow:0 6px 18px rgba(0,0,0,.12)}
.poll-result-row{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:12px;font-weight:700;color:var(--accent)}
.poll-bar{flex:1;background:#f1dce3;border-radius:10px;height:10px;overflow:hidden}
.poll-bar-fill{background:var(--accent);height:100%;transition:.4s}

/* TOPICS */
.topics-section{text-align:center;padding:30px 15px}
.topics-section h2{font-size:1.3rem;margin-bottom:15px;color:var(--accent)}
.category-bar {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px 0;
}
.category-bar::-webkit-scrollbar{display:none}
.category-bar button{white-space:nowrap;padding:8px 16px;font-size:0.85rem;flex-shrink:0;border-radius:20px;border:none;background:#fff;color:#333;cursor:pointer;transition:all 0.3s ease;font-weight:700}
.category-bar button.active,
.category-bar button:hover{background:var(--accent);color:#fff}
body.dark .category-bar button{background:#3a3a3c;color:#fff}
.search-input{display:block;width:100%;padding:12px 15px;font-size:1rem;border-radius:25px;border:2px solid #eee;margin:15px 0;outline:none;transition:border-color 0.3s ease}
.search-input:focus{border-color:var(--accent)}
body.dark .search-input{background:#2c2c2e;border-color:#444;color:#fff}
.topics-grid{display:grid;grid-template-columns:1fr;gap:12px}
.topic-card{background:#fff;padding:18px 15px;border-radius:16px;font-weight:700;color:var(--accent);box-shadow:0 4px 15px rgba(0,0,0,.08);cursor:pointer;transition:transform .2s ease, box-shadow .2s ease;text-align:left}
.topic-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.topic-card strong{display:block;margin-bottom:6px}
.topic-card p{font-size:0.85rem;color:#666;font-weight:400;margin:0}
body.dark .topic-card{background:#2c2c2e}
body.dark .topic-card p{color:#aaa}
.pager{margin-top:20px;display:flex;justify-content:center;gap:10px}
.pager button{background:var(--accent);color:#fff;border:none;padding:10px 20px;border-radius:20px;font-weight:700;cursor:pointer;transition:all 0.3s ease}
.pager button:hover{transform:scale(1.05)}

/* ABOUT */
.about-section{padding:30px 15px;background:#fff;text-align:center}
.about-section h2{font-size:1.3rem;margin-bottom:15px;color:var(--accent)}
.about-section p{max-width:720px;margin:12px auto;color:#555;font-size:0.95rem;line-height:1.7}
.legal-box{background:rgba(123, 44, 63, 0.08);padding:20px 15px;border-radius:16px;max-width:720px;margin:25px auto 0;text-align:left}
.legal-box h3{font-size:1rem;color:var(--accent);margin-bottom:10px}
.legal-box p{font-size:0.85rem;color:#666;margin:0}
body.dark .legal-box{background:rgba(123, 44, 63, 0.15)}
body.dark .legal-box p{color:#aaa}

/* MODAL */
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);align-items:center;justify-content:center;z-index:50;overflow-y:auto;-webkit-overflow-scrolling:touch}
.modal-content{background:#fff;padding:24px;border-radius:18px;max-width:520px;width:90%;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:modalIn .25s ease-out}
.modal-content.small{max-width:420px}
.modal-back-btn{text-align:center;margin-top:20px;color:var(--accent);font-weight:800;cursor:pointer}
@keyframes modalIn{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}

body.dark .modal-content{background:#2c2c2e}

/* FOOTER */
footer{text-align:center;padding:25px 15px;background:#1e1e1e;color:#fff;font-size:0.85rem}

/* FADE IN */
.fade-in{opacity:0;transform:translateY(20px);transition:all .6s ease}
.fade-in.show{opacity:1;transform:translateY(0)}

/* LOADER */
.page-loader{position:fixed;inset:0;background:#fdf7fa;display:flex;align-items:center;justify-content:center;z-index:999}
.loader-circle{width:42px;height:42px;border:4px solid #f1dce3;border-top:4px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* TOAST */
.toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;padding:12px 24px;border-radius:30px;font-weight:700;opacity:0;transition:opacity 0.3s ease;z-index:100}
.toast.show{opacity:1}

/* SKELETON */
.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton 1.5s infinite;border-radius:12px;height:80px}
@keyframes skeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ================= PREMIUM TAP FEEDBACK ================= */
.sound,
.topbar nav a,
.dark-toggle,
.theme-btn,
.notif-btn{
  transition:transform .12s ease, filter .12s ease;
  -webkit-tap-highlight-color: transparent;
}
.sound:active,
.topbar nav a:active,
.dark-toggle:active,
.theme-btn:active,
.notif-btn:active{
  transform:scale(.9);
  filter:brightness(.9);
}

/* ================= BOTTOM SHEET EFFECT ================= */
@media (max-width:768px){
  #toolsModal .modal-content{
    border-radius:20px 20px 0 0;
    position:absolute;
    bottom:0;
    width:100%;
    max-width:none;
    animation:sheetUp .35s ease-out;
  }
}
@keyframes sheetUp{
  from{transform:translateY(100%)}
  to{transform:translateY(0)}
}

/* ================= MICRO TILT ================= */
.social-card:active,
.topic-card:active,
.video-card:active,
.stat-card:active,
.article-card:active{
  transform:scale(.97) rotateZ(.3deg);
}

/* GYN TOPIC CARDS */
.gyn-wrap{padding:20px 0}
.gyn-card{background:rgba(255,255,255,0.05);border-radius:12px;padding:20px;margin-bottom:16px;border-left:4px solid var(--accent)}
.gyn-card h3{margin:0 0 12px;font-size:1.1em}
.gyn-card p{margin:0;line-height:1.7}
.gyn-alert{background:rgba(255,235,235,0.1)!important;border-left-color:#E53935!important;border:1px solid rgba(229,57,53,0.3)}
.gyn-alert h3{color:#E53935!important}
.gyn-legal{background:rgba(128,128,128,0.1);border-radius:8px;padding:16px;margin-top:20px}
.gyn-legal h4{margin:0 0 8px;font-size:0.9em;opacity:0.8}
.gyn-legal p{margin:0;font-size:0.85em;line-height:1.6;opacity:0.7}

/* ================= DESKTOP OVERRIDE ================= */
@media (min-width: 768px) {
  .hero{padding:80px 20px}
  .hero h1{font-size:2.2rem}
  .hero p{font-size:1rem}
  
  .stats-section {
    grid-template-columns: repeat(4, 1fr);
    max-width: 800px;
    gap: 20px;
    padding: 30px 20px;
  }
  .stat-card {
    padding: 25px 20px;
    min-height: 80px;
  }
  .stat-card span {
    font-size: 16px;
  }
  
  .articles-section {
    padding: 60px 20px;
    max-width: 1000px;
  }
  .articles-section h2 {
    font-size: 1.8rem;
  }
  .articles-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
  }
  .article-card {
    padding: 20px;
  }
  .article-icon {
    font-size: 2.5rem;
    min-width: 50px;
  }
  .article-info h3 {
    font-size: 1.1rem;
  }
  .article-info p {
    font-size: 0.85rem;
  }
  .article-tag {
    font-size: 0.7rem;
  }
  .article-arrow {
    display: block;
    font-size: 1.5rem;
    color: var(--accent);
    opacity: 0;
    transition: all 0.3s ease;
  }
  .article-card:hover .article-arrow {
    opacity: 1;
    transform: translateX(5px);
  }
  
  .social-section {
    gap: 20px;
  }
  .social-card {
    padding: 20px;
  }
  .social-head {
    flex-direction: row;
  }
  .social-card p {
    display: block;
    font-size: 0.85rem;
  }
  
  .topics-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .tools-accordion {
    max-width: 500px;
    gap: 20px;
  }
  .tool-tab {
    width: 65px;
    height: 65px;
    font-size: 1.8rem;
  }
  
  .video-section{padding:60px 20px}
  .video-title{font-size:1.5rem}
  
  .app-section{padding:60px 20px}
  .app-section h2{font-size:1.5rem}
  .phone-mock{width:200px}
  
  .poll-section{padding:50px 20px}
  .poll-section h2{font-size:1.5rem}
  
  .about-section{padding:60px 20px}
  .about-section h2{font-size:1.5rem}
}

@media (min-width: 1024px) {
  .topics-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ================= MOBIL MODAL FIX ================= */
@media (max-width: 768px) {
  .modal {
    align-items: flex-start;
    padding: 0;
  }
  .modal-content {
    width: 100%;
    max-width: 100%;
    min-height: 100vh;
    max-height: none;
    border-radius: 0;
    padding: 20px;
    margin: 0;
  }
  .gyn-wrap {
    padding: 10px 0;
  }
  .gyn-card {
    padding: 16px;
    margin-bottom: 12px;
    font-size: 0.95em;
  }
  .gyn-card h3 {
    font-size: 1em;
  }
}

/* ============================================
   WORDPRESS TEMA UYUMU
   ============================================ */

/* GENEL BODY & ARKA PLAN */
body.home,
body.single,
body.page,
body.archive {
  background: #fdf6f8 !important;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  color: #333 !important;
}

body.dark,
body.dark-mode,
html.dark body {
  background: #121212 !important;
  color: #e0e0e0 !important;
}

/* MAKALE KART STİLİ */
body article,
body .post,
body .hentry,
body.single article,
body.single .post,
body.page article,
.type-post,
.type-page,
#content article,
.site-main article {
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 40px !important;
  margin: 30px auto !important;
  max-width: 900px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
  border: none !important;
}

body.dark article,
body.dark .post,
body.dark .hentry {
  background: #1e1e1e !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

/* BAŞLIKLAR */
body .entry-title,
body .post-title,
body article h1,
body.single h1,
body.single .entry-title,
.single-post h1.entry-title,
.page h1.entry-title,
#content h1 {
  color: #7b2c3f !important;
  font-size: 2.2rem !important;
  font-weight: 700 !important;
  margin-bottom: 20px !important;
  line-height: 1.3 !important;
}

body article h2,
body .entry-content h2,
.single-post h2,
#content h2,
.post-content h2 {
  color: #7b2c3f !important;
  font-size: 1.6rem !important;
  margin-top: 35px !important;
  margin-bottom: 15px !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid rgba(123, 44, 63, 0.1) !important;
}

body article h3,
body .entry-content h3,
.single-post h3,
#content h3,
.post-content h3 {
  color: #7b2c3f !important;
  font-size: 1.3rem !important;
  margin-top: 25px !important;
  margin-bottom: 12px !important;
}

body.dark .entry-title,
body.dark article h1,
body.dark article h2,
body.dark article h3 {
  color: #e8b4bf !important;
}

/* PARAGRAFLAR */
body article p,
body .entry-content p,
.single-post p,
#content p,
.post-content p {
  color: #333333 !important;
  font-size: 1.05rem !important;
  line-height: 1.8 !important;
  margin-bottom: 18px !important;
}

body.dark article p,
body.dark .entry-content p {
  color: #e0e0e0 !important;
}

/* LİSTELER */
body article ul,
body article ol,
body .entry-content ul,
body .entry-content ol {
  margin: 20px 0 !important;
  padding-left: 25px !important;
}

body article li,
body .entry-content li {
  color: #333 !important;
  margin-bottom: 10px !important;
  line-height: 1.7 !important;
}

body.dark article li {
  color: #e0e0e0 !important;
}

/* LİNKLER */
body article a,
body .entry-content a,
.single-post a,
#content a {
  color: #7b2c3f !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

body article a:hover,
body .entry-content a:hover {
  color: #5a1f2e !important;
  text-decoration: underline !important;
}

/* BLOCKQUOTE */
body blockquote,
body .wp-block-quote,
body article blockquote {
  background: rgba(123, 44, 63, 0.1) !important;
  border-left: 4px solid #7b2c3f !important;
  padding: 20px 25px !important;
  margin: 25px 0 !important;
  border-radius: 0 16px 16px 0 !important;
  font-style: italic !important;
}

/* TABLOLAR */
body table,
body .wp-block-table,
body article table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 25px 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

body th,
body table th {
  background: #7b2c3f !important;
  color: #ffffff !important;
  padding: 15px !important;
  text-align: left !important;
  font-weight: 600 !important;
}

body td,
body table td {
  padding: 12px 15px !important;
  border-bottom: 1px solid #eee !important;
  background: #ffffff !important;
}

/* RESİMLER */
body article img,
body .entry-content img,
body .wp-block-image img {
  border-radius: 16px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
  max-width: 100% !important;
  height: auto !important;
}

/* META BİLGİLERİ */
body .entry-meta,
body .post-meta,
body .byline,
body .posted-on,
body .cat-links {
  color: #666666 !important;
  font-size: 0.9rem !important;
  margin-bottom: 25px !important;
}

/* KATEGORİ & ETİKETLER */
body .cat-links a,
body .tag-links a,
body .post-categories a,
body .post-tags a,
body .entry-footer a {
  background: rgba(123, 44, 63, 0.1) !important;
  color: #7b2c3f !important;
  padding: 5px 15px !important;
  border-radius: 20px !important;
  font-size: 0.8rem !important;
  margin-right: 8px !important;
  display: inline-block !important;
  margin-bottom: 8px !important;
}

body .cat-links a:hover,
body .tag-links a:hover {
  background: #7b2c3f !important;
  color: #ffffff !important;
}

/* HEADER */
body header,
body .site-header,
body #masthead,
#site-header {
  background: #ffffff !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
  border-bottom: 3px solid #7b2c3f !important;
}

body .site-title a,
body .site-branding a,
body .custom-logo-link {
  color: #7b2c3f !important;
}

/* FOOTER */
body .site-footer,
body #colophon {
  background: #1e1e1e !important;
  color: #ffffff !important;
  padding: 40px 20px !important;
  text-align: center !important;
}

body .site-footer a {
  color: #e8b4bf !important;
}

/* SIDEBAR */
body .sidebar,
body #secondary,
body aside,
body .widget-area {
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 25px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

body .widget-title,
body .sidebar h2,
body aside h2,
body .widget h2 {
  color: #7b2c3f !important;
  font-size: 1.2rem !important;
  border-bottom: 2px solid rgba(123, 44, 63, 0.1) !important;
  padding-bottom: 10px !important;
  margin-bottom: 15px !important;
}

/* YORUM ALANI GİZLE */
#respond,
.comment-respond,
.comments-area,
#comments,
.comment-form,
.comments-title {
  display: none !important;
}

/* ADMIN BAR GİZLE */
#wpadminbar {
  display: none !important;
}
html {
  margin-top: 0 !important;
}

/* WORDPRESS MOBİL */
@media (max-width: 768px) {
  body article,
  body .post,
  body .hentry {
    padding: 25px 20px !important;
    margin: 15px 10px !important;
    border-radius: 12px !important;
  }

  body .entry-title,
  body article h1 {
    font-size: 1.7rem !important;
  }

  body article h2,
  body .entry-content h2 {
    font-size: 1.4rem !important;
  }

  body article h3,
  body .entry-content h3 {
    font-size: 1.15rem !important;
  }

  body article p,
  body .entry-content p {
    font-size: 1rem !important;
  }
}

@media (max-width: 480px) {
  body article,
  body .post {
    padding: 20px 15px !important;
    margin: 10px 5px !important;
  }

  body .entry-title,
  body article h1 {
    font-size: 1.5rem !important;
  }
}

/* ANİMASYON */
body article,
body .entry-content {
  animation: gynFadeIn 0.6s ease;
}

@keyframes gynFadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* =====================================================
   GynLobby Mobil Düzeltmeler - style.css'e eklenecek
   =====================================================
   Bu kodları style.css dosyasının SONUNA ekleyin
   ===================================================== */

/* ===== 1. ANKET (POLL) MOBİL FIX ===== */
@media (max-width: 768px) {
  .poll-section {
    padding: 20px 10px;
  }
  
  .poll-box {
    max-width: 100% !important;
    width: 100% !important;
    padding: 20px 15px !important;
    margin: 0 !important;
  }
  
  /* Yop Poll Widget - tam genişlik */
  .yop-poll-container,
  .yop-poll-forms,
  .yop-poll-wrapper,
  .yop-poll-li-answer,
  .yop-poll-answers,
  .yop-poll-question {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  .yop-poll-li-answer {
    padding: 10px 0 !important;
  }
  
  /* Poll result bar düzeltmesi */
  .poll-result-row {
    width: 100%;
  }
  
  .poll-bar {
    min-width: 0;
    flex: 1;
  }
}

/* ===== 2. KONULAR SAYFASI - SKELETON/ACCORDION KALDIRILDI ===== */
/* Skeleton loading efektini tamamen kaldır */
.topics-section .skeleton,
.topics-grid .skeleton,
.category-bar + .skeleton,
.search-input + .skeleton,
.skeleton-placeholder {
  display: none !important;
}

/* Accordion efektini kaldır - içerik direkt görünsün */
.topics-grid .accordion-content,
.topics-grid .collapse-content,
.topic-card .accordion-body {
  display: block !important;
  max-height: none !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  transition: none !important;
}

/* Konular grid - mobilde tam genişlik */
@media (max-width: 768px) {
  .topics-section {
    padding: 20px 10px;
  }
  
  .topics-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }
  
  .topic-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  
  .search-input {
    width: 100% !important;
    max-width: 100% !important;
    margin: 15px 0 !important;
  }
  
  .category-bar {
    width: 100%;
    padding: 10px 0;
    margin: 0 -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* ===== 3. MAKALE SAYFASI MOBİL FIX ===== */
@media (max-width: 768px) {
  body article,
  body .post,
  body .hentry,
  body.single article,
  body.single .post,
  body.page article,
  .type-post,
  .type-page,
  #content article,
  .site-main article {
    padding: 20px 15px !important;
    margin: 15px 8px !important;
    max-width: calc(100% - 16px) !important;
    width: calc(100% - 16px) !important;
    box-sizing: border-box !important;
  }
  
  /* Makale içerik tam genişlik */
  .entry-content,
  .post-content,
  article .content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
}

@media (max-width: 480px) {
  body article,
  body .post,
  body .hentry {
    padding: 16px 12px !important;
    margin: 10px 5px !important;
    max-width: calc(100% - 10px) !important;
    width: calc(100% - 10px) !important;
    border-radius: 12px !important;
  }
  
  body .entry-title,
  body article h1,
  body.single h1,
  body.single .entry-title {
    font-size: 1.4rem !important;
    line-height: 1.4 !important;
    word-wrap: break-word !important;
  }
  
  body article h2,
  body .entry-content h2 {
    font-size: 1.2rem !important;
  }
  
  body article p,
  body .entry-content p {
    font-size: 0.95rem !important;
    line-height: 1.7 !important;
  }
}

/* =====================================================
   GynLobby - Kadence Tema & Yop Poll Düzeltmeleri V3
   =====================================================
   style.css'in EN SONUNA ekleyin
   ===================================================== */

/* ===== YOP POLL - TAM GENİŞLİK FIX ===== */
@media (max-width: 767px) {
  
  /* Ana container */
  .basic-yop-poll-container,
  .bootstrap-yop,
  .yop-poll-container,
  #yop-poll-container,
  [class*="yop-poll"] {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  
  /* Poll kutusu */
  .poll-box,
  .poll-section .poll-box {
    width: 100% !important;
    max-width: 100% !important;
    padding: 15px 12px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }
  
  /* Bootstrap-yop içindeki tüm elemanlar */
  .bootstrap-yop *,
  .basic-yop-poll-container * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* Answers ve options */
  .basic-yop-poll-container ul.basic-answers,
  .basic-yop-poll-container ul.basic-answers li,
  .basic-yop-poll-container ul.basic-answers-results,
  .basic-yop-poll-container ul.basic-answers-results li,
  .basic-yop-poll-container .basic-answer,
  .basic-yop-poll-container .basic-answer-content,
  .basic-yop-poll-container .basic-text-horizontal,
  .basic-yop-poll-container .basic-text-vertical {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  /* Progress bar */
  .basic-yop-poll-container .progress,
  .basic-yop-poll-container .basic-answer .progress {
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 !important;
  }
  
  /* Poll section padding */
  .poll-section {
    padding: 20px 10px !important;
  }
}

/* ===== KADENCE TEMA - MAKALE FIX ===== */
@media (max-width: 767px) {
  
  /* Entry content wrap - asıl sorunlu element */
  .entry-content-wrap {
    padding: 12px !important;
  }
  
  /* Tüm content container'ları */
  .site-container,
  .site-inner,
  .content-wrap,
  .site-main,
  #primary,
  #main,
  .content-area {
    padding-left: 8px !important;
    padding-right: 8px !important;
    max-width: 100% !important;
  }
  
  /* Article elementi */
  article.post,
  article.page,
  article.hentry,
  .entry,
  .single-entry,
  .post-content,
  .entry-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Kadence boxed content override */
  :root {
    --global-content-boxed-padding: 0.8rem !important;
    --global-content-edge-padding: 0.8rem !important;
  }
  
  /* WP site blocks */
  .wp-site-blocks,
  .wp-block-post-content {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  
  /* Entry title */
  .entry-title,
  h1.entry-title,
  .single-entry-title {
    font-size: 1.4rem !important;
    line-height: 1.35 !important;
    word-wrap: break-word !important;
    padding: 0 !important;
  }
  
  /* Paragraflar */
  .entry-content p,
  .post-content p {
    font-size: 0.95rem !important;
    line-height: 1.7 !important;
  }
  
  /* H2 başlıklar */
  .entry-content h2,
  .post-content h2 {
    font-size: 1.2rem !important;
    margin-top: 25px !important;
  }
}

@media (max-width: 480px) {
  
  .entry-content-wrap {
    padding: 10px !important;
  }
  
  :root {
    --global-content-boxed-padding: 0.5rem !important;
    --global-content-edge-padding: 0.5rem !important;
  }
  
  .entry-title,
  h1.entry-title {
    font-size: 1.25rem !important;
  }
  
  .entry-content h2 {
    font-size: 1.1rem !important;
  }
  
  .entry-content p {
    font-size: 0.9rem !important;
  }
}

/* ===== KONULAR SAYFASI - SKELETON KALDIR ===== */
.skeleton,
.topics-grid .skeleton,
.topics-section .skeleton,
[class*="skeleton"] {
  display: none !important;
  height: 0 !important;
  visibility: hidden !important;
}

/* TEST - HER ŞEYİ OVERRIDE ET */
.poll-box,
.poll-section .poll-box,
div.poll-box {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.basic-yop-poll-container,
.basic-yop-poll-container[data-uid] {
  max-width: 100% !important;
  width: 100% !important;
}