/*
 * Travora Industry System — v1.8.0
 * ------------------------------------------------------------
 * Shared family contract for Industries, Tour Operators, DMCs and
 * Boutique Hotels. These pages keep their domain-specific compositions
 * while consuming one semantic color, typography, spacing and surface
 * system. Generic buttons, eyebrow, FAQ and form controls remain owned
 * by components.css.
 */

body.travora-industry-system-page .travora-industry-page{
  --industry-surface:var(--color-surface);
  --industry-text:var(--color-text-primary);
  --industry-text-secondary:var(--color-text-secondary);
  --industry-muted:var(--color-text-muted);
  --industry-muted-subtle:rgba(168,195,214,.74);
  --industry-border:var(--color-border);
  --industry-border-strong:var(--color-border-strong);
  --industry-accent:var(--color-accent);
  --industry-accent-soft:var(--color-primary-soft);
  --industry-highlight:var(--color-accent-strong);
  --industry-gold:var(--color-warning);
  --industry-success:var(--color-success);
  --industry-danger-soft:#ffcfba;
  --industry-shadow:var(--shadow-lg);
  --industry-radius-md:var(--radius-300);
  --industry-radius-lg:var(--radius-400);
  --industry-radius-xl:var(--radius-500);
}

/* Industries uses gold as a deliberate secondary business/revenue highlight. */
body.travora-page-industries .travora-industry-page{
  --industry-highlight:var(--color-warning);
}


/* One reveal contract across the Industry family; components.js owns observation/state. */
body.travora-industry-system-page .travora-industry-page .reveal{
  opacity:1;
  transform:none;
}
body.travora-industry-system-page .travora-industry-page.is-enhanced .reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .65s ease,transform .65s ease;
}
body.travora-industry-system-page .travora-industry-page.is-enhanced .reveal:is(.visible,.is-visible){opacity:1;transform:none;}
body.travora-industry-system-page .travora-industry-page .delay-1{transition-delay:.1s;}

/* Shared hero copy rhythm; hero visuals and grid compositions stay page-owned. */
body.travora-industry-system-page .travora-industry-page :is(.hero-text,.hero-sub,.hero-subtitle,.hero-lead){
  max-width:760px;
  color:var(--industry-muted);
}
body.travora-industry-system-page .travora-industry-page .hero-actions{
  margin-top:32px;
  margin-bottom:0;
}

/* One proof/chip pattern across all four industry heroes. */
body.travora-industry-system-page .travora-industry-proof{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}
body.travora-industry-system-page .travora-industry-proof>span{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:7px 12px;
  border:1px solid var(--industry-border);
  border-radius:var(--radius-pill);
  background:rgba(16,42,67,.36);
  color:rgba(230,247,255,.78);
  font-size:14px;
  font-weight:650;
  line-height:1.25;
}

/* Shared content-card surface. Padding/layout remain domain-specific. */
body.travora-industry-system-page .travora-industry-card{
  border:1px solid var(--industry-border);
  border-radius:var(--component-card-radius);
  background:rgba(16,42,67,.46);
  box-shadow:var(--shadow-sm);
}
body.travora-industry-system-page .travora-industry-card:is(.industry-card,.system-card,.usecase-card,.solution-card,.revenue-card,.process-card,.card){
  transition:transform .22s ease,border-color .22s ease,background-color .22s ease,box-shadow .22s ease;
}
body.travora-industry-system-page .travora-industry-card:is(.industry-card,.system-card,.usecase-card,.solution-card,.revenue-card,.process-card,.card):hover{
  transform:translateY(-3px);
  border-color:var(--industry-border-strong);
  background:rgba(23,58,91,.62);
  box-shadow:var(--shadow-md);
}

/* Forms share layout here; control visuals remain components.css ownership. */
body.travora-industry-system-page .travora-industry-form{
  display:grid;
  gap:16px;
  margin-top:30px;
}
body.travora-industry-system-page .travora-industry-form .form-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
body.travora-industry-system-page .travora-industry-form>label,
body.travora-industry-system-page .travora-industry-form .form-row>label{
  display:grid;
  gap:8px;
  min-width:0;
}
body.travora-industry-system-page .travora-industry-form label>span:first-child{
  color:rgba(230,247,255,.84);
  font-size:13px;
  font-weight:700;
  line-height:1.45;
}
body.travora-industry-system-page .travora-industry-form .form-note{margin:0;}

/* Final conversion surfaces use one material language, without forcing one layout. */
body.travora-industry-system-page .travora-industry-cta{
  border:1px solid rgba(0,191,255,.24);
  border-radius:var(--radius-500);
  background:
    radial-gradient(circle at 82% 8%,rgba(0,191,255,.14),transparent 24rem),
    linear-gradient(145deg,rgba(16,42,67,.78),rgba(7,21,33,.88));
  box-shadow:var(--shadow-md);
}

@media(max-width:760px){
  body.travora-industry-system-page .travora-industry-form .form-row{grid-template-columns:1fr;}
  body.travora-industry-system-page .travora-industry-cta{border-radius:var(--radius-400);}
}