/* ===============================
ЕКОНТ – Добавяне на лого при доставка
=============================== */
.checkout-skin .woocommerce ul#shipping_method li label[for*="office-econt"],
.checkout-skin .woocommerce ul#shipping_method li label[for*="econt"] {
position: relative;
padding-left: 50px; /* Оставя място за логото вляво */
min-height: 36px;
display: flex;
align-items: center;
}
/* Самото лого на Еконт */
.checkout-skin .woocommerce ul#shipping_method li label[for*="office-econt"]::before,
.checkout-skin .woocommerce ul#shipping_method li label[for*="econt"]::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 42px; /* ширина на логото */
height: 20px; /* височина на логото */
background: url("https://versiontwo.kenzoshoes.eu/wp-content/uploads/2025/10/econt-logo.png") no-repeat center;
background-size: contain;
opacity: 0.9;
}
/* ===============================
Woo Checkout clean Divi skin
Основни стилове за форма на поръчка
=============================== */
/* Етикети на полетата */
.checkout-skin .woocommerce form .form-row label {
font-size: 14px;
font-weight: 600;
margin: 0 0 6px;
color: #111318;
}
/* Основни полета (input, select, textarea) */
.checkout-skin .woocommerce input.input-text,
.checkout-skin .woocommerce textarea,
.checkout-skin .woocommerce select,
.checkout-skin .select2-container .select2-selection--single {
background: #ffffff;
border: 1px solid #e7e7ee !important;
border-radius: 12px !important;
min-height: 56px;
padding: 14px 16px;
box-shadow: none !important;
color: #111318;
}
.checkout-skin .woocommerce textarea {
min-height: 120px; /* височина на бележките */
resize: vertical;
line-height: 1.5;
}
.checkout-skin .woocommerce input::placeholder,
.checkout-skin .woocommerce textarea::placeholder {
color: #6b7280; /* цвят на placeholder текста */
}
/* Ефект при фокус върху поле */
.checkout-skin .woocommerce input.input-text:focus,
.checkout-skin .woocommerce textarea:focus,
.checkout-skin .woocommerce select:focus,
.checkout-skin .select2-container--default .select2-selection--single:focus {
border-color: #ff7f66 !important; /* основен акцентен цвят */
outline: 0;
box-shadow: 0 0 0 3px rgba(255, 127, 102, 0.15) !important;
}
/* Държави / Области – селект */
.checkout-skin .select2-container .select2-selection--single {
display: flex;
align-items: center;
min-height: 56px;
padding: 0 12px;
border-radius: 12px;
}
.checkout-skin .select2-container .select2-selection__rendered {
line-height: 56px;
padding-left: 2px;
color: #111318;
}
.checkout-skin .select2-container .select2-selection__arrow {
height: 56px;
right: 10px;
}
/* Заглавия на секциите (Billing, Shipping, т.н.) */
.checkout-skin .woocommerce h3 {
font-size: 22px;
font-weight: 800;
margin: 6px 0 14px;
}
/* Разстояния между редовете */
.checkout-skin .woocommerce form.checkout .form-row {
margin: 0 0 14px;
}
/* Карта (каре) за основните секции */
.checkout-skin .woocommerce-billing-fields,
.checkout-skin .woocommerce-shipping-fields,
.checkout-skin .woocommerce-additional-fields {
background: #ffffff;
border: 1px solid #e7e7ee;
border-radius: 16px;
padding: 18px;
margin-bottom: 18px;
}
/* Преглед на поръчката (Your order) */
.checkout-skin #order_review,
.checkout-skin .woocommerce-checkout-review-order {
background: #ffffff;
border: 1px solid #e7e7ee;
border-radius: 16px;
box-shadow: 0 8px 28px rgba(16, 24, 40, 0.06);
padding: 6px 6px 0;
}
/* Таблици за продуктите */
.checkout-skin table.shop_table {
border: 0 !important;
margin: 0 !important;
}
.checkout-skin table.shop_table th,
.checkout-skin table.shop_table td {
border: 0 !important;
padding: 14px 16px !important;
font-size: 14px;
}
.checkout-skin table.shop_table thead th {
font-weight: 700;
color: #111318;
}
.checkout-skin table.shop_table tfoot th {
font-weight: 700;
}
.checkout-skin .woocommerce-checkout-review-order-table tfoot tr.order-total th,
.checkout-skin .woocommerce-checkout-review-order-table tfoot tr.order-total td {
font-size: 16px;
font-weight: 800;
border-top: 1px solid #e7e7ee !important;
}
/* Текст за доставка */
.checkout-skin .woocommerce-checkout-review-order-table .shipping td {
color: #6b7280;
}
/* Платежна секция */
.checkout-skin #payment {
background: transparent;
border-radius: 16px;
margin: 10px 6px 16px;
border: 1px solid #e7e7ee;
padding: 6px 6px 0;
}
.checkout-skin #payment ul.payment_methods {
padding: 10px 12px !important;
border-bottom: 1px solid #e7e7ee;
margin: 0 !important;
}
.checkout-skin #payment div.payment_box {
background: #fafafa;
color: #111;
border: 1px solid #e7e7ee;
border-radius: 12px;
padding: 14px 16px;
margin: 12px;
}
.checkout-skin #payment div.payment_box:before {
display: none;
}
/* Чекбоксове и радио бутони */
.checkout-skin input[type="checkbox"],
.checkout-skin input[type="radio"] {
accent-color: #ff7f66; /* цвят на отметките */
}
.checkout-skin .woocommerce-terms-and-conditions-wrapper {
padding: 10px 12px 16px;
}
.checkout-skin .woocommerce-privacy-policy-text {
color: #6b7280;
font-size: 13px;
line-height: 1.5;
}
/* Известие за купон */
.checkout-skin p.woocommerce-info {
border: 1px dashed #e7e7ee;
border-radius: 12px;
}
.checkout-skin p.woocommerce-info a {
color: #ff7f66;
font-weight: 700;
}
/* Бутон "Поръчване" */
.checkout-skin #place_order,
.checkout-skin .woocommerce #place_order.button {
background: #ff7f66 !important;
color: #fff !important;
border: 0 !important;
padding: 10px 22px !important;
border-radius: 9999px !important; /* кръгъл бутон */
font-weight: 800 !important;
letter-spacing: 0.02em;
transition: transform 0.06s ease, filter 0.2s ease;
}
.checkout-skin #place_order:hover {
filter: brightness(0.95);
}
.checkout-skin #place_order:active {
transform: translateY(1px);
}
/* Съобщения за грешки / успех */
.checkout-skin .woocommerce-error,
.checkout-skin .woocommerce-message,
.checkout-skin .woocommerce-info {
border-radius: 12px;
}
/* Мобилна оптимизация */
@media (max-width: 980px) {
.checkout-skin .woocommerce-billing-fields,
.checkout-skin .woocommerce-additional-fields {
padding: 14px;
}
.checkout-skin table.shop_table th,
.checkout-skin table.shop_table td {
padding: 12px 12px !important;
}
}
/* Малки подобрения */
.checkout-skin .woocommerce form .form-row .required {
color: #ef4444; /* червена звездичка */
}
.checkout-skin .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper label {
font-weight: 600;
}
/* Премества “Изпращане до друг адрес” под секцията за фактуриране */
.checkout-skin #customer_details {
display: flex;
flex-direction: column;
}
.checkout-skin #customer_details .col-1,
.checkout-skin #customer_details .col-2 {
width: 100%;
}
.checkout-skin #customer_details .col-2 {
order: 2;
}
.checkout-skin .woocommerce-additional-fields {
order: 3;
}
/* ===============================
Секция за купон
=============================== */
.checkout-skin .woocommerce form.checkout_coupon {
background:#fff;
border:1px solid #e7e7ee;
border-radius:16px;
padding:18px;
margin-bottom:18px;
}
/* Поле за купон */
.checkout-skin .woocommerce form.checkout_coupon input.input-text{
min-height:56px;
padding:14px 16px;
border:1px solid #e7e7ee !important;
border-radius:12px !important;
box-shadow:none !important;
}
/* Бутон "Apply coupon" – същия стил като Place Order */
.checkout-skin .woocommerce form.checkout_coupon button.button,
.checkout-skin .woocommerce form.checkout_coupon button[name="apply_coupon"],
.checkout-skin .woocommerce .checkout_coupon button.button {
background:#ff7f66 !important;
color:#fff !important;
border:0 !important;
padding:10px 20px !important;
border-radius:9999px !important;
font-weight:800 !important;
letter-spacing:.02em;
transition:transform .06s ease, filter .2s ease;
}
/* Hover и натискане на бутона за купон */
.checkout-skin .woocommerce form.checkout_coupon button.button:hover{
filter:brightness(.95);
}
.checkout-skin .woocommerce form.checkout_coupon button.button:active{
transform:translateY(1px);
}
/* Ако Divi бутоните се намесват – изключваме техните стилове */
.checkout-skin .woocommerce form.checkout_coupon .et_pb_button {
all:unset; /* изчиства Divi стиловете */
display:inline-block;
}