/* Silere · formularios.css — un solo estilo para campos y botones fuera del checkout:
   Mi cuenta (acceso y registro), reseñas de producto y comentarios (Ceremonias).
   Divi fija el padding y line-height de los botones de Woo con !important. */

/* ---- Campos ------------------------------------------------------------------------- */
body.woocommerce-account #page-container form :is(input.input-text, input[type="text"], input[type="email"], input[type="url"], input[type="password"], textarea),
#page-container :is(.woocommerce #reviews, #commentform) :is(input.input-text, input[type="text"], input[type="email"], input[type="url"], input[type="password"], textarea),
#page-container #commentform :is(input[type="text"], input[type="email"], input[type="url"], textarea) {
	width: 100%;
	padding: 0.8rem 0.95rem;
	border: 1px solid rgba(50, 62, 72, 0.2);
	border-radius: var(--gvid-cc-radio);
	background-color: #fff;
	font-family: "Quicksand", sans-serif;
	font-size: 0.95rem;
	color: var(--cc-texto-suave);
	box-shadow: none;
}

body.woocommerce-account #page-container form :is(input, textarea):focus-visible,
#page-container :is(.woocommerce #reviews, #commentform) :is(input, textarea):focus-visible {
	border-color: var(--cc-texto);
}

body.woocommerce-account #page-container form label,
#page-container :is(.woocommerce #reviews, #commentform) label {
	font-family: "Quicksand", sans-serif;
	font-size: 0.85rem;
	color: var(--cc-texto-suave);
}

/* ---- Botones (Acceder, Registrarse, Enviar reseña, Publicar comentario) ------------------ */
body.woocommerce-account #page-container :is(button.button, .woocommerce-button),
#page-container .woocommerce #respond input#submit,
#page-container #commentform :is(input#submit, .submit) {
	padding: 0.9rem 2rem !important;
	border: 1px solid var(--cc-texto);
	border-radius: 40px;
	background-color: var(--cc-texto);
	font-family: "Quicksand", sans-serif;
	font-size: 0.75rem !important;
	font-weight: 600;
	letter-spacing: 0.2em;
	line-height: 1.2 !important;
	text-transform: uppercase;
	color: var(--cc-superficie);
	transition: background-color var(--cc-duracion) var(--cc-curva), color var(--cc-duracion) var(--cc-curva);
}

body.woocommerce-account #page-container :is(button.button, .woocommerce-button):hover,
#page-container .woocommerce #respond input#submit:hover,
#page-container #commentform :is(input#submit, .submit):hover {
	background-color: transparent;
	color: var(--cc-texto);
}

body.woocommerce-account #page-container :is(button.button, .woocommerce-button)::after {
	display: none;
}

/* ---- Mi cuenta: acceso y registro como dos tarjetas ---------------------------------------- */
body.woocommerce-account #page-container .et_pb_section {
	background-color: var(--cc-fondo);
}

body.woocommerce-account #page-container :is(form.woocommerce-form-login, form.woocommerce-form-register) {
	margin-top: 1rem;
	padding: clamp(1.5rem, 1rem + 1.5vw, 2.25rem);
	border: 1px solid var(--cc-borde);
	border-radius: 8px;
	background-color: rgba(255, 255, 255, 0.55);
}

body.woocommerce-account #page-container #customer_login h2 {
	font-family: "Petit Formal Script", cursive;
	font-size: clamp(2rem, 1.6rem + 1.2vw, 2.6rem);
	font-weight: 400;
	letter-spacing: 0;
}

body.woocommerce-account #page-container .woocommerce-LostPassword a,
body.woocommerce-account #page-container .woocommerce-privacy-policy-text a {
	color: var(--cc-texto);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

/* ---- Reseñas de producto -------------------------------------------------------------------- */
#page-container .woocommerce #reviews #comments h2,
#page-container .woocommerce #reviews .comment-reply-title {
	font-family: "Quicksand", sans-serif;
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	color: var(--cc-texto-suave);
}

#page-container .woocommerce #reviews .woocommerce-noreviews {
	font-style: italic;
	color: var(--cc-texto-suave);
}

#page-container .woocommerce #reviews p.stars a {
	color: var(--cc-acento-texto);
}

/* ---- Comentarios (Ceremonias: "Sentires compartidos") -------------------------------------- */
#page-container .et_pb_comments_module .comment-reply-title,
#page-container .et_pb_comments_module #reply-title {
	font-family: "Quicksand", sans-serif;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--cc-texto-suave);
}

#page-container .et_pb_comments_module .comment-reply-link {
	padding: 0.4rem 1rem;
	border-radius: 40px;
	background-color: var(--cc-texto);
	font-size: 0.7rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--cc-superficie);
}