/**
 * Questionnaires IIEF-5 et PDQ (Beley uniquement)
 */

/* ==========================================================================
   Shortcode IIEF-5 (score fonction érectile)
   ========================================================================== */
/* Décalage sous le header fixe + conteneur */
.beley-iief5-wrap {
	padding-top: var(--beley-header-offset);
	margin-bottom: 2rem;
}

/* Bannière titre (évite la page trop blanche) – texte en blanc */
.beley-iief5-header {
	background: linear-gradient(135deg, var(--beley-primary-dark) 0%, var(--beley-primary) 100%);
	color: #fff !important;
	text-align: center;
	padding: 1.75rem var(--beley-gap);
	margin: 0 auto 2rem;
	max-width: 720px;
	border-radius: var(--beley-radius);
	box-shadow: var(--beley-shadow-md);
}

.beley-iief5-header *,
.beley-iief5-header-title,
.beley-iief5-header-desc {
	color: #fff !important;
}

.beley-iief5-header-title {
	font-family: var(--beley-font-heading);
	font-size: var(--beley-fs-h1);
	font-weight: 700;
	margin: 0 0 0.35rem;
	line-height: var(--beley-line-height-tight);
}

.beley-iief5-header-desc {
	font-size: var(--beley-fs-small);
	opacity: 0.92;
	margin: 0;
}

/* Bouton principal IIEF5 – texte blanc */
.beley-iief5-wrap .beley-iief5-btn--primary,
.beley-iief5-wrap a.beley-iief5-btn--primary {
	color: #fff !important;
}

.beley-iief5-wrap .beley-iief5-btn--primary:hover,
.beley-iief5-wrap a.beley-iief5-btn--primary:hover {
	color: #fff !important;
}

/* Annule le soulignement des liens (.page-content a, .comments-area a) */
.beley-iief5-wrap a,
.beley-pdq-wrap a,
.beley-iief5-wrap a,
.page-content .beley-iief5-wrap a,
.page-content .beley-pdq-wrap a,
.page-content .beley-iief5-wrap a,
.comments-area .beley-iief5-wrap a,
.comments-area .beley-pdq-wrap a,
.comments-area .beley-iief5-wrap a {
	text-decoration: none;
}

.beley-iief5-wrap a:hover,
.beley-pdq-wrap a:hover,
.beley-iief5-wrap a:hover,
.page-content .beley-iief5-wrap a:hover,
.page-content .beley-pdq-wrap a:hover,
.page-content .beley-iief5-wrap a:hover,
.comments-area .beley-iief5-wrap a:hover,
.comments-area .beley-pdq-wrap a:hover,
.comments-area .beley-iief5-wrap a:hover {
	text-decoration: none;
}

.beley-iief5 {
	max-width: 720px;
	margin: 0 auto 2rem;
	font-family: var(--beley-font-sans);
	color: var(--beley-text);
}

.beley-iief5-intro {
	font-size: var(--beley-fs-base);
	line-height: var(--beley-line-height);
	margin: 0 0 1.5rem;
	color: var(--beley-text-light);
}

.beley-iief5-form {
	margin: 0 0 2rem;
}

.beley-iief5-fieldset {
	margin: 0 0 1.75rem;
	padding: 1.25rem;
	border: 1px solid var(--beley-border);
	border-radius: var(--beley-radius);
	background: var(--beley-bg-alt);
}

.beley-iief5-legend {
	font-family: var(--beley-font-heading);
	font-size: var(--beley-fs-base);
	font-weight: 600;
	color: var(--beley-primary);
	margin: 0 0 0.75rem;
	padding: 0;
	display: block;
}

.beley-iief5-legend-num {
	display: inline-block;
	margin-right: 0.35rem;
}

.beley-iief5-options {
	list-style: none;
	margin: 0;
	padding: 0;
}

.beley-iief5-options li {
	margin-bottom: 0.5rem;
}

.beley-iief5-options li:last-child {
	margin-bottom: 0;
}

.beley-iief5-options label {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	cursor: pointer;
	font-size: var(--beley-fs-base);
	line-height: 1.4;
}

.beley-iief5-options input[type="radio"] {
	width: 1.1rem;
	height: 1.1rem;
	flex-shrink: 0;
	accent-color: var(--beley-primary);
}

.beley-iief5-actions {
	margin: 1.5rem 0 0;
	text-align: center;
}

.beley-iief5-btn {
	display: inline-block;
	padding: 0.75rem 1.5rem;
	font-size: var(--beley-fs-base);
	font-weight: 600;
	font-family: var(--beley-font-sans);
	border-radius: var(--beley-radius);
	text-decoration: none;
	border: none;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.beley-iief5-btn--submit {
	background: var(--beley-primary);
	color: var(--beley-white);
}

.beley-iief5-btn--submit:hover {
	background: var(--beley-primary-hover);
	color: var(--beley-white);
}

.beley-iief5-result {
	margin-top: 2rem;
	padding: 1.5rem 1.25rem;
	background: var(--beley-bg-alt);
	border: 1px solid var(--beley-border);
	border-radius: var(--beley-radius);
	border-left: 4px solid var(--beley-accent);
}

.beley-iief5-result-title {
	font-family: var(--beley-font-heading);
	font-size: var(--beley-fs-h3);
	font-weight: 600;
	color: var(--beley-primary);
	margin: 0 0 0.75rem;
}

.beley-iief5-result-score {
	font-size: var(--beley-fs-large);
	color: var(--beley-text);
	margin: 0 0 1rem;
}

.beley-iief5-result-interpretation {
	font-size: var(--beley-fs-base);
	line-height: var(--beley-line-height);
	color: var(--beley-text);
	margin-bottom: 1.25rem;
}

.beley-iief5-result-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: center;
}

.beley-iief5-btn--primary {
	background: var(--beley-primary);
	color: var(--beley-white);
}

.beley-iief5-btn--primary:hover {
	background: var(--beley-primary-hover);
	color: var(--beley-white);
}

.beley-iief5-btn--secondary {
	background: var(--beley-white);
	color: var(--beley-primary);
	border: 2px solid var(--beley-primary);
}

.beley-iief5-btn--secondary:hover {
	background: var(--beley-primary);
	color: var(--beley-white);
}

/* ==========================================================================
   Shortcode PDQ (Questionnaire maladie de La Peyronie)
   ========================================================================== */
.beley-pdq-wrap {
	padding-top: var(--beley-header-offset);
	margin-bottom: 2rem;
}

/* Bannière PDQ – texte en blanc */
.beley-pdq-header {
	background: linear-gradient(135deg, var(--beley-primary-dark) 0%, var(--beley-primary) 100%);
	color: #fff !important;
	text-align: center;
	padding: 1.75rem var(--beley-gap);
	margin: 0 auto 2rem;
	max-width: 720px;
	border-radius: var(--beley-radius);
	box-shadow: var(--beley-shadow-md);
}

.beley-pdq-header *,
.beley-pdq-header-title,
.beley-pdq-header-desc {
	color: #fff !important;
}

.beley-pdq-header-title {
	font-family: var(--beley-font-heading);
	font-size: var(--beley-fs-h1);
	font-weight: 700;
	margin: 0 0 0.35rem;
	line-height: var(--beley-line-height-tight);
}

.beley-pdq-header-desc {
	font-size: var(--beley-fs-small);
	opacity: 0.92;
	margin: 0;
}

/* Boutons PDQ – texte blanc sur bouton principal */
.beley-pdq-wrap .beley-pdq-btn--primary,
.beley-pdq-wrap a.beley-pdq-btn--primary {
	color: #fff !important;
}

.beley-pdq-wrap .beley-pdq-btn--primary:hover,
.beley-pdq-wrap a.beley-pdq-btn--primary:hover {
	color: #fff !important;
}

.beley-pdq {
	max-width: 720px;
	margin: 0 auto 2rem;
	font-family: var(--beley-font-sans);
	color: var(--beley-text);
}

.beley-pdq-intro {
	font-size: var(--beley-fs-base);
	line-height: var(--beley-line-height);
	margin: 0 0 1.5rem;
	color: var(--beley-text-light);
}

.beley-pdq-form {
	margin: 0 0 2rem;
}

.beley-pdq-fieldset {
	margin: 0 0 1.5rem;
	padding: 1.25rem;
	border: 1px solid var(--beley-border);
	border-radius: var(--beley-radius);
	background: var(--beley-bg-alt);
}

.beley-pdq-fieldset--filter {
	margin-bottom: 1rem;
}

.beley-pdq-legend {
	font-family: var(--beley-font-heading);
	font-size: var(--beley-fs-base);
	font-weight: 600;
	color: var(--beley-primary);
	margin: 0 0 0.75rem;
	padding: 0;
	display: block;
}

.beley-pdq-options {
	list-style: none;
	margin: 0;
	padding: 0;
}

.beley-pdq-options li {
	margin-bottom: 0.45rem;
}

.beley-pdq-options li:last-child {
	margin-bottom: 0;
}

.beley-pdq-options label {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	cursor: pointer;
	font-size: var(--beley-fs-base);
	line-height: 1.4;
}

.beley-pdq-options input[type="radio"] {
	width: 1.1rem;
	height: 1.1rem;
	flex-shrink: 0;
	accent-color: var(--beley-primary);
}

.beley-pdq-options--inline {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1rem;
}

.beley-pdq-options--inline li {
	margin-bottom: 0;
}

.beley-pdq-options--block li {
	margin-bottom: 0.5rem;
}

.beley-pdq-options--scale {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem;
}

.beley-pdq-options--scale li {
	margin: 0;
}

.beley-pdq-options--scale label {
	min-width: 2rem;
	justify-content: center;
}

.beley-pdq-section-desc {
	font-size: var(--beley-fs-small);
	color: var(--beley-text-light);
	margin: 0 0 1rem;
	font-style: italic;
}

.beley-pdq-optional {
	margin-bottom: 1.5rem;
	padding: 1rem;
	background: var(--beley-bg);
	border: 1px solid var(--beley-border);
	border-radius: var(--beley-radius);
}

.beley-pdq-optional p {
	margin: 0 0 0.75rem;
}

.beley-pdq-optional p:last-child {
	margin-bottom: 0;
}

.beley-pdq-input-inline {
	display: block;
	width: 100%;
	max-width: 12rem;
	margin-top: 0.35rem;
	padding: 0.5rem 0.6rem;
	font-size: var(--beley-fs-base);
	font-family: var(--beley-font-sans);
	border: 1px solid var(--beley-border);
	border-radius: var(--beley-radius);
}

/* Échelle 0–10 : libellés à gauche et à droite, slider au centre */
.beley-pdq-scale-row {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
}

.beley-pdq-scale-min {
	font-size: var(--beley-fs-small);
	color: var(--beley-text-light);
	flex: 0 0 auto;
	min-width: 8rem;
}

.beley-pdq-scale-max {
	font-size: var(--beley-fs-small);
	color: var(--beley-text-light);
	flex: 0 0 auto;
	min-width: 8rem;
	text-align: right;
}

.beley-pdq-slider-wrap {
	flex: 1;
	min-width: 180px;
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.beley-pdq-slider-wrap input[type="range"] {
	flex: 1;
	min-width: 120px;
	height: 8px;
	accent-color: var(--beley-primary);
	cursor: pointer;
}

.beley-pdq-slider-value {
	font-family: var(--beley-font-heading);
	font-weight: 600;
	font-size: var(--beley-fs-base);
	color: var(--beley-primary);
	min-width: 2rem;
	text-align: center;
}

/* Ancienne échelle (radios) – conservée si besoin */
.beley-pdq-scale-0-10 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
}

.beley-pdq-scale-label {
	font-size: var(--beley-fs-small);
	color: var(--beley-text-light);
	flex: 0 0 100%;
}

.beley-pdq-scale-0-10 .beley-pdq-options--scale {
	flex: 1;
	min-width: 200px;
}

.beley-pdq-no-msg {
	padding: 1.25rem;
	background: var(--beley-bg-alt);
	border: 1px solid var(--beley-border);
	border-radius: var(--beley-radius);
	margin-bottom: 1.5rem;
}

.beley-pdq-no-msg p {
	margin: 0;
	color: var(--beley-text);
}

.beley-pdq-actions {
	margin: 1.5rem 0 0;
	text-align: center;
}

.beley-pdq-btn {
	display: inline-block;
	padding: 0.75rem 1.5rem;
	font-size: var(--beley-fs-base);
	font-weight: 600;
	font-family: var(--beley-font-sans);
	border-radius: var(--beley-radius);
	text-decoration: none;
	border: none;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.beley-pdq-btn--submit {
	background: var(--beley-primary);
	color: var(--beley-white);
}

.beley-pdq-btn--submit:hover {
	background: var(--beley-primary-hover);
	color: var(--beley-white);
}

.beley-pdq-result {
	margin-top: 2rem;
	padding: 1.5rem 1.25rem;
	background: var(--beley-bg-alt);
	border: 1px solid var(--beley-border);
	border-radius: var(--beley-radius);
	border-left: 4px solid var(--beley-accent);
}

.beley-pdq-result-title {
	font-family: var(--beley-font-heading);
	font-size: var(--beley-fs-h3);
	font-weight: 600;
	color: var(--beley-primary);
	margin: 0 0 0.75rem;
}

.beley-pdq-result-text {
	font-size: var(--beley-fs-base);
	line-height: var(--beley-line-height);
	color: var(--beley-text);
	margin-bottom: 1.25rem;
}

.beley-pdq-result-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: center;
}

.beley-pdq-btn--primary {
	background: var(--beley-primary);
	color: var(--beley-white);
}

.beley-pdq-btn--primary:hover {
	background: var(--beley-primary-hover);
	color: var(--beley-white);
}

.beley-pdq-btn--secondary {
	background: var(--beley-white);
	color: var(--beley-primary);
	border: 2px solid var(--beley-primary);
}

.beley-pdq-btn--secondary:hover {
	background: var(--beley-primary);
	color: var(--beley-white);
}