/* ==========================================================================
   WordPress-specific additions
   Loaded after assets/css/style.css — do not duplicate brand styles here.
   ========================================================================== */

/* ---------- screen reader only ---------- */
.screen-reader-text{
  border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);
  height:1px;width:1px;margin:-1px;padding:0;overflow:hidden;
  position:absolute!important;word-wrap:normal!important;
}
.screen-reader-text:focus{
  background:#fff;border-radius:4px;box-shadow:0 0 2px 2px rgba(0,0,0,.15);
  clip:auto!important;clip-path:none;color:var(--navy);display:block;
  font-size:14px;font-weight:600;height:auto;left:12px;line-height:normal;
  padding:12px 18px;text-decoration:none;top:12px;width:auto;z-index:100000;
}

/* ---------- long-form copy (blog posts, generic pages) ---------- */
.prose{color:var(--body);font-size:16.5px;line-height:1.75}
.prose h2{margin-top:2em}
.prose h3{margin-top:1.7em}
.prose h2:first-child,.prose h3:first-child{margin-top:0}
.prose img{border-radius:var(--r);margin:1.6em 0;height:auto}
.prose a{color:var(--navy);text-decoration:underline;text-decoration-color:rgba(30,58,95,.35);text-underline-offset:2px}
.prose a:hover{text-decoration-color:var(--orange)}
.prose blockquote{
  margin:1.8em 0;padding:4px 0 4px 20px;border-left:3px solid var(--orange);
  color:var(--ink);font-style:italic;
}
.prose ul,.prose ol{padding-left:1.3em}
.prose li{margin:.5em 0}
.prose code{background:var(--soft);border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:.92em}
.prose pre{background:var(--navy-900);color:#E6EDF5;padding:16px 18px;border-radius:var(--r);overflow:auto;font-size:14px}
.prose pre code{background:none;border:0;padding:0;color:inherit}
.prose table{width:100%;border-collapse:collapse;font-size:14.5px;margin:1.6em 0}
.prose th,.prose td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.prose thead th{background:var(--navy-050);font-weight:600;color:var(--ink)}
.prose hr{margin:2.5em 0}
.prose figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:-.8em}

/* block editor alignment classes, kept minimal */
.alignleft{float:left;margin:0 1.6em 1em 0}
.alignright{float:right;margin:0 0 1em 1.6em}
.aligncenter{display:block;margin-inline:auto}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:13px;color:var(--muted);text-align:center}

/* ---------- blog listing ---------- */
.post-list{display:grid;gap:26px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.post-card{
  border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;
  overflow:hidden;display:flex;flex-direction:column;transition:.2s;
}
.post-card:hover{box-shadow:var(--sh);border-color:var(--line-strong);transform:translateY(-2px)}
.post-card__thumb{display:block;background:var(--soft);aspect-ratio:16/9;overflow:hidden}
.post-card__thumb img{width:100%;height:100%;object-fit:cover}
.post-card__body{padding:20px;flex:1;display:flex;flex-direction:column}
.post-card__meta{font-size:12.5px;color:var(--muted);margin:0 0 8px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.post-card h2{font-size:19px;margin:0 0 10px}
.post-card h2 a{color:var(--ink);text-decoration:none}
.post-card h2 a:hover{color:var(--navy)}
.post-card p{font-size:14.5px;margin-bottom:16px}
.post-card .link-arrow{margin-top:auto}

/* ---------- pagination ---------- */
.pagination{margin-top:44px}
.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}
.pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:42px;height:42px;padding:0 12px;border-radius:var(--r-sm);
  border:1px solid var(--line);color:var(--ink);font-size:14.5px;font-weight:600;
  text-decoration:none!important;transition:.16s;
}
.pagination .page-numbers:hover{border-color:var(--navy);background:var(--navy-050)}
.pagination .page-numbers.current{background:var(--navy);border-color:var(--navy);color:#fff}
.pagination .dots{border:0}

/* ---------- post navigation ---------- */
.post-nav a{font-weight:600;font-size:14.5px}

/* ---------- inline WhatsApp link (non-floating) ---------- */
.link-wa{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--navy)}
.link-wa svg{width:18px;height:18px;fill:#25D366}

/* ---------- admin bar offset for the sticky header ---------- */
.admin-bar .site-header{top:32px}
@media screen and (max-width:782px){
  .admin-bar .site-header{top:46px}
}

/* ---------- forms inside page content keep theme styling ---------- */
.entry-content input[type="submit"],.prose input[type="submit"]{
  background:var(--orange);color:#fff;border:0;border-radius:var(--r-sm);
  padding:13px 24px;font-weight:600;font-size:15px;cursor:pointer;
}
.entry-content input[type="submit"]:hover,.prose input[type="submit"]:hover{background:var(--orange-600)}