/* ARC Supply Co. — V7.21.8 Public Community & Live Visitors */

.arc-community{
  width:min(1460px,calc(100% - 92px));
  margin:58px auto 0;
  padding-top:30px;
  border-top:1px solid rgba(255,255,255,.07);
}
.arc-community-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:end;
  margin-bottom:20px;
}
.arc-community-kicker{
  color:#ff7410;
  font-size:8px;
  font-weight:950;
  letter-spacing:.17em;
}
.arc-community-head h2{
  margin:7px 0 0;
  color:#f2f1ed;
  font-size:27px;
  letter-spacing:-.025em;
}
.arc-community-head p{
  max-width:680px;
  margin:7px 0 0;
  color:#7f8c95;
  font-size:10px;
  line-height:1.55;
}
.arc-community-live{
  display:flex;
  align-items:stretch;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  overflow:hidden;
  background:#080d11;
}
.arc-community-live>div{
  min-width:112px;
  padding:10px 13px;
  border-right:1px solid rgba(255,255,255,.07);
}
.arc-community-live>div:last-child{border-right:0}
.arc-community-live b{
  display:block;
  color:#f3f1ed;
  font-size:16px;
}
.arc-community-live span{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:3px;
  color:#74818a;
  font-size:6px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.arc-community-live .online span:before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:#40df84;
  box-shadow:0 0 0 4px rgba(64,223,132,.08);
}

.arc-community-body{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(310px,.72fr);
  gap:13px;
}
.arc-comment-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.arc-comment-card{
  min-height:154px;
  padding:14px;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  background:
    radial-gradient(circle at 100% 0,rgba(255,116,16,.055),transparent 34%),
    linear-gradient(180deg,#0b1115,#080c0f);
}
.arc-comment-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}
.arc-comment-user{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.arc-comment-avatar{
  width:30px;height:30px;
  flex:0 0 30px;
  display:grid;place-items:center;
  border:1px solid rgba(255,116,16,.26);
  border-radius:8px;
  background:#0d1419;
  color:#ff7b18;
  font-size:10px;
  font-weight:950;
}
.arc-comment-user b{
  display:block;
  color:#e9edef;
  font-size:9px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.arc-comment-user small{
  display:block;
  margin-top:2px;
  color:#66747e;
  font-size:6px;
}
.arc-comment-demo{
  padding:4px 6px;
  border:1px solid rgba(255,167,62,.25);
  border-radius:5px;
  color:#d99b54;
  font-size:5px;
  font-weight:950;
  letter-spacing:.08em;
}
.arc-comment-stars{
  margin:10px 0 7px;
  color:#ff7b18;
  font-size:10px;
  letter-spacing:2px;
}
.arc-comment-card p{
  margin:0;
  color:#9aa5ac;
  font-size:8px;
  line-height:1.55;
}

.arc-comment-form-card{
  padding:15px;
  border:1px solid rgba(255,116,16,.22);
  border-radius:10px;
  background:
    radial-gradient(circle at 100% 0,rgba(255,116,16,.08),transparent 36%),
    linear-gradient(180deg,#0c1216,#080c0f);
}
.arc-comment-form-card>span{
  color:#ff7410;
  font-size:7px;
  font-weight:950;
  letter-spacing:.13em;
}
.arc-comment-form-card h3{
  margin:6px 0 5px;
  font-size:17px;
}
.arc-comment-form-card>p{
  margin:0 0 12px;
  color:#77848d;
  font-size:7px;
  line-height:1.45;
}
.arc-comment-field{margin-top:9px}
.arc-comment-field label{
  display:block;
  margin-bottom:4px;
  color:#78858e;
  font-size:6px;
  font-weight:900;
  letter-spacing:.06em;
}
.arc-comment-field input,
.arc-comment-field textarea,
.arc-comment-field select{
  width:100%;
  border:1px solid #26323a;
  border-radius:7px;
  background:#080d11;
  color:#e9edef;
  outline:0;
  font:inherit;
  font-size:8px;
}
.arc-comment-field input,
.arc-comment-field select{height:36px;padding:0 10px}
.arc-comment-field textarea{
  min-height:92px;
  padding:9px 10px;
  resize:vertical;
}
.arc-comment-field input:focus,
.arc-comment-field textarea:focus,
.arc-comment-field select:focus{
  border-color:rgba(255,116,16,.5);
}
.arc-comment-meta{
  display:flex;
  justify-content:space-between;
  margin-top:4px;
  color:#5f6c75;
  font-size:5.5px;
}
.arc-comment-hp{
  position:absolute!important;
  left:-99999px!important;
  width:1px!important;height:1px!important;
  opacity:0!important;
}
.arc-comment-submit{
  width:100%;height:38px;
  margin-top:11px;
  border:1px solid #ff7a17;
  border-radius:7px;
  background:linear-gradient(180deg,#ff8420,#e96808);
  color:#0a0d0f;
  font-weight:950;
  font-size:8px;
  cursor:pointer;
}
.arc-comment-submit:disabled{opacity:.55;cursor:wait}
.community-form-status{
  min-height:18px;
  margin-top:8px;
  color:#7f8b93;
  font-size:6.5px;
}
.community-form-status.success{color:#55d990}
.community-form-status.error{color:#ff7777}
.arc-community-empty{
  grid-column:1/-1;
  padding:24px;
  border:1px dashed #27343b;
  border-radius:10px;
  color:#71808a;
  text-align:center;
  font-size:9px;
}

/* Faixa institucional movida para o rodapé. */
.arc-footer-benefits{
  width:min(1460px,calc(100% - 92px));
  margin:0 auto 18px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid rgba(255,116,16,.30);
  border-radius:10px;
  background:linear-gradient(180deg,#0a0f13,#070a0d);
  overflow:hidden;
}
.arc-footer-benefits>div{
  min-height:64px;
  padding:9px 18px;
  display:flex;
  align-items:center;
  gap:12px;
  border-right:1px solid rgba(255,255,255,.075);
}
.arc-footer-benefits>div:last-child{border-right:0}
.arc-footer-benefits svg{
  width:29px;height:29px;
  flex:0 0 29px;
  color:#ff7410;
}
.arc-footer-benefits svg *{
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.arc-footer-benefits p{margin:0;min-width:0}
.arc-footer-benefits b{
  display:block;
  color:#e0e4e6;
  font-size:7.5px;
  text-transform:uppercase;
}
.arc-footer-benefits small{
  display:block;
  margin-top:3px;
  color:#6e7b84;
  font-size:6px;
}

@media(max-width:1100px){
  .arc-comment-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .arc-community-body{grid-template-columns:1fr minmax(290px,.6fr)}
  .arc-footer-benefits{grid-template-columns:1fr 1fr}
  .arc-footer-benefits>div:nth-child(2){border-right:0}
  .arc-footer-benefits>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.075)}
}
@media(max-width:820px){
  .arc-community{width:calc(100% - 24px)}
  .arc-community-head{grid-template-columns:1fr}
  .arc-community-live{width:max-content;max-width:100%}
  .arc-community-body{grid-template-columns:1fr}
  .arc-footer-benefits{width:calc(100% - 24px)}
}
@media(max-width:600px){
  .arc-comment-list{grid-template-columns:1fr}
  .arc-community-live{display:grid;grid-template-columns:repeat(3,1fr);width:100%}
  .arc-community-live>div{min-width:0}
  .arc-footer-benefits{grid-template-columns:1fr}
  .arc-footer-benefits>div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.075)}
  .arc-footer-benefits>div:last-child{border-bottom:0}
}


/* V7.21.10 — comunidade/comments no mesmo glass visual da Home */
.arc-home-ref .arc-community{
  border-top-color:rgba(255,255,255,.055)!important;
}
.arc-home-ref .arc-community-live{
  background:rgba(6,12,15,.38)!important;
  border-color:rgba(185,204,214,.12)!important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.arc-home-ref .arc-comment-card{
  background:
    radial-gradient(circle at 100% 0,rgba(255,116,16,.045),transparent 34%),
    rgba(6,12,15,.38)!important;
  border-color:rgba(185,204,214,.12)!important;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 15px 38px rgba(0,0,0,.16);
}
.arc-home-ref .arc-comment-form-card{
  background:
    radial-gradient(circle at 100% 0,rgba(255,116,16,.065),transparent 36%),
    rgba(6,12,15,.42)!important;
  border-color:rgba(255,116,16,.20)!important;
  -webkit-backdrop-filter:blur(13px);
  backdrop-filter:blur(13px);
}
.arc-home-ref .arc-comment-field input,
.arc-home-ref .arc-comment-field textarea,
.arc-home-ref .arc-comment-field select{
  background:rgba(4,9,12,.48)!important;
  border-color:rgba(184,203,213,.15)!important;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.arc-home-ref .arc-footer-benefits{
  background:rgba(6,11,14,.42)!important;
}

/* ============================================================
   V7.21.10.1 — TRANSPARÊNCIA MAIS FORTE NA COMUNIDADE
   ============================================================ */
.arc-home-ref .arc-community-live{
  background:rgba(6,12,15,.22)!important;
  border-color:rgba(185,204,214,.10)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;
}
.arc-home-ref .arc-comment-card{
  background:
    radial-gradient(circle at 100% 0,rgba(255,116,16,.035),transparent 34%),
    rgba(6,12,15,.22)!important;
  border-color:rgba(185,204,214,.10)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 12px 28px rgba(0,0,0,.10)!important;
}
.arc-home-ref .arc-comment-form-card{
  background:
    radial-gradient(circle at 100% 0,rgba(255,116,16,.045),transparent 36%),
    rgba(6,12,15,.24)!important;
  border-color:rgba(255,116,16,.16)!important;
  -webkit-backdrop-filter:blur(15px)!important;
  backdrop-filter:blur(15px)!important;
}
.arc-home-ref .arc-comment-field input,
.arc-home-ref .arc-comment-field textarea,
.arc-home-ref .arc-comment-field select{
  background:rgba(4,9,12,.24)!important;
  border-color:rgba(184,203,213,.13)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  backdrop-filter:blur(9px)!important;
}