/*
Theme Name: INOSHOP Tech Next
Template: inoshop-tech
Version: 1.2.1
Author: inovelop
Description: Geradliniges IT-Shopdesign mit Cyan-Akzenten, Kategoriennavigation und präsenter Produktsuche.
Text Domain: inoshop-tech-next
*/
:root{--ink:#101d35;--navy:#142641;--cyan:#009fe3;--muted:#59667c;--line:#e5e9f0;--paper:#f6f8fc}body{background:#fff;line-height:1.65}a:hover{color:#009fe3}.wrap{width:min(1320px,calc(100% - 64px))}.topline{background:#fff;color:#4e5b70;border-bottom:1px solid #edf0f5;letter-spacing:.8px}.topline a{color:#203250}.site-header{background:linear-gradient(105deg,#f2fbff,#f9f5ff)}.header-row{padding-block:26px}.brand-mark{background:#009fe3;border-radius:0}.brand-mark span{color:#fff}.brand-light{font-weight:500}.product-search{background:#fff;border-color:#d8e0e9;border-radius:0}.product-search input{font-size:14px;padding:15px 18px}.product-search button{color:#172941}.main-nav{border-color:#e1e8f4;font-size:13px;gap:30px}.main-nav a:first-child{color:#009fe3}.main-nav a:first-child span{color:inherit}.hero{background:linear-gradient(110deg,#e9f8ff,#f5f1ff);color:var(--ink)}.hero-grid{min-height:560px;grid-template-columns:1.12fr 1fr;gap:36px}.hero h1{font-size:clamp(42px,4.4vw,66px);letter-spacing:-2.7px;line-height:1.09}.hero h1 em{color:#009fe3}.hero .eyebrow{color:#3c5991}.hero-intro{color:#4b5c75;font-size:17px;max-width:485px}.hero-note{color:#647591}.primary,.woocommerce a.button,.woocommerce button.button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce div.product form.cart .button{background:#009fe3;color:#fff;border-radius:0}.primary:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:#009fe3;color:white}.button{font-size:13px;padding:15px 23px}.ghost{border:1px solid #cbd5e7;background:#ffffff80;color:#24416a}.ghost:hover{border-color:#009fe3;color:#009fe3}.hero-visual:before{background:radial-gradient(ellipse,#acbdec66,transparent 70%)}.orbit{border-color:#9aaee23d}.visual-label,.visual-coordinate{color:#647899}.monitor-screen{background:linear-gradient(135deg,#2c3d99,#0c2040)}.screen-window{background:#edf2ffeb;border-color:#c2d0fe}.screen-window strong{color:#2347a1}.screen-orb{background:linear-gradient(135deg,#87c5ff,#6c67df 50%,#352865 85%)}.device-tag{background:white}.device-tag>b{color:#009fe3}.benefits{background:#fff}.benefits .wrap{padding-block:24px;color:#334866;font-size:13px}.benefits b{color:#009fe3}.eyebrow{color:#3b62aa}.next-promos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}.next-promo{position:relative;overflow:hidden;border-radius:0;padding:30px;min-height:310px;color:#142541}.next-promo.blue{background:#eaf4ff}.next-promo.lilac{background:#f1edff}.next-promo.mint{background:#eaf6f1}.next-promo>span{font-size:10px;letter-spacing:1.2px;font-weight:700}.next-promo h2{font-size:27px;line-height:1.2;margin:18px 0 12px;letter-spacing:-.8px}.next-promo p{font-size:12px;max-width:220px}.next-promo>b{font-size:12px;color:#2155c1}.next-promo .category-icon{position:absolute;right:22px;bottom:12px;opacity:.6;transform:scale(.65);transform-origin:bottom right;margin:0}.category-card{background:#fafbfe;border-radius:0;padding:26px;box-shadow:0 3px 20px #162d5310}.category-card:hover{border-color:#9cb7f8;box-shadow:0 10px 28px #162d5317}.category-section{padding-block:65px}.advice-section{background:linear-gradient(110deg,#edf7ff,#f2edff);border-radius:0}.advice-line b{color:#009fe3}.advice-card{box-shadow:0 15px 35px #21427510}.small-label{color:#526d98}.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:100%!important;margin:0!important;float:none;border-radius:0;box-shadow:0 3px 20px #142d4a0a;padding:20px}.woocommerce ul.products li.product img{border-radius:0;aspect-ratio:1;object-fit:contain}.woocommerce ul.products li.product .price,.woocommerce div.product p.price{color:#19386b;font-weight:700}.woocommerce ul.products li.product .woocommerce-loop-product__title{line-height:1.45;font-size:16px}.woocommerce span.onsale{background:#009fe3}.site-footer{background:#101e36}.footer-brand b{color:#009fe3}.footer-grid a:hover{color:#009fe3}.status-dot{background:#009fe3}.entry-content a{color:#009fe3}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #009fe3}
@media(max-width:1000px){.next-promos{gap:15px}.next-promo{padding:24px}.next-promo h2{font-size:23px}.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.wrap{width:calc(100% - 36px)}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding-top:42px}.hero h1{font-size:52px}.hero-intro{font-size:16px}.next-promos{grid-template-columns:1fr;margin-top:30px}.next-promo{min-height:230px;padding:25px}.next-promo .category-icon{transform:scale(1);right:35px;bottom:30px}.next-promo h2{font-size:27px}.next-promo p{max-width:70%}.main-nav{font-size:12px;gap:22px}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.section-heading h2{font-size:29px}}
@media(max-width:460px){.hero h1{font-size:42px;letter-spacing:-1.8px}.hero-intro{font-size:15px}.header-actions{font-size:11px}.header-row{gap:16px}.hero-visual{margin-bottom:-40px}.next-promo .category-icon{transform:scale(.7);right:15px;bottom:20px}.next-promo{border-radius:0}.next-promo p{max-width:78%}.next-promo h2{font-size:26px}.category-card{padding:17px}.category-card h3{font-size:15px}.woocommerce ul.products{grid-template-columns:1fr}.benefits .wrap{font-size:11px}.hero-buttons .button{font-size:12px;padding:14px 18px}.product-search input{font-size:13px}.advice-section{padding:25px}}

/* INOSHOP / geometric cyan identity. Neutral surfaces, no decorative card shadows. */
:root{--ink:#161a1a;--navy:#151b1b;--cyan:#009fe3;--muted:#596262;--line:#dce2e2;--paper:#f4f6f6}
body{color:var(--ink);background:#fff}
body :where(main,.site-header,.site-footer,.topline,.benefits) *,
body :where(main,.site-header,.site-footer,.topline,.benefits) *::before,
body :where(main,.site-header,.site-footer,.topline,.benefits) *::after{border-radius:0!important}
a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--cyan);text-underline-offset:5px}
.topline{color:var(--muted);background:#f4f6f6;border-bottom:1px solid var(--line)}
.topline a,.header-actions,.product-search button{color:var(--ink)}
.site-header{background:#fff;border-bottom:3px solid var(--cyan)}
.header-row{padding-block:24px}.brand-mark{background:var(--cyan);color:var(--ink)}.brand-mark span{color:var(--ink)}
.product-search{background:#f7f8f8;border-color:#c8d0d0}.product-search input{color:var(--ink)}
.main-nav{gap:28px;border-color:var(--line)}.main-nav a:first-child{color:var(--ink)}
.main-nav a:hover{box-shadow:inset 0 -3px var(--cyan);text-decoration:none}
.cart-link span{background:var(--cyan);color:var(--ink)}
.hero{background:#f0f3f3;color:var(--ink);border-bottom:1px solid var(--line)}
.hero-grid{min-height:490px}.hero h1{font-weight:750;letter-spacing:-2px}.hero h1 em{color:var(--ink);box-shadow:inset 0 -.16em var(--cyan)}
.hero .eyebrow,.eyebrow,.ino-eyebrow,.small-label{color:#465252}.hero-intro,.hero-note{color:var(--muted)}
.hero-visual::before,.orbit,.device-tag,.visual-coordinate{display:none}
.visual-label{color:#596262}.monitor{transform:none;filter:none}.monitor-screen{background:#202929;border-color:#394444}
.screen-window{background:#edf4f4;border-color:#a8bebe}.screen-window strong{color:var(--ink)}
.screen-window>span,.screen-line{background:#647878}.screen-orb{background:var(--cyan);box-shadow:none;transform:rotate(30deg);width:120px;height:120px;top:52px;right:-25px}
.monitor-chin,.monitor-base{background:#758383}.monitor-stand{background:#536161}
.tower{background:#252e2e;border-color:#637171;box-shadow:none;transform:none}.tower-fan{background:#202929;border-color:var(--cyan);box-shadow:none}.tower span{color:#c1cccc}
.primary,.woocommerce a.button,.woocommerce button.button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce div.product form.cart .button,.ino-filter button,.ino-advisor button[type=submit]{background:var(--cyan);color:var(--ink);border:1px solid var(--cyan);box-shadow:none}
.primary:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.ino-filter button:hover,.ino-advisor button[type=submit]:hover{background:var(--ink);color:var(--cyan);border-color:var(--ink);text-decoration:none}
.ghost{background:#fff;color:var(--ink);border:1px solid #8c9999}.ghost:hover{background:var(--cyan);color:var(--ink);border-color:var(--cyan);text-decoration:none}
.benefits{background:#fff}.benefits .wrap,.benefits b{color:var(--ink)}
.next-promos{gap:0;border:1px solid var(--line)}.next-promo{padding:30px;min-height:260px;border-right:1px solid var(--line);border-top:4px solid var(--cyan);color:var(--ink)}
.next-promo:last-child{border-right:0}.next-promo.blue,.next-promo.lilac,.next-promo.mint{background:#f5f7f7}.next-promo:hover{background:#fff;text-decoration:none}.next-promo>b{color:var(--ink)}
.category-card{background:#fff;border-color:var(--line);box-shadow:none}.category-card:hover{transform:none;border-color:var(--ink);box-shadow:inset 0 4px var(--cyan);text-decoration:none}
.card-top,.card-top b{color:#526060}.category-icon{color:var(--ink)}.laptop::before,.display::before{background:var(--cyan);border-color:#394444}.laptop::after{background:#647171}.server i{background:#394444}.server i::before{background:var(--cyan)}.code{background:#eff5f5;border-color:#b8c9c9}
.advice-section{background:#f0f3f3;border-top:4px solid var(--cyan)}.advice-card{box-shadow:none;border:1px solid var(--line)}.advice-line b{color:var(--ink)}
.woocommerce ul.products{gap:18px}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{box-shadow:none;padding:18px;border:1px solid var(--line);display:flex;flex-direction:column}
.woocommerce ul.products li.product:hover{border-color:#8d9b9b}.woocommerce ul.products li.product .button{align-self:flex-start;margin-top:auto}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--ink)}
.woocommerce span.onsale{background:var(--cyan);color:var(--ink)}
.woocommerce-info,.woocommerce-message{border-top-color:var(--cyan)}.woocommerce-info::before,.woocommerce-message::before{color:var(--ink)}
.woocommerce nav.woocommerce-pagination ul li span.current,.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--cyan);color:var(--ink)}
.entry-content a{color:var(--ink);text-decoration-color:#718585}.site-footer{background:#151b1b;color:#bbc4c4}.footer-brand b,.footer-grid a:hover{color:var(--cyan)}.footer-bottom{border-color:#3b4545}
.status-dot{background:var(--cyan)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.ino-filter input:focus,.ino-filter select:focus,.ino-advisor :focus-visible{outline:2px solid #161a1a;outline-offset:3px;box-shadow:0 0 0 5px var(--cyan)}
/* Category rail stays left; the existing filter form stays above the product grid. */
.ino-shop-layout{display:grid;grid-template-columns:244px minmax(0,1fr);gap:32px;align-items:start}
.ino-shop-sidebar,.ino-shop-results{min-width:0}.ino-category-panel{border:1px solid var(--line);border-top:4px solid var(--cyan);background:#fff}
.ino-category-panel>summary{display:flex;justify-content:space-between;align-items:center;padding:18px;font-size:18px;font-weight:750;cursor:pointer;list-style:none;border-bottom:1px solid var(--line)}
.ino-category-panel>summary::-webkit-details-marker{display:none}.ino-category-panel>summary span{font-size:16px}
.ino-category-panel nav{padding:0 12px 12px}.ino-all-products{display:block;padding:14px 6px;font-size:13px;font-weight:700;border-bottom:1px solid var(--line)}
.ino-category-level{list-style:none;padding:0;margin:0}.ino-category-level li{margin:0}.ino-category-level a{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:11px 6px;font-size:13px;line-height:1.4;border-bottom:1px solid #eef1f1;overflow-wrap:anywhere}
.ino-category-level a:hover{background:#f0f5f5;text-decoration:none;box-shadow:inset 3px 0 var(--cyan)}
.ino-category-level .ino-category-level{padding-left:12px;border-left:1px solid #ccd6d6}.ino-category-level .ino-category-level a{font-size:12px}
.ino-category-level a[aria-current=page]{background:var(--cyan);color:var(--ink);font-weight:700}.ino-category-arrow{flex-shrink:0;color:#526060}
.is-active-branch>a{font-weight:700}
.ino-shop-layout .ino-categories{display:none}
.ino-filter,.ino-advisor{background:#f4f6f6;border:1px solid var(--line);border-top:3px solid var(--cyan);color:var(--ink);box-shadow:none}
.ino-filter{padding:22px;margin:0 0 28px}.ino-filter h2{font-size:22px;letter-spacing:-.5px}.ino-filter-grid{gap:14px}
.ino-filter label,.ino-advisor label{font-size:13px}.ino-filter input:not([type=checkbox]),.ino-filter select,.ino-advisor input:not([type=checkbox]),.ino-advisor select{border-color:#b7c2c2;color:var(--ink);font-size:14px;min-width:0}
.ino-filter input[type=checkbox],.ino-advisor input[type=checkbox]{accent-color:#101a1a}
.ino-filter-actions{gap:16px}.ino-filter-actions a{font-size:13px;text-decoration:underline}.ino-hint{color:#596262;font-size:11px}
.ino-advisor-result{border-left:4px solid var(--cyan);background:#fff}.ino-advisor-tabs button[aria-pressed=true]{background:var(--cyan);color:var(--ink);border-color:var(--cyan)}
.ino-shop-results ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.ino-shop-layout{grid-template-columns:220px minmax(0,1fr);gap:22px}.ino-shop-results ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}.ino-shop-results .ino-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.ino-shop-layout{grid-template-columns:1fr;gap:22px}.ino-category-panel nav{max-height:55vh;overflow:auto}.ino-category-panel>summary{padding:14px 16px}.ino-filter{margin-top:0}.next-promos{gap:0}.next-promo{border-right:0;border-bottom:1px solid var(--line)}.next-promo:last-child{border-bottom:0}.hero-grid{min-height:0}.ino-advisor{padding:24px 18px}}
@media(max-width:460px){.ino-shop-results .ino-filter-grid{grid-template-columns:1fr}.ino-shop-results ul.products{grid-template-columns:1fr}.hero h1{font-size:42px}.ino-filter{padding:18px 14px}.ino-filter-actions{align-items:flex-start;flex-direction:column}.ino-filter-actions button{width:100%}.ino-shop-layout{gap:18px}}

/* WooCommerce block checkout: explicit contrasting states, separate from express payments. */
body .wc-block-components-button:not(.is-link){background:#009fe3;color:#161a1a;border:1px solid #009fe3;border-radius:0;text-decoration:none;font-weight:700}
body .wc-block-components-button:not(.is-link):is(:hover,:focus-visible,:active){background:#161a1a;color:#009fe3;border-color:#161a1a;text-decoration:none}
body .wc-block-components-button:not(.is-link) .wc-block-components-button__text{color:inherit}
body .wc-block-components-button:not(.is-link):focus-visible{outline:2px solid #161a1a;outline-offset:3px;box-shadow:0 0 0 5px #009fe3}