/*
Theme Name: Idro Power
Description: Idro Power's blue and navy EHRLE shop design. Pair with the Idro Power EHRLE Shop plugin and WooCommerce.
Version: 1.7.1
Requires at least: 6.6
Requires PHP: 8.1
Author: Idro Power
License: GPL-2.0-or-later
Text Domain: idro-power
Update URI: false
*/
:root{--idro-blue:#006baf;--idro-navy:#062d4b;--idro-ink:#182633;--idro-border:#dce4e9}
.idro-searchbar{background:#edf5fa;border-top:1px solid #e0e9ef;border-bottom:1px solid #dce4e9;padding:14px 0}.idro-searchbar>.idro-shell{display:flex;align-items:center;gap:30px}.idro-searchbar form{display:flex;flex:1;max-width:700px}.idro-searchbar input{min-width:0;flex:1;padding:12px 14px;border:1px solid #b7ccdb;border-radius:6px 0 0 6px;background:#fff}.idro-searchbar button{background:#006baf;color:white;border:0;border-radius:0 6px 6px 0;padding:12px 22px;cursor:pointer}.idro-searchbar nav,.idro-searchbar nav ul{display:flex;flex-wrap:wrap;gap:12px 22px;margin:0;padding:0;list-style:none}.idro-searchbar nav a{text-decoration:none;color:#062d4b;font-size:14px;font-weight:600}.idro-searchbar nav a:hover{text-decoration:underline}
@media(max-width:800px){.idro-searchbar>.idro-shell{display:block}.idro-searchbar form{max-width:none}.idro-searchbar nav{margin-top:10px}.idro-searchbar button{padding:12px 16px}}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:#fff;color:var(--idro-ink);font:16px/1.6 Arial,Helvetica,sans-serif}img{max-width:100%;height:auto}a{color:var(--idro-blue)}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #008ed6;outline-offset:3px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.idro-shell{width:min(1320px,calc(100% - 80px));margin:0 auto}.idro-skip{position:absolute;left:16px;top:-100px;z-index:100;background:white;padding:12px}.idro-skip:focus{top:12px}.idro-topbar{background:var(--idro-navy);color:#fff;font-size:12px;letter-spacing:.09em}.idro-topbar .idro-shell{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:36px}.idro-topbar a{color:#fff;text-decoration:none}.idro-topbar .location{color:#b9d3e4;letter-spacing:.02em}
.idro-header{display:flex;align-items:center;gap:60px;min-height:116px}.idro-header a{text-decoration:none;color:var(--idro-ink)}.idro-logo-window{display:block;width:145px;height:103px;overflow:hidden;position:relative;flex-shrink:0}.idro-logo-window img{position:absolute;width:650px;max-width:none;height:auto;left:-9px;top:-11px}.idro-custom-logo img{max-width:180px;max-height:92px;object-fit:contain}.idro-nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}.idro-nav li{margin:0}.idro-nav a{font-size:15px;font-weight:600;padding:18px 0;display:block}.idro-nav a:hover{color:var(--idro-blue)}.idro-nav .current-menu-item>a{border-bottom:3px solid var(--idro-blue)}.idro-header-help{margin-left:auto;font-size:12px;color:#6e7e88;line-height:1.5}.idro-header-help strong{display:block;font-size:16px;color:var(--idro-ink)}.idro-basket{display:flex;align-items:center;gap:9px;border-left:1px solid var(--idro-border);padding-left:26px;font-size:15px;font-weight:600}.idro-basket b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e8f3fa;color:var(--idro-blue);font-size:13px}
.idro-footer{background:#082b44;color:#c2d3df;padding:40px 0 0;font-size:14px;margin-top:0}.idro-footer a{color:inherit;text-decoration:none;display:block;margin:0 0 11px}.idro-footer a:hover{text-decoration:underline;color:#fff}.idro-footer-grid{display:grid;grid-template-columns:1fr 1.35fr .9fr;gap:50px}.idro-footer h2{font-size:15px;color:#fff;margin:8px 0 17px}.idro-footer p{line-height:1.8}.idro-footer-logo{display:inline-block;background:white;border-radius:5px;padding:0 8px}.idro-footer-logo .idro-logo-window{transform:scale(.88);margin:-5px}.idro-footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff14;margin-top:27px;padding:18px 0;color:#a1b7c5;font-size:12px}.idro-standard-page{max-width:1000px;min-height:400px;padding-top:35px;padding-bottom:65px}.idro-standard-page h1{font-size:40px;line-height:1.2}.idro-page-content{min-height:350px}.idro-page-content>.idro-shop{width:100%}
@media(max-width:1100px){.idro-shell{width:calc(100% - 48px)}.idro-header{gap:40px}.idro-header-help{display:none}.idro-basket{margin-left:auto}}
@media(max-width:700px){.idro-shell{width:calc(100% - 32px)}.idro-topbar .location{display:none}.idro-topbar{font-size:11px}.idro-header{flex-wrap:wrap;gap:6px 20px;padding:7px 0 16px}.idro-header .idro-logo-window{transform:scale(.86);transform-origin:left center;margin-right:-20px;margin-top:-6px;margin-bottom:-6px}.idro-nav{order:3;width:100%}.idro-nav ul{justify-content:space-between;gap:18px}.idro-nav a{padding:2px 0;font-size:14px}.idro-basket{font-size:13px}.idro-footer-grid{grid-template-columns:1fr;gap:20px}.idro-footer-grid>div:first-child{display:flex;align-items:center;gap:20px}.idro-footer-bottom{flex-direction:column;gap:6px}.idro-standard-page h1{font-size:31px}}

/* Shopping and quote baskets */
.idro-nav li{position:relative}.idro-nav .menu-item-has-children{padding-right:26px}.idro-nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;max-width:calc(100vw - 32px);padding:8px;background:#fff;border:1px solid #dce4e9;box-shadow:0 12px 28px #062d4b22;z-index:100;flex-direction:column;gap:0}.idro-nav .sub-menu a{padding:10px 12px;white-space:normal}.idro-nav .sub-menu .sub-menu{left:100%;top:0}.idro-nav li.is-open>.sub-menu{display:flex}.idro-submenu-toggle{position:absolute;right:0;top:15px;width:25px;height:32px;border:0;background:transparent;color:#006baf;cursor:pointer}.idro-nav .sub-menu .idro-submenu-toggle{top:6px}.idro-archive-heading{padding-top:30px}.idro-header-blocks{padding:10px 0}.idro-footer-blocks{padding-bottom:20px}.idro-footer-blocks .wp-block-columns{gap:35px}.idro-standard-page .alignwide{max-width:1320px}.idro-standard-page .alignfull{width:100%;margin-left:0;margin-right:0}
.idro-nav:not(.idro-nav-ready) li:focus-within>.sub-menu{display:flex}
@media(hover:hover){.idro-nav:not(.idro-nav-ready) li:hover>.sub-menu{display:flex}}
@media(max-width:700px){.idro-submenu-toggle{top:0;height:28px}.idro-nav .sub-menu{left:0;min-width:190px}.idro-nav .sub-menu .sub-menu{position:static;box-shadow:none;min-width:0}.idro-nav>ul{flex-wrap:wrap;justify-content:flex-start;gap:8px 18px}.idro-nav .menu-item-has-children{padding-right:26px}}
.idro-header{gap:35px}.idro-baskets{display:flex;align-items:center;gap:18px;margin-left:auto}.idro-baskets .idro-basket{margin-left:0;padding-left:18px}.idro-baskets .idro-quote-link{border-left:0;padding-left:0}.idro-baskets .idro-quote-link b{background:#eef1f4;color:#526775}
.woocommerce .button,.woocommerce button.button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:#006baf;color:#fff;border-radius:5px;padding:13px 20px}.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:#005992;color:#fff}.woocommerce .quantity input{min-height:40px;border:1px solid #cbd8e1;border-radius:4px}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{padding:10px;border:1px solid #cbd8e1;border-radius:4px;background:#fff}.woocommerce table.shop_table{border-color:#dce4e9}.woocommerce .cart_totals h2,.woocommerce-checkout h3{color:#062d4b}.woocommerce #payment{background:#f2f7fb}
@media(max-width:1100px){.idro-header{gap:25px}.idro-baskets{gap:14px}.idro-baskets .idro-basket{padding-left:14px}.idro-baskets .idro-quote-link{padding-left:0}}
@media(max-width:700px){.idro-header{gap:6px 14px}.idro-baskets{gap:12px}.idro-baskets .idro-basket{font-size:13px;gap:5px;padding-left:12px}.idro-baskets .idro-quote-link{padding-left:0}.idro-baskets .idro-basket b{width:22px;height:22px}}

/* Shop all: grouped category panel, September 2026. */
#menu-item-208 > .sub-menu {width:min(1040px,calc(100vw - 32px));max-width:calc(100vw - 32px);left:50%;right:auto;transform:translateX(-50%);padding:20px;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr));max-height:calc(100dvh - 190px);overflow-y:auto;overscroll-behavior:contain;}
#menu-item-208.is-open > .sub-menu {display:grid;}
#menu-item-208 > .sub-menu > li {padding:0;min-width:0;}
#menu-item-208 > .sub-menu > li > a {font-size:15px;color:#062d4b;border-bottom:2px solid #3488c3;padding:10px 8px;margin-bottom:8px;}
#menu-item-208 > .sub-menu > li > .idro-submenu-toggle {display:none;}
#menu-item-208 > .sub-menu > li > .sub-menu {display:block;position:static;transform:none;width:auto;min-width:0;max-width:none;max-height:none;padding:0;border:0;box-shadow:none;background:transparent;}
#menu-item-208 > .sub-menu > li > .sub-menu li {padding:0;}
#menu-item-208 > .sub-menu > li > .sub-menu a {font-size:14px;font-weight:400;line-height:1.35;padding:10px 8px;min-height:40px;}
#menu-item-208 > .sub-menu a:hover {background:#edf6fb;}
@media(max-width:800px){.idro-nav{position:relative;}#menu-item-208{position:static;}#menu-item-208 > .sub-menu {left:0;right:auto;transform:none;top:100%;width:100%;max-width:none;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;max-height:65vh;}}
@media(max-width:420px){#menu-item-208 > .sub-menu{grid-template-columns:1fr;}}

/* Keep the main menu available while scrolling. */
.idro-header{position:sticky;top:0;z-index:1000;width:100%;padding-left:max(40px,calc((100% - 1320px)/2));padding-right:max(40px,calc((100% - 1320px)/2));background:#fff;box-shadow:0 3px 12px rgba(6,45,75,.12);}
body.admin-bar .idro-header{top:32px;}
@media(max-width:1100px){.idro-header{padding-left:24px;padding-right:24px;}}
@media(max-width:782px){body.admin-bar .idro-header{top:46px;}}
@media(max-width:700px){.idro-header{padding-left:16px;padding-right:16px;}}
@media(max-width:600px){body.admin-bar .idro-header{top:0;}}

/* Homepage service alignment and product collages. */
.idro-service-panels>.wp-block-column>.wp-block-group:first-child .wp-block-image{margin:0;display:flex;align-items:center;justify-content:center;height:190px;}
.idro-service-panels>.wp-block-column>.wp-block-group:first-child img{display:block;margin:0 auto;max-width:100%;width:auto;height:190px;object-fit:contain;}
.idro-category-card{background:#fff;border:1px solid #dce8ef;border-top:4px solid #006baf;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #062d4b14;display:flex;flex-direction:column;transition:box-shadow .2s ease;}
.idro-category-card:hover,.idro-category-card:focus-within{box-shadow:0 12px 30px #062d4b26;}
.idro-category-montage{position:relative;height:230px;flex-shrink:0;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 55%,#fff 0 35%,#deeffb 36% 58%,#f2f8fc 59%);}
.idro-category-montage .wp-block-image{position:absolute;margin:0!important;display:flex;align-items:center;justify-content:center;}
.idro-category-montage img{width:100%;height:100%;max-height:100%;object-fit:contain;display:block;}
.idro-category-montage .idro-montage-image-0{width:56%;height:190px;left:50%;bottom:9px;transform:translateX(-50%);z-index:3;filter:drop-shadow(0 8px 5px #062d4b20);}
.idro-category-montage .idro-montage-image-1{width:39%;height:145px;right:3%;top:22px;z-index:2;}
.idro-category-montage .idro-montage-image-2{width:38%;height:140px;left:3%;top:12px;z-index:1;}
.idro-montage-machines .idro-montage-image-0{left:45%;}
.idro-montage-heaters{background:radial-gradient(circle at 50% 55%,#fff8ec 0 35%,#ffe0a4 36% 58%,#fff3df 59%);}
.idro-montage-heaters .wp-block-image,.idro-montage-parts .wp-block-image{mix-blend-mode:multiply;}
.idro-montage-parts .idro-montage-image-0{height:155px;width:60%;bottom:8px;}
.idro-montage-parts .idro-montage-image-1{width:47%;height:120px;left:3%;right:auto;top:13px;transform:rotate(-12deg);}
.idro-montage-parts .idro-montage-image-2{width:32%;height:115px;left:auto;right:5%;top:15px;transform:rotate(12deg);}
.idro-montage-hose .idro-montage-image-0{width:80%;height:175px;bottom:28px;filter:none;}
.idro-category-copy{padding:22px;flex:1;display:flex;flex-direction:column;}
.idro-category-copy h3{margin:0 0 14px;line-height:1.25;color:#062d4b;}
.idro-category-copy p{font-size:15px;line-height:1.65;margin:0 0 22px;}
.idro-category-copy .wp-block-buttons{margin-top:auto;}
.idro-category-copy .wp-block-button__link{background:#006baf;color:#fff;font-size:14px;font-weight:600;padding:12px 16px;border-radius:5px;text-decoration:none;}
@media(min-width:782px) and (max-width:1100px){.idro-category-cards{flex-wrap:wrap!important;}.idro-category-cards>.wp-block-column{flex-basis:calc(50% - 12px)!important;}}
@media(max-width:781px){.idro-category-montage{height:240px;}.idro-category-copy{padding:24px;}}
@media(prefers-reduced-motion:reduce){.idro-category-card{transition:none;}}

/* Give the heater models their own space in the collage. */
.idro-montage-heaters .idro-montage-image-0{width:44%;height:180px;bottom:10px;}
.idro-montage-heaters .idro-montage-image-1{width:30%;height:120px;right:2%;top:24px;}
.idro-montage-heaters .idro-montage-image-2{width:30%;height:120px;left:2%;top:24px;}
.idro-montage-machines .idro-montage-image-0 img{transform:scale(1.15);}
.idro-montage-parts .idro-montage-image-0{filter:none;}