/*
Theme Name: Sectronics Australia — Visual Evolution v3.4.4
Theme URI: https://sectronics.com.au
Author: Sectronics Australia
Description: Sectronics Australia v3.4.4 child theme for the v3.3.1 parent. Uses the final approved compact off-grid power platform visuals and preserves the established site architecture.
Template: sectronics
Version: 3.4.4
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: sectronics
*/

/* =========================================================
   v3.4.4 — final approved homepage visual set
   Parent theme content, navigation and internal pages remain intact.
   ========================================================= */

/* Hero: retain the established message while making the use-case visible. */
.hero-v340{
  min-height:850px;
  grid-template-columns:minmax(500px,.9fr) minmax(540px,1.1fr);
  gap:54px;
  padding-top:145px;
  padding-bottom:72px;
  background:
    radial-gradient(circle at 78% 28%,rgba(35,83,112,.38),transparent 38%),
    var(--navy);
}
.hero-v340 .hero-copy{max-width:770px}
.hero-v340 h1{font-size:clamp(58px,6.45vw,104px)}
.hero-v340 .hero-lead{max-width:650px}
.hero-v340 .hero-tags{display:grid;grid-template-columns:repeat(2,max-content);width:max-content;max-width:100%;margin-top:34px}
.hero-v340 .hero-grid{inset:88px 0 0 42%;opacity:.075}
.hero-environment-v340{
  position:relative;
  z-index:3;
  justify-self:end;
  width:100%;
  max-width:790px;
  margin:0;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#102b40;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 38px 95px rgba(0,0,0,.38);
}
.hero-environment-v340>img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.hero-environment-v340:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 44%,rgba(6,23,37,.1) 59%,rgba(6,23,37,.86) 100%);
  pointer-events:none;
}
.environment-caption-v340{
  position:absolute;
  z-index:4;
  left:28px;
  right:28px;
  bottom:25px;
  padding:18px 20px;
  background:rgba(6,23,37,.9);
  border-left:4px solid var(--red);
  backdrop-filter:blur(7px);
}
.environment-caption-v340 small{
  display:block;
  margin-bottom:7px;
  color:#ff676e;
  font-size:8px;
  line-height:1.3;
  font-weight:900;
  letter-spacing:1.35px;
  text-transform:uppercase;
}
.environment-caption-v340 b{display:block;color:#fff;font-size:18px;line-height:1.25}
.environment-caption-v340 span{display:block;margin-top:6px;color:#aebbc4;font-size:10px;line-height:1.5}

/* Genuine logo applied as an equipment badge. Coordinates are tied to 16:9 media. */
.equipment-brand-v340{
  position:absolute;
  z-index:3;
  left:var(--brand-x);
  top:var(--brand-y);
  width:var(--brand-w);
  transform:translate(-50%,-50%);
  padding:4px 6px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(6,23,37,.18);
  box-shadow:0 4px 12px rgba(6,23,37,.22);
}
.equipment-brand-v340 img{display:block;width:100%;height:auto}
.hero-brand-v340{--brand-x:27.1%;--brand-y:65.4%;--brand-w:9.2%}

/* Approved structure-mounted platform. */
.mounting-v344{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);
  min-height:690px;
  background:var(--navy);
}
.mounting-media-v344{min-height:690px;overflow:hidden;background:#71818b}
.mounting-media-v344 img{width:100%;height:100%;object-fit:cover}
.mounting-copy-v344{align-self:center;padding:84px clamp(46px,7vw,118px);color:#fff}
.mounting-copy-v344 h2{color:#fff}
.mounting-copy-v344>p:not(.section-kicker){max-width:590px;color:#b8c4cc;font-size:16px;line-height:1.75}
.mounting-copy-v344 .mounting-line-v344{margin:28px 0 22px;color:#fff!important;font-size:20px!important;font-weight:800;line-height:1.45!important}
.mounting-copy-v344 .text-link{display:inline-block;margin-top:15px}

.platform-columns-v344{grid-template-columns:repeat(4,minmax(0,1fr))}
.platform-band{padding-top:92px;padding-bottom:92px}
.platform-heading{grid-template-columns:1fr;gap:18px;align-items:start}
.platform-heading>p{margin:0;max-width:620px;font-size:16px}
.platform-columns-v344{margin-top:48px}
.platform-columns-v344 article{min-width:0;min-height:300px;padding-top:34px}
.platform-columns-v344 h3{margin:38px 0 17px;font-size:34px}
.platform-columns-v344 p{font-size:15px;line-height:1.65}
.platform-columns-v344 small{margin-top:26px;font-size:10px}

:target{scroll-margin-top:92px}

/* Application-led visual section. */
.applications-v340{
  padding:96px var(--pad);
  background:linear-gradient(180deg,#fff 0%,var(--mist) 100%);
}
.application-heading-v340{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:88px;
  align-items:end;
  max-width:var(--max);
  margin:0 auto 46px;
}
.application-heading-v340 h2{margin-bottom:0}
.application-heading-v340>div:last-child p{
  max-width:690px;
  margin:0;
  color:var(--muted);
  font-size:18px;
  line-height:1.65;
}
.application-heading-v340 strong{color:var(--navy)}
.application-visual-grid-v340{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  max-width:var(--max);
  margin:auto;
}
.application-card-v340{
  overflow:hidden;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 18px 48px rgba(6,23,37,.08);
}
.application-media-v340{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#80909a;
}
.application-media-v340>img:first-child{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}
.application-card-v340:hover .application-media-v340>img:first-child{transform:scale(1.018)}
.application-media-v340:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(6,23,37,0) 58%,rgba(6,23,37,.2) 100%);
  pointer-events:none;
}
.application-label-v340{
  position:absolute;
  z-index:4;
  left:18px;
  top:18px;
  padding:8px 10px;
  background:rgba(6,23,37,.87);
  border-left:3px solid var(--red);
  color:#fff;
  font-size:7px;
  line-height:1.3;
  font-weight:900;
  letter-spacing:1.05px;
  text-transform:uppercase;
}
.application-copy-v340{padding:29px 31px 31px}
.application-copy-v340 span{
  display:block;
  margin-bottom:11px;
  color:var(--red);
  font-size:9px;
  font-weight:900;
  letter-spacing:1px;
}
.application-copy-v340 h3{margin:0 0 12px;font-size:27px}
.application-copy-v340 p{margin:0;color:var(--muted);font-size:13px;line-height:1.68}
.brand-gate-v340{--brand-x:27.2%;--brand-y:65.3%;--brand-w:8.4%}
.brand-civil-v340{--brand-x:33.3%;--brand-y:65.2%;--brand-w:8.1%}
.brand-utility-v340{--brand-x:32.4%;--brand-y:60.5%;--brand-w:8.2%}
.brand-mining-v340{--brand-x:32.7%;--brand-y:67.6%;--brand-w:8.2%}
.application-clarifier-v340{
  display:grid;
  grid-template-columns:175px 1fr auto;
  gap:28px;
  align-items:center;
  max-width:var(--max);
  margin:25px auto 0;
  padding:26px 29px;
  background:var(--navy);
  color:#fff;
  border-left:4px solid var(--red);
}
.application-clarifier-v340 b{font-size:17px;line-height:1.25}
.application-clarifier-v340 p{margin:0;color:#aebbc4;font-size:12px;line-height:1.7}
.application-clarifier-v340 .text-link{white-space:nowrap;color:#fff}

/* Scale: current, configurable, engineered and in-development capability. */
.infrastructure-scale-v340{
  padding:112px var(--pad);
  background:#fff;
}
.scale-heading-v340{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:85px;
  align-items:end;
  max-width:var(--max);
  margin:0 auto 58px;
}
.scale-heading-v340 h2{margin-bottom:0}
.scale-heading-v340 p{margin:0;max-width:700px;color:var(--muted);font-size:16px}
.scale-grid-v340{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  max-width:var(--max);
  margin:auto;
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.scale-card-v340{
  position:relative;
  min-height:315px;
  padding:32px 29px 30px;
  background:var(--mist);
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.scale-card-v340>span{color:var(--red);font-size:10px;font-weight:900;letter-spacing:1px}
.scale-card-v340 h3{margin:42px 0 16px;font-size:25px}
.scale-card-v340 p{color:var(--muted);font-size:12px;line-height:1.7}
.scale-status-v340{
  display:inline-block;
  margin-top:22px;
  padding:9px 10px;
  border:1px solid var(--line);
  background:#fff;
  color:var(--navy);
  font-size:8px;
  font-weight:900;
  letter-spacing:.9px;
  text-transform:uppercase;
}
.scale-card-v340.development-v340{
  background:var(--navy);
  color:#fff;
  border-color:#244054;
}
.scale-card-v340.development-v340 p{color:#aebbc4}
.scale-card-v340.development-v340 .scale-status-v340{background:var(--red);border-color:var(--red);color:#fff}
.scale-note-v340{
  max-width:var(--max);
  margin:24px auto 0;
  padding:22px 25px;
  background:var(--navy2);
  color:#fff;
  display:grid;
  grid-template-columns:220px 1fr;
  gap:28px;
  align-items:center;
}
.scale-note-v340 b{color:#fff;font-size:16px}
.scale-note-v340 p{margin:0;color:#aebbc4;font-size:12px;line-height:1.7}

@media(max-width:1120px){
  .hero-v340{grid-template-columns:1fr;gap:48px;min-height:auto;padding-top:135px}
  .hero-environment-v340{justify-self:start;max-width:850px}
  .application-heading-v340,.scale-heading-v340{grid-template-columns:1fr;gap:24px}
  .scale-grid-v340{grid-template-columns:repeat(2,1fr)}
  .mounting-v344{grid-template-columns:1fr}
  .mounting-media-v344{min-height:520px}
  .platform-columns-v344{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:780px){
  .applications-v340,.infrastructure-scale-v340{padding:78px var(--pad)}
  .application-visual-grid-v340{grid-template-columns:1fr}
  .application-clarifier-v340{grid-template-columns:1fr;gap:12px;padding:24px 22px}
  .application-clarifier-v340 .text-link{margin-top:4px}
  .scale-grid-v340{grid-template-columns:1fr}
  .scale-card-v340{min-height:0}
  .scale-note-v340{grid-template-columns:1fr;gap:8px}
  .mounting-media-v344{min-height:360px}
  .mounting-copy-v344{padding:68px var(--pad)}
  .platform-columns-v344{grid-template-columns:1fr}
  .platform-columns-v344 article{min-height:0}
}
@media(max-width:680px){
  .hero-v340{padding-top:118px;padding-bottom:54px}
  .hero-v340 h1{font-size:48px;letter-spacing:-3.2px}
  .environment-caption-v340{left:17px;right:17px;bottom:16px;padding:14px 15px}
  .environment-caption-v340 b{font-size:15px}
  .environment-caption-v340 span{display:none}
  .equipment-brand-v340{padding:2px 3px}
  .application-copy-v340{padding:24px 23px 26px}
  .application-copy-v340 h3{font-size:24px}
  .application-label-v340{left:12px;top:12px}
  .hero-v340 .hero-tags{grid-template-columns:1fr;width:100%}
}