/*
Theme Name: Saglam Inspired 555
Theme URI: https://example.com/saglam-inspired-555
Author: ChatGPT
Author URI: https://example.com
Description: Clean, boxed blog layout inspired by saglamindir style. Narrow container, right sidebar, boxed post cards, pagination, and single post layout.
Version: 1.0.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: saglam-inspired-555
*/

/* WordPress core alignment helpers */
.alignleft { float:left; margin: .5rem 1rem .5rem 0; }
.alignright { float:right; margin: .5rem 0 .5rem 1rem; }
.aligncenter { display:block; margin-left:auto; margin-right:auto; }

/* Base */
body { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans",sans-serif; background:#f2f4f7; color:#1f2937; }
a { color:#0d6efd; text-decoration:none; }
a:hover { text-decoration:underline; }
.container { max-width: 1080px; margin: 0 auto; padding: 0 12px; }
.site-wrap { background:#fff; }

/* Header / Nav */
.site-header { background:#1565c0; color:#fff; }
.site-header .topbar { display:flex; align-items:center; justify-content:space-between; padding:10px 0; }
.brand { display:flex; align-items:center; gap:10px; font-weight:700; font-size:20px; color:#fff; }
.brand img { height:40px; width:auto; }
.navbar { display:flex; gap:18px; flex-wrap:wrap; }
.navbar a { color:#eaf3ff; font-weight:600; padding:6px 0; }
.navbar a:hover { color:#fff; }

/* Layout */
.main { margin:18px 0 24px; }
.content { width: 100%; }
@media (min-width: 992px){
  .layout { display:flex; gap:18px; }
  .content { width: 68%; }
  .sidebar { width: 32%; }
}
.sidebar { position:relative; }

/* Boxed post card */
.post-card { background:#fff; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; box-shadow: 0 2px 6px rgba(0,0,0,.04); transition: box-shadow .2s ease; margin-bottom:14px; }
.post-card:hover { box-shadow: 0 6px 16px rgba(0,0,0,.08); }
.post-card a { color:inherit; text-decoration:none; }
.post-inner { display:flex; gap:14px; padding:12px; }
.post-thumb { width: 210px; min-width:210px; aspect-ratio: 21/10; background:#e5e7eb; border-radius:10px; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.post-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.post-meta { flex:1; display:flex; flex-direction:column; }
.post-title { font-size:18px; font-weight:700; line-height:1.2; margin: 2px 0 8px; color:#111827; }
.post-excerpt { color:#4b5563; font-size:14px; line-height:1.5; margin:0; }
.post-more { margin-top:auto; font-size:13px; color:#0d6efd; font-weight:600; }

@media (max-width: 640px){
  .post-inner { flex-direction:column; }
  .post-thumb { width:100%; min-width:unset; aspect-ratio: 16/9; }
}

/* Widgets */
.widget { background:#fff; border:1px solid #e5e7eb; border-radius:12px; box-shadow:0 2px 6px rgba(0,0,0,.04); margin-bottom:14px; }
.widget .widget-title { font-size:16px; font-weight:800; padding:12px 14px; border-bottom:1px solid #edf0f4; margin:0; color:#0f172a;}
.widget .widget-body { padding:10px 14px; }
.widget ul { list-style:none; margin:0; padding:0; }
.widget ul li { padding:8px 0; border-bottom:1px dashed #e5e7eb; }
.widget ul li:last-child { border-bottom:none; }
.widget a { color:#0f172a; }
.widget a:hover { color:#0d6efd; }

/* Pagination */
.pagination-outer { text-align:center; margin:16px 0 6px; }
.pagination { display:inline-flex; gap:6px; align-items:center; background:#fff; border:1px solid #e5e7eb; border-radius:999px; padding:6px 10px; }
.pagination a, .pagination span { display:inline-block; padding:6px 10px; border-radius:999px; font-weight:600; font-size:14px; color:#374151; }
.pagination .current { background:#0d6efd; color:#fff; }
.page-count { display:block; font-size:12px; color:#6b7280; margin-bottom:6px; }

/* Single */
.single-hero { background:#fff; border:1px solid #e5e7eb; border-radius:12px; box-shadow:0 2px 6px rgba(0,0,0,.04); margin-bottom:14px; padding:16px; }
.single-title { font-size:28px; font-weight:800; margin:6px 0 12px; color:#0f172a; }
.single-meta { color:#6b7280; font-size:13px; margin-bottom:10px; }
.single-thumb { border-radius:10px; overflow:hidden; margin-bottom:14px; }
.single-content { background:#fff; border:1px solid #e5e7eb; border-radius:12px; box-shadow:0 2px 6px rgba(0,0,0,.04); padding:16px; }
.single-content p { line-height:1.75; color:#111827; }
.single-content h2, .single-content h3 { margin-top:1.5em; }
*/