/*
Theme Name: Praise Director Demo
Theme URI: https://praisedirector.com
Author: avdude
Author URI: https://avdude.com
Description: A small block theme for a live demo of the Praise Director plugin. A dark, stage-like look that suits the app, a home page with launch buttons for the control screen, projector and stage, and a full-width page for the embedded app.
Version: 0.1.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: praise-director-demo
*/

a { text-underline-offset: 3px; }
.pdd-banner { font-size: .875rem; }
.pdd-banner p { margin: 0; }
.pdd-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.pdd-card { display: flex; flex-direction: column; gap: 6px; padding: 20px; border-radius: 14px; border: 1px solid var(--wp--preset--color--line); background: var(--wp--preset--color--panel); color: inherit; text-decoration: none; transition: border-color .15s, transform .15s; }
.pdd-card:hover, .pdd-card:focus-visible { border-color: var(--wp--preset--color--candle); transform: translateY(-2px); }
.pdd-card strong { font-size: 1.125rem; color: var(--wp--preset--color--text); }
.pdd-card span { color: var(--wp--preset--color--muted); font-size: .9375rem; }
.pdd-card em { margin-top: auto; padding-top: 10px; font-style: normal; font-weight: 600; color: var(--wp--preset--color--candle); }
.pdd-steps { counter-reset: s; list-style: none; padding: 0; display: grid; gap: 14px; }
.pdd-steps li { counter-increment: s; position: relative; padding-left: 48px; }
.pdd-steps li::before { content: counter(s); position: absolute; left: 0; top: 0; width: 34px; height: 34px; border-radius: 50%; background: var(--wp--preset--color--candle); color: #12182A; font-weight: 700; display: grid; place-items: center; }
.pdd-note { padding: 14px 18px; border-left: 3px solid var(--wp--preset--color--candle); background: var(--wp--preset--color--panel); border-radius: 0 10px 10px 0; color: var(--wp--preset--color--muted); }
.wpw-app-embed iframe { min-height: 78vh; }
.wpw-app-login { padding: 24px; border-radius: 12px; background: var(--wp--preset--color--panel); }