/*
Theme Name:   Discreet Affairs
Description:  Dark, luxurious theme for the Discreet Affairs plugin: landing page, member pages and blog in one design. Install and activate the Discreet Affairs plugin too.
Version:      1.0.0
Requires at least: 6.0
Requires PHP: 8.1
Author:       Discreet Affairs
License:      Proprietary
Text Domain:  discreet-affairs-theme
*/

/*
 * The core design (colours, header, buttons, member pages, landing page) ships with the
 * Discreet Affairs plugin in app.css. This file styles ordinary WordPress content: pages,
 * blog posts and the post list.
 */

.entry { max-width: 760px; margin: 0 auto; }
.entry-header { margin-bottom: 28px; }
.entry-meta { color: var(--muted, #a89790); font-size: .88rem; }
.entry-content { color: #ddd0c8; font-size: 1.05rem; }
.entry-content > * { margin-block: 0 1.1em; }
.entry-content h2 { font-size: 1.6rem; margin-top: 2em; }
.entry-content h3 { font-size: 1.25rem; margin-top: 1.6em; }
.entry-content a { text-decoration: underline; }
.entry-content li { margin-bottom: .45em; }
.entry-content blockquote { margin: 1.6em 0; padding: 4px 0 4px 22px; border-left: 2px solid var(--gold, #c9a45c); font: italic 1.2rem/1.5 var(--serif, Georgia, serif); color: #e6d8cf; }
.entry-content img, .entry-content figure { max-width: 100%; height: auto; border-radius: 12px; }
.entry-content figcaption { color: var(--muted, #a89790); font-size: .85rem; text-align: center; margin-top: 8px; }
.entry-content hr { border: 0; border-top: 1px solid var(--line, rgba(201, 164, 92, .16)); margin: 2.4em 0; }
.entry-content table { width: 100%; border-collapse: collapse; }
.entry-content th, .entry-content td { padding: 10px; border-bottom: 1px solid var(--line, rgba(201, 164, 92, .16)); text-align: left; }
.entry-content .wp-block-button__link { background: var(--gold, #c9a45c); color: var(--gold-ink, #1a1206); border-radius: 999px; text-decoration: none; padding: 12px 26px; }
.entry-content .alignwide { max-width: 1000px; margin-inline: auto; }
.entry-content .aligncenter { margin-inline: auto; text-align: center; }
.entry-content .draft-note { padding: 12px 16px; border: 1px dashed var(--gold, #c9a45c); border-radius: 9px; color: var(--gold-2, #e5c88d); font-size: .9rem; }
.entry-thumb { margin: 0 0 28px; border-radius: 16px; overflow: hidden; border: 1px solid var(--line-strong, rgba(201, 164, 92, .34)); }
.entry-thumb img { width: 100%; height: auto; }

.post-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 22px; }
.post-card { display: flex; flex-direction: column; border: 1px solid var(--line, rgba(201, 164, 92, .16)); border-radius: 14px; overflow: hidden; background: var(--surface, #1b1317); color: var(--text, #f1e8e3); transition: transform .2s, border-color .2s; }
.post-card:hover { transform: translateY(-3px); border-color: var(--line-strong, rgba(201, 164, 92, .34)); color: var(--text, #f1e8e3); }
.post-card img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.post-card-body { padding: 20px 22px 24px; }
.post-card h2 { font-size: 1.35rem; margin-bottom: 8px; }
.post-card p { color: var(--muted, #a89790); margin: 0; font-size: .95rem; }
.pagination { display: flex; justify-content: center; gap: 8px; margin-top: 40px; }
.pagination .page-numbers { padding: 8px 14px; border-radius: 999px; border: 1px solid var(--line-strong, rgba(201, 164, 92, .34)); color: var(--gold-2, #e5c88d); }
.pagination .current { background: rgba(201, 164, 92, .14); }

.da-theme-notice { margin: 0; padding: 12px 20px; background: #7a1e36; color: #fff; text-align: center; font: 14px/1.4 sans-serif; }
.da-theme-notice a { color: #fff; text-decoration: underline; }