/*
Theme Name: Spine Blog
Theme URI: https://spineinfratech.com/blogs/
Author: Spine Infratech
Description: Blog theme for Spine Infratech. Reuses the main website's header, footer and stylesheets so the blog looks identical to the rest of the site.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: spine-blog
*/

/*
 * The main design comes from the main website's stylesheets (see header.php).
 * Only WordPress-specific additions live here.
 */

/* Pagination on the blog listing */
.spine-pagination { text-align: center; margin: 10px 0 40px; }
.spine-pagination .page-numbers { display: inline-block; min-width: 36px; padding: 6px 10px; margin: 0 3px; border: 1px solid #ddd; color: #333; text-decoration: none; }
.spine-pagination .page-numbers.current,
.spine-pagination a.page-numbers:hover { background: #f37021; border-color: #f37021; color: #fff; }

/* Content added later through the block editor */
.blog-details-content img { max-width: 100%; height: auto; }
.blog-details-content figure { margin: 0 0 20px; }
.blog-details-content figcaption { font-size: 13px; color: #999; margin-top: 6px; }
.blog-details-content .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.blog-details-content .alignleft { float: left; margin: 0 20px 20px 0; }
.blog-details-content .alignright { float: right; margin: 0 0 20px 20px; }
.blog-details-content table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.blog-details-content table td,
.blog-details-content table th { border: 1px solid #ddd; padding: 8px; }

/* Empty state */
.spine-no-posts { padding: 40px 0; }