/* Company catalog: company profile (template custom-company.hbs). */

/* --- WIDTH --- */
body.post-template-company .post-content-grid,
body.post-template-company .post-content-wrapper,
body.post-template-company .company-profile,
body.post-template-company .section.section-hero,
body.post-template-company .section.section-hero .section-hero-content {
  max-width: 1100px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  text-align: left;
}
body.post-template-company .section-hero-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* --- LOGO + CONTACTS + TEXT --- */
.company-contact-wrapper {
  display: grid;
  grid-template-columns: 170px 1fr;
  column-gap: 50px;
  row-gap: 10px;
  align-items: start;
  margin-top: 10px;
}
.company-contact-wrapper.no-logo { grid-template-columns: 1fr; }
.company-contact-wrapper .company-body { display: contents; }
.company-contact-wrapper .company-body > * { grid-column: 1 / -1; max-width: none; }
.company-contact-wrapper:not(.no-logo) .company-body > .company-info:first-child { grid-column: 2; grid-row: 1; }

.company-logo-wrapper { grid-column: 1; grid-row: 1; }
.company-logo-img {
  width: 100%;
  display: block;
  border-radius: 8px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.company-body p { font-size: 16px; line-height: 1.6; margin: 20px 0 0; }

/* --- CONTACTS LIST --- */
.company-info {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 14px;
  font-size: 16px;
  color: #111;
}
.company-info li {
  display: flex;
  align-items: center;
  gap: 12px;
  line-height: 1.4;
  margin: 0 !important;
  padding: 0 !important;
}
.company-info li::before {
  content: "";
  position: static;
  border-radius: 0;
  border: 0;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  background-color: #555;
  -webkit-mask: var(--ci-icon) no-repeat center / contain;
  mask: var(--ci-icon) no-repeat center / contain;
}
.company-info li::marker { content: none; }
.company-info a { color: #ff008a; text-decoration: none; }
.company-info a:hover { text-decoration: underline; }

.ci-address { --ci-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M21 10c0 6-9 13-9 13S3 16 3 10a9 9 0 0 1 18 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
.ci-phone { --ci-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2A19.91 19.91 0 0 1 11 19.85a19.5 19.5 0 0 1-6-6A19.91 19.91 0 0 1 2.1 4.18 2 2 0 0 1 4 2h3a2 2 0 0 1 2 1.72c.2 1.44.7 2.82 1.48 4.05a2 2 0 0 1-.45 2.56L9 11c1.16 2.31 2.9 4.15 5.21 5.31l.66-.66a2 2 0 0 1 2.56-.45 15.27 15.27 0 0 0 4.05 1.48z'/%3E%3C/svg%3E"); }
.ci-mobile { --ci-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='6' y='2' width='12' height='20' rx='2'/%3E%3Cline x1='11' y1='18' x2='13' y2='18'/%3E%3C/svg%3E"); }
.ci-email { --ci-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E"); }
.ci-website { --ci-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10A15.3 15.3 0 0 1 12 2z'/%3E%3C/svg%3E"); }
.ci-contact { --ci-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M5.5 21a9.5 9.5 0 0 1 13 0'/%3E%3C/svg%3E"); }

/* --- OLD PILOT MARKUP (svg icons inside divs) --- */
.company-info-item { display: flex; align-items: center; gap: 12px; line-height: 1.4; }
.company-info-item svg { width: 18px; height: 18px; stroke: #555; flex-shrink: 0; }
.company-info-item a { color: #ff008a; text-decoration: none; }

/* --- BREADCRUMB --- */
.company-breadcrumb { margin-bottom: 12px; font-size: 14px; color: #444; }
.company-breadcrumb a { color: #000; text-decoration: none; }
.company-breadcrumb a:hover { color: #ff008a; }
.company-breadcrumb span { color: #999; }

/* --- DARK MODE (Aspect: data-color-scheme on <html>) --- */
html[data-color-scheme="dark"] .company-info,
html[data-color-scheme="dark"] .company-breadcrumb a { color: var(--color-contrast, #fff); }
html[data-color-scheme="dark"] .company-info li::before { background-color: #bbb; }
@media (prefers-color-scheme: dark) {
  html[data-color-scheme="system"] .company-info,
  html[data-color-scheme="system"] .company-breadcrumb a { color: var(--color-contrast, #fff); }
  html[data-color-scheme="system"] .company-info li::before { background-color: #bbb; }
}

/* --- MOBILE --- */
@media (max-width: 768px) {
  .company-contact-wrapper { grid-template-columns: 1fr; }
  .company-logo-wrapper { max-width: 170px; }
  .company-contact-wrapper:not(.no-logo) .company-body > .company-info:first-child { grid-column: 1; grid-row: auto; }
}