/* ==========================================================================
   COMPANY DETAILS BLOCK + FOOTER
   --------------------------------------------------------------------------
   .company-info  Three columns — Registered office · Contact · Legal.
                  On the home page it sits inside the navy Contact section
                  (so there is no separate footer). On other pages it is
                  wrapped in <footer class="site-footer">.
   Values (address, CIN, phone…) are filled in from assets/js/config.js.
   ========================================================================== */

.company-info {
  display: grid; grid-template-columns: 1.3fr .9fr 1.2fr; gap: calc(32px * var(--fs, 1));
  border-top: 1px solid rgba(246, 244, 239, .15); padding-top: calc(28px * var(--fs, 1));
  color: rgba(246, 244, 239, .82);
  font-size: calc(15px * var(--fs, 1)); line-height: 1.6;
}
.company-info h3 {
  font-size: 11px; letter-spacing: .2em; text-transform: uppercase; font-weight: 600;
  color: rgba(246, 244, 239, .7); margin-bottom: calc(10px * var(--fs, 1));
}
.company-info strong { display: block; font-family: var(--serif); font-weight: 400; font-size: calc(19px * var(--fs, 1)); color: var(--paper); margin-bottom: 4px; }
.company-info p { max-width: 34ch; }
.company-info ul { list-style: none; display: grid; gap: 4px; }
.company-info a { color: var(--paper); }
.company-info a:hover { color: var(--sky-light); }
.company-info .cin { font-variant-numeric: tabular-nums; letter-spacing: .02em; white-space: nowrap; }

.copyright {
  margin-top: calc(26px * var(--fs, 1)); padding-top: calc(16px * var(--fs, 1));
  border-top: 1px solid rgba(246, 244, 239, .12);
  font-size: 13px; color: rgba(246, 244, 239, .7);
  display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;
}

/* Footer wrapper used on privacy, terms and 404 pages */
.site-footer { background: var(--ink); color: var(--paper); padding: 56px 0 30px; }

/* A row whose config value is empty is hidden (see site-info.js) */
[data-site-row][hidden] { display: none; }

@media (max-width: 860px) {
  .company-info { grid-template-columns: 1fr; gap: 24px; }
}