/* ================================
   PAGE STYLES
   ================================ */

  .page h2.wp-block-heading:nth-child(n+2) {
	margin-top: 0.7em;
}

  .page p {
	margin-bottom: 0.3em;
}

  .page ul {
	margin-bottom: 0.6em;
}

  .regulamin_data {
    margin-bottom: 0.6em;
}

/* ===================================================== */
/* =========== Блок логирования на сайт ================ */
/* ===================================================== */

/* Скрываю заголовок страницы, если пользователь еще не залогинился */

body.woocommerce-account:not(.logged-in) .entry-header > h1{
  display: none;
}

/* Заголовок формы регистрации Logowanie — по центру и по ширине карточки (только когда пользователь НЕ залогинен) */
body.woocommerce-account:not(.logged-in) .woocommerce h2{
  max-width: 420px;
  margin: 0 auto 16px;
  text-align: center;
}

.woocommerce form.woocommerce-form-login,
.woocommerce form.woocommerce-ResetPassword,
.woocommerce form.woocommerce-form-register{
  max-width: 420px;
  margin: 0 auto;
  padding: 30px;
  border-radius: 18px;
  background: rgba(255,255,255,.65);
  border: 1px solid rgba(255,255,255,.6);
  box-shadow: 0 12px 40px rgba(0,0,0,.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.woocommerce form.woocommerce-form-login label,
.woocommerce form.woocommerce-ResetPassword label,
.woocommerce form.woocommerce-form-register label{
  padding-bottom: 6px;
}

.woocommerce form.woocommerce-form-login input,
.woocommerce form.woocommerce-ResetPassword input,
.woocommerce form.woocommerce-form-register input{
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: none !important;
}

.woocommerce form.woocommerce-ResetPassword p{
  width: 100%;
  margin-bottom: 1em;
}

.woocommerce form.woocommerce-form-login button,
.woocommerce form.woocommerce-ResetPassword button,
.woocommerce form.woocommerce-form-register button,
.woocommerce form.edit-account button{
  width: 100%;
  border-radius: 14px !important;
  padding: 12px 16px !important;
}

.woocommerce form.woocommerce-form-register button{
  margin-top: 10px;
}

/* 2) Кнопка показать пароль — не перекрывает поле */
.woocommerce form .password-input{
  position: relative;
  display: block;
}

/* Даем место справа под иконку (самое важное) */
.woocommerce form .password-input input{
  padding-right: 52px !important;
}

/* Сама кнопка — абсолютная, по центру по высоте, без “серого блока” */
.woocommerce form button.show-password-input{
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  line-height: 1;
  cursor: pointer;
  opacity: .85;
}

.show-password-input.display-password::after {
  color: #333333 !important;
  opacity: 0.5;
}

body.woocommerce-account:not(.logged-in) .woocommerce #customer_login div:nth-child(2){
  display: none;
}

/* 3) Контейнер для ссылок под кнопкой */
.woocommerce-form-login .lost_password {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 10px;
}

/* ===================================================== */
/* =========== Блок логирования на сайт ================ */
/* ===================================================== */

/* ===================================================== */
/* =========== Страница регистрации на сайте =========== */
/* ===================================================== */

/* На странице регистрации скрываем логин */
.post-397 #customer_login div:first-child{
  display: none;
}
.post-397 #customer_login div:nth-child(2){
  display: block !important;
}

@media (min-width: 768px) {
 .woocommerce .col2-set#customer_login .col-1,
 .woocommerce .col2-set#customer_login .col-2{
   width: 100%;
   float: none;
   margin-right: 0;
}
}


/* ===================================================== */
/* =========== Страница регистрации на сайте =========== */
/* ===================================================== */

/* ======================================================================== */
/* =========== Редактирование профиля пользователя на сайт ================ */
/* ======================================================================== */

.woocommerce form.edit-account label,
.woocommerce form .woocommerce-address-fields label{
  padding-bottom: 6px;
}

.woocommerce form.edit-account input,
.woocommerce form .woocommerce-address-fields input{
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: none !important;
}

.woocommerce form.edit-account p,
.woocommerce form .woocommerce-address-fields p{
  width: 100%;
  margin-bottom: 1em;
}

.woocommerce-Addresses.addresses{
  margin-top: 10px;
}

.woocommerce .woocommerce-MyAccount-content h2 {
    font-size: 1.7em;
    font-weight: 600;
}

/* Всегда показываем текст "Edytuj..." и убираем иконку на всех экранах */
.woocommerce-MyAccount-content .woocommerce-Address-title a.edit:before{
  content: none !important;
  display: none !important;
}

/* === WooCommerce Select2 (Kraj/region, Województwo itp.) в стиле твоих input === */
.woocommerce .woocommerce-address-fields .select2-container--default .select2-selection--single{
  background: rgba(255,255,255,.85) !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  border-radius: 14px !important;
  height: 52px !important;
  box-shadow: none !important;
}

/* текст внутри (рендер) */
.woocommerce .woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 52px !important;
  padding-left: 14px !important;
  padding-right: 44px !important; /* место под стрелку */
  color: inherit !important;
}

/* placeholder */
.woocommerce .select2-container--default .select2-selection--single .select2-selection__placeholder{
  color: rgba(0,0,0,.45) !important;
}

/* стрелка */
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 52px !important;
  right: 12px !important;
}

/* 1) 6 строк (или нужная высота) — переопределяем select2.css */
.select2-container--default .select2-results>.select2-results__options {
  max-height: 220px;
  padding-bottom: 6px !important;
  box-sizing: border-box;
}

/* 2) Dropdown: рамка/цвет/форма */
.select2-container--default .select2-dropdown{
  background: rgba(255,255,255,.98) !important;
  color: inherit !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  box-sizing: border-box;
  overflow: hidden;                          /* чтобы скругление работало со скроллом */
  box-shadow: 0 12px 40px rgba(0,0,0,.12);   /* можно убрать если не нужно */
}

/* ===============================
   КОГДА СПИСОК ОТКРЫВАЕТСЯ ВНИЗ
================================ */
.select2-container--open .select2-dropdown.select2-dropdown--below{
  /* форма */
  border-top: 0 !important;
  border-radius: 0 0 14px 14px !important;

  /* сдвиг вверх, чтобы спрятать скругление поля */
  transform: translateY(-6px) !important;
}

/* ===============================
   КОГДА СПИСОК ОТКРЫВАЕТСЯ ВВЕРХ
================================ */
.select2-container--open .select2-dropdown.select2-dropdown--above{
  /* форма */
  border-bottom: 0 !important;
  border-radius: 14px 14px 0 0 !important;

  /* сдвиг вниз, чтобы спрятать скругление поля */
  transform: translateY(9px) !important;
}

/* Воздух сверху внутри dropdown (над полем поиска) */
.select2-container--default .select2-dropdown--above .select2-search--dropdown{
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

/* 3) На всякий случай: убрать внутренние рамки у results/ul */
.select2-container--default .select2-results{
  border: 0 !important;
  padding: 2px 0 6px 0 !important;
}

.select2-container--default .select2-results__options{
  padding-bottom: 6px;
}

/* 4) Когда открыт — поле сверху тоже чуть подчёркиваем (одна рамка на весь блок) */
.select2-container--default.select2-container--open .select2-selection--single{
  border-color: rgba(0,0,0,.10) !important;
}

/* поле сверху — убираем нижнее скругление */
.select2-container--open.select2-container--below .select2-selection--single{
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* поле снизу — убираем верхнее скругление */
.select2-container--open.select2-container--above .select2-selection--single{
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

@media (min-width: 768px) {

.woocommerce-Addresses.addresses div.woocommerce-Address{
  width: 45%;
  margin-right: 5%;
}

.woocommerce-Addresses.addresses div.woocommerce-Address h2{
  margin-bottom: 5px;
}

.woocommerce-Addresses.addresses header.title a {
  padding: 0;
  display: unset;
  float: none;
}

}

/* ======================================================================== */
/* =========== Редактирование профиля пользователя на сайт ================ */
/* ======================================================================== */

/* ======================================================================== */
/* =========== Страница О Нас ================ */
/* ======================================================================== */

div.about_img_text1,
div.about_img_text2,
div.about_img_text3,
div.about_img_text4{
  margin-bottom: 20px;
}

div.about_img_text1 div.wp-block-media-text__content,
div.about_img_text2 div.wp-block-media-text__content,
div.about_img_text3 div.wp-block-media-text__content,
div.about_img_text4 div.wp-block-media-text__content {
  padding: 0 30px;
}

div.about_img_text1 div.wp-block-media-text__content,
div.about_img_text3 div.wp-block-media-text__content{
  padding-right: 0px;
}

div.about_img_text2 div.wp-block-media-text__content,
div.about_img_text4 div.wp-block-media-text__content{
  padding-left: 0px;
}

@media (max-width: 600px){

div.about_img_text1,
div.about_img_text2,
div.about_img_text3,
div.about_img_text4{
  margin-bottom: 0px;
}

div.about_img_text1 div.wp-block-media-text__content,
div.about_img_text2 div.wp-block-media-text__content,
div.about_img_text3 div.wp-block-media-text__content,
div.about_img_text4 div.wp-block-media-text__content{
  padding: 0px;
  padding-top: 10px;
}

}

@media (min-width: 720px){

div.about_img_text1,
div.about_img_text2,
div.about_img_text3,
div.about_img_text4{
  margin-top: 20px;
}

}


/* ======================================================================== */
/* =========== Страница О Нас ================ */
/* ======================================================================== */


/* ======================================================================== */
/* =========== Оплата на сайт ================ */
/* ======================================================================== */

#order_review table.shop_table tfoot th{
  text-align: right;
}

/* ======================================================================== */
/* =========== Оплата на сайт ================ */
/* ======================================================================== */