/* BUILD109.2.150 — ISS footer canonical four-column content layout.
   Column headings use one shared .iss-footer__column-title contract; Home legacy Footer CSS removed.
   Desktop contract:
   - column 1 = logo only;
   - company name is one header spanning the THREE content columns on the right;
   - lower right row = Company information | About us | Customer support;
   - icon-to-text gap is exactly 15px;
   - footer icons use --ph-footer-icon-color from Admin configuration;
   - structural rules are locked against older footer selectors loaded later. */

.iss-footer,
.iss-footer *{box-sizing:border-box}

.iss-footer{
  width:100%;
  background:var(--ph-footer-bg,#001738);
  color:var(--ph-footer-text,#fff);
  font-family:var(--ph-footer-font-family,Arial,sans-serif);
}

.iss-footer .iss-container{
  width:calc(100% - 56px);
  max-width:1780px;
  margin:0 auto;
}

.iss-footer__panel{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  column-gap:40px;
  align-items:start;
  padding:16px 0 18px;
}

/* Brand column: logo only. */
.iss-footer__brand{min-width:0}

.iss-footer__logo{
  display:block;
  width:255px;
  max-width:100%;
  margin:0;
  text-decoration:none;
}

.iss-footer__logo img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  background:#fff;
}

/* Right side: one shared company-name row, then three real columns. */
.iss-footer__right{
  min-width:0;
  display:grid;
  grid-template-rows:auto auto;
  row-gap:20px;
}

.iss-footer__company-title{
  width:100%;
  min-width:0;
  text-align:center;
}

.iss-footer__company-title h2{
  margin:0;
  width:100%;
  color:var(--ph-footer-heading,#fff);
  font-family:inherit;
  font-size:var(--ph-footer-company-name-font-size,22px)!important;
  line-height:1.22;
  font-weight:700;
}

.iss-footer__right-columns{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr) minmax(0,1.12fr);
  column-gap:52px;
  align-items:start;
}

.iss-footer__column{
  min-width:0;
  margin:0;
  padding:0;
}

.iss-footer__column-title{
  margin:0 0 14px;
  color:var(--ph-footer-heading,#fff);
  font-size:var(--ph-footer-heading-font-size,16px);
  line-height:1.3;
  font-weight:700;
}

/* Company information: one icon per logical row/group. A second phone/email
   value stays in the same value column and therefore does not repeat the icon. */
.iss-footer__info-row{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  column-gap:15px;
  align-items:start;
  margin:0 0 9px;
  color:var(--ph-footer-text,#fff);
  font-size:var(--ph-footer-font-size,14px);
  line-height:1.42;
}

.iss-footer__row-icon,
.iss-footer__list-icon{
  color:var(--ph-footer-icon-color,#fff);
  line-height:1.42;
  text-align:center;
}

.iss-footer__row-icon{
  width:22px;
  padding-top:1px;
  font-size:1em;
}

.iss-footer__info-values{
  display:grid;
  min-width:0;
  gap:3px;
  justify-items:start;
  text-align:left;
}

.iss-footer__info-values>a,
.iss-footer__info-values>span{
  display:block;
  min-width:0;
  font-size:inherit;
  line-height:inherit;
  text-align:left;
  text-decoration:none;
  overflow-wrap:anywhere;
}
.iss-footer__info-values>span{color:var(--ph-footer-text,#fff)}
.iss-footer__info-values>a{color:var(--ph-footer-link,#fff)}

/* About + Support lists share ONE canonical row class.
   BUILD109.2.149: this selector is the sole owner of icon/text spacing for both
   columns. Legacy Home CSS is explicitly excluded from canonical footer columns. */
.iss-footer__list-link{
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  column-gap:15px;
  align-items:start;
  margin:0 0 9px;
  color:var(--ph-footer-link,#fff);
  font-size:var(--ph-footer-font-size,14px);
  line-height:1.42;
  font-weight:500;
  text-decoration:none;
}


.iss-footer__list-icon{
  width:18px;
  padding-top:1px;
  font-size:.92em;
}

/* Preserve the approved Contact emphasis inside the new About column. */
.iss-footer__list-link--contact{
  color:#fff!important;
  font-weight:700!important;
}

.iss-footer__support-empty{
  display:block;
  color:var(--ph-footer-text,#fff);
  font-size:var(--ph-footer-font-size,14px);
  line-height:1.42;
}

.iss-footer a:hover{
  color:var(--ph-footer-link-hover,#fff);
  text-decoration:underline;
}

.iss-footer__sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.iss-footer__copyright{
  border-top:1px solid rgba(255,255,255,.22);
  padding:18px 0;
  color:var(--ph-footer-bottom-text,#95a1ab);
  font-size:14px;
  line-height:1.5;
}

/* Tablet: preserve the three content columns while there is enough width. */
@media(max-width:1180px){
  .iss-footer .iss-container{width:calc(100% - 40px)}
  .iss-footer__panel{grid-template-columns:230px minmax(0,1fr);column-gap:32px}
  .iss-footer__logo{width:220px}
  .iss-footer__right-columns{grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr) minmax(0,1fr);column-gap:26px}
}

/* Narrow tablet: company info/about share the first row, support spans below. */
@media(max-width:1000px){
  .iss-footer__right-columns{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);row-gap:22px}
  .iss-footer__company-info{grid-column:1;grid-row:1}
  .iss-footer__about{grid-column:2;grid-row:1}
  .iss-footer__support{grid-column:1 / -1;grid-row:2}
}

/* Mobile: logo, shared title, then each content column stacks naturally. */
@media(max-width:820px){
  .iss-footer .iss-container{width:calc(100% - 28px)}
  .iss-footer__panel{
    grid-template-columns:1fr;
    row-gap:24px;
    padding:20px 0;
  }
  .iss-footer__brand{padding:0 0 20px;border-bottom:1px solid rgba(255,255,255,.16)}
  .iss-footer__logo{width:220px}
  .iss-footer__right{row-gap:18px}
  .iss-footer__company-title{text-align:left}
  .iss-footer__right-columns{grid-template-columns:1fr;row-gap:24px}
  .iss-footer__company-info,
  .iss-footer__about,
  .iss-footer__support{grid-column:1!important;grid-row:auto!important}
}

@media(max-width:560px){
  .iss-footer .iss-container{width:calc(100% - 20px)}
}