/*
Theme Name: Mesmerize Child theme of mesmerize
Theme URI: 
Description: Child theme of mesmerize theme for the Mesmerize theme
Author: <a href="http://extendthemes.com/">Horea Radu</a>
Author URI: 
Template: mesmerize
Version: 1.6.109
*/

/* Generated by Orbisius Child Theme Creator (https://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Thu, 17 Mar 2022 12:30:05 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/
/* RESPONSYWNOŚĆ */
@media(max-width:768px) {
    #podm-global-menu {
        width: calc(100% - 16px);
        padding: 6px 8px;
        bottom: 10px;
    }

    #podm-global-menu .podm-menu-item {
        width: 36px;
        height: 36px;
        font-size: 18px;
    }

    #podm-global-menu .podm-menu-logo img {
        width: 60px;
        height: 60px;
    }
}

.woocommerce-checkout .payment_method .button {
    color: #fff !important;
    /* biały tekst */
    background-color: #000 !important;
    /* czarne tło */
}

.woocommerce-checkout .payment_method .button:hover {
    background-color: #333 !important;
}
/* Globalne zabezpieczenie przed wychodzeniem elementów poza ekran */
html, body {
    max-width: 100vw;     /* ogranicza całą szerokość strony */
    overflow-x: hidden;   /* ukrywa wszystko co wystaje poza ekran */
}

/* Menu globalne */
#podm-global-menu {
    display: flex;
    flex-wrap: nowrap; /* nie pozwala zawijać wierszy */
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
}

/* Wszystkie ikony i linki w menu */
.podm-global-menu a, .podm-global-menu i {
    max-width: 100%;
    font-size: clamp(12px, 2vw, 20px); /* automatycznie zmienia się przy zmianie szerokości okna */
}

/* Formularze i przyciski */
input, textarea, button {
    width: 100%;
    max-width: 100%;
    font-size: clamp(12px, 1.5vw, 16px);
    padding: clamp(5px, 1vw, 15px);
    box-sizing: border-box;
}

/* Obrazy i logotypy */
img {
    max-width: 100%;
    height: auto;
}

/* Overlay formularza kontaktowego */
#custom-contact-form-overlay > div {
    max-width: 90%;
    width: 90%;
}