/* Alfanine — Additional Responsive Styles
   (loaded after main style.css)
   ─────────────────────────────────────── */

/* ── Print ──────────────────────────────── */
@media print {
  .header, .header-topbar, #footer, #footer-wrapper, .copyright-wrapper,
  .menu-toggle, .art-filter-wrap, .filter-bar, .hero-btns, .cta-btns,
  .btn, .trust-strip { display: none !important; }
  body { font-size: 12pt; color: #000; background: #fff; }
  a { color: #000; text-decoration: underline; }
}

/* ── Very large screens (>1400px) ───────── */
@media (min-width: 1400px) {
  .container { max-width: 1320px; }
}

/* ── Tablet landscape (1025–1200px) ─────── */
@media (max-width: 1200px) {
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
}

/* ── WordPress core compatibility ───────── */
.wp-block-image { margin: 20px 0; }
.wp-block-image img { border-radius: 10px; }
.wp-block-quote { border-left: 4px solid var(--accent); padding: 12px 20px; background: var(--accent-lt); }
.wp-block-code { background: #f4f4f4; padding: 16px; border-radius: 8px; font-family: monospace; font-size: .875rem; overflow-x: auto; }
.wp-block-table td, .wp-block-table th { padding: 10px 14px; border: 1px solid var(--rule); }
.wp-block-table th { background: var(--paper-alt); font-weight: 700; }
.wp-caption-text { font-size: .8rem; color: var(--ink-faint); text-align: center; }

/* ── Comment form ───────────────────────── */
#commentform p { margin-bottom: 14px; }
#commentform label { display: block; font-size: .8rem; font-weight: 600; color: var(--ink-soft); margin-bottom: 4px; }
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"],
#commentform textarea {
  width: 100%;
  padding: 10px 14px;
  border: 1.5px solid var(--rule);
  border-radius: var(--r);
  font-size: .9rem;
  font-family: inherit;
  color: var(--ink);
  background: var(--white);
  outline: none;
  transition: border-color .18s;
}
#commentform input:focus, #commentform textarea:focus { border-color: var(--accent); }
#commentform textarea { height: 130px; resize: vertical; }

.comment { padding: 20px 0; border-bottom: 1px solid var(--rule); }
.comment-author img { border-radius: 50%; }
.comment-meta { font-size: .8rem; color: var(--ink-faint); }
.comment-body p { font-size: .9rem; color: var(--ink-soft); }

/* ── WooCommerce ────────────────────────── */
.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button { background: var(--accent) !important; color: var(--white) !important; border-radius: var(--r) !important; font-weight: 600 !important; }
.woocommerce .button:hover,
.woocommerce a.button:hover { background: #153e63 !important; }
.woocommerce-info { border-left-color: var(--accent); }

/* ── Pagination ─────────────────────────── */
.page-numbers { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid var(--rule); border-radius: var(--r); font-size: .875rem; text-decoration: none; color: var(--ink-soft); margin: 2px; transition: all .15s; }
.page-numbers.current { background: var(--accent); color: var(--white); border-color: var(--accent); }
.page-numbers:hover:not(.current) { background: var(--accent-lt); color: var(--accent); border-color: var(--accent); }
.nav-links { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 40px; justify-content: center; }

/* ── Search page ────────────────────────── */
.search-results article { padding: 24px 0; border-bottom: 1px solid var(--rule); }
.search-results .entry-title a { font-family: var(--serif); font-size: 1.2rem; font-weight: 600; color: var(--ink); text-decoration: none; }
.search-results .entry-title a:hover { color: var(--accent); }
.search-no-results { text-align: center; padding: 64px 0; color: var(--ink-faint); }