/* PAG-011 — Acordeon FAQ + Cambios y devoluciones (shortcode [naccato_faq]).
   <details>/<summary> nativos estilizados on-brand (look WoodMart: pregunta
   con flecha, hover, borde sutil). Colapsado por defecto. NO declara
   font-family: hereda el stack del theme (igual que envios.css). Colores de
   marca: azul #476075, verde #4f8e3a, rojo #b93027. Cache-busting via filemtime(). */

.ncc-faq{
	text-align:left;
	color:#333;
}

/* --- Item --- */
.ncc-faq__item{
	border-bottom:1px solid #ececec;
}
.ncc-faq__item:first-child{
	border-top:1px solid #ececec;
}

/* --- Pregunta (summary) --- */
.ncc-faq__q{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	cursor:pointer;
	list-style:none;                 /* saca el triangulo nativo (FF) */
	padding:18px 4px;
	font-weight:700;
	font-size:clamp(16px,1.7vw,18px);
	line-height:1.35;
	color:#2c2c2c;
	transition:color .15s ease;
	-webkit-tap-highlight-color:transparent;
}
.ncc-faq__q::-webkit-details-marker{ display:none; } /* saca el triangulo nativo (WebKit) */
.ncc-faq__q:hover{ color:#476075; }
.ncc-faq__item[open] > .ncc-faq__q{ color:#476075; }

.ncc-faq__q-text{ flex:1 1 auto; }

/* --- Flecha (chevron dibujada con border, rota al abrir) --- */
.ncc-faq__icon{
	flex:0 0 auto;
	width:10px;
	height:10px;
	margin-right:6px;
	border-right:2px solid #476075;
	border-bottom:2px solid #476075;
	transform:rotate(45deg);          /* apunta hacia abajo (colapsado) */
	transition:transform .2s ease;
}
.ncc-faq__item[open] > .ncc-faq__q .ncc-faq__icon{
	transform:rotate(-135deg);        /* apunta hacia arriba (abierto) */
	margin-top:5px;
}

/* --- Respuesta --- */
.ncc-faq__a{
	padding:2px 4px 20px;
	font-size:clamp(15px,1.5vw,16px);
	line-height:1.6;
	color:#555;
}
.ncc-faq__a p{ margin:0 0 12px; }
.ncc-faq__a p:last-child{ margin-bottom:0; }
.ncc-faq__a strong{ color:#2c2c2c; font-weight:700; }
/* Parrafo compuesto SOLO por <strong> => subtitulo (Envio Express, etc.):
   un poco mas de aire arriba para separar bloques. */
.ncc-faq__a p:not(:first-child) strong:only-child{ display:inline-block; margin-top:4px; }