/*
Theme Name:     Manifest[o] Galeria
Theme URI:      n/a
Template:       kadence
Author:         Pro Author
Author URI:     n/a
Description:    Child Theme Description
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/
/* nawiasy */

.brackets {
  position: relative;

  text-decoration: none;
  color: black;
  font-weight: 350;
}

.brackets span {
  position: relative;
  z-index: 2;
}

.brackets::before,
.brackets::after {
  content: "";
  position: absolute;
		top: 45%;
  transform: translateY(-50%);
  font-size: 2.4em;
  line-height: 1;
  opacity: 0;
  transition: opacity .25s ease;
  font-weight: 400;
}

@media (max-width: 768px) {
  .brackets::before,
  .brackets::after {
    top: 50%;
  }
}

.brackets::before {
  content: "[";
  left: 0;
}

.brackets::after {
  content: "]";
  right: 0;
}

/* hover + aktywna strona (różne warianty) */
.brackets:hover::before,
.brackets:hover::after,
.current_page_item .brackets::before,
.current_page_item .brackets::after,
.current_page_item.brackets::before,
.current_page_item.brackets::after,
.current-menu-item .brackets::before,
.current-menu-item .brackets::after,
.current-menu-item.brackets::before,
.current-menu-item.brackets::after,
.brackets[aria-current="page"]::before,
.brackets[aria-current="page"]::after {
  opacity: 1;
}

/* domyślny kursor – szara kropka */
body {
  cursor: url("/wp-content/uploads/2025/12/cursor-grey.png") 8 8, auto;
}

/* elementy klikalne – czarna kropka */
a,
button,
[role="button"],
input[type=button],
input[type=submit] {
  cursor: url("/wp-content/uploads/2025/12/cursor-black.png") 8 8, pointer;
}



/* SUWAK NEWSLETTER */
:root {
  --kb-toggle-width: 46px;
  --kb-toggle-height: 24px;
  --kb-toggle-thumb-size: 18px;
  --kb-toggle-off-bg: #ddd;
  --kb-toggle-on-bg: var(--global-palette1);      /* kolor ON */
}

/* chowamy natywny checkbox */
.kb-form-basic-style input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* ułożenie tekstu i suwaka w linii */
.kb-form-basic-style .kb-radio-check-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* label obok checkboxa – kontener suwaka */
.kb-form-basic-style input[type="checkbox"] + label {
  position: relative;
  padding-left: calc(var(--kb-toggle-width) + 14px);
  cursor: pointer;
}

/* wspólne ustawienia dla toru i kółka */
.kb-form-basic-style input[type="checkbox"] + label::before,
.kb-form-basic-style input[type="checkbox"] + label::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* tor suwaka */
.kb-form-basic-style input[type="checkbox"] + label::before {
  left: 0;
  width: var(--kb-toggle-width);
  height: var(--kb-toggle-height);
  border-radius: 999px;
  background: var(--kb-toggle-off-bg);
  transition: background 0.25s ease;
}

/* kółko suwaka */
.kb-form-basic-style input[type="checkbox"] + label::after {
  left: 3px;
  width: var(--kb-toggle-thumb-size);
  height: var(--kb-toggle-thumb-size);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 2px rgba(0,0,0,.3);
  transition: transform 0.25s ease;
}

/* stan ON */
.kb-form-basic-style input[type="checkbox"]:checked + label::before {
  background: var(--kb-toggle-on-bg);
}

.kb-form-basic-style input[type="checkbox"]:checked + label::after {
  transform: translate(calc(var(--kb-toggle-width) - var(--kb-toggle-thumb-size) - 5px), -50%);
}





.kb-dynamic-html::after {
  content: '[...]';
}

.goverlay {
  background: rgba(255, 255, 255, 0.9) !important;
}

/* Na wszelki wypadek wymuszamy też na mobile */
@media (max-width: 768px) {
  .goverlay {
    background: rgba(255, 255, 255, 0.9) !important;
  }
}
.glightbox-container .gclose, .glightbox-container .gnext, .glightbox-container .gprev{
  background-color: transparent !important;
fill:#000000 !important;
}



.glightbox-container .gclose.gbtn svg path {
  fill: #000000 !important;
}

.glightbox-container .gclose.gbtn svg {
  width: 50px;
  height:50px;
}

/* 1. Usunięcie tła z wszystkich przycisków lightboxa */
.glightbox-container .gbtn {
  background: none !important;
  box-shadow: none !important;
}

/* 2. Kolor ikon (X + strzałki) na czarny */
.glightbox-container .gbtn svg,
.glightbox-container .gbtn svg path {
  fill: #000000 !important;
  stroke: #000000 !important;
}

/* 4. Powiększenie samej ikonki w środku */
.glightbox-container .gbtn svg {
  width: 250px;
  height: 250px;
}

/* 1. Ukryj wszędzie */
.header-cart-wrap {
  display: none !important;
}

/* 2. Pokaż na stronie Sklep */
body.header-cart-wrap,
body.post-type-archive-product .header-cart-wrap,
body.tax-product_cat .header-cart-wrap,
body.single-product .header-cart-wrap,
body.woocommerce-cart .header-cart-wrap,
body.woocommerce-checkout .header-cart-wrap {
  display: flex !important;
}


.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url]

{
	border-radius:0px !important;
	
}



.wc-block-components-product-badge  {
	border-radius:0px !important;
}


.glightbox-container .gslide-desc,
.glightbox-mobile .gslide-desc {
	color: var(--global-palette4) !important;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
}

.woocommerce span.onsale {
  display: none;
}



.pll-icons{
  display: flex;
  gap: 15px;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pll-icons li{ margin: 0; }

.pll-icons li a{
  display: block;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  overflow: hidden;
  background: center/contain no-repeat;
}

.pll-icons [lang="pl"]{ background-image:url('/wp-content/uploads/2025/11/ikony-jezyka-02.webp'); }
.pll-icons [lang="en"]{ background-image:url('/wp-content/uploads/2025/11/ikony-jezyka-04.webp'); }

.current [lang="pl"]{
background-image:url('/wp-content/uploads/2025/11/ikony-jezyka-01.webp');
}
.current [lang="en"]{
	background-image:url('/wp-content/uploads/2025/11/ikony-jezyka-03.webp');

}


/* Domyślnie chowamy ikonę koszyka z nagłówka */
.header-mobile-cart-wrap {
  display: none;
}

/* Pokazujemy tylko na stronach WooCommerce */
body.woocommerce-page .header-cart-wrap,
body.post-type-archive-product .header-mobile-cart-wrap,
body.tax-product_cat .header-mobile-cart-wrap,
body.single-product .header-mobile-cart-wrap {
  display: flex;   /* albo inline-flex / block, zależnie jak było */
}


.woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info {
	background-color:#fff;
border-style: solid;
    border-color: #000;  
    border-width: 1px 1px 1px 5px; }


.woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register {
		background-color:#fff;
border-style: solid;
    border-color: #000;  
    border-width: 1px 1px 1px 5px;
    padding: 20px;
    margin: 2em 0;
    text-align: left;
    border-radius: 0px;
}

#payment ul.wc_payment_methods li.wc_payment_method input[type=radio]:first-child:checked+label {
		background-color:#fff;
border-style: solid;
    border-color: #000;  
    border-width: 1px 1px 1px 5px; 
}

#payment ul.wc_payment_methods li.wc_payment_method>label {
			background-color:#fff;
border-style: solid;
    border-color: #000;  
    border-width: 1px 1px 1px 5px; 
}


#payment ul.wc_payment_methods li.wc_payment_method>label:hover {
			background-color:#fff;
border-style: solid;
    border-color: #000;  
    border-width: 1px 1px 1px 5px; 
}

/* Globalnie dla całej strony */
::selection {
  background: #000000;  /* kolor tła zaznaczenia – czarny */
  color: #ffffff;       /* kolor zaznaczonego tekstu – biały, żeby było widać */
}

/* Dla Firefoksa */
::-moz-selection {
  background: #000000;
  color: #ffffff;
}


