/*
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/storefront/
Template: storefront
Author: Automattic
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options
Version: 2.3.5.1576245339
Updated: 2019-12-13 14:55:39

*/



.woocommerce .col2-set, 
.woocommerce-page .col2-set,
#customer_details+#wc_checkout_add_ons, 
#order_review, #order_review_heading {
    float: none;
    width: 100%;
}



h1 {font-size:18px;}

body .gform_wrapper label.gfield_label {
	margin-top: 50px !important;
}

@media screen and (max-width: 767px) {
  .menu-toggle {
    display: none;
  }
}



/*
 * Hidding cart menu item on all screens
**/
.storefront-primary-navigation>.site-header-cart.menu {
    display: none;
}

/*
 * Hidding cart menu item on all screens
**/
.storefront-primary-navigation>.site-header-cart.menu {
    display: none;
}

/*
 * Re-styling main menu to the right just for desktop screens
**/
@media (min-width: 768px) {
    .storefront-primary-navigation>.main-navigation {
        float: right !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
    .main-navigation ul.menu,
    .main-navigation ul.nav-menu {
        text-align: right !important;
    }
    .storefront-primary-navigation>.main-navigation>.menu>ul>li {
        text-align: right !important;
    }
    .main-navigation ul.menu>li:first-child,
    .main-navigation ul.nav-menu>li:first-child {
        margin-left: 0;
    }
    .main-navigation ul.menu>li:last-child,
    .main-navigation ul.nav-menu>li:last-child {
        margin-right: -1em;
    }
}















		
		
		
		
		
		
/* =========================================================
   GRAVITY FORMS – styl spójny z kreatorem web2print
   ========================================================= */

/* ===== Radioboxy: kafelki jak przyciski w kreatorze ===== */

/* domyślnie (bez klasy gf_list_...): obok siebie */
.gform_wrapper .gfield_radio {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px;
}

/* liczba kolumn z klasy pola: PC / telefon */
.gform_wrapper .gf_list_2col { --kol: 2; --kol-tel: 1; }
.gform_wrapper .gf_list_3col { --kol: 3; --kol-tel: 1; }
.gform_wrapper .gf_list_4col { --kol: 4; --kol-tel: 2; }
.gform_wrapper .gf_list_5col { --kol: 5; --kol-tel: 2; }

.gform_wrapper :is(.gf_list_2col, .gf_list_3col, .gf_list_4col, .gf_list_5col) .gfield_radio {
  display: grid !important;
  grid-template-columns: repeat(var(--kol), minmax(0, 1fr));
  gap: 12px;
}

@media (max-width: 767px) {
  .gform_wrapper :is(.gf_list_2col, .gf_list_3col, .gf_list_4col, .gf_list_5col) .gfield_radio {
    grid-template-columns: repeat(var(--kol-tel), minmax(0, 1fr));
  }
}

/* ukrycie kropki */
.gform_wrapper .gchoice input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  pointer-events: none;
}

.gform_wrapper .gchoice:has(input[type="radio"]) {
  position: relative;
  width: 100% !important;
  margin: 0 !important;
}

/* kafelek: niezaznaczony */
.gform_wrapper .gchoice:has(input[type="radio"]) label {
  position: relative;
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  height: 100%;
  min-height: 44px;
  max-width: none !important;
  margin: 0 !important;
  padding: 8px 16px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  color: #374151;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition: background-color 0.15s, border-color 0.15s;
}

/* wybory tekstowe (bez obrazka): szara ramka i białe tło jak przyciski w kreatorze */
.gform_wrapper .gchoice:has(input[type="radio"]):not(:has(img)) label {
  background: #ffffff;
  border-color: #d1d5db;
}

/* kafelki z obrazkiem: mniejszy odstęp */
.gform_wrapper .gchoice:has(input[type="radio"]):has(img) label {
  padding: 8px;
}

/* obrazek dopasowany do kafelka */
.gform_wrapper .gchoice:has(input[type="radio"]) label img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 0 !important;
  transition: transform 0.15s;
}

/* najechanie myszką (tylko na komputerze) */
@media (hover: hover) {
  .gform_wrapper .gchoice:has(input[type="radio"]) label:hover {
    border-color: #bfdbfe;
  }
  .gform_wrapper .gchoice:has(input[type="radio"]) label:hover img {
    transform: translateY(-3px);
  }
}

/* zaznaczony */
.gform_wrapper .gchoice:has(input[type="radio"]:checked) label {
  background: rgba(59, 130, 246, 0.12);
  border-color: #3b82f6;
  color: #1d4ed8;
}

/* znaczek ✓ w rogu zaznaczonej miniaturki */
.gform_wrapper .gchoice:has(input[type="radio"]:checked):has(img) label::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #2563eb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / 14px no-repeat;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

/* obsługa klawiaturą */
.gform_wrapper .gchoice:has(input[type="radio"]:focus-visible) label {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

/* ===== Pola tekstowe ===== */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="url"],
.gform_wrapper select,
.gform_wrapper textarea {
  box-sizing: border-box;
  min-height: 44px;
  padding: 8px 12px !important;
  font-family: inherit;
  font-size: 15px;
  color: #111827;
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.gform_wrapper textarea {
  min-height: 120px;
}

.gform_wrapper input:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
  outline: none;
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

/* ===== Przyciski ===== */
.gform_wrapper .gform_button,
.gform_wrapper .gform_next_button,
.gform_wrapper .gform_previous_button {
  box-sizing: border-box;
  height: 52px !important;
  padding: 0 21px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  border-radius: 6px !important;
  cursor: pointer;
  transition: background-color 0.15s, border-color 0.15s, opacity 0.15s;
}

/* Wyślij / Przejdź do kreatora: niebieski */
.gform_wrapper .gform_button {
  color: #ffffff !important;
  background: #2563eb !important;
  border: 1px solid #1d4ed8 !important;
}

.gform_wrapper .gform_button:hover {
  background: #1d4ed8 !important;
}

/* Dalej / Wstecz: białe */
.gform_wrapper .gform_next_button,
.gform_wrapper .gform_previous_button {
  color: #111827 !important;
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
}

.gform_wrapper .gform_next_button:hover,
.gform_wrapper .gform_previous_button:hover {
  border-color: #2563eb !important;
  color: #2563eb !important;
}

.gform_wrapper .gform_button:disabled,
.gform_wrapper .gform_next_button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}