/* Nondia - WP Travel Engine */

/* Paleta del tema en la ficha de trip y checkout de WTE (sin sobrescribir plantillas) */
/* html body: WTE imprime su color en linea sobre body despues de esta hoja */
html body{--wpte-primary-color:#12313F;--wpte-primary-color-rgb:18, 49, 63;--wpte-featured-color:#D3AA39;--wpte-icon-color:#12313F}
body.single-trip,body.wpte-checkout{font-family:var(--nd-font-body)}
.single-trip h1,.single-trip h2,.single-trip h3,.single-trip h4{font-family:var(--nd-font-display)}

/* Cabecera de pagina */
.nd-page-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(320px,48vh,520px);padding:calc(var(--nd-header-h) + 40px) 0 48px;overflow:hidden;background:var(--nd-navy);color:var(--nd-cream)}
.nd-page-hero__bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.nd-page-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,49,63,.35) 0%,rgba(18,49,63,.88) 100%)}
/* Video de YouTube de fondo (assets/js/hero-video.js): aparece al empezar a reproducirse; mientras, se ve la foto.
   16:9 de al menos 960 px de ancho para cubrir la portada (hasta 540 px de alto) sin franjas */
.nd-page-hero__video{position:absolute;inset:0;z-index:-2;overflow:hidden;opacity:0;transition:opacity .8s ease;pointer-events:none}
.nd-page-hero__video.is-playing{opacity:1}
.nd-page-hero__video iframe{position:absolute;top:50%;left:50%;width:max(100%,960px);height:auto;aspect-ratio:16/9;border:0;transform:translate(-50%,-50%)}
.nd-page-hero__title{margin:0 0 .2em;color:var(--nd-cream);font-size:clamp(40px,6vw,88px)}
.nd-page-hero .nd-eyebrow{color:var(--nd-gold)}
.nd-page-hero__desc{max-width:640px;font-size:19px}
.nd-page-hero__desc p:last-child{margin:0}
.nd-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;list-style:none;font-family:var(--nd-font-display);font-size:13px}
.nd-crumbs li+li::before{content:"/";margin-right:6px;opacity:.6}
.nd-crumbs a{color:var(--nd-cream)}

/* Chips de subdestinos */
.nd-chips ul{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0 0;padding:0;list-style:none}
.nd-chip{display:inline-block;padding:8px 16px;border-radius:var(--nd-pill);background:var(--nd-white);color:var(--nd-navy);box-shadow:inset 0 0 0 1px var(--nd-line);font-family:var(--nd-font-display);font-size:14px;text-decoration:none}
.nd-chip:hover{background:var(--nd-navy);color:var(--nd-cream)}

/* Listado (marcado de WTE) */
.nd-archive{padding-block:40px 96px}
/* Listados sin la barra de filtros de WTE (se quita en inc/wte.php) */
.nd-archive .wp-travel-engine-archive-outer-wrap{display:block;margin-top:32px}
.nd-archive .nd-trip-card{box-shadow:0 0 0 1px var(--nd-line)}
/* WTE reserva espacio para su barra lateral */
.nd-archive .wp-travel-engine-archive-repeater-wrap{max-width:none!important;padding-left:0!important}
.nd-archive .wpte-toolbar-container{margin-left:0!important}
.nd-archive .category-main-wrap{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.nd-archive .category-main-wrap>.nd-archive-item{width:auto!important;max-width:none!important;margin:0!important;padding:0!important}
/* Vista de lista (?view_mode=list): una tarjeta por fila con la foto a la izquierda */
.nd-archive .category-main-wrap.category-list{grid-template-columns:minmax(0,1fr);gap:20px}
.nd-archive .category-list .nd-trip-card{flex-direction:row}
.nd-archive .category-list .nd-trip-card__media{flex:0 0 min(40%,300px);aspect-ratio:auto;min-height:200px}
.nd-archive .category-list .nd-trip-card__body{justify-content:center;padding:24px 28px}
.nd-archive .category-list .nd-trip-card__price{margin-top:8px}
@media (max-width:640px){
	.nd-archive .category-list .nd-trip-card{flex-direction:column}
	.nd-archive .category-list .nd-trip-card__media{flex:0 0 auto;aspect-ratio:4/3;min-height:0}
}
/* Barra del listado (buscar, ordenar, vista) en Montserrat */
/* WTE la deja fija arriba en movil (sticky, z-index 1111): tapaba las tarjetas y el menu abierto.
   Relative y z-index 11 (sin fijar): el desplegable de ordenar queda sobre las tarjetas y bajo la cabecera (z-index 100) */
.nd-archive .wpte-toolbar-container{position:relative!important;z-index:11!important;margin:0!important;padding:0 0 28px}
.nd-archive .wpte-toolbar-container,.nd-archive .wpte-toolbar-container :is(input,span,li,strong,div){font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif}
.nd-archive .wpte-toolbar-container .wp-travel-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;width:100%;max-width:none;margin:0;padding:0!important;font-size:14px;color:var(--nd-navy)}
.nd-archive .wpte-toolbar-container .wp-travel-toolbar>*{margin:0}
.nd-archive .wpte-trip-search-input{flex:1 1 320px}
.nd-archive .wpte-trip-search-input input#wte_search{width:100%;height:48px;border:1px solid var(--nd-line);border-radius:var(--nd-pill);background-color:#fff;font-size:14px;font-weight:500;color:var(--nd-ink)}
.nd-archive .wpte-trip-search-input input#wte_search:focus{border-color:var(--nd-navy);outline:0}
.nd-archive .wpte-toolbar-container .wte-ordering{height:48px;padding:0 18px;border:1px solid var(--nd-line);border-radius:var(--nd-pill);font-weight:500}
.nd-archive .wte-view-modes .wte-view-mode-selection-lists{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none}
.nd-archive .wte-view-modes .wte-view-mode-selection{display:grid;place-items:center;width:48px;height:48px;margin:0;border:1px solid var(--nd-line);border-radius:50%;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}
.nd-archive .wte-view-modes .wte-view-mode-selection:is(:hover,.active){border-color:var(--nd-navy);background:rgba(18,49,63,.08)}
.nd-archive .wte-filter-foundposts{flex:0 0 100%;font-size:13px;color:var(--nd-muted)}
.nd-archive .trip-pagination,.nd-archive .wte-search-load-more{margin-top:40px;text-align:center;font-family:var(--nd-font-display)}
.nd-archive .load-more-search{padding:13px 24px;border:0;border-radius:var(--nd-pill);background:var(--nd-navy);color:var(--nd-cream);font-family:var(--nd-font-display);cursor:pointer}

@media (max-width:1024px){
	.nd-archive .category-main-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
	.nd-archive .category-main-wrap{grid-template-columns:minmax(0,1fr)}
}
/* Ficha del viaje: pastilla de la proxima salida (inc/wte.php, nondia_trip_title_dates) igual que la de duracion de WTE */
.single-trip .entry-header .nd-trip-dates{display:inline-flex;align-items:center;gap:6px;margin:6px 0 0;padding:8px 16px;border-radius:999px;background:rgba(18,49,63,.08);box-shadow:0 4px 8px rgba(0,0,0,.04),0 0 2px rgba(0,0,0,.06),0 0 1px rgba(0,0,0,.04);color:#12313F;font:600 14px/1.2 "Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif}
.nd-trip-dates svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
