/* Modern compatibility layer: loaded AFTER archived Rurelec styles */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#434343;overflow-wrap:anywhere}
img,svg,video,iframe{max-width:100%;height:auto}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #176f34;outline-offset:3px}
.rurelec-skip{position:absolute;left:-9999px;top:0;background:#fff;color:#174f24;padding:.8rem;z-index:9999}
.rurelec-skip:focus{left:8px;top:8px}
.Header{width:100%;max-width:1056px;min-width:0;height:auto;min-height:100px;overflow:visible}
.rurelec-header-inner{min-height:100px;position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:8px 12px}
.Header .Logo{margin:0;display:block}.Header .Logo img{display:block}
.Header .LinkBox{margin-left:auto}.Header .SearchBox{position:static;margin-left:auto;max-width:390px}
.banner,.document,.contentinfo{max-width:1056px;min-width:0;width:100%}
.document{padding:20px 12px 32px;min-height:240px}
.rurelec-divider-inner{max-width:1056px;margin:auto;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.Divider{margin:0;padding:12px;background:#f6f8f6}
.SecondBannerBack{background-color:#f5f5f5}
.rurelec-secondary-fallback{background:#e8eee8 url('../images/header_about.jpg') center/cover no-repeat;height:183px}
.Nav{min-width:0;min-height:44px}
.Nav .rurelec-nav-fallback{display:inline-block;padding:14px;color:#fff}
.Nav ul{float:none;display:flex;flex-wrap:wrap;max-width:100%;gap:0;overflow:visible}
.Nav ul li{float:none}
.Nav .mod-menu,.Nav .menu{margin:0;padding:0;list-style:none}
.Nav a{display:block;text-decoration:none}
.HomeTopTier,.HomeBottomTier{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:0}
.document .HomeTopTier .Col1,.document .HomeTopTier .Col2,.document .HomeTopTier .Col3,
.document .HomeBottomTier .Col1,.document .HomeBottomTier .Col2,.document .HomeBottomTier .Col3{box-sizing:border-box;float:none;width:auto;min-width:0;max-width:none;margin:0;padding:16px;overflow:visible;background-position:right top}
.HomeTopTier .HomeBox{min-width:0}
.HomeBottomTier .QuickLinks{min-height:80px}
.ContentContainerLeft{width:23%;max-width:240px;min-width:0;float:left;padding-right:18px}
.ContentContainerRight{margin-left:0;width:auto;min-width:0;overflow:visible}
.ContentContainerRight::after,.document::after{content:"";display:table;clear:both}
.ContentContainerRight table{display:block;max-width:100%;overflow-x:auto}
.ContentContainerRight iframe{width:100%;max-width:100%;border:0}
.ContentContainerRight .moduletable,.ContentContainerRight .mod-finder,.ContentContainerRight form{max-width:100%}
.contentinfo{min-height:70px;margin:0 auto;padding:16px 12px 30px}
.FooterBack{background-color:#f7f7f7}
.FooterBar p{margin:.5rem 0}
.rurelec-slideshow #slider{position:relative;overflow:hidden}
.rurelec-slideshow #slider>.rurelec-slide{display:none;width:100%;height:auto}
.rurelec-slideshow #slider>.rurelec-slide.is-active{display:block}
.rurelec-slideshow #slider>.rurelec-slide img{width:100%;height:auto;display:block}
.rurelec-cookie-note{position:fixed;bottom:14px;left:14px;right:14px;max-width:800px;z-index:10000;background:#fff;border:1px solid #bbb;box-shadow:0 6px 25px #0003;padding:18px;margin:auto;border-radius:8px}
.rurelec-cookie-note:not([hidden]){display:flex;gap:20px;align-items:center;justify-content:space-between}
.rurelec-cookie-note p{margin:0}.rurelec-cookie-note button{cursor:pointer;background:#2b7533;border:0;color:#fff;padding:10px 16px;border-radius:4px}
@media(max-width:800px){.Nav ul{display:flex;flex-wrap:wrap}.Nav a{padding:.85em!important}.SearchBox,.Header .SearchBox{max-width:100%;margin:0}.document{padding:16px 12px}.HomeTopTier,.HomeBottomTier{grid-template-columns:1fr 1fr}.HomeTopTier .Col3,.HomeBottomTier .Col3{grid-column:1/-1}.ContentContainerLeft{width:100%;max-width:none;float:none;min-height:0}.ContentContainerRight{width:100%;float:none}.SecondaryHeaderBox{height:auto;min-height:140px}}
@media(max-width:560px){.Header{min-height:0}.rurelec-header-inner{display:block;min-height:0}.Header .Logo{margin:0 0 12px}.Header .SearchBox{position:static;width:100%;margin:12px 0}.SearchBox input,.SearchBox .searchInput{min-width:0;max-width:100%}.HomeTopTier,.HomeBottomTier{grid-template-columns:1fr}.HomeTopTier .Col3,.HomeBottomTier .Col3{grid-column:auto}.document .HomeTopTier>div,.document .HomeBottomTier>div{background:none!important}.Nav li{width:auto}.FooterBack .contentinfo{margin-bottom:0}.rurelec-cookie-note:not([hidden]){display:block}.rurelec-cookie-note button{margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:0.01ms!important;transition-duration:0.01ms!important}}

/* Recreated project-location map; locations are country-level references, not facility GPS coordinates. */
.rurelec-project-map{margin:0 0 22px}
.rurelec-project-map h1{margin:0 0 18px}
.rurelec-map-stage{position:relative;width:100%;border:1px solid #e4e9e5;background:#fff;overflow:hidden}
.rurelec-map-stage>img{display:block;width:100%;height:auto}
.rurelec-map-pin{position:absolute;transform:translate(-50%,-75%);border:0;padding:0;background:transparent;cursor:pointer;color:#1b5729;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:1}
.rurelec-map-dot{height:12px;width:12px;border-radius:50%;background:#2f873e;box-shadow:0 0 0 3px #ffffffb9,0 2px 5px #0004}
.rurelec-map-label{font-size:clamp(9px,.95vw,12px);background:#fffffff0;padding:2px 5px;border:1px solid #d6e2d6;border-radius:4px;white-space:nowrap}
.rurelec-map-pin[aria-pressed="true"] .rurelec-map-dot,.rurelec-map-pin:hover .rurelec-map-dot{background:#d76f25;box-shadow:0 0 0 4px #ffe4be}
.rurelec-map-selected{padding:14px;background:#f0f6ed;color:#285c2d}
@media(max-width:560px){.rurelec-map-stage{min-height:260px}.rurelec-map-stage>img{min-height:260px;object-fit:cover;object-position:center}.rurelec-map-label{font-size:9px;padding:1px 3px}.rurelec-map-dot{width:9px;height:9px}}

.rurelec-slideshow #slider.nivoSlider>.rurelec-slide{position:static;max-width:100%;height:auto}
.rurelec-slideshow #slider.nivoSlider>.rurelec-slide img{position:static;max-width:100%}

/* Rurelec frontend restoration v1.0: accessible two-frame native homepage hero. */
.rurelec-hero{position:relative;max-width:989px;margin:0 auto;overflow:hidden}
.rurelec-hero-track{position:relative}
.rurelec-hero-slide{position:relative;margin:0;width:100%}
.rurelec-hero-slide[hidden]{display:none!important}
.rurelec-hero-slide img{display:block;width:100%;height:auto;aspect-ratio:989/294;object-fit:cover}
.rurelec-hero-slide figcaption{position:absolute;bottom:0;left:0;right:0;padding:12px 18px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.75));display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px}
.rurelec-hero-slide figcaption strong{font-size:clamp(19px,2.4vw,28px);font-weight:700}
.rurelec-hero-slide figcaption span{font-size:clamp(12px,1.5vw,16px)}
.rurelec-hero-controls{position:absolute;right:8px;top:8px;display:flex;gap:8px}
.rurelec-hero-controls button{border:1px solid #fff9;background:#182d22be;color:#fff;min-width:36px;min-height:36px;cursor:pointer;font-size:18px;border-radius:3px}
.rurelec-section-banner,.rurelec-section-banner img{display:block;width:100%;height:auto;max-height:183px}
.rurelec-section-banner img{object-fit:cover}
@media(max-width:560px){.rurelec-hero-slide figcaption{padding:8px 12px}.rurelec-hero-slide figcaption span{font-size:11px}.rurelec-hero-controls{top:4px;right:4px}.rurelec-hero-controls button{min-height:30px;min-width:30px}}

/* Rurelec visual parity 1.0: correct visible differences against the English live homepage.
 * Preserve the template's original 1056 CSS-pixel width. Browser zoom affects screenshots. */
.rurelec-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Joomla 3's search box was a defunct {loadposition search} wrapper. Use core com_finder instead. */
.Header .LinkBox{display:none}
.Header .rurelec-header-inner{min-height:100px}
.Header .SearchBox.rurelec-native-search{display:block;position:absolute;right:12px;bottom:10px;width:300px;max-width:calc(100% - 180px);margin:0;border:1px solid #e5ebe5;background:#eff6f2;z-index:2}
.rurelec-search-form{display:flex;align-items:stretch;margin:0;width:100%;height:28px;padding:0;background:#eff6f2}
.rurelec-search-form input[type=search]{-webkit-appearance:none;appearance:none;min-width:0;width:100%;flex:1;border:0!important;background:transparent!important;color:#59645b;padding:0 8px;font:11px/28px Arial,Helvetica,sans-serif;outline-offset:-2px}
.rurelec-search-form input[type=search]::placeholder{opacity:1;color:#68766d}
.rurelec-search-form button{width:27px;min-width:27px;height:26px;margin:1px;border:1px solid #a2bba5;background:#fff;color:#438451;cursor:pointer;display:grid;place-items:center;padding:0}
.rurelec-search-form button:hover,.rurelec-search-form button:focus-visible{background:#e3eee5}
.rurelec-search-magnifier{position:relative;display:block;width:11px;height:11px;border:2px solid currentColor;border-radius:50%}
.rurelec-search-magnifier::after{content:"";width:7px;height:2px;background:currentColor;position:absolute;transform:rotate(45deg);right:-6px;bottom:-3px;transform-origin:left center}
/* Original caption: company title above the subtitle, white on the lower-left of the photo. */
.rurelec-hero-slide figcaption{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:1px;bottom:0;left:0;right:0;padding:14px 15px 20px;color:white;background:linear-gradient(0deg,rgba(0,0,0,.20),transparent 80%);text-shadow:0 1px 3px #0009}
.rurelec-hero-slide figcaption strong{font-family:Arial,Helvetica,sans-serif;font-size:clamp(22px,2.9vw,32px);font-weight:400;line-height:1.12;text-transform:uppercase}
.rurelec-hero-slide figcaption span{font-family:Arial,Helvetica,sans-serif;font-size:clamp(12px,1.4vw,16px);line-height:1.4}
/* Discreet original bottom-right slide dots instead of the larger top-right arrows. */
.rurelec-hero-dots{position:absolute;right:16px;bottom:15px;display:flex;gap:7px;z-index:5;align-items:center}
.rurelec-hero-dots button{display:block;appearance:none;cursor:pointer;border:1px solid #8e9490;width:14px;height:14px;min-width:14px;min-height:14px;padding:0;border-radius:50%;background:#5a6459;box-shadow:0 1px 3px #0005}
.rurelec-hero-dots button.is-active{background:#ebebeb;border-color:#a6a6a6}
.rurelec-hero-dots button:focus-visible{outline:3px solid #fff;outline-offset:3px}
/* Slim divider that was removed when Spanish switching was retired. It is an indicator, NOT a language switch. */
.Divider.rurelec-english-divider{display:block;box-sizing:border-box;margin:7px auto 18px;padding:0;width:100%;max-width:1056px;min-width:0;min-height:25px;height:auto;background:transparent;border-bottom:1px solid #d7d7d7}
.rurelec-english-divider .rurelec-divider-inner{display:flex;justify-content:flex-end;align-items:center;max-width:none;min-height:24px;width:100%;padding:0 5px;gap:12px}
.rurelec-language-indicator{margin-left:auto;display:inline-flex;align-items:center;gap:8px;color:#707070;font-size:10px;line-height:16px;white-space:nowrap}
.rurelec-language-flag{font-size:16px;line-height:1}
/* The same column boundaries, rules and PDF glyphs used by the old site. */
.home .HomeTopTier{border-bottom:20px solid #fff}
.home .HomeBottomTier{border-top:1px solid #d6d6d6}
.home .HomeBottomTier .Col1,.home .HomeBottomTier .Col2,.home .HomeBottomTier .Col3{padding:16px}
.home .HomeBottomTier .Col1,.home .HomeBottomTier .Col2{border-right:3px solid #fff}
.home .HomeBottomTier .Col3 .QuickLinks a{background-image:url('../images/pdf_download.png');background-position:left center;background-repeat:no-repeat;background-size:15px auto;padding-left:27px}
/* Match the original copyright bar and one-line neutral-colour footer navigation. */
.FooterBack .contentinfo{padding:0 0 20px;min-height:70px;margin:8px auto 30px;width:100%;max-width:1056px}
.FooterBack .FooterBar{min-height:47px;display:flow-root}
.FooterBack .FooterBar p{margin:0;padding:13px 16px 11px;float:right;font-size:12px;color:#797979;line-height:20px}
.FooterBack .contentinfo ul,.FooterBack .contentinfo .mod-menu,.FooterBack .contentinfo .menu,.FooterBack .contentinfo .menuFooterNav{display:flex!important;flex-flow:row wrap!important;align-items:center;gap:2px 22px;list-style:none!important;list-style-type:none!important;margin:8px 0 0!important;padding:0!important;background:none!important}
.FooterBack .contentinfo li,.FooterBack .contentinfo ul li{display:inline-flex!important;float:none!important;list-style:none!important;list-style-type:none!important;margin:0!important;padding:0!important;background:none!important}
.FooterBack .contentinfo li::marker{content:""}
.FooterBack .contentinfo a,.FooterBack .contentinfo .mod-menu a{display:inline!important;float:none!important;padding:0!important;margin:0!important;color:#797979!important;background:none!important;text-decoration:none!important;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:20px;border:0!important}
.FooterBack .contentinfo a:hover,.FooterBack .contentinfo a:focus-visible{color:#39803b!important;text-decoration:underline!important}
/* On small screens the header form goes below the logo and the footer wraps naturally. */
@media(max-width:800px){.Header .SearchBox.rurelec-native-search{max-width:310px}.home .HomeBottomTier .Col1,.home .HomeBottomTier .Col2{border-right:0}}
@media(max-width:560px){.Header .rurelec-header-inner{display:flex;flex-direction:column;align-items:flex-start;padding:8px 12px}.Header .SearchBox.rurelec-native-search{position:static;right:auto;bottom:auto;max-width:none;width:min(100%,340px);margin:0 0 8px}.rurelec-search-form{height:32px}.rurelec-search-form button{height:30px;width:30px}.rurelec-hero-slide figcaption{padding:10px 12px 13px}.rurelec-hero-slide figcaption strong{font-size:20px}.rurelec-hero-slide figcaption span{font-size:11px}.rurelec-hero-dots{right:10px;bottom:8px}.Divider.rurelec-english-divider{padding:0 8px}.FooterBack .contentinfo{padding:0 12px 20px}.FooterBack .contentinfo ul{gap:4px 16px}}
