/*
Theme Name: Sectronics Australia — Focused Power Platform
Theme URI: https://sectronics.com.au
Author: Sectronics Australia
Description: Focused homepage refinement for the Sectronics Australia v3.3.1 parent theme. Positions Sectronics around compact off-grid power platforms, optional local control/connectivity/monitoring, flexible mounting and customer-selected field technology.
Template: sectronics
Version: 3.4.5
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: sectronics
*/

/* =========================================================
   v3.4.5 — approved visual library + monitored platform integration
   Parent navigation, internal pages, enquiry workflow and SEO remain intact.
   ========================================================= */

/* HERO */
.hero-v342{
  min-height:850px;
  grid-template-columns:minmax(500px,.92fr) minmax(540px,1.08fr);
  gap:56px;
  padding-top:145px;
  padding-bottom:72px;
  background:radial-gradient(circle at 79% 28%,rgba(35,83,112,.34),transparent 40%),var(--navy);
}
.hero-v342 .hero-copy{max-width:770px}
.hero-v342 h1{font-size:clamp(58px,6.45vw,104px)}
.hero-v342 .hero-lead{max-width:690px}
.hero-v342 .hero-grid{inset:88px 0 0 42%;opacity:.075}
.hero-tags-v342 span:last-child{border-color:rgba(224,34,42,.5);color:#c6d1d7}
.hero-environment-v342{
  position:relative;z-index:3;justify-self:end;width:100%;max-width:800px;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-v342>img{width:100%;height:100%;object-fit:cover}
.hero-environment-v342:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 46%,rgba(6,23,37,.08) 60%,rgba(6,23,37,.84) 100%);pointer-events:none}
.environment-caption-v342{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-v342 b{display:block;color:#fff;font-size:18px;line-height:1.25}
.environment-caption-v342 span{display:block;margin-top:7px;color:#aebbc4;font-size:10px;line-height:1.5}

/* OPERATING MODES */
.platform-band-v342{padding-bottom:94px}
.platform-band-v342 .platform-heading{grid-template-columns:1.05fr .95fr}
.platform-band-v342 .platform-heading p{max-width:600px}
.platform-columns-v342{grid-template-columns:repeat(4,1fr)}
.platform-columns-v342 article{min-height:375px;padding-right:28px}
.platform-columns-v342 article+article{padding-left:28px}
.platform-columns-v342 h3{font-size:32px;margin:48px 0 18px}
.mode-note-v342{max-width:var(--max);margin:30px auto 0;padding:18px 22px;display:flex;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.035);font-size:11px;line-height:1.5}
.mode-note-v342 strong{color:#fff;font-size:13px}
.mode-note-v342 span{color:#aebbc4}

/* MOUNTING FLEXIBILITY */
.mounting-flex-v342 .fit-copy>p:nth-of-type(2){max-width:650px}
.mounting-flex-v342 .fit-copy li div{display:block}
.mounting-flex-v342 .fit-copy li small{display:block;max-width:560px;margin-top:5px}
.fit-tagline-v342{margin:0 0 28px;padding:16px 18px;border-left:3px solid var(--red);background:rgba(255,255,255,.055)}
.fit-tagline-v342 strong{display:block;color:#fff;font-size:15px}
.fit-tagline-v342 span{display:block;margin-top:5px;color:#899ca8;font-size:10px}

/* APPLICATIONS */
.applications-v342{padding:118px var(--pad);background:linear-gradient(180deg,#fff 0%,var(--mist) 100%)}
.application-heading-v342{display:grid;grid-template-columns:.72fr 1.28fr;gap:88px;align-items:end;max-width:var(--max);margin:0 auto 58px}
.application-heading-v342 h2{margin-bottom:0}
.application-heading-v342>div:last-child p{max-width:720px;margin:0;color:var(--muted);font-size:18px;line-height:1.65}
.application-heading-v342 strong{color:var(--navy)}
.application-visual-grid-v342{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:var(--max);margin:auto}
.application-card-v342{overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 18px 48px rgba(6,23,37,.08)}
.application-media-v342{position:relative;aspect-ratio:16/9;overflow:hidden;background:#80909a}
.application-media-v342 img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.application-card-v342:hover .application-media-v342 img{transform:scale(1.018)}
.application-media-v342:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,23,37,0) 62%,rgba(6,23,37,.16) 100%);pointer-events:none}
.application-copy-v342{padding:29px 31px 31px}
.application-copy-v342>span{display:block;margin-bottom:11px;color:var(--red);font-size:9px;font-weight:900;letter-spacing:1px}
.application-copy-v342 h3{margin:0 0 12px;font-size:27px}
.application-copy-v342 p{margin:0;color:var(--muted);font-size:13px;line-height:1.68}
.application-clarifier-v342{display:grid;grid-template-columns:230px 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-v342>div b{display:block;font-size:17px;line-height:1.25}
.application-clarifier-v342>div span{display:block;margin-top:5px;color:#ff686e;font-size:10px;font-weight:800;letter-spacing:.3px}
.application-clarifier-v342 p{margin:0;color:#aebbc4;font-size:12px;line-height:1.7}
.application-clarifier-v342 .text-link{white-space:nowrap;color:#fff}

/* v3.4.3 real-image application treatment */
.application-card-v343-pole .application-media-v342 img{object-position:center center}

/* MONITORED PLATFORM */
.premium-home-v342 .premium-copy>p:nth-of-type(2){max-width:650px}
.monitoring-boundary-v342{margin:24px 0 0!important;padding:14px 16px;border-left:3px solid var(--red);background:rgba(255,255,255,.055);color:#d1dade!important;font-size:12px!important;line-height:1.6!important}

@media(max-width:1180px){
  .platform-columns-v342{grid-template-columns:repeat(2,1fr)}
  .platform-columns-v342 article:nth-child(2){border-right:0}
  .platform-columns-v342 article:nth-child(3){padding-left:0}
}
@media(max-width:1120px){
  .hero-v342{grid-template-columns:1fr;gap:48px;min-height:auto;padding-top:135px}
  .hero-environment-v342{justify-self:start;max-width:850px}
  .application-heading-v342{grid-template-columns:1fr;gap:24px}
}
@media(max-width:780px){
  .platform-columns-v342{grid-template-columns:1fr}
  .platform-columns-v342 article,.platform-columns-v342 article+article{min-height:0;padding:32px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .platform-columns-v342 h3{margin:26px 0 14px}
  .mode-note-v342{align-items:flex-start;flex-direction:column;gap:4px}
  .applications-v342{padding:78px var(--pad)}
  .application-visual-grid-v342{grid-template-columns:1fr}
  .application-clarifier-v342{grid-template-columns:1fr;gap:12px;padding:24px 22px}
  .application-clarifier-v342 .text-link{margin-top:4px}
}
@media(max-width:680px){
  .hero-v342{padding-top:118px;padding-bottom:54px}
  .hero-v342 h1{font-size:48px;letter-spacing:-3.2px}
  .environment-caption-v342{left:17px;right:17px;bottom:16px;padding:14px 15px}
  .environment-caption-v342 b{font-size:15px}
  .environment-caption-v342 span{display:none}
  .application-copy-v342{padding:24px 23px 26px}
  .application-copy-v342 h3{font-size:24px}
}


/* =========================================================
   v3.4.4 — locked visual application library
   ========================================================= */
.mounting-visual-v345 .fit-platform-image{width:100%;height:100%;object-fit:cover;object-position:center}

/* =========================================================
   v3.4.5 — Enterprise Power Platform monitoring proof
   Genuine prototype integration/testing content using cleaned
   photographs. This section replaces the earlier generic
   monitored-platform marketing block.
   ========================================================= */
.monitoring-lab-v345{
  padding:118px var(--pad);
  background:linear-gradient(135deg,#071b2a 0%,#0a2538 100%);
  color:#fff;
}
.monitoring-heading-v345{max-width:var(--max);margin:0 auto 48px;display:grid;grid-template-columns:.62fr 1fr;column-gap:70px;align-items:end}
.monitoring-heading-v345 .section-kicker{grid-column:1/-1;margin-bottom:15px}
.monitoring-heading-v345 h2{margin:0;color:#fff;font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-2.8px}
.monitoring-heading-v345 h2 em{color:#fff;font-style:italic;font-weight:300}
.monitoring-heading-v345>p:last-child{margin:0;max-width:600px;color:#afbec8;font-size:17px;line-height:1.7}
.monitoring-grid-v345{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:36px;align-items:start}
.monitoring-main-v345,.monitoring-detail-v345{margin:0;overflow:hidden;background:#061724;border:1px solid rgba(255,255,255,.13);box-shadow:0 28px 65px rgba(0,0,0,.28)}
.monitoring-main-v345 img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.monitoring-main-v345 figcaption,.monitoring-detail-v345 figcaption{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 18px;border-top:1px solid rgba(255,255,255,.12);background:#081d2c}
.monitoring-main-v345 figcaption strong,.monitoring-detail-v345 figcaption strong{color:#fff;font-size:12px;letter-spacing:.15px}
.monitoring-main-v345 figcaption span,.monitoring-detail-v345 figcaption span{color:#8fa3b0;font-size:10px;text-align:right}
.monitoring-copy-v345>p{margin:0 0 18px;color:#c1ccd3;font-size:14px;line-height:1.76}
.monitoring-copy-v345>p strong{color:#fff}
.monitoring-modes-v345{display:grid;gap:12px;margin:28px 0}
.monitoring-modes-v345 article{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:18px 20px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045)}
.monitoring-modes-v345 article>span{color:var(--red);font-size:9px;font-weight:900;letter-spacing:1px;padding-top:4px}
.monitoring-modes-v345 h3{margin:0 0 7px;color:#fff;font-size:18px}
.monitoring-modes-v345 p{margin:0;color:#9fb0bb;font-size:11px;line-height:1.65}
.monitoring-detail-v345{margin-top:24px}
.monitoring-detail-v345 img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.monitoring-boundary-v345{margin:22px 0 0!important;padding:15px 17px;border-left:3px solid var(--red);background:rgba(255,255,255,.055);color:#d7e0e5!important;font-size:11px!important;line-height:1.65!important}

@media(max-width:1080px){
  .monitoring-heading-v345{grid-template-columns:1fr;row-gap:22px}
  .monitoring-grid-v345{grid-template-columns:1fr}
  .monitoring-copy-v345{max-width:850px}
  .monitoring-detail-v345{max-width:720px}
}
@media(max-width:680px){
  .monitoring-lab-v345{padding:78px var(--pad)}
  .monitoring-heading-v345{margin-bottom:32px}
  .monitoring-heading-v345 h2{font-size:42px;letter-spacing:-2px}
  .monitoring-heading-v345>p:last-child{font-size:15px}
  .monitoring-main-v345 figcaption,.monitoring-detail-v345 figcaption{align-items:flex-start;flex-direction:column;gap:4px}
  .monitoring-main-v345 figcaption span,.monitoring-detail-v345 figcaption span{text-align:left}
}