/* OTORIXA — Header/Footer icon polish
   Purpose: keep public navigation, drawer, footer and mobile dock visually aligned with the smart slider. */

.hdr-link{
  gap:7px;
  padding:8px 13px;
  min-height:36px;
}
.hdr-link-icon{
  width:16px;
  height:16px;
  display:grid;
  place-items:center;
  flex:0 0 16px;
  color:#7dd3fc;
  opacity:.92;
  filter:drop-shadow(0 4px 12px rgba(56,189,248,.16));
  transition:transform .22s ease,color .22s ease,opacity .22s ease;
}
.hdr-link-icon svg{width:100%;height:100%;display:block;stroke-width:2.05}
.hdr-link-text{white-space:nowrap}
.hdr-link:hover .hdr-link-icon,.hdr-link.is-active .hdr-link-icon{
  color:#5eead4;
  opacity:1;
  transform:translateY(-1px) scale(1.04);
}
.hdr-link.is-active{
  background:linear-gradient(135deg,rgba(56,189,248,.11),rgba(20,184,166,.08));
}

.drawer-link{gap:12px}
.drawer-link-main{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
}
.drawer-link-icon{
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:grid;
  place-items:center;
  color:#7dd3fc;
  border:1px solid rgba(56,189,248,.16);
  background:rgba(56,189,248,.055);
  border-radius:10px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:transform .22s ease,color .22s ease,border-color .22s ease,background .22s ease;
}
.drawer-link-icon svg{width:14px;height:14px;display:block}
.drawer-link-text{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.drawer-link:hover .drawer-link-icon,.drawer-link.is-active .drawer-link-icon{
  color:#5eead4;
  border-color:rgba(94,234,212,.26);
  background:rgba(20,184,166,.09);
  transform:translateX(1px) scale(1.03);
}

.ftr-col-title{
  display:flex!important;
  align-items:center;
  gap:9px;
}
.ftr-col-title-icon{
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  flex:0 0 23px;
  border-radius:10px;
  color:#7dd3fc;
  border:1px solid rgba(56,189,248,.18);
  background:linear-gradient(135deg,rgba(56,189,248,.09),rgba(20,184,166,.06));
  box-shadow:0 8px 20px rgba(0,0,0,.12);
}
.ftr-col-title-icon svg{width:13px;height:13px;display:block}
.ftr-links{gap:7px!important}
.ftr-links a{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  line-height:1.28;
}
.ftr-link-icon{
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  flex:0 0 18px;
  color:#7dd3fc;
  opacity:.82;
  border-radius:8px;
  background:rgba(56,189,248,.045);
  transition:opacity .18s ease,color .18s ease,transform .18s ease,background .18s ease;
}
.ftr-link-icon svg{width:11px;height:11px;display:block}
.ftr-links a:hover .ftr-link-icon{
  color:#5eead4;
  opacity:1;
  transform:translateX(1px);
  background:rgba(20,184,166,.075);
}

.dock-icon:empty{display:none!important}
.dock-item[data-dock*="forum"] .dock-icon,
.dock-item[href^="/forum"] .dock-icon{
  color:#7dd3fc;
}
.dock-item[data-dock*="forum"].is-active .dock-icon,
.dock-item[href^="/forum"].is-active .dock-icon{
  color:#5eead4;
}

@media (max-width:1180px){
  .hdr-link{padding-inline:10px;gap:6px;font-size:.80rem}
  .hdr-link-icon{width:15px;height:15px;flex-basis:15px}
}
@media (max-width:980px){
  .hdr-link-icon{display:none}
}
@media (max-width:520px){
  .drawer-link{padding:13px 14px}
  .drawer-link-icon{width:21px;height:21px;flex-basis:21px;border-radius:9px}
  .ftr-links a{width:100%}
}