/* SW Daily Verse — front-end styles.
   High-contrast, large-touch-target defaults, matching the accessibility
   approach used across the Spiritual Way site. Card visuals (background
   image, borders, theme colors) are expected to be layered on by the
   SW Image Quotes shared CSS classes (.sw-image-quote-card); this file
   only covers the plugin-specific pieces. */

/* The reliable "stand out" mechanism: a solid border frame around the
   whole card, title, and streak badge together. Deliberately a border,
   not a box-shadow — a shadow placed directly on the card can get
   silently clipped by the card's own inline overflow:hidden or by a
   parent Elementor section with "content overflow: hidden" set, and
   there's no way to detect that from here. A border on this outer wrapper
   (which is never itself set to overflow:hidden) can't run into that. */
.swdv-feature-frame {
	border: 3px solid #D9A664;
	border-radius: 20px;
	padding: 14px;
	max-width: 100%;
	box-sizing: border-box;
}

.swdv-title {
	text-align: center;
	margin: 0 0 0.6em;
	font-weight: 700;
	font-size: clamp(1.1rem, 4vw, 1.6rem);
	line-height: 1.3;
	max-width: 100%;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

/* Rounded corners so the daily card reads as its own distinct feature —
   the rounded-corner styling used on the Image Quotes grid is scoped to
   that widget only and never reaches this one, so it has to be set here
   instead. (The "stand out" glow/frame effect is handled separately by
   .swdv-feature-frame below, using a border rather than a shadow.) */
.swdv-card-wrap {
	max-width: 100%;
}

.swdv-card-wrap .swiq-textcard,
.swdv-card-wrap.swdv-card {
	border-radius: 16px;
}

.swdv-card {
	padding: 1.5em;
	border-radius: 12px;
	text-align: center;
}

.swdv-verse-text {
	font-size: 1.35em;
	line-height: 1.5;
	margin: 0 0 0.6em;
	font-style: italic;
}

.swdv-reference {
	display: block;
	font-size: 1.05em;
	font-weight: 600;
	font-style: normal;
}

.swdv-translation {
	font-weight: 400;
	opacity: 0.85;
	margin-left: 0.3em;
}

.swdv-category-tag {
	display: inline-block;
	margin-top: 0.8em;
	padding: 0.3em 0.9em;
	border-radius: 999px;
	font-size: 0.85em;
	background: rgba(0, 0, 0, 0.08);
}

.swdv-streak {
	text-align: center;
	font-size: 1em;
	margin: 0.8em 0 0;
	font-weight: 600;
}

.swdv-empty {
	text-align: center;
	font-style: italic;
	opacity: 0.8;
}

.swdv-optin-hp-wrap {
	position: absolute;
	left: -9999px;
	top: -9999px;
	height: 0;
	overflow: hidden;
}

/* Opt-in form */
.swdv-optin-wrap {
	max-width: 480px;
	margin: 1.2em auto 0;
	text-align: center;
}

.swdv-optin-form label {
	display: block;
	font-size: 1em;
	margin-bottom: 0.5em;
	font-weight: 600;
}

.swdv-optin-row {
	display: flex;
	gap: 0.5em;
	flex-wrap: wrap;
	justify-content: center;
}

.swdv-optin-row input[type="email"] {
	flex: 1 1 220px;
	min-height: 48px;
	font-size: 1em;
	padding: 0.5em 0.8em;
	border-radius: 8px;
	border: 2px solid #ccc;
}

.swdv-optin-row button {
	min-height: 48px;
	min-width: 120px;
	font-size: 1em;
	font-weight: 600;
	padding: 0.5em 1.2em;
	border-radius: 8px;
	border: none;
	cursor: pointer;
}

.swdv-optin-note {
	font-size: 0.85em;
	opacity: 0.75;
	margin: 0.5em 0 0;
}

.swdv-optin-message {
	min-height: 1.5em;
	font-size: 0.95em;
	margin-top: 0.6em;
}