.oe-wrap table.widefat input[readonly] { background:#f6f7f7; cursor:pointer; }

.oe-rsvp {
	max-width: 480px;
	width: 100%;
	margin: 0 auto;
	padding: 32px 24px;
	background-color: var(--oe-bg, #ffffff);
	color: var(--oe-text, #2c2c2c);
	border-radius: 8px;
	font-family: var(--oe-font, 'Bellefair', serif);
	text-align: center;
	box-shadow: 0 2px 24px rgba(0,0,0,0.08);
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	/* transición suave para cuando los colores se invierten al validar el código */
	transition: background-color 0.4s ease, color 0.4s ease;
	/* la tarjeta crece con su contenido: sin max-height ni overflow oculto,
	   así que si hay muchos invitados simplemente se hace más alta */
}
.oe-rsvp__brand {
	font-family: var(--oe-font, 'Bellefair', serif);
	color: var(--oe-brand, inherit);
	font-size: 42px;
	letter-spacing: 10px;
	margin: 0 0 20px 0;
	font-weight: 400;
	transition: color 0.4s ease;
}
.oe-rsvp__divider {
	border: none;
	border-top: 1px solid currentColor;
	opacity: 0.5;
	width: 70%;
	margin: 0 auto 20px auto;
}
.oe-rsvp__title {
	color: inherit;
	margin-bottom: 8px;
}
.oe-rsvp__title--gate {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	letter-spacing: 1px;
	font-size: 18px;
	font-weight: 700;
	text-transform: none;
}
.oe-rsvp__subtitle {
	margin-bottom: 20px;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	font-size: 17px;
}
.oe-rsvp__subtitle strong {
	font-weight: 700;
	font-size: 1.25em;
}
.oe-rsvp__guest-name {
	font-size: 15px;
}
.oe-rsvp__guest-name-edit {
	flex: 1 1 140px;
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}
.oe-btn--primary {
	background: var(--oe-primary, #b8860b);
	color: var(--oe-button-text, #ffffff);
	width: 100%;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 14px 10px;
	margin-top: 8px;
}
.oe-btn--secondary {
	background: transparent;
	border: 2px solid var(--oe-secondary, #2c2c2c);
	color: var(--oe-secondary, #2c2c2c);
}
.oe-rsvp__summary {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.oe-rsvp__summary-item {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 1px solid rgba(0,0,0,0.08);
}
.oe-rsvp__summary-item--accepted strong { color: var(--oe-accept, #666C52); }
.oe-rsvp__summary-item--declined strong { color: var(--oe-decline, #550000); }
.oe-rsvp--empty {
	max-width: 480px;
	margin: 0 auto;
	padding: 32px 24px;
	text-align: center;
}

/* Marco con línea, estilo tarjeta de invitación (se puede ocultar desde Ajustes) */
.oe-rsvp--framed {
	position: relative;
	padding: 44px 32px;
}
.oe-rsvp__frame-inner {
	position: relative;
	padding: 28px 20px;
}
.oe-rsvp__frame-inner::before {
	content: '';
	position: absolute;
	inset: -20px;
	border: var(--oe-frame-thickness, 1px) solid var(--oe-frame-color, currentColor);
	opacity: 0.9;
	pointer-events: none;
}
.oe-rsvp--framed.oe-no-frame-line .oe-rsvp__frame-inner::before {
	display: none;
}

.oe-rsvp__code-form {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 20px;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.oe-rsvp__code-label {
	font-size: 13px;
	opacity: 0.85;
	line-height: 1.5;
}
.oe-rsvp__code-input {
	padding: 12px 8px;
	border: 1px solid currentColor;
	background: transparent;
	color: inherit;
	border-radius: 2px;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	box-sizing: border-box;
	width: 100%;
}

.oe-rsvp__dropdown {
	overflow: hidden;
}

.oe-rsvp__guest {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    gap: 12px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* Control Segmentado */
.oe-rsvp__segmented {
    display: flex;
    background: rgba(0,0,0,0.05);
    padding: 3px;
    border-radius: 20px;
    gap: 4px;
}

.oe-seg-btn {
    border: none;
    background: transparent;
    padding: 8px 10px;
    border-radius: 16px;
    font-size: 13px;
    font-weight: 600;
    color: #6c757d;
    cursor: pointer;
    transition: all 0.2s ease;
}

.oe-seg-btn--accept.is-active {
    background: var(--oe-accept, #666C52);
    color: #fff;
}

.oe-seg-btn--decline.is-active {
    background: var(--oe-decline, #550000);
    color: #fff;
}

/* Banner de éxito / confirmación bloqueada */
.oe-rsvp__success-banner {
    background: rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 16px;
    padding: 20px;
    text-align: center;
    margin-bottom: 24px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

.oe-rsvp__check-icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: var(--oe-accept, #666C52);
    color: white;
    border-radius: 50%;
    line-height: 36px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
}

.oe-rsvp__success-banner h3 {
    margin: 0 0 4px 0;
    font-size: 16px;
}

.oe-rsvp__success-banner p {
    margin: 0;
    font-size: 14px;
    opacity: 0.8;
}

/* Mensaje de validación AJAX */
.oe-rsvp__message {
    padding: 12px 8px;
    border-radius: 10px;
    font-size: 14px;
    text-align: center;
    margin-top: 14px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

.oe-rsvp__message--success {
    background: rgba(102,108,82,0.15);
}

.oe-rsvp__message--error {
    background: rgba(85,0,0,0.1);
}

.oe-btn {
    border-radius: 25px;
    padding: 12px 14px;
    font-weight: 600;
    border: none;
    cursor: pointer;
}
