/*
Theme Name:   Astra Child
Template:     astra
*/

/* Здесь могут идти ваши CSS-правила,
   или он может быть пустым, если стили
   вы держите в functions.php или подключаете
   отдельным файлом */

/* 1) На странице магазина и на страницах таксономии product_cat — оставляем стандартный логотип */ 
body.woocommerce-shop .custom-logo-link img, body.tax-product_cat .custom-logo-link img 
{ 
	/* ничего не меняем, остаётся исходный (тёмный) логотип */
}
/* ====== Белый хедер и обычное позиционирование ====== */
/* Для страниц магазина, категорий, товаров, корзины, оформления и политики конфиденциальности */

body.post-type-archive-product .site-header,
body.tax-product_cat .site-header,
body.single-product .site-header,
body.woocommerce-cart .site-header,
body.woocommerce-checkout .site-header,
body.privacy-policy .site-header,

body.post-type-archive-product .main-header-bar,
body.tax-product_cat .main-header-bar,
body.single-product .main-header-bar,
body.woocommerce-cart .main-header-bar,
body.woocommerce-checkout .main-header-bar,
body.privacy-policy .main-header-bar {
  background-color: #ffffff !important;   /* белый фон */
  position: relative !important;          /* фиксируем под контент */
  box-shadow: none !important;            /* убираем тень прозрачного хедера */
  z-index: 9999 !important;               /* чтобы был поверх остального */
}
/* 3) Чёрное меню (цвет ссылок) на Shop, категориях, товарах, корзине и оформлении */
body.post-type-archive-product    .ast-builder-menu-1 .menu-item > .menu-link,
body.tax-product_cat              .ast-builder-menu-1 .menu-item > .menu-link,
body.single-product               .ast-builder-menu-1 .menu-item > .menu-link,
body.woocommerce-cart             .ast-builder-menu-1 .menu-item > .menu-link,
body.woocommerce-checkout         .ast-builder-menu-1 .menu-item > .menu-link,
body.privacy-policy               .ast-builder-menu-1 .menu-item > .menu-link,
body.page-id-5733                 .ast-builder-menu-1 .menu-item > .menu-link
 {
  color: #000000 !important;
}

/* 4) Зелёный hover на тех же страницах */
body.post-type-archive-product    .ast-builder-menu-1 .menu-item > .menu-link:hover,
body.tax-product_cat              .ast-builder-menu-1 .menu-item > .menu-link:hover,
body.single-product               .ast-builder-menu-1 .menu-item > .menu-link:hover,
body.woocommerce-cart             .ast-builder-menu-1 .menu-item > .menu-link:hover,
body.woocommerce-checkout         .ast-builder-menu-1 .menu-item > .menu-link:hover,
body.privacy-policy               .ast-builder-menu-1 .menu-item > .menu-link:hover,
body.page-id-5733                 .ast-builder-menu-1 .menu-item > .menu-link:hover
 {
  color: #54B137 !important;
}
/* ========== Кастомные маркеры для карты на странице доставки ========== */
/* Используем максимальную конкретность, чтобы затмить все правила Leaflet */
#delivery-map .leaflet-marker-pane 
  .leaflet-marker-icon.custom-marker-icon {
  background-image: none !important;    /* убираем дефолтную иконку */
  background-color: #54B435 !important;
  border: 2px solid #ffffff !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  box-shadow: 0 0 4px rgba(0,0,0,0.3) !important;
  cursor: pointer !important;
}
/* hover-состояние */
#delivery-map .leaflet-marker-pane 
  .leaflet-marker-icon.custom-marker-icon:hover {
  background-color: #3A7E25 !important;
}
/* ========== Кастомный Popup ========== */
#delivery-map .leaflet-popup-content-wrapper {
  background: #ffffff !important;
  border: 2px solid #54B435 !important;
  color: #222222 !important;
  font-size: 14px !important;
  padding: 6px 10px !important;
}
#delivery-map .leaflet-popup-tip,
#delivery-map .leaflet-popup-tip-container {
  background: #ffffff !important;
}
#delivery-map .leaflet-popup-content-wrapper strong {
  color: #54B435 !important;
}
#delivery-map .leaflet-popup-content-wrapper span {
  display: block !important;
  margin-top: 4px !important;
  color: #333333 !important;
}
#delivery-map .leaflet-popup-content-wrapper a {
  color: #54B435 !important;
  text-decoration: none !important;
}
#delivery-map .leaflet-popup-content-wrapper a:hover {
  color: #3A7E25 !important;
}


/* ========== Футер: контактный виджет ========== */
/* 1) Устанавливаем .contact-widget как колонку и центрируем всё внутри */
.site-footer-primary-section-3 .contact-widget {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* 2) Убираем лишний <br> между иконкой и ссылкой и задаём отступы */
.site-footer-primary-section-3 .contact-widget .contact-item {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 3) Стили для иконок и ссылок */
.site-footer-primary-section-3 .contact-widget .dashicons {
  font-size: 20px !important;
  margin-right: 10px !important;
  color: #54B435 !important;
  transition: color .3s ease !important;
}

.site-footer-primary-section-3 .contact-widget a {
  color: #54B435 !important;
  text-decoration: none !important;
  font-weight: 400 !important;
  transition: color .3s ease !important;
}

/* 4) Hover-эффекты */
.site-footer-primary-section-3 .contact-widget .contact-item:hover .dashicons,
.site-footer-primary-section-3 .contact-widget .contact-item:hover a {
  color: #3A7E25 !important;
}

/* 5) На мобильных — дополнительно центрируем контейнер */
@media (max-width: 768px) {
  .site-footer-primary-section-3 .contact-widget {
    justify-content: center;
  }
}