/*
Theme Name: WCT 2026 v5 Monolith
Theme URI: https://www.wrightcoating.com
Author: WCT / DJ Youn
Description: Full-bleed dark hero, giant type, bento grid. Inter Tight.
Version: 1.0
Text Domain: wct-v5
*/

:root{--blue:#2683C6;--ink:#0b0d10;--slate:#465359;--gray:#969FA7;--line:#e6e8ea;--bg:#fff}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
h1,h2,h3,.d{font-family:"Inter Tight",Inter,sans-serif;letter-spacing:-.03em}
a{color:inherit;text-decoration:none}
.wrap{max-width:1400px;margin:0 auto;padding:0 40px}
/* nav */
nav{position:fixed;top:0;left:0;right:0;z-index:50;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,0))}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:76px}
nav .logo{height:42px;filter:brightness(0) invert(1)}
nav ul{display:flex;gap:34px;list-style:none;font-size:14px;font-weight:500}
nav .cta{border:1px solid rgba(255,255,255,.7);padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600}
/* hero */
.hero{position:relative;height:100vh;min-height:720px;overflow:hidden;background:#000;color:#fff}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;transform:scale(1.04);animation:kb 18s ease-out forwards}
@keyframes kb{to{transform:scale(1)}}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.0) 40%,rgba(0,0,0,.75) 100%)}
.hero .wrap{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:64px}
.hero h1{font-size:clamp(56px,9.5vw,150px);line-height:.92;font-weight:800;max-width:14ch}
.hero h1 span{color:var(--blue)}
.hero .sub{display:flex;justify-content:space-between;align-items:flex-end;margin-top:36px;gap:40px;flex-wrap:wrap}
.hero p{font-size:18px;max-width:520px;color:rgba(255,255,255,.82);line-height:1.5}
.btns{display:flex;gap:12px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border-radius:999px;font-weight:600;font-size:15px;background:#fff;color:#000;transition:.25s}
.btn:hover{background:var(--blue);color:#fff}
.btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}
.btn.ghost:hover{background:#fff;color:#000}
.ticker{position:absolute;left:0;right:0;bottom:0;border-top:1px solid rgba(255,255,255,.18);padding:14px 0;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.7);overflow:hidden;white-space:nowrap}
.ticker div{display:inline-block;animation:mq 40s linear infinite}
@keyframes mq{to{transform:translateX(-50%)}}
.ticker span{margin:0 40px}
/* sections */
section{padding:120px 0}
.eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--blue);font-weight:600;margin-bottom:22px}
.h2{font-size:clamp(36px,5vw,72px);line-height:1;font-weight:700;max-width:18ch}
.lead{font-size:20px;color:var(--slate);max-width:60ch;line-height:1.55;margin-top:28px}
/* bento */
.bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:260px;gap:16px;margin-top:64px}
.card{position:relative;border-radius:22px;overflow:hidden;background:#f3f4f5;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.card:hover{transform:translateY(-4px)}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}
.card:hover img{transform:scale(1.05)}
.card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.78))}
.card>*{position:relative;z-index:2}
.card h3{font-size:28px;font-weight:700;line-height:1.05}
.card p{font-size:14px;opacity:.85;margin-top:8px;max-width:38ch}
.card .tag{position:absolute;top:22px;left:24px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);padding:7px 12px;border-radius:999px;z-index:2}
.c1{grid-column:span 7;grid-row:span 2}.c2{grid-column:span 5}.c3{grid-column:span 5}.c4{grid-column:span 4}.c5{grid-column:span 4}.c6{grid-column:span 4}
.card.solid{background:var(--ink);color:#fff;justify-content:space-between}
.card.solid:after{display:none}
.card.solid .big{font-size:64px;font-weight:800;line-height:1;letter-spacing:-.04em}
.card.blue{background:var(--blue)}
/* numbers strip */
.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:56px 0}
.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.strip .d{font-size:64px;font-weight:800;line-height:1}
.strip small{display:block;margin-top:10px;font-size:14px;color:var(--slate)}
/* split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.split img{width:100%;border-radius:24px;aspect-ratio:4/5;object-fit:cover}
.list{list-style:none;margin-top:36px;border-top:1px solid var(--line)}
.list li{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);font-size:20px;font-weight:600;transition:padding .3s}
.list li:hover{padding-left:10px;color:var(--blue)}
.list li span{font-size:13px;color:var(--gray);font-weight:500;letter-spacing:.08em}
/* dark band */
.dark{background:var(--ink);color:#fff}
.dark .h2{color:#fff}.dark .lead{color:rgba(255,255,255,.7)}
.logos{display:flex;gap:48px;flex-wrap:wrap;margin-top:56px;opacity:.6;font-family:"Inter Tight";font-weight:700;font-size:22px;letter-spacing:-.02em}
/* news */
.news{padding:110px 0;border-top:1px solid var(--line)}
.news .head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:44px}
.news .all{font-size:14px;font-weight:600;border-bottom:2px solid var(--ink);padding-bottom:3px}
.news .all:hover{color:var(--blue);border-color:var(--blue)}
.ngrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ncard{display:block;border-radius:20px;overflow:hidden;background:#f3f4f5;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.ncard:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(0,0,0,.1)}
.ncard .th{aspect-ratio:16/10;background:var(--ink);overflow:hidden}
.ncard .th img{width:100%;height:100%;object-fit:cover;transition:transform 1s}
.ncard:hover .th img{transform:scale(1.05)}
.ncard .nb{padding:22px 24px 26px}
.ncard .date{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-weight:600}
.ncard h3{font-size:21px;line-height:1.15;margin:10px 0 8px;font-weight:700}
.ncard p{font-size:14.5px;color:var(--slate);line-height:1.5}
@media(max-width:900px){.ngrid{grid-template-columns:1fr}}
/* cta */
.cta-band{padding:140px 0;text-align:center;background:var(--blue);color:#fff}
.cta-band .h2{margin:0 auto;max-width:16ch;color:#fff}
.cta-band .btn{margin-top:40px;background:#fff;color:var(--blue)}
footer{padding:60px 0;font-size:13px;color:var(--gray);display:flex;justify-content:space-between;border-top:1px solid var(--line)}
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.rv.in{opacity:1;transform:none}
@media(max-width:900px){.bento{grid-template-columns:1fr;grid-auto-rows:240px}.bento .card{grid-column:span 1!important;grid-row:span 1!important}.split{grid-template-columns:1fr}.strip .wrap{grid-template-columns:1fr 1fr}nav ul{display:none}}

/* ===== WordPress adaptations ===== */
nav ul.menu>li{position:relative}
nav .sub-menu{position:absolute;top:100%;left:0;min-width:240px;padding:8px 0;background:#fff;color:#0e1115;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.14);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;list-style:none;z-index:60;display:block}
nav ul.menu>li:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
nav .sub-menu li{display:block}
nav .sub-menu a{display:block;padding:9px 18px;font-size:13.5px;border-radius:0;background:none}
nav .sub-menu a:hover{background:#f2f4f6}
body.admin-bar nav{top:32px}
/* inner pages */
.inner-hero{padding:150px 0 56px}
.inner-hero .crumbs{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.65;margin-bottom:14px}
.inner-hero h1{font-size:clamp(32px,4.4vw,60px);line-height:1.02;letter-spacing:-.03em;max-width:22ch}
.inner-main{padding:56px 0 100px}
.entry{max-width:860px;font-size:17px;line-height:1.65}
.entry p{margin:0 0 18px}.entry h1{font-size:30px;margin:26px 0 12px}.entry h2{font-size:26px;margin:26px 0 12px}.entry h3{font-size:21px;margin:22px 0 10px}
.entry ul,.entry ol{margin:0 0 18px 22px}.entry img{height:auto;max-width:100%;margin:18px 0}
.entry a{text-decoration:underline;text-underline-offset:3px}
.entry table{border-collapse:collapse;margin:18px 0}.entry td,.entry th{border:1px solid #d9dee2;padding:8px 12px}
.entry .col{display:inline-block;vertical-align:top;width:48%;margin-right:2%}
@media(max-width:800px){.entry .col{width:100%;margin:0}}
/* blog */
.ngrid.blog-grid{margin-top:10px;grid-template-columns:repeat(4,1fr);gap:18px}
.blog-grid .ncard h3{font-size:17px;line-height:1.2}
.blog-grid .ncard p{font-size:13.5px}
.blog-grid .ncard .nb{padding:16px 18px 20px}
.blog-grid .ncard .th{aspect-ratio:4/3}
.pager nav{position:static!important;background:none!important;border:0!important;backdrop-filter:none!important;color:inherit;mix-blend-mode:normal}
.pager nav .wrap{display:block;height:auto}
.pager .screen-reader-text{position:absolute;left:-9999px}
@media(max-width:1200px){.ngrid.blog-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.ngrid.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ngrid.blog-grid{grid-template-columns:1fr}}
.ngrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ncard{display:block;border-radius:20px;overflow:hidden;background:#f3f4f5;text-decoration:none!important;transition:transform .35s,box-shadow .35s}
.ncard:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(0,0,0,.1)}
.ncard .th{aspect-ratio:16/10;overflow:hidden;background:#0e1115}.ncard .th img{width:100%;height:100%;object-fit:cover;margin:0}
.ncard .nb{padding:22px 24px 26px}.ncard .date{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#2683C6;font-weight:600}
.ncard h3{font-size:21px;line-height:1.15;margin:10px 0 8px;font-weight:700}.ncard p{font-size:14.5px;color:#465359;line-height:1.5;margin:0}
.post-hero img{width:100%;height:auto;border-radius:18px;margin:0 0 28px}
.pager{margin-top:40px}.pager .nav-links{display:flex;gap:8px}.pager .page-numbers{padding:8px 14px;border:1px solid #e3e6e9;border-radius:999px;text-decoration:none}.pager .current{background:#0e1115;color:#fff;border-color:#0e1115}
@media(max-width:900px){.ngrid{grid-template-columns:1fr}}

body:not(.home) nav{background:rgba(11,13,16,.92)}
.inner-hero{background:var(--ink);color:#fff}


/* ===== LEGACY DRUPAL CLASSES (migrated content support, layout-only) ===== */
.entry ul.mimic4col{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px 24px}
.entry ul.mimic4col li{margin:0}
.entry ul.mimic4col li[style*="center"]{display:flex;align-items:center;justify-content:center}
.entry .gallery-item{display:inline-block;margin:0 12px 12px 0;vertical-align:top}
.entry .gallery-item img{border-radius:12px;display:block;transition:transform .3s}
.entry .gallery-item:hover img{transform:scale(1.04)}
.entry .gallery-item+br{display:none}
.entry .gallery-text-content h4{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#2683C6;margin:0 0 10px;font-weight:600}
.entry .fp-callout-link{display:inline-block;background:#0b0d10;color:#fff;padding:12px 22px;border-radius:999px;font-weight:600;text-decoration:none}
.entry .fp-callout-link:hover{background:#2683C6;color:#fff}
@media(max-width:900px){.entry ul.mimic4col{grid-template-columns:repeat(2,1fr)}}


/* ===== GALLERY GRID v6 (professional photo grids on migrated pages) ===== */
.entry p:has(> a.gallery-item){display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start;margin:44px 0 0;padding-top:36px;border-top:1px solid #e6e8ea}
.entry p:has(> a.gallery-item) .gallery-item{margin:0;display:block}
.entry p:has(> a.gallery-item) .gallery-item img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:14px;display:block}
.entry .gallery-item img{transition:transform .3s}
.entry .gallery-item:hover img{transform:scale(1.04)}
@media(max-width:900px){.entry p:has(> a.gallery-item){grid-template-columns:repeat(2,1fr)}}


/* ===== EDITOR MIRROR v6 (same look inside the page editor) ===== */
.editor-styles-wrapper ul.mimic4col{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px 24px}
.editor-styles-wrapper ul.mimic4col li{margin:0}
.editor-styles-wrapper p:has(> a.gallery-item){display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start;margin:44px 0 0;padding-top:36px;border-top:1px solid #e6e8ea}
.editor-styles-wrapper .gallery-item{margin:0;display:block}
.editor-styles-wrapper .gallery-item img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:14px;display:block}
.editor-styles-wrapper .gallery-item+br{display:none}
.editor-styles-wrapper .gallery-text-content h4{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#2683C6;margin:0 0 10px;font-weight:600}
.editor-styles-wrapper .fp-callout-link{display:inline-block;background:#0b0d10;color:#fff;padding:12px 22px;border-radius:999px;font-weight:600;text-decoration:none}


/* ===== WP ALIGNMENT v6 (editor image alignment support) ===== */
.entry .alignright,.entry .wp-block-image.alignright,.entry figure.alignright{float:right;margin:6px 0 18px 28px;max-width:46%}
.entry .alignleft,.entry .wp-block-image.alignleft,.entry figure.alignleft{float:left;margin:6px 28px 18px 0;max-width:46%}
.entry .aligncenter,.entry .wp-block-image.aligncenter{display:block;margin-left:auto;margin-right:auto}
.entry .alignright img,.entry .alignleft img{width:100%;height:auto;border-radius:14px}
.entry::after{content:"";display:table;clear:both}
@media(max-width:700px){.entry .alignright,.entry .alignleft,.entry .wp-block-image.alignright,.entry .wp-block-image.alignleft{float:none;max-width:100%;margin:16px 0}}


/* ===== WIDE ENTRY v6 (wider content column on inner pages) ===== */
.entry{max-width:1000px}
.editor-styles-wrapper{max-width:1000px}

/* ===== HOVER v7 (hover parity for Elementor elements) ===== */
.elementor-button{transition:background .25s,background-color .25s,color .25s,border-color .25s}
.entry a{transition:color .2s}
.entry a:hover{color:#2683C6}
.elementor-widget-text-editor a{transition:color .2s}
.elementor-widget-text-editor a:hover{color:#2683C6}

/* ===== CONTENT MEDIA v7 (image rows + responsive branded tables on migrated pages) ===== */
.wct-imgrow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}
.wct-imgrow img{width:100%!important;height:100%!important;object-fit:cover;aspect-ratio:4/3;border-radius:14px;margin:0!important;float:none!important;display:block}
@media(max-width:700px){.wct-imgrow{grid-template-columns:1fr}}
.entry img.imagefitsmallscreen{border-radius:12px;max-width:100%;height:auto}
.wct-tablewrap{overflow-x:auto;margin:26px 0;border:1px solid #e6e8ea;border-radius:12px}
.wct-tablewrap table{width:100%!important;min-width:640px;border-collapse:collapse;margin:0}
.wct-tablewrap th{background:#2683C6;color:#fff;font-weight:600;padding:10px 12px;text-align:left;font-size:14px;border:0}
.wct-tablewrap td{padding:9px 12px;border-top:1px solid #e6e8ea;font-size:14px;vertical-align:top}
.wct-tablewrap tr:nth-child(even) td{background:#f7f9fa}

/* CONTENT MEDIA v7b — wpautop guard: p wrappers inside image rows become transparent to the grid */
.wct-imgrow p{margin:0!important;display:contents}
.wct-imgrow a{display:block;margin:0}

/* ===== CONTENT MEDIA v7c (card rows + case-studies grid) ===== */
.wct-cardrow{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:26px 0}
.wct-cardrow .wct-card{background:#f7f9fa;border:1px solid #e6e8ea;border-radius:16px;overflow:hidden;padding-bottom:14px}
.wct-cardrow .wct-card img{width:100%;height:auto;display:block;border-radius:0;margin:0}
.wct-cardrow .wct-card p{margin:0}
.wct-cardrow .wct-card h2{font-size:21px;line-height:1.2;margin:14px 18px 4px}
.wct-cardrow .wct-card h2 a:hover{color:#2683C6}
@media(max-width:700px){.wct-cardrow{grid-template-columns:1fr}}
.entry #content-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:10px}
.entry .cms-ct-case-study-teaser{background:#f7f9fa;border:1px solid #e6e8ea;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.entry .cms-ct-case-study-teaser .content{display:flex;flex-direction:column}
.entry .cms-ct-case-study-teaser .field-field-cs-image img{width:100%;height:190px;object-fit:cover;display:block;border-radius:0;margin:0}
.entry .cms-ct-case-study-teaser .cs-title h3{font-size:19px;line-height:1.25;margin:14px 16px 8px}
.entry .cms-ct-case-study-teaser .item{margin:0 16px 4px;font-size:13.5px;color:#465359}
.entry .cms-ct-case-study-teaser .item-label{font-weight:600;color:#0b0d10;margin-right:6px}
.entry .cms-ct-case-study-teaser .read-more{margin:auto 16px 16px;padding-top:12px}
.entry .cms-ct-case-study-teaser .read-more a{display:inline-block;font-size:13px;font-weight:600;border:1px solid #2683C6;color:#2683C6;padding:7px 14px;border-radius:999px;transition:.2s;text-decoration:none}
.entry .cms-ct-case-study-teaser .read-more a:hover{background:#2683C6;color:#fff}
@media(max-width:1000px){.entry #content-list{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.entry #content-list{grid-template-columns:1fr}}

/* ===== CONTENT MEDIA v7d (tile definition for white product shots + logo strips) ===== */
.wct-imgrow img{background:#f7f9fa;border:1px solid #edf0f2}
.wct-imgrow.wct-logos{grid-template-columns:repeat(3,1fr);align-items:center}
.wct-imgrow.wct-logos img{aspect-ratio:auto;object-fit:contain;height:110px!important;padding:12px;background:#fff}
@media(max-width:700px){.wct-imgrow.wct-logos{grid-template-columns:repeat(3,1fr)}.wct-imgrow.wct-logos img{height:64px!important;padding:6px}}

/* CONTENT MEDIA v7e — legacy image-container floats (copolymer-pe etc.) */
.entry img.image-container.right,.entry .image-container.right img,.entry img.image-container{border-radius:12px;height:auto}
.entry img.image-container.right{float:right;margin:6px 0 18px 24px;max-width:min(46%,420px)}
.entry img.image-container.left{float:left;margin:6px 24px 18px 0;max-width:min(46%,420px)}
@media(max-width:700px){.entry img.image-container.right,.entry img.image-container.left{float:none;margin:18px 0;max-width:100%;display:block}}

/* CONTENT MEDIA v8 - 3-up card grid + card copy (processes index) */
.wct-lede{max-width:900px;margin:0 auto 6px;font-size:17px;line-height:1.6}
.wct-cta{max-width:900px;margin:26px auto 0;font-size:16px}
.wct-cta a{color:#2683C6;font-weight:600}
.wct-cta a:hover{text-decoration:underline}
.wct-cardrow.wct-cardrow-3{grid-template-columns:repeat(3,1fr);max-width:1000px;margin-left:auto;margin-right:auto;align-items:stretch}
.wct-cardrow.wct-cardrow-3 .wct-card{display:flex;flex-direction:column}
.wct-cardrow.wct-cardrow-3 .wct-card img{aspect-ratio:1/1;object-fit:cover;object-position:center;width:100%;height:auto;background:#fff}
.wct-cardrow.wct-cardrow-3 .wct-card h2{font-size:19px;line-height:1.25;margin:14px 16px 6px;text-align:left}
.wct-cardrow.wct-cardrow-3 .wct-card .wct-cardtext{margin:0 16px 6px;font-size:14.5px;line-height:1.5;color:#4a5560;text-align:left}
@media(max-width:1024px){.wct-cardrow.wct-cardrow-3{grid-template-columns:1fr 1fr;max-width:700px}}
@media(max-width:700px){.wct-cardrow.wct-cardrow-3{grid-template-columns:1fr;max-width:360px}}

/* CONTENT MEDIA v9 - visible in-content links, landing link lists, inline video */
.entry p a,.entry li a,.elementor-widget-text-editor p a,.elementor-widget-text-editor li a{color:#2683C6}
.entry p a:hover,.entry li a:hover,.elementor-widget-text-editor p a:hover,.elementor-widget-text-editor li a:hover{text-decoration:underline}
.entry p a:has(img),.elementor-widget-text-editor p a:has(img){color:inherit}
.landing-links{list-style:none;padding:0;margin:20px 0 6px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.landing-links li{margin:0}
.landing-links li a{display:block;padding:12px 16px;background:#f7f9fa;border:1px solid #e6e8ea;border-radius:12px;color:#2683C6;font-weight:600;text-decoration:none;transition:.2s}
.landing-links li a:after{content:' \2192'}
.landing-links li a:hover{background:#2683C6;border-color:#2683C6;color:#fff;text-decoration:none}
.wct-video{margin:26px 0;max-width:900px}
.wct-video video{width:100%;height:auto;display:block;border-radius:14px;background:#0d1418}
.wct-video figcaption{font-size:13px;line-height:1.5;color:#6b7680;margin-top:8px}


/* ===== CONTENT MEDIA v10 — square 3-up product photo row (.wct-sq) ===== */
.wct-imgrow.wct-sq{grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
.wct-imgrow.wct-sq figure{margin:0!important;display:block}
.wct-imgrow.wct-sq img{aspect-ratio:1/1;object-fit:contain;background:#fff;padding:8px;border:1px solid #e3e7ea;border-radius:12px}
.wct-imgrow.wct-sq figcaption{margin-top:8px;text-align:center;font-size:.92rem;line-height:1.35;color:#4a5560}
@media (max-width:900px){.wct-imgrow.wct-sq{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.wct-imgrow.wct-sq{grid-template-columns:1fr}}


/* ===== CONTENT MEDIA v11 — OEM logo strip, 7 logos (.wct-logos-7) ===== */
.wct-imgrow.wct-logos.wct-logos-7{grid-template-columns:repeat(4,1fr);gap:12px}
.wct-imgrow.wct-logos.wct-logos-7 img{height:96px!important;padding:10px}
@media (max-width:900px){.wct-imgrow.wct-logos.wct-logos-7{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.wct-imgrow.wct-logos.wct-logos-7{grid-template-columns:repeat(2,1fr)}.wct-imgrow.wct-logos.wct-logos-7 img{height:72px!important}}


/* ===== CONTENT MEDIA v12 — About Us aerial plant photo ===== */
.entry img.wct-about-aerial,.elementor-widget-text-editor img.wct-about-aerial{float:right;width:400px!important;max-width:48%;height:auto!important;margin:4px 0 16px 28px!important;border-radius:12px;border:1px solid #e3e7ea}
@media (max-width:700px){.entry img.wct-about-aerial,.elementor-widget-text-editor img.wct-about-aerial{float:none;display:block;width:100%!important;max-width:100%;margin:0 0 18px!important}}


/* ===== CONTENT MEDIA v13 - blog lead image, floated in copy (imported 260903) ===== */
.entry .wct-blogimg{float:left;width:320px;max-width:44%;margin:4px 28px 16px 0}
.entry .wct-blogimg img{display:block;width:100%;height:auto;border-radius:12px;background:#f3f4f5;margin:0}
.entry .elementor-widget-text-editor:has(.wct-blogimg)::after{content:"";display:table;clear:both}
.entry hr{clear:both}
@media(max-width:640px){.entry .wct-blogimg{float:none;width:100%;max-width:380px;margin:0 0 20px}}

/* ===== CONTENT MEDIA v14 — uncropped 2x2 photo row (.wct-fit): mixed-ratio product shots shown whole on white ===== */
.wct-imgrow.wct-fit img{object-fit:contain;background:#fff;padding:10px;border:1px solid #e3e7ea}