/*
Theme Name: PV Cristal Blog
Theme URI: https://pvcristal.com/blog/
Author: PV Cristal Digital Agency
Author URI: https://pvcristal.com/
Description: Custom blog theme for PV Cristal — matches the main pvcristal.com design (Tailwind, Space Grotesk + Plus Jakarta Sans, orange brand colours). Includes blog grid, category filter, search, single post, floating contact buttons and quote modal.
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pvcristal
*/

/* Most styling comes from Tailwind CDN + https://pvcristal.com/css/custom.css
   Below: WordPress-specific extras only. */

.screen-reader-text { position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); }

/* Pagination */
.pv-pagination .nav-links { display:flex; flex-wrap:wrap; gap:.5rem; justify-content:center; }
.pv-pagination .page-numbers {
  min-width:2.5rem; height:2.5rem; padding:0 .9rem; display:inline-flex; align-items:center; justify-content:center;
  border-radius:.75rem; font-size:.8rem; font-weight:700; background:#f3f3fb; border:1px solid #e7e7ef; color:#191b21; transition:all .2s;
}
.pv-pagination .page-numbers:hover { border-color:#f26522; color:#f26522; }
.pv-pagination .page-numbers.current { background:#f26522; border-color:#f26522; color:#fff; }

/* Post content (Gutenberg) */
.pv-content { font-size:1rem; line-height:1.8; color:#191b21; }
.pv-content > * + * { margin-top:1.25rem; }
.pv-content h2, .pv-content h3, .pv-content h4 { font-family:"Space Grotesk",sans-serif; font-weight:700; line-height:1.3; margin-top:2.25rem; }
.pv-content h2 { font-size:1.6rem; }
.pv-content h3 { font-size:1.3rem; }
.pv-content h4 { font-size:1.1rem; }
.pv-content a { color:#a63b00; text-decoration:underline; text-underline-offset:3px; }
.pv-content ul { list-style:disc; padding-left:1.5rem; }
.pv-content ol { list-style:decimal; padding-left:1.5rem; }
.pv-content li + li { margin-top:.4rem; }
.pv-content img { border-radius:1rem; height:auto; max-width:100%; }
.pv-content blockquote { border-left:4px solid #f26522; background:#fff3ed; padding:1rem 1.25rem; border-radius:0 1rem 1rem 0; font-style:italic; }
.pv-content table { width:100%; border-collapse:collapse; font-size:.9rem; }
.pv-content th, .pv-content td { border:1px solid #e7e7ef; padding:.6rem .8rem; text-align:left; }
.pv-content th { background:#f3f3fb; }
.pv-content pre { background:#191b21; color:#f9f9ff; padding:1rem; border-radius:.75rem; overflow-x:auto; font-size:.85rem; }
.pv-content figcaption { font-size:.8rem; color:#5a5f65; text-align:center; margin-top:.5rem; }
.pv-content .alignwide, .pv-content .alignfull { max-width:100%; }
.pv-content .aligncenter { margin-left:auto; margin-right:auto; }