/* APA Koi light layer (loads after brand.css).
 * Page body goes warm white with black text; the hero, auction strip, header
 * and footer keep the original dark palette. Image placeholders stay dark
 * because they stand in for photography.
 * To go back to the all-dark site, stop enqueuing this file in apakoi-theme.php.
 */
:root{
	--apa-black:#faf8f4;
	--apa-charcoal:#f1eee8;
	--apa-charcoal-2:#e9e5de;
	--apa-line:#e2ddd5;
	--apa-white:#141414;
	--apa-muted:#5f5b56;
	--apa-field:#cfc9bf;
}

/* Dark zones: restore the original palette for everything inside them */
.apa-hero,.apa-strip-wrap,.apa-header,.apa-footer,.apa-ph,.apa-tile,.apa-video-band{
	--apa-black:#0a0a0a;
	--apa-charcoal:#161616;
	--apa-charcoal-2:#1f1f1f;
	--apa-line:#2a2a2a;
	--apa-white:#f4f2ee;
	--apa-muted:#9a9792;
	--apa-field:#3a3a3a;
	color:var(--apa-white);
}
.apa-strip-wrap{background:#161616!important}

/* Ghost buttons on light backgrounds need a dark outline */
.apa-btn-ghost .elementor-button{border-color:rgba(20,20,20,.45)!important}
.apa-btn.ghost{border-color:rgba(20,20,20,.45)}
.apa-hero .apa-btn-ghost .elementor-button,.apa-strip-wrap .apa-btn.ghost,.apa-hero .apa-btn.ghost{border-color:rgba(244,242,238,.55)!important}

/* Three-tone rhythm: every other plain section is pure white, between the
 * warm white sections and the light grey .apa-alt ones. */
.elementor > .apa-section:not(.apa-alt):nth-child(odd of .apa-section:not(.apa-alt):not(.apa-video-band)){background:#fff!important}
.elementor > .apa-section:not(.apa-alt):nth-child(odd of .apa-section:not(.apa-alt):not(.apa-video-band)) .apa-card,
.elementor > .apa-section:not(.apa-alt):nth-child(odd of .apa-section:not(.apa-alt):not(.apa-video-band)) .apa-feature,
.elementor > .apa-section:not(.apa-alt):nth-child(odd of .apa-section:not(.apa-alt):not(.apa-video-band)) .apa-contact-band a{background:#faf8f4}

/* Cards and product tiles: white on the warm page */
.apa-card,.woocommerce ul.products li.product{background:#fff}
.apa-card:hover,.woocommerce ul.products li.product:hover{box-shadow:0 18px 40px rgba(20,20,20,.08)}
.apa-section.apa-alt .apa-card{background:#fff}
.apa-badge.live{background:rgba(231,1,1,.08);color:var(--apa-red)}
.apa-feature{background:#fff}
.apa-alt .apa-feature{background:#fff}
.apa-contact-band a,.apa-contact-band div{background:#fff}
.apa-contact-band a:hover{background:var(--apa-charcoal)}
.apa-tile span{color:#f4f2ee}

/* Sticky services nav */
.apa-anchor-nav{background:rgba(250,248,244,.94)}

/* Forms */
.apa-form input[type=text],.apa-form input[type=email],.apa-form input[type=tel],.apa-form select,.apa-form textarea{border-bottom-color:var(--apa-field)}
.apa-form select option{background:#fff}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce .quantity .qty{border-color:var(--apa-field);background:#fff}
.woocommerce .woocommerce-ordering select{background:#fff}
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:#fff!important}

/* Placeholder art: soft pond-water tone instead of near-black */
.apa-ph{background:radial-gradient(ellipse at 30% 30%,#7d9599 0%,#5b7377 55%,#475d61 100%)}
.apa-ph .apa-ph-tag{color:rgba(244,242,238,.7)}
.apa-ph svg{filter:drop-shadow(0 10px 18px rgba(0,0,0,.25))}

/* Real koi photos in cards: same shape as the placeholder art */
.apa-card > img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}

/* Map no longer needs inverting */
.apa-map{filter:grayscale(.6)}

/* Softer shadows for artwork on light sections */
.apa-photo img,.apa-pic{border-color:var(--apa-line)}

/* Hero watermark: koi + sun logo that moves a step to the right on each page,
 * in menu order, so the fish appears to swim across the site.
 * About -> Koi for Sale -> Auctions -> Pond Equipment -> Pond Services -> Contact */
body.page-id-34{--apa-wm-x:-6%;--apa-wm-from:-16%}
body.page-id-35{--apa-wm-x:8%;--apa-wm-from:-6%}
body.page-id-36{--apa-wm-x:22%;--apa-wm-from:8%}
body.page-id-39{--apa-wm-x:36%;--apa-wm-from:22%}
body.page-id-37{--apa-wm-x:50%;--apa-wm-from:36%}
body.page-id-38{--apa-wm-x:62%;--apa-wm-from:50%}
:is(body.page-id-34,body.page-id-35,body.page-id-36,body.page-id-37,body.page-id-38,body.page-id-39) .apa-hero > .e-con-inner::before{content:"";position:absolute;z-index:1;pointer-events:none;top:50%;left:var(--apa-wm-x);width:min(48vw,760px);aspect-ratio:995/1039;transform:translateY(-50%) rotate(-8deg);background:url(https://apakoi.com/wp-content/uploads/apakoi/apakoi-koi-sun-768x802.webp) no-repeat center/contain;opacity:.13;animation:apa-wm-swim 1.6s cubic-bezier(.22,.7,.2,1) both}
@keyframes apa-wm-swim{from{left:var(--apa-wm-from);opacity:0}to{left:var(--apa-wm-x);opacity:.13}}
@media (prefers-reduced-motion:reduce){.apa-hero > .e-con-inner::before{animation:none!important}}
@media(max-width:767px){:is(body.page-id-34,body.page-id-35,body.page-id-36,body.page-id-37,body.page-id-38,body.page-id-39) .apa-hero > .e-con-inner::before{width:80vw;opacity:.1}
	body.page-id-34{--apa-wm-x:-30%}body.page-id-35{--apa-wm-x:-18%}body.page-id-36{--apa-wm-x:-6%}body.page-id-39{--apa-wm-x:6%}body.page-id-37{--apa-wm-x:18%}body.page-id-38{--apa-wm-x:30%}}

/* About page: soft grey watermark in each light section, alternating sides */
body.page-id-34 .elementor > .apa-section{position:relative;overflow:hidden}
body.page-id-34 .elementor > .apa-section:not(.apa-video-band)::before{content:"";position:absolute;z-index:0;pointer-events:none;top:50%;width:min(46vw,620px);aspect-ratio:995/1039;background:url(https://apakoi.com/wp-content/uploads/apakoi/apakoi-koi-sun-768x802.webp) no-repeat center/contain;filter:grayscale(1);opacity:.06}
body.page-id-34 .elementor > .apa-section:nth-child(even)::before{right:-8%;transform:translateY(-50%) rotate(-10deg)}
body.page-id-34 .elementor > .apa-section:nth-child(odd)::before{left:-8%;transform:translateY(-50%) scaleX(-1) rotate(-10deg)}
body.page-id-34 .elementor > .apa-section > *{position:relative;z-index:1}
@media(max-width:767px){body.page-id-34 .elementor > .apa-section:not(.apa-video-band)::before{width:80vw}}

/* Dark video band (About page shipment video) */
.apa-section.apa-video-band{background:#0d1112!important}
.apa-video{margin:0;position:relative}
.apa-video video{display:block;width:100%;height:auto;aspect-ratio:1360/718;object-fit:cover;background:#000;border:1px solid #2a2a2a;box-shadow:0 30px 60px rgba(0,0,0,.45)}
.apa-video figcaption{margin-top:14px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#9a9792}

/* About page: no watermark on Japan Journey, Heritage, Gallery, Everything in one place, Philosophy */
body.page-id-34 .elementor-element-6bf46c6::before,body.page-id-34 .elementor-element-59a54a7::before,body.page-id-34 .elementor-element-aa05e11::before,body.page-id-34 .elementor-element-4f426dc::before,body.page-id-34 .elementor-element-d269a9a::before,body.page-id-34 .elementor-element-e01f505::before{content:none!important}

/* White sections on other pages: same soft grey watermark as About, skipped
 * wherever the section shows fish, photos or products. */
body:not(.page-id-34) .elementor > .apa-section:not(.apa-alt):nth-child(odd of .apa-section:not(.apa-alt):not(.apa-video-band)):not(:has(.apa-grid,.apa-tiles,.apa-ph,.apa-pic,.apa-pics,.apa-photo,img,video,.products,.apa-gallery)){position:relative;overflow:hidden}
body:not(.page-id-34) .elementor > .apa-section:not(.apa-alt):nth-child(odd of .apa-section:not(.apa-alt):not(.apa-video-band)):not(:has(.apa-grid,.apa-tiles,.apa-ph,.apa-pic,.apa-pics,.apa-photo,img,video,.products,.apa-gallery))::before{content:"";position:absolute;z-index:0;pointer-events:none;top:50%;width:min(46vw,620px);aspect-ratio:995/1039;background:url(https://apakoi.com/wp-content/uploads/apakoi/apakoi-koi-sun-768x802.webp) no-repeat center/contain;filter:grayscale(1);opacity:.06}
body:not(.page-id-34) .elementor > .apa-section:not(.apa-alt):nth-child(odd of .apa-section:not(.apa-alt):not(.apa-video-band)):not(:has(.apa-grid,.apa-tiles,.apa-ph,.apa-pic,.apa-pics,.apa-photo,img,video,.products,.apa-gallery)):nth-child(even)::before{right:-8%;transform:translateY(-50%) rotate(-10deg)}
body:not(.page-id-34) .elementor > .apa-section:not(.apa-alt):nth-child(odd of .apa-section:not(.apa-alt):not(.apa-video-band)):not(:has(.apa-grid,.apa-tiles,.apa-ph,.apa-pic,.apa-pics,.apa-photo,img,video,.products,.apa-gallery)):nth-child(odd)::before{left:-8%;transform:translateY(-50%) scaleX(-1) rotate(-10deg)}
body:not(.page-id-34) .elementor > .apa-section:not(.apa-alt):nth-child(odd of .apa-section:not(.apa-alt):not(.apa-video-band)):not(:has(.apa-grid,.apa-tiles,.apa-ph,.apa-pic,.apa-pics,.apa-photo,img,video,.products,.apa-gallery)) > *{position:relative;z-index:1}
@media(max-width:767px){body:not(.page-id-34) .elementor > .apa-section:not(.apa-alt):nth-child(odd of .apa-section:not(.apa-alt):not(.apa-video-band)):not(:has(.apa-grid,.apa-tiles,.apa-ph,.apa-pic,.apa-pics,.apa-photo,img,video,.products,.apa-gallery))::before{width:80vw}}

/* Four-card feature grids: one row on wide screens, 2x2 in between, stacked on phones (never 3 + 1) */
.apa-features:has(> :nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}
@media(max-width:1199px){.apa-features:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}}
@media(max-width:599px){.apa-features:has(> :nth-child(4):last-child){grid-template-columns:1fr}}

/* Scrolled header fully solid so page content never shows through */
.apa-header.is-solid{background:#0a0a0a}

/* Koi for Sale: closing 'Looking for something specific?' section in white with a watermark */
body.page-id-35 .elementor-element-3bbbe9e{background:#fff!important;position:relative;overflow:hidden}
body.page-id-35 .elementor-element-3bbbe9e::before{content:"";position:absolute;z-index:0;pointer-events:none;top:50%;right:-8%;width:min(46vw,620px);aspect-ratio:995/1039;background:url(https://apakoi.com/wp-content/uploads/apakoi/apakoi-koi-sun-768x802.webp) no-repeat center/contain;filter:grayscale(1);opacity:.06;transform:translateY(-50%) rotate(-10deg)}
body.page-id-35 .elementor-element-3bbbe9e > *{position:relative;z-index:1}
@media(max-width:767px){body.page-id-35 .elementor-element-3bbbe9e::before{width:80vw}}

/* Background video inside a hero (Pond Services) */
.apa-hero .elementor-widget-html:has(.apa-hero-video),.apa-hero .elementor-widget-html:has(.apa-hero-video) .elementor-widget-container{position:static!important;margin:0!important;width:0;height:0}
.apa-hero-video video{opacity:.55}

/* Looping video in a photo slot */
.apa-pic-video video{display:block;width:100%;height:100%;object-fit:cover}

/* Photo strip under the shipment video */
.apa-video-band .apa-pics-strip{margin-top:4px}
.apa-video-band .apa-pic{border-color:#2a2a2a;background:#161616}

/* Customer testimonial band (Home) */
.apa-testimonial-quote{margin:8px auto 0;max-width:820px;text-align:center}
.apa-testimonial-quote blockquote{margin:0;font-size:clamp(18px,1.7vw,22px);line-height:1.65;font-style:italic;color:#f4f2ee;font-weight:300}
.apa-testimonial-quote figcaption{margin-top:22px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#9a9792}
.apa-testimonial-quote figcaption b{display:block;font-size:14px;letter-spacing:.08em;color:var(--apa-red);margin-bottom:4px}
.apa-results{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:34px auto 0;padding:0;max-width:820px}
.apa-results li{border:1px solid #2a2a2a;padding:9px 14px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#f4f2ee}
.apa-results li:first-child{border-color:var(--apa-red);background:rgba(231,1,1,.15)}
.apa-video-band .apa-pics-strip{grid-template-columns:repeat(4,1fr)}
.apa-video-band .apa-pics-strip .apa-pic{aspect-ratio:4/3}
@media(max-width:600px){.apa-video-band .apa-pics-strip{grid-template-columns:repeat(2,1fr)}}

/* Enquiry forms: the form element itself carries .apa-form, so space its rows here */
form.apa-form{display:grid;gap:22px}
form.apa-form input[type=checkbox]{margin:0 8px 0 0;vertical-align:-2px}
form.apa-form input[type=submit]{margin-top:14px}

/* Footer credit */
.apa-credit a{color:#f4f2ee!important}
.apa-credit a:hover{color:var(--apa-red)!important}

/* Service blocks: flip whatever the image is (photo, video or placeholder), not only placeholders */
.apa-service.flip > :first-child{order:2}
@media(max-width:860px){.apa-service.flip > :first-child{order:0}}

/* Shop and koi filter chips */
.apa-filters{display:grid;gap:12px;margin:0 0 30px;padding:0 0 24px;border-bottom:1px solid var(--apa-line)}
.apa-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.apa-filters .lbl{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--apa-muted);min-width:70px}
.apa-chip{display:inline-block;padding:8px 14px;border:1px solid var(--apa-line);background:#fff;font-size:12px;letter-spacing:.06em;color:var(--apa-white)!important;text-decoration:none!important;transition:border-color .2s,background .2s}
.apa-chip:hover{border-color:var(--apa-red)}
.apa-chip.on{background:var(--apa-red);border-color:var(--apa-red);color:#fff!important}
.apa-sort{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto}
.apa-empty{padding:30px 0;color:var(--apa-muted)}
@media(max-width:860px){.apa-sort{margin-left:0;width:100%}.apa-filters .lbl{width:100%}}

/* Closed mobile menu: its dropdown links were set visible and caught clicks across the page */
@media(max-width:1024px){body:not(.apa-menu-open) .apa-nav-wrap,body:not(.apa-menu-open) .apa-nav-wrap *{visibility:hidden!important;pointer-events:none!important}}

/* Legal pages (Privacy, T&Cs, Returns, Auction Terms) */
.apa-legal{max-width:820px;margin:0 auto;padding:40px var(--apa-gutter) 100px;color:#3a3734;font-size:16px;line-height:1.75}
.apa-legal h2{font-size:24px;font-weight:700;color:var(--apa-white);margin:44px 0 12px;letter-spacing:-.01em}
.apa-legal h3{font-size:17px;font-weight:700;color:var(--apa-white);margin:26px 0 8px}
.apa-legal ul,.apa-legal ol{padding-left:22px}
.apa-legal li{margin:0 0 8px}
.apa-legal a{color:var(--apa-red)!important;text-decoration:underline}
.apa-legal .apa-tbc{margin-left:4px}
.apa-legal-meta{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--apa-muted)}
.apa-draft-note{background:#3a2a00;color:#ffcc4d;padding:12px 16px;font-size:13px;font-weight:600;letter-spacing:.04em}
.page-id-3 .page-header .entry-title,.page-id-15 .page-header .entry-title,.page-id-107 .page-header .entry-title,.page-id-109 .page-header .entry-title{display:block;max-width:820px;margin:0 auto;padding:0 var(--apa-gutter);font-size:clamp(34px,4vw,52px);font-weight:800;letter-spacing:-.02em;color:var(--apa-white)}

/* Equipment catalogue: specs, price on request, enquiry box */
.apa-specs{width:100%;border-collapse:collapse;margin:22px 0;font-size:14px;background:#fff}
.apa-specs th,.apa-specs td{text-align:left;padding:10px 14px;border:1px solid var(--apa-line);vertical-align:top}
.apa-specs th{width:34%;font-weight:600;color:var(--apa-white);background:var(--apa-charcoal)}
.apa-specs-models tr:first-child th{width:auto}
.apa-specs-models td:first-child{font-weight:600}
.apa-por{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--apa-red)}
.apa-enquire-box{margin:22px 0;padding:22px;border:1px solid var(--apa-line);background:#fff}
.apa-enquire-box p{margin:0 0 16px;color:var(--apa-muted)}
.apa-enquire-box .apa-btn{margin:0 8px 8px 0}
.apa-enquire-box .apa-btn.ghost{color:var(--apa-white)!important}
.woocommerce div.product .woocommerce-product-gallery img{background:#fff}
.woocommerce ul.products li.product a img{aspect-ratio:1/1;object-fit:contain;background:#fff;padding:10px}

/* Product grids: equal-height cards with the button aligned at the bottom */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0 0 40px!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;display:flex;flex-direction:column}
.woocommerce ul.products li.product .woocommerce-loop-product__link{flex:1 1 auto}
.woocommerce ul.products li.product .button{margin-top:auto!important;align-self:flex-start}
@media(max-width:1024px){.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:420px){.woocommerce ul.products{grid-template-columns:1fr}}

/* Category tiles with small supplier photos: natural size on white, never upscaled */
.apa-tile.apa-tile-lowres{background:#fff}
.apa-tile-lowres .apa-tile-img{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:auto;height:auto;max-width:min(88%,440px);max-height:62%;object-fit:contain}
.apa-tile-lowres::after{background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.85) 100%)}
.apa-tile-lowres:hover .apa-tile-img{transform:translate(-50%,-50%) scale(1.03);transition:transform .6s ease}

/* New arrivals */
.apa-badge-new{background:var(--apa-red);border-color:var(--apa-red);color:#fff!important}
.apa-new-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.apa-new-card > img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;padding:14px}
.apa-new-card .apa-card-variety{font-size:18px}
@media(max-width:1024px){.apa-new-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.apa-new-grid{grid-template-columns:1fr}}

/* 404 page */
.apa-404{max-width:720px;margin:0 auto;padding:160px var(--apa-gutter) 120px;text-align:center}
.apa-404 img{display:block;margin:0 auto 18px;width:140px;height:auto}
.apa-404-kicker{font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--apa-red);margin:0 0 10px}
.apa-404 h1{font-size:clamp(34px,5vw,56px);font-weight:800;letter-spacing:-.02em;color:var(--apa-white);margin:0 0 16px}
.apa-404 p{color:var(--apa-muted);font-size:17px}
.apa-404-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}
.apa-404 .apa-btn.ghost{color:var(--apa-white)!important}

/* Long values (email addresses) wrap instead of pushing the page wider on tablets and phones */
.apa-contact-band a,.apa-contact-band div{min-width:0}
.apa-contact-band .val,.apa-contact-list a,.apa-contact-list span,.apa-footer li{overflow-wrap:anywhere}

/* Accessibility: headings re-levelled (footer h4 to h2, service h4 to h3) keep their look */
.apa-footer h2.apa-footer-h{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--apa-white);font-weight:500;margin:0 0 18px;font-family:var(--apa-sans)}
.apa-service h3.apa-sub{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--apa-red);margin:26px 0 10px;font-weight:500}
/* Accessibility: small red text on dark backgrounds uses a brighter red (about 6:1 contrast) */
.apa-hero,.apa-strip-wrap,.apa-header,.apa-footer,.apa-video-band{--apa-red-text:#ff4d4d}
.apa-hero .apa-eyebrow .elementor-heading-title,.apa-video-band .apa-eyebrow .elementor-heading-title,.apa-logo .wm small,.apa-footer .apa-logo .wm small,.apa-hero-split .kicker,.apa-testimonial-quote figcaption b,.apa-strip .apa-strip-live{color:var(--apa-red-text,#e70101)!important}
.apa-hero-home .apa-display .red,.apa-hero-split h1 span{color:#ff3b3b}
/* Accessibility: visible focus ring for keyboard users */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.elementor-button:focus-visible{outline:2px solid #e70101;outline-offset:3px}
.apa-hero a:focus-visible,.apa-header a:focus-visible,.apa-footer a:focus-visible,.apa-video-band a:focus-visible{outline-color:#ff4d4d}

/* Floating WhatsApp button */
.apa-wa-float{position:fixed;right:20px;bottom:20px;z-index:998;display:inline-flex;align-items:center;gap:10px;padding:12px 18px 12px 14px;border-radius:999px;background:#25d366;color:#0b2e17!important;font-size:14px;font-weight:700;text-decoration:none!important;box-shadow:0 8px 24px rgba(0,0,0,.18);transition:transform .2s,box-shadow .2s}
.apa-wa-float:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.22)}
.apa-wa-float svg{width:26px;height:26px;fill:#0b2e17}
.apa-wa-float:focus-visible{outline:3px solid #0b2e17;outline-offset:3px}
@media(max-width:767px){.apa-wa-float{right:14px;bottom:14px;padding:13px}.apa-wa-float span{display:none}.apa-wa-float svg{width:30px;height:30px}}
.apa-menu-open .apa-wa-float{display:none}

/* Pond calculator page: hero watermark (sits with Pond Equipment) and the calculator */
body.page-id-381{--apa-wm-x:36%;--apa-wm-from:22%}
body.page-id-381 .apa-hero > .e-con-inner::before{content:"";position:absolute;z-index:1;pointer-events:none;top:50%;left:var(--apa-wm-x);width:min(48vw,760px);aspect-ratio:995/1039;transform:translateY(-50%) rotate(-8deg);background:url(https://apakoi.com/wp-content/uploads/apakoi/apakoi-koi-sun-768x802.webp) no-repeat center/contain;opacity:.13;animation:apa-wm-swim 1.6s cubic-bezier(.22,.7,.2,1) both}
.apa-calc{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:start}
.apa-calc fieldset{border:1px solid var(--apa-line);background:#fff;padding:24px;margin:0;display:grid;gap:16px}
.apa-calc legend{font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--apa-red);padding:0 6px}
.apa-calc label{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--apa-muted)}
.apa-calc input[type=number],.apa-calc select{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid var(--apa-field);background:#fff;font:400 16px var(--apa-sans);color:var(--apa-white)}
.apa-calc-toggle{display:flex;flex-wrap:wrap;gap:16px}
.apa-calc-toggle label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--apa-white)}
.apa-calc-dims{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.apa-calc-vol-line{font-size:18px;margin:0 0 18px;color:var(--apa-white)}
.apa-calc-vol-line b{color:var(--apa-red)}
.apa-calc-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.apa-calc-card{background:#fff;border:1px solid var(--apa-line);padding:18px 18px 16px;display:flex;flex-direction:column}
.apa-calc-card .lbl{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--apa-muted)}
.apa-calc-card b{font-size:20px;font-weight:800;color:var(--apa-white);margin:6px 0 4px}
.apa-calc-card p{font-size:13px;line-height:1.5;color:var(--apa-muted);margin:0 0 12px;flex:1}
.apa-calc-card a{font-size:13px;font-weight:600;color:var(--apa-red)!important}
.apa-calc-note{font-size:13px;color:var(--apa-muted);margin:18px 0}
@media(max-width:860px){.apa-calc{grid-template-columns:1fr}}
@media(max-width:520px){.apa-calc-cards,.apa-calc-dims{grid-template-columns:1fr}}
.apa-calc-hint{font-size:14px;color:var(--apa-muted);margin:4px 0 0}
.apa-calc-hint a{color:var(--apa-red)!important;font-weight:600;text-decoration:underline}
.summary .apa-calc-hint{margin:0 0 20px}

/* Guides page and articles */
body.page-id-385{--apa-wm-x:50%;--apa-wm-from:36%}
body.page-id-385 .apa-hero > .e-con-inner::before{content:"";position:absolute;z-index:1;pointer-events:none;top:50%;left:var(--apa-wm-x);width:min(48vw,760px);aspect-ratio:995/1039;transform:translateY(-50%) rotate(-8deg);background:url(https://apakoi.com/wp-content/uploads/apakoi/apakoi-koi-sun-768x802.webp) no-repeat center/contain;opacity:.13;animation:apa-wm-swim 1.6s cubic-bezier(.22,.7,.2,1) both}
.apa-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.apa-guide-card > img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;padding:16px}
.apa-guide-excerpt{font-size:14px;line-height:1.6;color:var(--apa-muted);margin:0 0 14px}
.apa-guide-more{font-size:13px;font-weight:700;color:var(--apa-red)}
@media(max-width:900px){.apa-guide-grid{grid-template-columns:1fr}}
body.single-post .page-header .entry-title{display:block;max-width:820px;margin:0 auto;padding:0 var(--apa-gutter);font-size:clamp(32px,4vw,50px);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--apa-white)}
.apa-article{max-width:820px;margin:0 auto;padding:28px var(--apa-gutter) 100px;color:#3a3734;font-size:17px;line-height:1.75}
.apa-article-lead{font-size:20px;line-height:1.6;color:var(--apa-white)}
.apa-article h2{font-size:26px;font-weight:700;color:var(--apa-white);margin:44px 0 12px;letter-spacing:-.01em}
.apa-article ul,.apa-article ol{padding-left:22px}
.apa-article li{margin:0 0 8px}
.apa-article a{color:var(--apa-red)!important;text-decoration:underline}
.apa-article .apa-specs th{width:auto}

/* Header and footer wordmark: always white on the dark bars, whatever the page's colour variables */
.apa-header .apa-logo,.apa-header .apa-logo .wm b,.apa-footer .apa-logo .wm b{color:#f4f2ee!important}

/* Pond Equipment dropdown: calculator first, highlighted, divider below */
.apa-nav .sub-menu .apa-menu-calc{border-bottom:1px solid var(--apa-line);margin-bottom:8px;padding-bottom:8px}
.apa-nav .sub-menu .apa-menu-calc > a{color:var(--apa-red-text,#ff4d4d)!important;font-weight:700}
.apa-nav .sub-menu .apa-menu-calc > a:hover{color:#fff!important}
.apa-service .apa-calc-hint{margin:16px 0 20px}

/* Pages without a hero: header is solid from the first paint (no light flash behind the white logo) */
body:not(.apa-has-hero) .site-header.apa-header{background:#0a0a0a}

/* Bid history tables: breathing room inside the cells, no inner vertical rule */
table.apa-bids{border:1px solid var(--apa-line);border-collapse:collapse}
table.apa-bids th,table.apa-bids td{padding:12px 18px!important;border-left:0!important;border-right:0!important;vertical-align:middle}
table.apa-bids th{padding-top:14px!important;padding-bottom:12px!important}


/* Water testing panel (Pond Services) */
.apa-testcard{position:relative;display:flex;flex-direction:column;justify-content:center;gap:clamp(14px,2.2vw,26px);padding:clamp(28px,5vw,64px);color:#f4f2ee;background:radial-gradient(ellipse at 30% 0%,rgba(40,120,150,.35) 0%,rgba(10,10,10,0) 60%),radial-gradient(ellipse at 100% 100%,rgba(231,1,1,.18) 0%,rgba(10,10,10,0) 55%),#0d1113;border-color:#1f2a2e}
.apa-testcard::after{content:'';position:absolute;right:-12%;bottom:-6%;width:70%;aspect-ratio:995/1039;background:url(https://apakoi.com/wp-content/uploads/apakoi/apakoi-koi-sun-768x802.webp) no-repeat center/contain;opacity:.07;filter:grayscale(1);pointer-events:none}
.apa-testcard > *{position:relative;z-index:1}
.apa-testcard .apa-tc-eyebrow{margin:0;color:#e70101;font-size:12px;font-weight:600;letter-spacing:.32em;text-transform:uppercase}
.apa-testcard .apa-tc-title{margin:0;font-size:clamp(22px,2.6vw,32px);font-weight:800;line-height:1.15}
.apa-testcard ul{list-style:none;margin:0;padding:0;display:grid;gap:clamp(12px,1.8vw,20px)}
.apa-testcard li{display:grid;gap:8px}
.apa-testcard li span{display:flex;justify-content:space-between;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#cfcac2}
.apa-testcard li span em{font-style:normal;letter-spacing:.04em;text-transform:none;color:#8d8a85}
.apa-testcard li i{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;height:14px}
.apa-testcard li i b{border-radius:3px}
.apa-testcard .apa-tc-foot{margin:0;color:#9a9792;font-size:14px;border-top:1px solid #253035;padding-top:clamp(12px,1.8vw,20px)}

.apa-service .apa-testcard .apa-tc-title{color:#f4f2ee !important}
.apa-service .apa-testcard .apa-tc-eyebrow{color:#e70101 !important}
.apa-service .apa-testcard .apa-tc-foot{color:#9a9792 !important}
@media(max-width:900px){.apa-service .apa-testcard{aspect-ratio:auto !important;height:auto !important;min-height:0 !important}}