/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.8.3.1730826265
Updated: 2024-11-05 18:04:25

*/
/* ======================================================
   KAFELKI PRODUKTÓW WOOCOMMERCE
====================================================== */

/* Kontener dla produktów WooCommerce */
.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
    padding: 20px;
    background-color: #ffffff;
}

/* Karty produktów */
.woocommerce ul.products li.product {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
    width: 22%;
    max-width: 22%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 320px;
}

/* Efekt hover na kartach */
.woocommerce ul.products li.product:hover {
    transform: translateY(-5px);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
}

/* Stylizacja obrazków produktów */
.woocommerce ul.products li.product img {
    border-bottom: 1px solid #e0e0e0;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

/* Nazwa produktu */
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    color: #333333;
    padding: 10px;
    margin: 0;
    transition: color 0.3s ease;
    flex-grow: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* Hover nazwy produktu */
.woocommerce ul.products li.product:hover h2.woocommerce-loop-product__title {
    color: #ff6a00;
}

/* Cena produktu */
.woocommerce ul.products li.product .price {
    font-size: 1.1em;
    color: #ff6a00;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
}

/* Przyciski "Dodaj do koszyka" */
.woocommerce ul.products li.product .button {
    display: block;
    background-color: #ff7a00;
    color: #ffffff;
    text-align: center;
    font-size: 0.8em;
    font-weight: bold;
    padding: 12px 0;
    border-radius: 8px;
    margin-top: auto;
    transition: background-color 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Efekt hover na przycisku */
.woocommerce ul.products li.product .button:hover {
    background-color: #e35d00;
    color: #ffffff;
}

/* Responsywność dla dużych tabletów - 3 produkty w rzędzie */
@media (max-width: 992px) {
    .woocommerce ul.products li.product {
        width: calc(33.33% - 15px);
        max-width: calc(33.33% - 15px);
    }
}

/* Responsywność dla mniejszych tabletów - 2 produkty w rzędzie */
@media (max-width: 768px) {
    .woocommerce ul.products li.product {
        width: calc(50% - 15px);
        max-width: calc(50% - 15px);
    }
}

/* Responsywność dla urządzeń mobilnych - 1 produkt w rzędzie */
@media (max-width: 480px) {
    .woocommerce ul.products li.product {
        width: 100%;
        max-width: 100%;
    }
}


/* ======================================================
   CSS DO CENNIKA
====================================================== */

/* General Table Styling */
.pricing-table {
    width: 100%;
    max-width: 900px;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    color: #ffffff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    border-radius: 8px;
    background-color: #333333;
}

/* Title Cell Styling */
.pricing-table .title {
    background: linear-gradient(135deg, #ff8c42, #ff5a1f);
    color: #ffffff;
    font-weight: bold;
    font-size: 1.4em;
    text-align: center;
    padding: 15px;
}

/* Header Row Styling */
.pricing-table tr:nth-child(2) {
    background-color: #333333;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}

/* Data Cell Styling */
.pricing-table td {
    padding: 12px 15px;
    text-align: center;
    border-bottom: 1px solid #555555;
}

/* Row Background Color and Text Styling */
.pricing-table tr:nth-child(odd):not(:first-child):not(:nth-child(2)) {
    background-color: #ffffff;
    color: #333333;
}

.pricing-table tr:nth-child(even):not(:first-child):not(:nth-child(2)) {
    background-color: #e0e0e0;
    color: #333333;
}

/* Mobile Responsive Layout */
@media (max-width: 768px) {

    /* Hide header row on mobile */
    .pricing-table tr:nth-child(2) {
        display: none;
    }

    /* Make table rows look like cards on mobile */
    .pricing-table,
    .pricing-table tbody,
    .pricing-table tr,
    .pricing-table td {
        display: block;
        width: 100%;
    }

    .pricing-table tr {
        margin-bottom: 15px;
        border: 1px solid #333333;
        border-radius: 6px;
    }

    /* Cell styling with label display */
    .pricing-table td[data-label] {
        display: flex;
        justify-content: space-between;
        padding: 12px;
        background-color: #ffffff;
        border-bottom: 1px solid #333333;
        color: #333333;
    }

    .pricing-table .title {
        font-size: 1.6em;
        padding: 20px;
    }

    /* Label text adjustment */
    .pricing-table td[data-label]::before {
        content: attr(data-label);
        font-weight: bold;
        color: #ff8c42;
        flex: 1;
        text-align: left;
        margin-right: 10px;
    }
}


/* ======================================================
   KOSZYK / CHECKOUT - NAZWA PRODUKTU
====================================================== */

.wc-block-components-product-name {
    font-size: 16px !important;
    color: #ff6a00 !important;
}

.wc-block-components-product-metadata__description {
    font-size: 12px !important;
}


/* ======================================================
   WYSZUKIWARKA FIBOSEARCH
====================================================== */

/* Wyszukiwarka - na desktopie */
.dgwt-wcas-search-input {
    width: 500px !important;
    max-width: 100% !important;
}

/* Na tabletach - od 768px do 1024px */
@media (max-width: 1024px) and (min-width: 768px) {
    .dgwt-wcas-search-input {
        width: 80% !important;
        max-width: none !important;
    }
}

/* Na telefonach - poniżej 768px */
@media (max-width: 768px) {
    .dgwt-wcas-search-input {
        width: 100% !important;
        max-width: none !important;
    }
}

/* Kontener wyszukiwarki */
.dgwt-wcas-search-form {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

/* Wyszukiwarka FiboSearch - widoczna tylko na stronie sklepu */
body.post-type-archive-product .dgwt-wcas-search-form {
    display: block !important;
}

/* Ukrycie wyszukiwarki na innych stronach */
body:not(.post-type-archive-product) .dgwt-wcas-search-form {
    display: none !important;
}