/*
Theme Name: Nexa Technology
Theme URI: https://www.nexatechnology.co.uk
Author: Nexa Technology
Description: Custom theme for Nexa Technology — web, app, ERP, CRM, software, UI/UX, market research and digital marketing services. Page designs are in /parts; the main stylesheet is css/style.css.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: nexa
*/

/* WordPress-specific additions (the site design lives in css/style.css) */

/* Keep the fixed header below the admin bar when logged in */
body.admin-bar .header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .header { top: 46px; } }

/* Contact form spam trap (hidden from people) */
.form__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Content written in the WordPress editor (blog posts, extra pages) */
.prose img { max-width: 100%; height: auto; border-radius: 12px; }
.prose h3 { font-size: 1.2rem; margin: 1.8rem 0 .6rem; }
.prose blockquote { margin: 1.5rem 0; padding: 1rem 1.4rem; border-left: 4px solid var(--primary); background: var(--tint); border-radius: 0 12px 12px 0; }
.prose ol { list-style: decimal; padding-left: 1.4rem; margin: 0 0 1em; }

/* Blog list */
.posts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6rem; }
.post-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; display: flex; flex-direction: column; transition: transform .3s, box-shadow .3s; }
.post-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.post-card img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.post-card__body { padding: 1.5rem; display: flex; flex-direction: column; gap: .5rem; flex: 1; }
.post-card__date { font-size: .8rem; font-weight: 700; color: var(--primary); text-transform: uppercase; letter-spacing: .06em; }
.post-card h2 { font-size: 1.2rem; margin: 0; }
.post-card p { margin: 0; font-size: .95rem; }
.pagination { display: flex; justify-content: center; gap: .5rem; margin-top: 3rem; }
.pagination .page-numbers { padding: .5rem .9rem; border-radius: 10px; border: 1px solid var(--line); font-weight: 700; }
.pagination .current { background: var(--grad); color: #fff; border-color: transparent; }
@media (max-width: 980px) { .posts { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 680px) { .posts { grid-template-columns: 1fr; } }