/* ========================================================================== Kooihaus Magazine — SHOP LAYER (prototip opcije B, 2026-09-22) Cilj: prodavnica prestaje da izgleda kao dućan i čita se kao ARHIVA magazina. Woo backend, katalog, proizvodi i merchant feed ostaju NETAKNUTI — ovo je isključivo dizajn sloj. Briše se bez posledica. Aktivira se klasom .kooi-shop-b na (staging prekidač ?shop=b). ========================================================================== */ /* --- 1. Naslov strane: crni baner -> bela traka sa hairline ------------- */ .kooi-shop-b .wd-page-title{ background:var(--kooi-bg-white) !important; background-image:none !important; padding:48px 0 0 !important; min-height:0 !important; border:0 !important; } .kooi-shop-b .wd-page-title *, .kooi-shop-b .wd-page-title a{ color:var(--kooi-text-dark) !important; } .kooi-shop-b .wd-page-title .entry-title{ font-family:var(--kooi-heading-font) !important; font-variation-settings:var(--fr-mid) !important; font-weight:400 !important; font-size:44px !important; line-height:1.15 !important; text-transform:none !important; letter-spacing:0 !important; } /* Fotka u zaglavlju NIJE CSS pozadina nego pravi u .wd-page-title-bg — zato je background-image:none nije uklanjao. */ .kooi-shop-b .wd-page-title-bg{ display:none !important; } /* Mrvice: sitno, tiho, sa razmakom — ne navigacija nego trag */ .kooi-shop-b .wd-breadcrumbs{ font-family:var(--kooi-label-font) !important; font-size:11px !important; letter-spacing:var(--kooi-letter-wide) !important; text-transform:uppercase !important; color:var(--kooi-text-muted) !important; } .kooi-shop-b .wd-breadcrumbs a{ color:var(--kooi-text-muted) !important; } /* --- 2. Traka kategorija sa ikonicama -> rubrike kao tekst -------------- */ .kooi-shop-b .wd-nav-product-cat .wd-nav-img, .kooi-shop-b .wd-nav-product-cat img{ display:none !important; } .kooi-shop-b .wd-nav-product-cat{ border-top:1px solid var(--kooi-rule) !important; border-bottom:1px solid var(--kooi-rule) !important; margin-top:28px !important; padding:14px 0 !important; } .kooi-shop-b .wd-nav-product-cat .nav-link-text{ font-family:var(--kooi-label-font) !important; font-size:12px !important; letter-spacing:var(--kooi-letter-wide) !important; text-transform:uppercase !important; color:var(--kooi-text-dark) !important; } /* --- 3. Prodajna hroma napolje ----------------------------------------- */ /* Značke sniženja: katalog ne prodaje, pa "-30%" je pozorište */ .kooi-shop-b .onsale, .kooi-shop-b .product-label, .kooi-shop-b .wd-product-label{ display:none !important; } /* Alatke dućana: "Show 9/12/18/24", prebacivač mreže, "Default sorting" */ .kooi-shop-b .wd-shop-tools, .kooi-shop-b .wd-products-per-page, .kooi-shop-b .wd-shop-view, .kooi-shop-b .woocommerce-ordering, .kooi-shop-b .woocommerce-result-count{ display:none !important; } /* Hover radnje na kartici: lista želja, poređenje, brzi pregled, brza kupovina. PAŽNJA: `.wd-quick-shop` NIJE dugme nego modifikator na kontejneru slike (`wd-product-thumb product-element-top wd-quick-shop`) — ciljati ga gasi celu sliku proizvoda. Zato se gađa samo dugme unutra. */ .kooi-shop-b .wd-wishlist-btn, .kooi-shop-b .wd-compare-btn, .kooi-shop-b .wd-quick-view-btn, .kooi-shop-b .quick-shop-btn, .kooi-shop-b .wd-quick-shop-btn, .kooi-shop-b .wd-bottom-actions, .kooi-shop-b .wrap-wishlist-button, .kooi-shop-b .wrap-quickview-button, .kooi-shop-b .wd-add-btn, .kooi-shop-b .wd-more-desc{ display:none !important; } /* Mobilna donja traka: Shop · Wishlist · Cart · My account */ .kooi-shop-b .wd-toolbar{ display:none !important; } /* --- 4. Kartica proizvoda -> kartica članka ---------------------------- */ .kooi-shop-b .wd-product .wd-entities-title{ font-family:var(--kooi-heading-font) !important; font-variation-settings:var(--fr-small) !important; font-weight:400 !important; font-size:19px !important; line-height:1.3 !important; text-transform:none !important; letter-spacing:0 !important; } .kooi-shop-b .wd-product .wd-entities-title a{ color:var(--kooi-text-dark) !important; } /* Nadnaslov kategorije: isti registar kao rubrika u magazinu */ .kooi-shop-b .wd-product-cats, .kooi-shop-b .wd-product-cats a{ font-family:var(--kooi-label-font) !important; font-size:10px !important; letter-spacing:var(--kooi-letter-wide) !important; text-transform:uppercase !important; color:var(--kooi-text-muted) !important; } /* Cena: jedan broj, tiho. Precrtana "stara cena" odlazi sa značkama. */ .kooi-shop-b .wd-product del{ display:none !important; } .kooi-shop-b .wd-product ins{ text-decoration:none !important; } .kooi-shop-b .wd-product .price, .kooi-shop-b .wd-product .amount{ font-family:var(--kooi-label-font) !important; font-size:13px !important; font-weight:400 !important; color:var(--kooi-text-muted) !important; } /* Okvir kartice: bez senki i pozadina, samo vazduh */ .kooi-shop-b .wd-product, .kooi-shop-b .wd-product-card-bg, .kooi-shop-b .wd-product-wrapper{ background:transparent !important; box-shadow:none !important; border:0 !important; } /* --- 5. Bočna traka: lista rubrika, ne filter dućana ------------------- */ .kooi-shop-b .wd-sidebar .widget-title, .kooi-shop-b .widget-area .widget-title{ font-family:var(--kooi-label-font) !important; font-size:11px !important; letter-spacing:var(--kooi-letter-wide) !important; text-transform:uppercase !important; color:var(--kooi-text-muted) !important; font-weight:400 !important; } .kooi-shop-b .wd-sidebar a, .kooi-shop-b .widget-area a{ font-family:var(--kooi-body-font) !important; font-size:15px !important; color:var(--kooi-text-dark) !important; } /* --- 6. Ikonice u bočnoj listi rubrika --------------------------------- */ .kooi-shop-b .wd-sidebar .wd-nav-img, .kooi-shop-b .widget-area .wd-nav-img, .kooi-shop-b .wd-sidebar img.wd-nav-img{ display:none !important; } /* ========================================================================== 7. STRANA PROIZVODA — Boškov nalog 2026-09-22: gase se SVI mamci ========================================================================== */ /* --- 7a. Manipulativni brojači ----------------------------------------- */ /* "5 Items sold in last hour" (.wd-sold-count) i "7 People watching this product now!" (.wd-visits-count) — oba ubacuje JS, oba nose .wd-product-info. Gađa se roditeljska klasa da pokrije i buduće brojače istog soja. */ .kooi-shop-b .wd-product-info, .kooi-shop-b .wd-sold-count, .kooi-shop-b .wd-visits-count, .kooi-shop-b .wd-stock-progress-bar, .kooi-shop-b .wd-timer, .kooi-shop-b .wd-product-countdown{ display:none !important; } /* --- 7b. Cena: podatak iz kataloga, ne ponuda --------------------------- */ .kooi-shop-b .summary .price, .kooi-shop-b .summary .price .amount, .kooi-shop-b .woocommerce-variation-price .amount{ font-family:var(--kooi-label-font) !important; font-size:20px !important; font-weight:400 !important; color:var(--kooi-text-dark) !important; } .kooi-shop-b .summary del{ display:none !important; } .kooi-shop-b .summary ins{ text-decoration:none !important; } /* --- 7c. Naslov proizvoda ---------------------------------------------- */ .kooi-shop-b .summary .product_title{ font-family:var(--kooi-heading-font) !important; font-variation-settings:var(--fr-mid) !important; font-weight:400 !important; font-size:32px !important; line-height:1.2 !important; text-transform:none !important; letter-spacing:0 !important; } /* --- 7d. Tabela atributa: činjenice, tiho ------------------------------- */ .kooi-shop-b .woocommerce-product-attributes, .kooi-shop-b .shop_attributes{ font-family:var(--kooi-body-font) !important; font-size:14px !important; } .kooi-shop-b .shop_attributes th{ font-weight:500 !important; color:var(--kooi-text-dark) !important; } .kooi-shop-b .shop_attributes td{ color:var(--kooi-text-muted) !important; } /* --- 7e. Opis: mera je bila kvar, ne font ------------------------------ Zatečeno: Inter 16px preko 994px reda (~160 znakova). Magazinska mera je 640px (~64 znaka). Ovde 680px jer je registar kataloški, ne članak. Fraunces sa malom optikom (opsz 9) = serifni "kataloški zapis". */ .kooi-shop-b .woocommerce-Tabs-panel--description, .kooi-shop-b .wc-tab-inner{ max-width:680px !important; } .kooi-shop-b .woocommerce-Tabs-panel p, .kooi-shop-b .wc-tab-inner p, .kooi-shop-b .woocommerce-Tabs-panel li{ font-family:var(--kooi-heading-font) !important; font-variation-settings:var(--fr-small) !important; font-weight:400 !important; font-size:17px !important; line-height:1.75 !important; color:var(--kooi-text-dark) !important; } /* Nazivi tabova: sitan verzal, isti registar kao rubrike */ .kooi-shop-b .wd-nav-tabs .wd-tabs-title, .kooi-shop-b .wc-tabs .nav-link-text{ font-family:var(--kooi-label-font) !important; font-size:11px !important; letter-spacing:var(--kooi-letter-wide) !important; text-transform:uppercase !important; } /* --- 7f. SKU / kategorije / tagovi: podrum, ne izlog -------------------- */ .kooi-shop-b .product_meta, .kooi-shop-b .product_meta a{ font-family:var(--kooi-label-font) !important; font-size:12px !important; line-height:1.6 !important; color:var(--kooi-text-muted) !important; } .kooi-shop-b .product_meta .sku_wrapper, .kooi-shop-b .product_meta .posted_in, .kooi-shop-b .product_meta .tagged_as{ display:block !important; } /* Deljenje ostaje — to je korisnost, ne mamac. Samo tiše. */ .kooi-shop-b .product-share .wd-social-icon a{ opacity:.55 !important; } .kooi-shop-b .product-share .wd-social-icon a:hover{ opacity:1 !important; } /* --- 7g. Alternativa za opis: ?desc=inter ------------------------------ Isti tekst, ista mera (680px), ali telo u Interu — da se uporedi "kataloški serif" naspram "magazinski grotesk". Staging prekidač. */ .kooi-shop-b.kooi-desc-inter .woocommerce-Tabs-panel p, .kooi-shop-b.kooi-desc-inter .wc-tab-inner p, .kooi-shop-b.kooi-desc-inter .woocommerce-Tabs-panel li{ font-family:var(--kooi-body-font) !important; font-variation-settings:normal !important; font-size:16px !important; line-height:1.8 !important; } /* --- 7h. LUX SANS proba: ?lux=jost -------------------------------------- Jost = otvoreni Futura revival (register Louis Vuitton / Supreme). NAMERNO se ne primenjuje na pasuse: geometrijski sans ima nizak x-height i kružne oble — zamara na dužem tekstu. Kuće koje voze Futuru drže je u navigaciji i naslovima, a telo daju neutralnom rezu. Zato ovde samo sitan verzal: rubrike, nadnaslovi, cena, tabovi. */ @font-face{ font-family:"JostVar"; src:url("/wp-content/themes/kooihaus-magazine/fonts/Jost.woff2") format("woff2-variations"), url("/wp-content/themes/kooihaus-magazine/fonts/Jost.woff2") format("woff2"); font-weight:100 900; font-style:normal; font-display:swap; } .kooi-lux-jost .wd-nav-product-cat .nav-link-text, .kooi-lux-jost .wd-product-cats, .kooi-lux-jost .wd-product-cats a, .kooi-lux-jost .wd-breadcrumbs, .kooi-lux-jost .wd-breadcrumbs a, .kooi-lux-jost .wd-product .price, .kooi-lux-jost .wd-product .amount, .kooi-lux-jost .summary .price, .kooi-lux-jost .summary .price .amount, .kooi-lux-jost .wd-nav-tabs .wd-tabs-title, .kooi-lux-jost .wc-tabs .nav-link-text, .kooi-lux-jost .product_meta, .kooi-lux-jost .product_meta a, .kooi-lux-jost .wd-sidebar .widget-title, .kooi-lux-jost .widget-area .widget-title, .kooi-lux-jost .whb-main-header .nav-link-text{ font-family:"JostVar","Futura","Century Gothic",sans-serif !important; font-weight:400 !important; } /* Jost traži više vazduha između slova nego Inter na istoj veličini */ .kooi-lux-jost .wd-nav-product-cat .nav-link-text, .kooi-lux-jost .wd-product-cats, .kooi-lux-jost .whb-main-header .nav-link-text{ letter-spacing:.16em !important; } /* --- 7i. Opis u Jostu: ?desc=jost --------------------------------------- Geometrijski sans u pasusu: nizak x-height, kružne oble, široki razmaci. Zato ovde 17px (ne 16) i leading 1.85 — Jostu treba više vazduha između redova nego Interu, inače se redovi "slepe". Mera ostaje 680px. */ .kooi-shop-b.kooi-desc-jost .woocommerce-Tabs-panel p, .kooi-shop-b.kooi-desc-jost .wc-tab-inner p, .kooi-shop-b.kooi-desc-jost .woocommerce-Tabs-panel li{ font-family:"JostVar","Futura","Century Gothic",sans-serif !important; font-variation-settings:normal !important; font-weight:400 !important; font-size:17px !important; line-height:1.85 !important; letter-spacing:0 !important; }