/* Theme Name: Jasioski Design — Avada Child Theme URI: https://jasioski-design.pl Description: Child theme Avady dla premium sklepu Jasioski Design (lustra i panele szklane). Kierunek wizualny "Atelier". Style ładowane w — bez migania, bez nakładki. Author: Jasioski Design Template: Avada Version: 1.0.0 */ /* ========================================================================== 0. TOKENY — kierunek "Atelier" (wiodący) Nadpisujemy zmienne Avady (--awb-color*) ORAZ wystawiamy własne (--jd-*). Alternatywy: Editorial / Gallery — zakomentowane na dole sekcji. ========================================================================== */ :root { --jd-bg: #ECF0EF; /* tło strony */ --jd-surface: #FFFFFF; /* karty, pola, panele */ --jd-fg: #16201F; /* tekst gł., ciemne CTA */ --jd-muted: #6C7A77; /* tekst drugorzędny */ --jd-accent: #2E6E63; /* zieleń — CTA kasy, linki, gwiazdki, badge */ --jd-line: #D8E0DE; /* obramowania, separatory */ --jd-navbg: rgba(236,240,239,.82); --jd-serif: "Cormorant Garamond", Georgia, serif; --jd-sans: "Jost", "Helvetica Neue", Arial, sans-serif; --jd-r-card: 4px; /* karty / obrazy: 3–5px */ --jd-r-pill: 999px; /* przyciski / pola */ --jd-shadow-lg: 0 40px 80px -30px rgba(0,0,0,.35); --jd-shadow-sm: 0 6px 18px -6px rgba(0,0,0,.4); --jd-maxw: 1320px; /* --- Nadpisanie zmiennych globalnych Avady (Global Colors) --- */ --awb-color1: #FFFFFF; /* zwykle tło/biel */ --awb-color2: #ECF0EF; --awb-color3: #D8E0DE; --awb-color4: #6C7A77; --awb-color5: #16201F; --awb-color6: #16201F; --awb-color7: #2E6E63; /* akcent */ --awb-color8: #2E6E63; } /* Alternatywa EDITORIAL (ciepły papier + złoto) — odkomentuj cały blok, by przełączyć :root{ --jd-bg:#F4F1EC; --jd-surface:#FFFFFF; --jd-fg:#1C1A17; --jd-muted:#7C7568; --jd-accent:#B08D57; --jd-line:#E4DED3; --jd-navbg:rgba(244,241,236,.82); } */ /* Alternatywa GALLERY (ciemny) — odkomentuj cały blok, by przełączyć :root{ --jd-bg:#141312; --jd-surface:#1D1B19; --jd-fg:#F1EEE8; --jd-muted:#988F82; --jd-accent:#C9A86A; --jd-line:#2C2A27; --jd-navbg:rgba(20,19,18,.78); } */ /* ========================================================================== 1. BAZA — typografia globalna, tło, "uciszenie" Avady ========================================================================== */ body, .fusion-body { background: var(--jd-bg) !important; color: var(--jd-fg); font-family: var(--jd-sans); font-weight: 300; /* akapity Jost 300 */ font-size: 16px; line-height: 1.7; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, .fusion-body h1, .fusion-body h2, .fusion-body h3, .fusion-body h4 { font-family: var(--jd-serif) !important; font-weight: 500 !important; letter-spacing: -.01em; line-height: 1.05; color: var(--jd-fg); } h1 { font-size: 46px; } h2 { font-size: 38px; } a { color: var(--jd-accent); } a:hover { color: var(--jd-accent); } ::selection { background: var(--jd-accent); color: #fff; } /* Kontener treści — szerokość i padding jak w projekcie */ .fusion-row, .woocommerce .fusion-row { max-width: var(--jd-maxw) !important; padding-left: 40px; padding-right: 40px; } /* Etykiety/eyebrow — wzór powtarzalny w projekcie */ .jd-eyebrow { font-family: var(--jd-sans); font-size: 11px; letter-spacing: .3em; text-transform: uppercase; color: var(--jd-accent); } /* ========================================================================== 2. PRZYCISKI — pigułki (CTA ciemne + akcentowe) ========================================================================== */ .fusion-button, .button, button.button, input.button, .woocommerce a.button, .woocommerce button.button, .woocommerce .single_add_to_cart_button, .woocommerce #respond input#submit { font-family: var(--jd-sans) !important; font-size: 13px !important; letter-spacing: .06em; text-transform: uppercase; border-radius: var(--jd-r-pill) !important; border: none !important; padding: 16px 32px !important; line-height: 1 !important; transition: background .2s ease, color .2s ease, opacity .2s ease; } /* CTA główne (ciemne) — np. Dodaj do koszyka na PDP */ .woocommerce .single_add_to_cart_button, .fusion-button-default { background: var(--jd-fg) !important; color: var(--jd-surface) !important; } .woocommerce .single_add_to_cart_button:hover { opacity: .9 !important; } /* CTA kasy (akcent / zieleń) */ .woocommerce .checkout-button, .woocommerce-cart .wc-proceed-to-checkout .button, .woocommerce #place_order { background: var(--jd-accent) !important; color: #fff !important; width: 100%; } /* Przycisk outline (np. „Zamów na wymiar") — klasa pomocnicza */ .jd-btn-outline { background: transparent !important; color: var(--jd-fg) !important; border: 1px solid var(--jd-line) !important; } /* ========================================================================== 3. NAV — sticky, przezroczyste tło z blur, dolna linia ========================================================================== */ .fusion-header-wrapper .fusion-header { background: var(--jd-navbg) !important; -webkit-backdrop-filter: saturate(140%) blur(14px); backdrop-filter: saturate(140%) blur(14px); border-bottom: 1px solid var(--jd-line) !important; box-shadow: none !important; } .fusion-main-menu > ul > li > a { font-family: var(--jd-sans) !important; font-size: 13px !important; letter-spacing: .05em; text-transform: none; color: var(--jd-muted) !important; } .fusion-main-menu > ul > li.current-menu-item > a, .fusion-main-menu > ul > li > a:hover { color: var(--jd-fg) !important; } /* Licznik koszyka w nav — badge akcentowy */ .fusion-widget-cart-number { background: var(--jd-accent) !important; color: #fff !important; font-family: var(--jd-sans); } /* ========================================================================== 4. PROMO BAR (top bar Avady) — ciemne tło, tekst biały, uppercase ========================================================================== */ .fusion-secondary-header, .avada-top-bar { background: var(--jd-fg) !important; } .fusion-secondary-header .fusion-alignleft, .fusion-secondary-header a, .fusion-secondary-header span { color: var(--jd-surface) !important; font-family: var(--jd-sans); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; } /* ========================================================================== 5. WOOCOMMERCE — KARTA PRODUKTU (sklep / bestsellery / powiązane) ========================================================================== */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align: left; } .woocommerce ul.products li.product img { border-radius: var(--jd-r-card); margin-bottom: 16px; } .woocommerce ul.products li.product .woocommerce-loop-product__title { font-family: var(--jd-serif) !important; font-size: 21px !important; font-weight: 500 !important; color: var(--jd-fg); padding: 0; } /* kategoria nad nazwą (jeśli wyświetlana) */ .woocommerce ul.products li.product .jd-cat { font-family: var(--jd-sans); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--jd-muted); } .woocommerce ul.products li.product .price { font-family: var(--jd-sans) !important; font-size: 15px !important; font-weight: 500; color: var(--jd-fg) !important; } .woocommerce ul.products li.product .price del { color: var(--jd-muted); font-weight: 300; } /* Badge wyprzedaży → pigułka */ .woocommerce span.onsale { background: var(--jd-surface) !important; color: var(--jd-accent) !important; font-family: var(--jd-sans); font-size: 10px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; border-radius: var(--jd-r-pill); padding: 5px 11px; min-height: 0; min-width: 0; line-height: 1; top: 14px; left: 14px; right: auto; } /* ========================================================================== 6. WOOCOMMERCE — STRONA PRODUKTU (PDP) ========================================================================== */ /* Galeria + obraz */ .woocommerce div.product .woocommerce-product-gallery__image img, .woocommerce div.product div.images img { border-radius: var(--jd-r-card); box-shadow: var(--jd-shadow-lg); } .flex-control-thumbs li img { border-radius: 3px; border: 1px solid var(--jd-line); } /* WAŻNE: "uciszenie" sztywnego layoutu galerii z Avady (w źródle: .summary.entry-summary{margin-left:calc(584px + 30px)}) */ .woocommerce div.product .summary.entry-summary, .ltr .woocommerce div.product .summary.entry-summary { margin-left: 0 !important; } /* Tytuł / cena / ocena */ .woocommerce div.product .product_title { font-family: var(--jd-serif) !important; font-size: 46px !important; font-weight: 500 !important; color: var(--jd-fg); } .woocommerce div.product p.price, .woocommerce div.product span.price { font-family: var(--jd-serif) !important; font-size: 38px !important; color: var(--jd-fg) !important; } .woocommerce div.product p.price del { font-family: var(--jd-sans) !important; font-size: 18px !important; color: var(--jd-muted) !important; } .woocommerce .star-rating span::before, .woocommerce p.stars a { color: var(--jd-accent) !important; } .woocommerce div.product .woocommerce-product-details__short-description { font-family: var(--jd-sans); font-weight: 300; font-size: 15px; line-height: 1.7; color: var(--jd-muted); } /* Warianty (Wymiar / Rama) → pigułki. WooCommerce renderuje je jako