﻿/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/**
* Доставка
*/

/* Блок наверху чекаута */
.checkout-top-shipping { margin-bottom: 24px; }
.checkout-top-shipping__title { margin: 0 0 12px; font-size: 20px; font-weight: 700; }

/* Сетка карточек */
.checkout-top-shipping ul#shipping_method{
  display:flex; flex-wrap:wrap; gap:16px; margin:0; padding:0;
}
.checkout-top-shipping ul#shipping_method li{
  list-style:none; margin:0; padding:0; position:relative;
}

/* Скрываем radio, оставляя доступность */
.checkout-top-shipping ul#shipping_method input[type="radio"]{
  position:absolute; inset:0; opacity:0;
}

/* Карточки */
.checkout-top-shipping ul#shipping_method label{
  display:block; min-width:260px;
  border:2px solid #dcdcdc; border-radius:6px;
  background:#fff; padding:16px 18px; cursor:pointer;
  font-weight:600; line-height:1.35;
}



/* Цена/описание */
.checkout-top-shipping ul#shipping_method label .amount,
.checkout-top-shipping ul#shipping_method label .woocommerce-Price-amount{
  display:block; margin-top:6px; font-weight:700;
}

/* Прячем строку доставки в таблице "Ваш заказ" */
.woocommerce-checkout-review-order-table tr.shipping{ display:none; }

/**
* Оплата
*/
.woocommerce #payment .wc_payment_methods {
    list-style: none;
}
.place-order { }
.woocommerce #payment .wc_payment_methods li {
    position: relative;
    margin-bottom: -3px;
}
.woocommerce #payment input[type="radio"] {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.woocommerce #payment li label {
    width: 100%;
    border: 3px solid #d1d1d1;
    background-color: inherit;
    transition: all 250ms ease;
    display: inline-block;
    text-align: left;
    cursor: pointer;
    position: relative;
    padding: 1rem 1.25rem;
    margin: 0.2rem 0 0;
    line-height: 1;
    overflow: hidden;
    border-radius: 12px;
    vertical-align: middle;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.woocommerce #payment li label:hover {
    background-color: #fff;
    color: #000;
    border-color: #989898;
}
.woocommerce #payment li input[type="radio"]:checked + label {
    background-color: #fff;
    color: #000;
    border-color: #3BB5E8;
}
.woocommerce #payment li input[type="radio"]:checked + label svg {
    fill: #fff;
}
//*.woocommerce #payment li label .payment_box {
    font-weight: normal;
    margin-top: 15px;
}
.woocommerce #payment li label .label-title {
    vertical-align: text-top;
}
.woocommerce-checkout #payment ul.payment_methods .wc_payment_method > input[type=radio]:first-child:checked + label:before,
.woocommerce-checkout #payment ul.payment_methods .wc_payment_method > label:before,
#payment .payment_methods > .wc_payment_method > label::before, 
#payment .payment_methods > .woocommerce-PaymentMethod > label::before {
    display: none;
}

/* VK widget */
#community_groups_main iframe {
    max-width: 100% !important;
}
.wpcf7-submit {
    background:#3bb5e8!important;
    color:#fff!important;
    text-shadow:none!important;
    text-transform:uppercase;
    border-radius:5px!important;
    margin-top:20px;
}
.woocommerce-Address-title .edit {
    padding-right: 5px!important;
    padding-left: 5px!important;
    color: var(--wd-primary-color)!important;
    font-weight: 600!important;
    font-size: 18px!important;
}    
.woocommerce-Address-title .edit:hover {
    background:#3bb5e8!important;
    color:#ffffff!important;
	
/* правка social-login для yaid*/	
}    
.wd-social-login {
    margin-bottom: 15px;
}
#yandex_id_login {
    position: relative;
    z-index: 300;
}
.yaPersonalButton  {
    border-radius: 35px;
    position: relative;
}

/* =====================
   Переопределения для выбранной доставки
   ===================== */
.woocommerce .checkout-top-shipping ul#shipping_method input.shipping_method:checked + label,
.woocommerce .checkout-top-shipping ul#shipping_method li.is-selected > label {
  border-color:#2a8fdb !important;
  box-shadow:0 0 0 3px rgba(42,143,219,.15) !important;
}


/* кнопки и формы */

/* === КНОПКИ (не трогаем qty) === */
button,
a.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  border-radius: 12px;       /* ваше значение */
}

/*точечно классы кнопок*/

.woocommerce .button.alt {       
  border-radius: 12px !important;
}

.wd-product-footer .wd-add-btn a.button {
  border-radius: 12px !important;
}

.wpcf7-submit {
  border-radius: 12px !important;          /* скругление */
 
}

/* === ПОЛЯ ФОРМ (без number — qty трогать нельзя) === */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
input[type="url"],
textarea,
select {
  border-radius: 12px;       /* ваше значение */
}

/* === WooCommerce формы (чекаут/аккаунт) точечно === */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  border-radius: 12px;
}

/* === Явно НЕ ТРОГАЕМ контрол количества === */
/* Никаких стилей для:
   .quantity input[type="button"].minus / .plus
   .quantity input.qty (type=number)
*/


/* Скругление контейнера карты чекаута */
#yma-map {
  border-radius: 12px;   /* любое значение */
  overflow: hidden;      /* обрезает содержимое по радиусу */
}

/* На всякий случай: убираем собственные рамки/фоны у карты */
#yma-map .ymaps-2-1-79-map {
  border-radius: 0;
}

/* БАЗОВОЕ (оставь без !important) */
.checkout-top-shipping ul#shipping_method label{
  border:2px solid #dcdcdc; /* без !important */
}

/* ВЫБРАННАЯ КАРТОЧКА — устойчиво к перерисовкам
   1) Современные браузеры: :has()
   2) Фолбэк: класс на <li> (из JS)
   3) Резерв: если между input и label есть узлы, используем ~ */
.checkout-top-shipping ul#shipping_method li:has(> input.shipping_method:checked) > label,
.checkout-top-shipping ul#shipping_method li.is-selected > label,
.checkout-top-shipping ul#shipping_method input.shipping_method:checked ~ label {
  border:2px solid #2a8fdb !important;
  box-shadow:0 0 0 3px rgba(42,143,219,.15) !important;
}


