/* Shared styles for the Order of the Christ Pantocrator site (light backgrounds only). */
.gold-rule { height: 2px; background: linear-gradient(90deg, transparent, #E0A526, transparent); }

/* Faint line-art crest watermark behind hero sections */
.watermark { position:absolute; left:50%; top:50%; width:min(680px,120%); transform:translate(-50%,-50%); opacity:.06; pointer-events:none; user-select:none; }

/* Buttons: purple is used only on small elements like these */
.btn-primary { display:inline-block; background:#4B1E6E; color:#fff; padding:.75rem 1.5rem; border-radius:.375rem; font-weight:600; border-bottom:3px solid #E0A526; }
.btn-primary:hover { background:#3A1656; }
.btn-secondary { display:inline-block; border:2px solid #E0A526; color:#4B1E6E; padding:.6rem 1.3rem; border-radius:.375rem; font-weight:600; background:#fff; }
.btn-secondary:hover { background:#F8EBC8; }
.btn-primary:focus-visible, .btn-secondary:focus-visible { outline:3px solid #B3202A; outline-offset:2px; }

/* Form fields */
.form-input { width:100%; background:#fff; border:1px solid rgba(224,165,38,.7); border-radius:.375rem; padding:.6rem .75rem; }
.form-input:focus { outline:2px solid #4B1E6E; outline-offset:1px; }

/* Skip link: hidden until focused */
.skip-link { position:absolute; left:-9999px; top:0; background:#FDFAF2; color:#4B1E6E; padding:.5rem 1rem; z-index:100; font-weight:600; }
.skip-link:focus { left:1rem; top:1rem; outline:2px solid #E0A526; }

/* Active filter button (Writings page) */
.filter-btn.is-active { background:#4B1E6E; color:#fff; border-color:#4B1E6E; }