/* Simex child v1.2.0 — shop.css */ /* ========================================================= WooCommerce shop/category hero / archive header Važi za glavnu Prodavnicu + kategorije proizvoda ========================================================= */ #top.archive.tax-product_cat .container_wrap_first .container, #top.archive.post-type-archive-product .container_wrap_first .container, #top.woocommerce-shop .container_wrap_first .container { max-width: 100%; margin: 0; padding: 0; } #top.archive.tax-product_cat .template-shop.content, #top.archive.post-type-archive-product .template-shop.content, #top.woocommerce-shop .template-shop.content { max-width: 1920px; margin: 0 auto; float: none; display: block; padding: 40px 79px 0 79px; box-sizing: border-box; } /* Hero header */ #top.archive.tax-product_cat .woocommerce-products-header, #top.archive.post-type-archive-product .woocommerce-products-header, #top.woocommerce-shop .woocommerce-products-header { position: relative !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; height: 450px !important; min-height: 450px !important; padding: 198px 20px 0 20px !important; box-sizing: border-box !important; text-align: center !important; overflow: hidden !important; isolation: isolate !important; background: url(../../images/shopheader.png) no-repeat center center !important; background-image: image-set(url("../../images/shopheader.webp") type("image/webp"), url("../../images/shopheader.png") type("image/png")) !important; background-size: cover !important; } /* Gradient preko pozadine, ali iza H1/opisa */ #top.archive.tax-product_cat .woocommerce-products-header::before, #top.archive.post-type-archive-product .woocommerce-products-header::before, #top.woocommerce-shop .woocommerce-products-header::before { content: "" !important; position: absolute !important; bottom: 10px !important; left: 50% !important; transform: translateX(-50%) !important; width: 1700px !important; height: 556px !important; background: transparent radial-gradient( closest-side at 50% 50%, #000000 0%, #00000000 100% ) 0% 0% no-repeat padding-box !important; opacity: 0.75 !important; pointer-events: none !important; z-index: 0 !important; } /* H1 i opis iznad gradienta */ #top.archive.tax-product_cat .woocommerce-products-header .woocommerce-products-header__title.page-title, #top.archive.post-type-archive-product .woocommerce-products-header .woocommerce-products-header__title.page-title, #top.woocommerce-shop .woocommerce-products-header .woocommerce-products-header__title.page-title, #top.archive.tax-product_cat .woocommerce-products-header .term-description, #top.archive.post-type-archive-product .woocommerce-products-header .term-description, #top.woocommerce-shop .woocommerce-products-header .term-description, #top.archive.tax-product_cat .woocommerce-products-header .page-description, #top.archive.post-type-archive-product .woocommerce-products-header .page-description, #top.woocommerce-shop .woocommerce-products-header .page-description { position: relative !important; z-index: 2 !important; } /* H1 naslov - kategorije + prodavnica */ #top.archive.tax-product_cat .woocommerce-products-header .woocommerce-products-header__title.page-title, #top.archive.post-type-archive-product .woocommerce-products-header .woocommerce-products-header__title.page-title, #top.woocommerce-shop .woocommerce-products-header .woocommerce-products-header__title.page-title { display: block !important; width: 100% !important; margin: 0 0 10px 0 !important; padding: 0 !important; float: none !important; clear: both !important; text-align: center !important; transform: none !important; font-size: 80px !important; line-height: 108px !important; letter-spacing: -6.4px !important; color: #ffffff !important; text-transform: uppercase !important; font-weight: 400 !important; } /* Opis ispod H1 - kategorije + prodavnica */ #top.archive.tax-product_cat .woocommerce-products-header .term-description, #top.archive.post-type-archive-product .woocommerce-products-header .term-description, #top.woocommerce-shop .woocommerce-products-header .term-description, #top.archive.tax-product_cat .woocommerce-products-header .page-description, #top.archive.post-type-archive-product .woocommerce-products-header .page-description, #top.woocommerce-shop .woocommerce-products-header .page-description { display: block !important; width: 100% !important; max-width: 820px !important; margin: 0 auto !important; padding: 0 !important; float: none !important; clear: both !important; text-align: center !important; color: #ffffff !important; opacity: 0.92 !important; } /* Ako je opis ubačen kao običan div unutar headera */ #top.archive.post-type-archive-product .woocommerce-products-header > div:not(.woocommerce-products-header__title), #top.woocommerce-shop .woocommerce-products-header > div:not(.woocommerce-products-header__title) { display: block !important; width: 100% !important; max-width: 820px !important; margin: 0 auto !important; padding: 0 !important; float: none !important; clear: both !important; text-align: center !important; color: #ffffff !important; opacity: 0.92 !important; position: relative !important; z-index: 2 !important; } #top.archive.tax-product_cat .woocommerce-products-header .term-description p, #top.archive.post-type-archive-product .woocommerce-products-header .term-description p, #top.woocommerce-shop .woocommerce-products-header .term-description p, #top.archive.tax-product_cat .woocommerce-products-header .page-description p, #top.archive.post-type-archive-product .woocommerce-products-header .page-description p, #top.woocommerce-shop .woocommerce-products-header .page-description p, #top.archive.post-type-archive-product .woocommerce-products-header > div:not(.woocommerce-products-header__title) p, #top.woocommerce-shop .woocommerce-products-header > div:not(.woocommerce-products-header__title) p { margin: 0 !important; padding: 0 !important; color: inherit !important; font-size: 18px !important; line-height: 1.55 !important; font-weight: 400 !important; } /* Tablet */ @media only screen and (max-width: 1024px) { #top.archive.tax-product_cat .template-shop.content, #top.archive.post-type-archive-product .template-shop.content, #top.woocommerce-shop .template-shop.content { padding: 35px 35px 0 35px; } #top.archive.tax-product_cat .woocommerce-products-header, #top.archive.post-type-archive-product .woocommerce-products-header, #top.woocommerce-shop .woocommerce-products-header { height: 420px !important; min-height: 420px !important; padding: 185px 20px 0 20px !important; } #top.archive.tax-product_cat .woocommerce-products-header .woocommerce-products-header__title.page-title, #top.archive.post-type-archive-product .woocommerce-products-header .woocommerce-products-header__title.page-title, #top.woocommerce-shop .woocommerce-products-header .woocommerce-products-header__title.page-title { font-size: 64px !important; line-height: 78px !important; letter-spacing: -4px !important; } #top.archive.tax-product_cat .woocommerce-products-header .term-description, #top.archive.post-type-archive-product .woocommerce-products-header .term-description, #top.woocommerce-shop .woocommerce-products-header .term-description, #top.archive.tax-product_cat .woocommerce-products-header .page-description, #top.archive.post-type-archive-product .woocommerce-products-header .page-description, #top.woocommerce-shop .woocommerce-products-header .page-description { max-width: 760px !important; } } /* Mobile */ @media only screen and (max-width: 767px) { #top.archive.tax-product_cat .template-shop.content, #top.archive.post-type-archive-product .template-shop.content, #top.woocommerce-shop .template-shop.content { padding: 30px 20px 0 20px; } #top.archive.tax-product_cat .woocommerce-products-header, #top.archive.post-type-archive-product .woocommerce-products-header, #top.woocommerce-shop .woocommerce-products-header { height: 360px !important; min-height: 360px !important; padding: 145px 20px 0 20px !important; } #top.archive.tax-product_cat .woocommerce-products-header::before, #top.archive.post-type-archive-product .woocommerce-products-header::before, #top.woocommerce-shop .woocommerce-products-header::before { width: 900px !important; height: 420px !important; bottom: 0 !important; } #top.archive.tax-product_cat .woocommerce-products-header .woocommerce-products-header__title.page-title, #top.archive.post-type-archive-product .woocommerce-products-header .woocommerce-products-header__title.page-title, #top.woocommerce-shop .woocommerce-products-header .woocommerce-products-header__title.page-title { margin-bottom: 12px !important; font-size: 42px !important; line-height: 50px !important; letter-spacing: -2px !important; } #top.archive.tax-product_cat .woocommerce-products-header .term-description, #top.archive.post-type-archive-product .woocommerce-products-header .term-description, #top.woocommerce-shop .woocommerce-products-header .term-description, #top.archive.tax-product_cat .woocommerce-products-header .page-description, #top.archive.post-type-archive-product .woocommerce-products-header .page-description, #top.woocommerce-shop .woocommerce-products-header .page-description, #top.archive.post-type-archive-product .woocommerce-products-header > div:not(.woocommerce-products-header__title), #top.woocommerce-shop .woocommerce-products-header > div:not(.woocommerce-products-header__title) { max-width: 92% !important; } #top.archive.tax-product_cat .woocommerce-products-header .term-description p, #top.archive.post-type-archive-product .woocommerce-products-header .term-description p, #top.woocommerce-shop .woocommerce-products-header .term-description p, #top.archive.tax-product_cat .woocommerce-products-header .page-description p, #top.archive.post-type-archive-product .woocommerce-products-header .page-description p, #top.woocommerce-shop .woocommerce-products-header .page-description p, #top.archive.post-type-archive-product .woocommerce-products-header > div:not(.woocommerce-products-header__title) p, #top.woocommerce-shop .woocommerce-products-header > div:not(.woocommerce-products-header__title) p { font-size: 15px !important; line-height: 1.5 !important; } } /* ========================================================= WooCommerce bottom SEO blok + FAQ ========================================================= */ #top.archive.tax-product_cat .kha-shop-bottom-seo, #top.post-type-archive-product .kha-shop-bottom-seo { max-width: 1100px; margin: 80px auto 40px auto; padding: 0; clear: both; } #top.archive.tax-product_cat .kha-shop-bottom-seo-text, #top.post-type-archive-product .kha-shop-bottom-seo-text { font-size: 17px; line-height: 1.8; color: #333; } #top.archive.tax-product_cat .kha-shop-bottom-seo-text h2, #top.archive.tax-product_cat .kha-shop-bottom-seo-text h3, #top.post-type-archive-product .kha-shop-bottom-seo-text h2, #top.post-type-archive-product .kha-shop-bottom-seo-text h3 { margin-top: 34px; margin-bottom: 14px; color: #111; } #top.archive.tax-product_cat .kha-shop-bottom-seo-text p, #top.post-type-archive-product .kha-shop-bottom-seo-text p { margin: 0 0 18px 0; } #top.archive.tax-product_cat .kha-shop-bottom-seo-faq, #top.post-type-archive-product .kha-shop-bottom-seo-faq { margin-top: 45px; } #top.archive.tax-product_cat .kha-shop-bottom-seo-faq h2, #top.post-type-archive-product .kha-shop-bottom-seo-faq h2 { margin: 0 0 22px 0; font-size: 32px; line-height: 1.25; color: #111; } #top.archive.tax-product_cat .kha-shop-faq-item, #top.post-type-archive-product .kha-shop-faq-item { border-top: 1px solid rgba(0, 0, 0, 0.14); padding: 18px 0; } #top.archive.tax-product_cat .kha-shop-faq-item:last-child, #top.post-type-archive-product .kha-shop-faq-item:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.14); } #top.archive.tax-product_cat .kha-shop-faq-item summary, #top.post-type-archive-product .kha-shop-faq-item summary { cursor: pointer; font-size: 18px; line-height: 1.45; font-weight: 600; color: #111; list-style: none; } #top.archive.tax-product_cat .kha-shop-faq-item summary::-webkit-details-marker, #top.post-type-archive-product .kha-shop-faq-item summary::-webkit-details-marker { display: none; } #top.archive.tax-product_cat .kha-shop-faq-item summary::after, #top.post-type-archive-product .kha-shop-faq-item summary::after { content: "+"; float: right; font-size: 22px; line-height: 1; font-weight: 400; } #top.archive.tax-product_cat .kha-shop-faq-item[open] summary::after, #top.post-type-archive-product .kha-shop-faq-item[open] summary::after { content: "−"; } #top.archive.tax-product_cat .kha-shop-faq-answer, #top.post-type-archive-product .kha-shop-faq-answer { max-width: 850px; padding-top: 12px; color: #444; font-size: 16px; line-height: 1.7; } #top.archive.tax-product_cat .kha-shop-faq-answer p, #top.post-type-archive-product .kha-shop-faq-answer p { margin: 0; } @media only screen and (max-width: 767px) { #top.archive.tax-product_cat .kha-shop-bottom-seo, #top.post-type-archive-product .kha-shop-bottom-seo { margin: 55px auto 30px auto; } #top.archive.tax-product_cat .kha-shop-bottom-seo-text, #top.post-type-archive-product .kha-shop-bottom-seo-text { font-size: 16px; line-height: 1.7; } #top.archive.tax-product_cat .kha-shop-bottom-seo-faq h2, #top.post-type-archive-product .kha-shop-bottom-seo-faq h2 { font-size: 26px; } #top.archive.tax-product_cat .kha-shop-faq-item summary, #top.post-type-archive-product .kha-shop-faq-item summary { font-size: 17px; } }