/* --- CandanSaka footer --------------------------------------------------------------- */
/* Two rule bodies of this file had been cut into header.css (a paste that landed in the wrong
   file), leaving the columns and the bottom line unstyled; they are back where they belong. */
.theme-candan-saka .ng-footer--candan-saka { border-top: 1px solid var(--ng-color-line); padding: 48px 0 0; }
/* However many columns there are. The footer has two of its own and three docks a block may be
   dragged into, so the count is not a number this file can know - each column simply takes an
   equal share of what there is. A dock nobody has put anything in draws nothing at all and is
   not a column. */
.theme-candan-saka .ng-footer--candan-saka .ng-footer__columns {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px 40px;
}
.theme-candan-saka .ng-footer--candan-saka .ng-footer__brand { font-size: 20px; font-weight: 600; }
.theme-candan-saka .ng-footer--candan-saka .ng-footer__heading { font-size: 14px; font-weight: 600; margin-bottom: 12px; }
.theme-candan-saka .ng-footer--candan-saka .ng-footer__nav { display: grid; gap: 8px; font-size: 14px; color: var(--ng-color-muted); }
.theme-candan-saka .ng-footer--candan-saka .ng-footer__line {
  border-top: 1px solid var(--ng-color-line);
  padding: 16px 24px;
  text-align: center;
  font-size: 13px;
  color: var(--ng-color-muted);
}
.theme-candan-saka .ng-newsletter--compact .ng-newsletter__form { display: flex; gap: 8px; }
.theme-candan-saka .ng-newsletter--compact .ng-newsletter__input { flex: 1; min-width: 0; }

@media (max-width: 768px) {
  .theme-candan-saka .ng-footer--candan-saka .ng-footer__columns {
    grid-auto-flow: row;
    grid-auto-columns: auto;
  }
}

/* Who is selling, under the brand: small, quiet, and never italic the way an <address> is by
   default. Each particular on its own line so a long trade name cannot run into a phone number. */
.theme-candan-saka .ng-footer__seller {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 10px;
  font-style: normal;
  font-size: 12px;
  line-height: 1.6;
  color: var(--ng-color-text-soft);
}
.theme-candan-saka .ng-footer__seller-title { font-weight: 600; color: var(--ng-color-text); }
.theme-candan-saka .ng-footer__seller a { color: inherit; text-decoration: underline; }
.theme-candan-saka .ng-footer__seller a:hover { color: var(--ng-color-text); }