/* =========================================================
   THE 1 ENERGY — company registered office and tax ID
   Added across every HTML page in this website package.
   ========================================================= */
.company-legal-block{
  position:relative;
  z-index:1;
  font-family:"Noto Sans Thai",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:#fff;
  text-align:left;
}
.company-legal-in-footer{
  width:min(1220px,94vw);
  max-width:100%;
  margin:24px auto 0;
}
.company-legal-standalone{
  margin:0;
  padding:28px max(3vw,18px);
  background:
    radial-gradient(circle at 12% 0%,rgba(255,107,15,.16),transparent 32%),
    radial-gradient(circle at 88% 100%,rgba(13,112,212,.14),transparent 34%),
    linear-gradient(135deg,#151b29,#202b3d);
  border-top:1px solid rgba(255,255,255,.08);
}
.company-legal-inner{
  width:100%;
  max-width:1220px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(170px,.52fr) minmax(0,2.48fr);
  gap:22px;
  align-items:stretch;
  padding:20px 22px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  background:
    radial-gradient(circle at 0% 0%,rgba(255,107,15,.20),transparent 34%),
    radial-gradient(circle at 100% 100%,rgba(13,112,212,.20),transparent 36%),
    linear-gradient(135deg,#20222d,#182438);
  box-shadow:0 16px 42px rgba(0,0,0,.16);
  backdrop-filter:blur(8px);
}
.company-legal-heading{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  padding:2px 18px 2px 0;
  border-right:1px solid rgba(255,255,255,.12);
}
.company-legal-label{
  color:#ffb06b;
  font-size:13px;
  line-height:1.25;
  font-weight:900;
  letter-spacing:.04em;
}
.company-legal-heading strong{
  color:#fff;
  font-size:clamp(21px,2vw,30px);
  line-height:1.25;
  font-weight:900;
}
.company-legal-details{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "company tax"
    "address tax";
  column-gap:24px;
  row-gap:5px;
  align-items:center;
  min-width:0;
}
.company-legal-company{
  grid-area:company;
  display:block;
  color:#fff;
  font-size:clamp(16px,1.45vw,21px);
  line-height:1.45;
  font-weight:900;
}
.company-legal-address{
  grid-area:address;
  display:block;
  color:#d8e0ee;
  font-size:15px;
  line-height:1.65;
  font-weight:700;
}
.company-tax{
  grid-area:tax;
  display:grid;
  gap:3px;
  min-width:230px;
  padding:12px 15px;
  border:1px solid rgba(255,176,107,.22);
  border-radius:16px;
  background:rgba(255,107,15,.10);
}
.company-tax em{
  color:#ffb06b;
  font-size:12px;
  line-height:1.3;
  font-style:normal;
  font-weight:900;
}
.company-tax b{
  color:#fff;
  font-size:19px;
  line-height:1.25;
  font-weight:900;
  letter-spacing:.035em;
  white-space:nowrap;
}
@media(max-width:800px){
  .company-legal-inner{grid-template-columns:1fr;gap:14px;padding:18px;}
  .company-legal-heading{padding:0 0 13px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12);}
  .company-legal-details{grid-template-columns:1fr;grid-template-areas:"company" "address" "tax";gap:8px;}
  .company-tax{min-width:0;margin-top:5px;}
}
@media(max-width:480px){
  .company-legal-standalone{padding:20px 12px;}
  .company-legal-in-footer{width:min(94vw,1220px);}
  .company-legal-inner{border-radius:18px;padding:16px;}
  .company-legal-company{font-size:16px;}
  .company-legal-address{font-size:14px;}
  .company-tax b{font-size:17px;white-space:normal;}
}
@media print{
  .company-legal-block{display:none!important;}
}