.emoji-flag {
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", "Twemoji Mozilla", sans-serif;
}

select, label, .flag-text {
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}



/* Shortcode Contacts */
.carrier-contacts {
    margin-top: 30px;
}

.carrier-contact-block {
    margin: 20px 0 25px;
}

.messenger-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
    color: #fff;
}

.messenger-btn {
    display: inline-flex;
    align-items: center;
    padding: 6px 8px;
    border-radius: 6px;
    color: #fff !important;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
}

.messenger-btn:hover {
    color: #d0d3da !important;
}

.messenger-btn i {
    margin-right: 6px;
}

.messenger-btn.whatsapp { background-color: #25D366; }
.messenger-btn.viber { background-color: #665CAC; }
.messenger-btn.telegram { background-color: #0088cc; }

/* Прибрати лінки і меню при друку*/
@media print {
    a[href]:after {
      content: none !important;
    }
  }

@media print {
  header,
  footer,
  .site-navigation,
  .breadcrumbs,
  .print-hide {
    display: none !important;
  }
}
  
@media print {
    .woocommerce-product-gallery,
    .product .woocommerce-product-gallery,
    .single-product div.product div.images,
    .print-hide,
    img.wp-post-image {
      display: none !important;
    }
  }

  @media print {
    .sharedaddy, /* Jetpack */
    .shared-post,
    .sharethis,
    .social-sharing,
    .elementor-share-buttons,
    .post-share,
    .share-links,
    .post__share,
    .print-hide,
    .share-this-page {
      display: none !important;
    }
  }

  /* Відступ між labels */
  label {
    line-height:2 !important;
  }

  /* Стандартна стилізація всіх чекбоксів у формі з класом form-add */
/* Базова стилізація елементів */
.form-add .elementor-field-option {
  gap: 6px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 6px 12px;
  margin: 6px 8px 6px 0;
  cursor: pointer !important;
  transition: all 0.2s ease;
  background-color: #fff;
}

/* Активний стан: зелений повний фон */
.form-add .elementor-field-option input[type="checkbox"]:checked + label,
.form-add .elementor-field-option input[type="checkbox"]:checked + span,
.form-add .elementor-field-option label:has(input[type="checkbox"]:checked),
.form-add .elementor-field-option:has(input[type="checkbox"]:checked) {
  background-color: #b1ebc4 !important;
  border-color: #b1ebc4 !important;
}

/* Hover-ефект (зелений відтінок) */
.form-add .elementor-field-option:hover {
  border-color: #b1ebc4;
  background-color: #b1ebc4;
}

/* ВИКЛЮЧЕННЯ: ID, який не фарбується */
#field_c92849b input[type="checkbox"]:checked + label {
  background-color: transparent !important;
  color: inherit !important;
  border-color: transparent !important;
}

/* Активний стан: зелений повний фон для radio */
.form-add .elementor-field-option input[type="radio"]:checked + label,
.form-add .elementor-field-option input[type="radio"]:checked + span,
.form-add .elementor-field-option label:has(input[type="radio"]:checked),
.form-add .elementor-field-option:has(input[type="radio"]:checked) {
  background-color: #b1ebc4 !important;
  border-color: #b1ebc4 !important;
}

/*на мобільних пристроях кожен чекбокс був на новому рядку*/
@media (max-width: 768px) {
  .form-add .elementor-field-option {
    display: block;
    width: 100%;
    margin-right: 0;
  }
}

/*Щоб обмежити висоту списку країн із прапорами та зробити його прокручуваним, 
додай до контейнера списку клас (наприклад, .countries-list) і застосуй такі CSS-стилі*/
.countries-list {
  max-height: 85px; /* або інша бажана висота */
  overflow-y: auto;
  padding-right: 5px; /* щоб не ховалося за скролбаром */
}

/* Для гарного вигляду прокрутки (опціонально) */
.countries-list::-webkit-scrollbar {
  width: 6px;
}
.countries-list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}