/* =====================================================================
   AI360 THEME — capa de diseño del MÓDULO CLIENTE  (site-wide)
   ---------------------------------------------------------------------
   Fuente única de verdad del sistema de diseño AI360. Se encola desde el
   plugin (class-theme.php) en TODA la web, no dentro del content de una
   página. Todo va bajo .ai360-site (clase que el plugin añade a <body>),
   así el tema es portable y se puede apagar sin tocar contenido.

   🚫 PORTABILIDAD (regla dura): PROHIBIDO hardcodear dominio. Nada de
   https://coconuttrips.360group.ai/... aquí. Los recursos propios (logo,
   fondos) se inyectan como variables CSS (--ai360-*) DESDE PHP con
   home_url()/wp_get_attachment_image_url(), de modo que beta y producción
   resuelven su propio dominio automáticamente. Mover el sitio = 0 cambios.

   Clean-room: ideas de UX Builder, nunca su código/estilos (Envato).
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,700;1,600&display=swap');

.ai360-site{
  /* Esquema claro declarado: impide que el "auto-dark" de Chrome/Android
     (p. ej. Samsung Z Flip) invierta colores y deje texto invisible. */
  color-scheme:light;
  /* --- tokens de marca (paleta bandera canaria) --- */
  --atl:#3395FF; --atl-d:#2B7FD9; --atl-x:#2468B3;
  --sky:#5CAAFF; --sky-l:#E8F3FC;
  --sun:#FFC220; --sun-d:#F2A900;
  --ice:#F2F7FC; --sand:#FBF8F2;
  --ink:#0F2438; --mut:#5A7186;
  --line:rgba(51,149,255,.13);
  --wa:#25D366; --r:20px;
  --sh:0 30px 60px -34px rgba(36,104,179,.55);
  --sh-s:0 16px 36px -24px rgba(36,104,179,.5);
  --ai360-font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;

  /* --- recursos propios: SIN valor por defecto (los pone PHP por sitio) --- */
  /* --ai360-logo / --ai360-logo-w / --ai360-logo-h  (ver class-theme.php) */
}

/* ---------------------- Tipografía base ---------------------------- */
.ai360-site{font-family:var(--ai360-font);color:var(--ink);}
.ai360-site h1,.ai360-site h2,.ai360-site h3,.ai360-site h4,
.ai360-site .h1,.ai360-site .h2,.ai360-site .h3,.ai360-site .h4{
  font-family:var(--ai360-font);letter-spacing:-.02em;color:var(--atl-d);
}
.ai360-site a{color:var(--atl);}

/* ---------------------- CABECERA (global) -------------------------- */
.ai360-site .header .container{max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important}
.ai360-site .header .container .row{margin-left:0!important;margin-right:0!important;width:100%}
.ai360-site .header__content-wrap{padding:0!important}
.ai360-site .header__content-wrap .row{margin:0!important;width:100%}
.ai360-site .header__content-wrap [class*="col-"]{width:100%!important;padding-left:0!important;padding-right:0!important;max-width:none!important;flex:none!important}
.ai360-site .header__info{padding-left:38px!important;padding-right:38px!important;background:var(--atl-x)!important}
.ai360-site .header__content{display:flex!important;align-items:center;justify-content:space-between;gap:24px;width:100%;padding-left:38px!important;padding-right:38px!important;background:#fff!important;box-shadow:0 1px 0 var(--line)}
.ai360-site .header__content .logo{margin:0 0 0 38px!important;flex:none}
.ai360-site .header__content .main-nav-header{margin:0 38px 0 0!important;float:none!important}
.ai360-site .header__info,
.ai360-site .header__info a,
.ai360-site .header__info i,
.ai360-site .header__info__item{color:#fff!important;border-color:rgba(255,255,255,.18)!important}
.ai360-site .header__info a:hover{color:var(--sun)!important}

/* logo de marca unificado (imagen) — recurso por dominio vía --ai360-logo.
   Si no hay logo configurado, la var cae al texto de marca original. */
.ai360-site .header .logo a#logoLink{
  display:block;
  width:var(--ai360-logo-w,auto);
  height:var(--ai360-logo-h,auto);
  background-image:var(--ai360-logo,none);
  background-repeat:no-repeat;background-position:left center;background-size:contain;
}
/* aplicar recorte de texto SOLO cuando hay imagen de logo configurada */
.ai360-site .header .logo a#logoLink.ai360-has-logo{
  font-size:0!important;line-height:0!important;color:transparent!important;overflow:hidden;
}

/* navegación principal */
.ai360-site .main-nav > li > a{color:var(--atl-x)!important;font-weight:700!important;background:transparent!important}
.ai360-site .main-nav > li > a:hover,
.ai360-site .main-nav > li.current-menu-item > a,
.ai360-site .main-nav .current_page_item > a,
.ai360-site .main-nav .current-menu-item > a{
  color:#0E68B0!important;
  background:linear-gradient(180deg,transparent 68%,rgba(255,194,32,.55) 68%)!important;
}
.ai360-site .nav-header,.ai360-site .main-nav-header,.ai360-site .main-nav{background:transparent!important}

/* ---------------------- FOOTER (global) ---------------------------- */
.ai360-site footer.footer{background:var(--atl-x)!important;color:rgba(255,255,255,.72)!important}
.ai360-site footer.footer a{color:rgba(255,255,255,.78)!important}
.ai360-site footer.footer a:hover{color:var(--sun)!important}
.ai360-site footer.footer h4,.ai360-site footer.footer .widget-title,.ai360-site footer.footer .title{color:#fff!important}
.ai360-site footer.footer .footer__bottom{border-top:1px solid rgba(255,255,255,.12)!important}

/* ---------------------- Contenedor de layout ----------------------- */
.ai360-site .layout-container{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important}
.ai360-site .layout-content,
.ai360-site .page-single,
.ai360-site .page-single__content{max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}

/* ---------------------- Responsive -------------------------------- */
@media(max-width:640px){
  .ai360-site .header__content .logo{margin-left:16px!important}
  .ai360-site .header__content .main-nav-header{margin-right:16px!important}
}

/* =====================================================================
   AI360 THEME — COMPONENTES DEL TEMA (interiores) site-wide
   ---------------------------------------------------------------------
   Viste los componentes nativos del tema Adventure Tours (atlist, atbtn,
   títulos, widgets, sidebar, breadcrumb, formularios) con la paleta AI360
   para que TODA la web use el mismo lenguaje visual que la home.
   Scoped a .ai360-site (clase que el plugin añade al <body>). Reversible.
   ===================================================================== */

/* ---- Títulos de sección del tema ---- */
.ai360-site .title{font-family:var(--ai360-font)!important;color:var(--atl-d)!important;letter-spacing:-.02em}
.ai360-site .title--primary,.ai360-site .title__primary{color:var(--atl)!important}
.ai360-site .title--underline:after,
.ai360-site .title--decoration-bottom-center:after{background:var(--sun)!important}
.ai360-site h1,.ai360-site h2,.ai360-site h3,.ai360-site h4{font-family:var(--ai360-font)!important;color:var(--atl-d)}

/* ---- Tarjetas de tour (atlist) ---- */
.ai360-site .atlist__item{background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:var(--sh-s)!important;overflow:hidden!important}
.ai360-site .atlist__item:hover{box-shadow:var(--sh)!important;transform:translateY(-2px);transition:all .25s ease}
.ai360-site .atlist__item__title{font-family:var(--ai360-font)!important;color:var(--atl-d)!important;font-weight:800!important}
.ai360-site .atlist__item__title a{color:var(--atl-d)!important}
.ai360-site .atlist__item__price,
.ai360-site .atlist__item__price .amount,
.ai360-site .woocommerce-Price-amount{color:var(--atl)!important;font-weight:800!important}
.ai360-site .atlist__item__description{color:var(--mut)!important}
.ai360-site .atlist__item__icons,.ai360-site .atlist__item__icons i,.ai360-site .atlist__item__icons .fa{color:var(--atl)!important}
.ai360-site .atlist__item__angle{background:var(--sun)!important;color:var(--atl-x)!important}
.ai360-site .atlist__item__content__item--alternative{background:var(--ice)!important}

/* ---- Botones del tema (atbtn) ---- */
.ai360-site .atbtn,
.ai360-site a.atbtn,
.ai360-site button.atbtn{
  background:var(--atl)!important;color:#fff!important;border:0!important;
  border-radius:999px!important;font-family:var(--ai360-font)!important;font-weight:700!important;
  text-transform:none!important;letter-spacing:0!important;box-shadow:var(--sh-s)!important;
  transition:all .2s ease
}
.ai360-site .atbtn:hover,.ai360-site a.atbtn:hover{background:var(--atl-x)!important;color:#fff!important}
.ai360-site .atbtn--light{background:var(--ice)!important;color:var(--atl-d)!important}
.ai360-site .atbtn--light:hover{background:#dce9f7!important;color:var(--atl-x)!important}
.ai360-site .atbtn--rounded{border-radius:999px!important}
.ai360-site .btn:not(.btn--sun):not(.btn--atl):not(.btn--ghost):not(.btn--ghost2){background:var(--atl)!important;color:#fff!important;border-radius:999px!important;border:0!important}

/* ---- Sidebar / widgets ---- */
.ai360-site .widget{background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:var(--sh-s)!important;padding:22px!important;margin-bottom:24px!important}
.ai360-site .widget__title,.ai360-site .widget .widget__title{font-family:var(--ai360-font)!important;color:var(--atl-d)!important;font-weight:800!important;border-bottom:2px solid var(--sun)!important;padding-bottom:10px!important}
.ai360-site .widget a{color:var(--atl)!important}
.ai360-site .widget ul li{border-bottom:1px solid var(--line)!important}
.ai360-site .widget-contact-info__item__icon,
.ai360-site .widget-contact-info__item__icon i{color:var(--atl)!important}
/* caja de búsqueda lateral del tema */
.ai360-site .widget_tours_adventure_tours,
.ai360-site .adventure-tours-search,
.ai360-site .widget-search{background:var(--atl-x)!important}
.ai360-site .widget_tours_adventure_tours .widget__title,
.ai360-site .widget-search .widget__title{color:#fff!important;border-color:var(--sun)!important}

/* ---- Formularios ---- */
.ai360-site input[type=text],.ai360-site input[type=email],.ai360-site input[type=tel],
.ai360-site input[type=number],.ai360-site input[type=search],.ai360-site select,.ai360-site textarea{
  border:1px solid var(--line)!important;border-radius:12px!important;background:#fff!important;color:var(--ink)!important;
  padding:12px 14px!important;font-family:var(--ai360-font)!important
}
.ai360-site input:focus,.ai360-site select:focus,.ai360-site textarea:focus{border-color:var(--atl)!important;outline:none!important;box-shadow:0 0 0 3px rgba(51,149,255,.12)!important}

/* ---- Breadcrumb / títulos de página ---- */
.ai360-site .breadcrumbs,.ai360-site .breadcrumb{color:var(--mut)!important;font-family:var(--ai360-font)!important}
.ai360-site .breadcrumbs a,.ai360-site .breadcrumb a{color:var(--atl)!important}
.ai360-site .page-title,.ai360-site .page-single__title{background:var(--atl-x)!important;color:#fff!important}
.ai360-site .page-title h1,.ai360-site .page-title .title{color:#fff!important}

/* ---- Paginación ---- */
.ai360-site .pagination a,.ai360-site .page-numbers{background:#fff!important;border:1px solid var(--line)!important;border-radius:10px!important;color:var(--atl)!important}
.ai360-site .page-numbers.current,.ai360-site .pagination .current{background:var(--atl)!important;color:#fff!important;border-color:var(--atl)!important}

/* ---- Enlaces generales ---- */
.ai360-site a{color:var(--atl)}
.ai360-site a:hover{color:var(--atl-x)}

/* ---- Opción AI360: ocultar título de página (banner pegado a la cabecera) ---- */
.ai360-site.ai360-no-title .wp-block-post-title{display:none!important}
.ai360-site.ai360-no-title main.wp-block-group{padding-top:0!important;margin-top:0!important}
.ai360-site.ai360-no-title main.wp-block-group > *{margin-block-start:0!important}