* { box-sizing: border-box; -webkit-font-smoothing: antialiased; }
body { margin: 0; padding: 0; overflow-x: hidden; background: #fdfdfd; font-family: sans-serif; }
a { text-decoration: none !important; transition: 0.3s ease; color: inherit; }
ul, li { list-style: none !important; margin: 0; padding: 0; }
.container { max-width: 1230px; margin: 0 auto; padding: 0 20px; width: 100%; }

#masthead { background: #fff; border-bottom: 1px solid #eee; position: relative; z-index: 10000; }
.header_main { height: 80px; display: flex !important; align-items: center !important; justify-content: flex-start !important; }
.custom-logo { max-height: 60px; width: auto; display: block; margin-left: 10px; }

/* HAMBURGER BUTON VE KAPATMA (X) ANİMASYONU */
.menu-toggle { order: 1 !important; margin-right: 20px !important; display: flex !important; flex-direction: column; justify-content: center; gap: 5px; cursor: pointer; z-index: 10002; width: 30px; height: 30px; position: relative; }
.menu-toggle span { display: block; width: 25px; height: 2px; background: #333; transition: 0.4s; position: absolute; left: 2.5px; }
.menu-toggle span:nth-child(1) { top: 8px; }
.menu-toggle span:nth-child(2) { top: 15px; }
.menu-toggle span:nth-child(3) { top: 22px; }

.menu-toggle.active span:nth-child(1) { transform: rotate(45deg); top: 15px; }
.menu-toggle.active span:nth-child(2) { opacity: 0; }
.menu-toggle.active span:nth-child(3) { transform: rotate(-45deg); top: 15px; }

.site-branding { order: 2 !important; display: flex !important; align-items: center !important; }

/* GRID VE BOŞLUK SIFIRLAMA */
.grid-container { display: grid !important; gap: 15px !important; margin: 30px auto !important; width: 100%; }
.post-card { background: #fff !important; padding: 0 !important; margin: 0 !important; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); overflow: hidden !important; display: flex !important; flex-direction: column !important; }
.post-card img { width: 100% !important; height: 220px !important; object-fit: cover !important; display: block !important; margin: 0 !important; padding: 0 !important; }
.post-content, div[style*="padding: 15px"] { padding: 0 !important; margin: 0 !important; display: block !important; }
.post-card h2, .post-card h3 { margin: 0 !important; padding: 12px 15px 15px 15px !important; font-size: 1.1rem !important; line-height: 1.3 !important; font-weight: 700 !important; }

/* MOBİL PANEL (SOLA YASLI) */
.navigation-menu { position: fixed; top: 0; right: -100%; width: 300px; height: 100vh; background: #fff; z-index: 10001; padding: 90px 0 30px 0; box-shadow: -10px 0 30px rgba(0,0,0,0.1); transition: 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0); }
.navigation-menu.is-open { right: 0; }
.navigation-menu ul li a { display: flex !important; align-items: center !important; padding: 18px 30px; font-size: 14px; font-weight: 600; text-transform: uppercase; border-bottom: 1px solid #fcfcfc; transition: 0.3s; color: #333; }
.navigation-menu ul li a:hover { background: #fafafa; color: var(--main-color); padding-left: 38px; }

/* ARA İKONU */
.menu-search a:before { content: ""; display: inline-block !important; width: 18px !important; height: 18px !important; margin-right: 12px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='3'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' /%3E%3C/svg%3E") no-repeat center center; background-size: contain; flex-shrink: 0; }

/* SAYFALAMA */
.imgelem-pagination { display: flex !important; justify-content: center !important; margin: 40px 0 !important; width: 100%; }
.imgelem-pagination ul { display: flex !important; gap: 8px !important; }
.imgelem-pagination li { list-style: none !important; }
.imgelem-pagination li:before { content: none !important; display: none !important; }
.imgelem-pagination .page-numbers { display: flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; border: 1px solid #ddd; border-radius: 8px; font-weight: 700; background: #fff; }
.imgelem-pagination .current { background: var(--main-color) !important; color: #fff; border-color: var(--main-color); }

.site-footer { background: #fff; border-top: 1px solid #eee; padding: 50px 0 30px; margin-top: 40px; text-align: center; }

@media (max-width: 768px) { .grid-container { grid-template-columns: 1fr !important; } .post-card img { height: 210px !important; } }