/* ============================================================ SNP‑Team · My account — OPTIMISED STYLESHEET (v1.0) ------------------------------------------------------------ 1. БУТОНИ „ЗАПАЗИ АДРЕС“ (Speedy + Econt) 2. Speedy & Econt – редакция на адрес (икона и линк) за зашазена информация 3. Доставка с куриери Econt и Speedy - color for navigation client what to fill 4. WooCommerce · SPEEDY + ECONT – УНИФИЦИРАНИ БУТОНИ – бутони за избор на офис, адрес и автомат 5. Дребни помощни класове - НАМЕСТВАНИЯ И Т.Н. 6. MOBILE OVERRIDES 7. заоблчне на СПИДИ/ЕКОНТ DROP-DOWN търсачките - град, улица и т.н. ============================================================*/ /*============================================= 1. БУТОНИ „ЗАПАЗИ АДРЕС“ (Speedy + Econt) - START --------------------------------------------- ================================================*/ /* 1.1. Базови стилове за двата бутона */ #save_user_address, #speedy_save_user_address{ border-radius: var(--btn-accented-brd-radius); color: var(--btn-accented-color); box-shadow: var(--btn-accented-box-shadow); background: var(--btn-accented-bgcolor); margin-left: 5px; } /* 1.2. Специфични отклонения (само ако има) */ #speedy_save_user_address{ margin-top:-25px; } /* 1.3. Състояние :hover – общо за двата */ #save_user_address:hover, #speedy_save_user_address:hover{ background: var(--btn-accented-bgcolor-hover); } /* ========= END - END ----------*/ /*======================================================================= 2. Speedy & Econt – редакция на адрес (икона и линк) за зашазена информация - START ----------------------------------------------------------------------- =======================================================================*/ /* 6.1. Общ стил за линковете (ширина, padding и начален цвят) */ a.edit_speedy_address, a#edit_speedy_address_user_checkout, a.edit_econt_address, a#edit_econt_address_user_checkout { width: 25px; /* Задава ширина на линка/иконата */ padding: 25px 0 0; /* Позиционира иконата/линка вертикално */ color: #5797B2; /* Начален цвят на линка */ } /* 6.2. Общ стил за иконата (или текста-символ, ако е в основния елемент или ::after) */ .edit_speedy_address, a.edit_speedy_address::after, #edit_speedy_address_user_checkout, a#edit_speedy_address_user_checkout::after, .edit_econt_address, a.edit_econt_address::after, #edit_econt_address_user_checkout, a#edit_econt_address_user_checkout::after { content: "\f116"!important; /* Unicode символ от woodmart-font */ font-family: "woodmart-font"!important; /* Задава шрифта за иконата */ font-weight: 500; /* Дебелина на символа */ line-height: 25px; /* Вертикално центриране/разстояние */ font-size: 25px; /* Размер на иконата/символа */ } /* 6.3. Hover ефект: променя цвета на линка при посочване */ a#edit_speedy_address_user_checkout:hover, a#edit_econt_address_user_checkout:hover { color: #000; } /* ========= END - END ----------*/ /*======================================================================= 3. Доставка с куриери Econt и Speedy - color for navigation client what to fill - START Plugins - woocommerce-speedy && woocommerce-econt ----------------------------------------------------------------------- =======================================================================*/ body .select2-container--default .select2-results__option { color: #148896; } /* ========= END - END ----------*/ /*======================================================================= 4. WooCommerce · SPEEDY + ECONT – УНИФИЦИРАНИ БУТОНИ – бутони за избор на офис, адрес и автомат - START Plugins - woocommerce-speedy && woocommerce-econt =======================================================================*/ /* ==== 4.1 BASE / COMMON PROPS ==== */ label[for^="speedy_shipping_to_"]:nth-child(even), label[for^="econt_shipping_to_buttons_"]:nth-child(even){ /* визуален облик */ background: var(--btn-accented-bgcolor); color: #fff; text-transform: var(--wd-title-transform); font-family: var(--wd-title-font); font-style: var(--wd-title-font-style); font-weight: 700 !important; /* фиксация срещу „подскачане“ */ border: 2px solid transparent; box-sizing: border-box; display: inline-flex; align-items: center; padding: 0.6rem 1rem; transition: background .2s, border-color .2s, color .2s; } /* ==== 4.2 COMMON HOVER + CHECKED DIFFERENCES ==== */ /* 4.2.1 Цветът на фона и текста е еднакъв и за :hover, и за :checked */ label[for^="speedy_shipping_to_"]:nth-child(even):hover, label[for^="econt_shipping_to_buttons_"]:nth-child(even):hover, input[type="radio"]:checked + label[for^="speedy_shipping_to_"]:nth-child(even), input[type="radio"]:checked + label[for^="econt_shipping_to_buttons_"]:nth-child(even){ background:#fff; color:#3f3d3d; } /* 4.2.2 Бордърът и (само при checked) размерът на шрифта се различават */ /* HOVER – по‑светъл бордър */ label[for^="speedy_shipping_to_"]:nth-child(even):hover, label[for^="econt_shipping_to_buttons_"]:nth-child(even):hover{ border:2px solid var(--wd-form-brd-color) !important; } /* 4.3 CHECKED – сив бордър + по‑голям шрифт */ input[type="radio"]:checked + label[for^="speedy_shipping_to_"]:nth-child(even), input[type="radio"]:checked + label[for^="econt_shipping_to_buttons_"]:nth-child(even){ border:2px solid #00000042 !important; } /* 4.3.1 ::after икона при избран метод – размер и padding */ input[type="radio"]:checked + label[for^="speedy_shipping_to_"]::after, input[type="radio"]:checked + label[for^="econt_shipping_to_buttons_"]::after { font-size: 16px !important; /* padding: 0px !important; // тази опция е валидна само за checkout страницата*/ } label[for^="econt_shipping_to_buttons_"]:nth-child(2n)::before, label[for^="speedy_shipping_to_"]:nth-child(2n)::before { width: 30px; height: 30px; margin-right: 5px; } /* ==== 4.4 ::before иконата ==== */ label[for^="speedy_shipping_to_"]:nth-child(even)::before, label[for^="econt_shipping_to_buttons_"]:nth-child(even)::before{ margin-right:15px; } /* ==== 4.5 Разстояние от последния бутон до текста ==== */ #speedy_shipping_to_field, #econt_shipping_to_buttons_field{ padding-bottom:0; } /* ==== 4.6 Скриване на червената звездичка * ==== */ .woocommerce form .form-row .required{ visibility:hidden; } .required{ border:none; color:unset; font-size:0; line-height:0; } /* ==== 4.7 Мобилни корекции ==== */ @media (max-width:960px){ /* 4.7.1 Унифицирани размери */ label[for^="speedy_shipping_to_"]:nth-child(even), label[for^="econt_shipping_to_buttons_"]:nth-child(even){ min-height:70px; margin-top:0 !important; width:100%; } /* 4.7.2 Специфични контейнерни отмествания */ #speedy_custom_checkout_field .woocommerce-input-wrapper{ margin-left:-2px; margin-right:5px; } #econt_custom_checkout_field .woocommerce-input-wrapper{ margin-left:-4px; margin-right:5px; } /* 4.7.3 Checked наследява височина/отстъп – не дублираме, защото base вече го покрива */ } /* ========= END - END ----------*/ /* ============================================================= 5. Дребни помощни класове ============================================================= */ .econt-logo,.speedy-logo{ display:block; margin-bottom:10px; } /* в случай, че плъгинът добавя псевдо‑елемент */ .edit_speedy_address, .edit_econt_address, #edit_speedy_address_user_checkout, #edit_econt_address_user_checkout{ font-size:0 !important; /* ← ТУК изчезва „редактирай“ */ line-height:0 !important; /* резервно, за да няма височина */ margin-bottom: 10px; margin-top: -10px } #speedy_save_user_address { margin-top: -30px; } speedy_save_receiver_address button-primary button { margin-top: -20px; } /* ==== 5.1 Разстояние от последния бутоните при мобилна версия от дясно до текста ==== */ a.edit_econt_address, a.edit_speedy_address { margin-bottom: 15px; } #speedy_shipping_to_field, #econt_edit_user_address { padding-right: 8px; } } /* ========= END - END ----------*/ /* ============================================================= 6. MOBILE OVERRIDES (<= 960px и <= 767px) ============================================================= */ @media (max-width:960px){ a.edit_speedy_address, a#edit_speedy_address_user_checkout, a.edit_econt_address, a#edit_econt_address_user_checkout { margin-bottom: 10px; } } /* ========= END - END ----------*/ /* ============================================================= 7. заоблчне на СПИДИ/ЕКОНТ DROP-DOWN търсачките - град, улица и т.н. ============================================================= */ body .select2-container--default .select2-dropdown { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } /* ========= END - END ----------*/