/* ===== Modulio puslapis (ModulePage) — bendras stilius visiems moduliams ===== */
/* Naudoja site.v6.css tokenus ir bendras klases (erp-pagehead, erp-section,
   erp-section-head, erp-eyebrow, erp-feature-icon, erp-faq, erp-btn). Čia tik
   tai, ko nėra bendrame faile: hero logotipas, funkcijų tinklelis, srautas,
   panaudojimo atvejai ir „veikia kartu su" kortelės. */

/* ---- Hero ---- */
.erp-mod-hero { padding-bottom: 20px; }
.erp-mod-hero .erp-pagehead-inner h1 { max-width: 820px; }
.erp-mod-eyebrow-logo {
  display: inline-flex; align-items: center; gap: 10px;
}
.erp-mod-eyebrow-logo img { width: 26px; height: 26px; object-fit: contain; }
.erp-mod-hero-cta {
  display: flex; gap: 12px; flex-wrap: wrap; margin-top: 28px;
}
.erp-mod-hero-mock { margin-top: 48px; }
.erp-mod-hero-mock .erp-odoo { max-width: 1120px; margin: 0 auto; }

/* ---- Funkcijų tinklelis ---- */
.erp-mod-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
}
.erp-mod-card {
  background: #fff;
  border: 1px solid var(--erp-gray-200);
  border-radius: 16px;
  padding: 24px 22px;
  position: relative;
  transition: all 200ms cubic-bezier(.4,0,.2,1);
}
.erp-mod-card:hover {
  transform: translateY(-3px);
  border-color: var(--erp-freedom-200);
  box-shadow: 0 14px 32px -8px rgba(0,128,255,0.18);
}
.erp-mod-card .erp-feature-icon { margin-bottom: 16px; }
.erp-mod-card h3 {
  font: 700 16px/1.3 var(--erp-font-display);
  color: var(--erp-maastricht);
  margin: 0 0 8px;
  letter-spacing: -0.01em;
}
.erp-mod-card p {
  font: 400 13px/1.55 var(--erp-font-body);
  color: var(--erp-gray-600);
  margin: 0;
}

/* ---- Srautas ---- */
.erp-mod-flow {
  display: flex; align-items: stretch; justify-content: center;
  gap: 0; max-width: 1000px; margin: 0 auto;
}
.erp-mod-flow-step {
  flex: 1;
  background: #fff;
  border: 1px solid var(--erp-gray-200);
  border-radius: 16px;
  padding: 28px 24px;
  text-align: left;
}
.erp-mod-flow-icon {
  width: 48px; height: 48px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 16px;
}
.erp-mod-flow-icon svg, .erp-mod-flow-icon i { width: 22px; height: 22px; }
.erp-mod-flow-t {
  font: 700 16px/1.2 var(--erp-font-display);
  color: var(--erp-maastricht);
  letter-spacing: -0.01em;
  margin-bottom: 8px;
}
.erp-mod-flow-d {
  font: 400 13px/1.55 var(--erp-font-body);
  color: var(--erp-gray-600);
}
.erp-mod-flow-arrow {
  display: flex; align-items: center; justify-content: center;
  padding: 0 14px;
}

/* ---- Panaudojimo atvejai ---- */
.erp-mod-cases {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
}
.erp-mod-case {
  background: #fff;
  border: 1px solid var(--erp-gray-200);
  border-radius: 16px;
  padding: 26px 22px;
  transition: all 200ms cubic-bezier(.4,0,.2,1);
}
.erp-mod-case:hover {
  transform: translateY(-2px);
  border-color: var(--erp-freedom-200);
  box-shadow: 0 12px 28px -10px rgba(0,128,255,0.16);
}
.erp-mod-case-ic {
  width: 44px; height: 44px; border-radius: 11px;
  background: var(--erp-freedom-50);
  color: var(--erp-freedom);
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 16px;
}
.erp-mod-case-ic i { width: 22px; height: 22px; }
.erp-mod-case-t {
  font: 700 16px/1.2 var(--erp-font-display);
  color: var(--erp-maastricht);
  letter-spacing: -0.01em;
  margin-bottom: 8px;
}
.erp-mod-case-d {
  font: 400 13px/1.55 var(--erp-font-body);
  color: var(--erp-gray-600);
}

/* ---- „Veikia kartu su" ---- */
.erp-mod-works {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
}
.erp-mod-work {
  display: flex; align-items: flex-start; gap: 14px;
  background: #fff;
  border: 1px solid var(--erp-gray-200);
  border-radius: 16px;
  padding: 22px;
  text-decoration: none;
  transition: all 200ms cubic-bezier(.4,0,.2,1);
}
.erp-mod-work:hover {
  transform: translateY(-2px);
  border-color: var(--erp-freedom-200);
  box-shadow: 0 12px 28px -10px rgba(0,128,255,0.16);
}
.erp-mod-work-logo { flex-shrink: 0; width: 36px; height: 36px; object-fit: contain; }
.erp-mod-work > span { display: block; min-width: 0; }
.erp-mod-work-t {
  display: block;
  font: 700 15px/1.25 var(--erp-font-display);
  color: var(--erp-maastricht);
  margin: 0 0 5px;
}
.erp-mod-work-d {
  display: block;
  font: 400 13px/1.5 var(--erp-font-body);
  color: var(--erp-gray-600);
}

/* ---- /moduliai katalogas ---- */
.erp-modindex-group { margin-top: 44px; }
.erp-modindex-group:first-child { margin-top: 0; }
.erp-modindex-cat {
  font: 700 12px/1.2 var(--erp-font-body);
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--erp-freedom);
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--erp-gray-100);
}
.erp-mod-work-more {
  display: block; margin-top: 8px;
  font: 600 12.5px/1 var(--erp-font-body);
  color: var(--erp-freedom);
}

/* ---- Responsive ---- */
@media (max-width: 980px) {
  .erp-mod-grid   { grid-template-columns: repeat(2, 1fr); }
  .erp-mod-cases  { grid-template-columns: repeat(2, 1fr); }
  .erp-mod-works  { grid-template-columns: repeat(2, 1fr); }
  .erp-mod-flow   { flex-direction: column; gap: 14px; }
  .erp-mod-flow-arrow { transform: rotate(90deg); padding: 4px 0; }
}
@media (max-width: 560px) {
  .erp-mod-grid   { grid-template-columns: 1fr; }
  .erp-mod-cases  { grid-template-columns: 1fr; }
  .erp-mod-works  { grid-template-columns: 1fr; }
}