/* Базові стилі для кнопки Пошук перевізнка */
#pcsf-submit-button {
  margin: 32px auto 0 auto; /* Відступ зверху + по центру по горизонталі */
  width: 100%;              /* За замовчуванням — повна ширина */
  max-width: 100%;
  display: block; /* Забезпечує коректну роботу margin: auto */
  font-size: 1.2em;
}

/* Для екранів ширших за планшети (1025px+) */
@media (min-width: 1025px) {
  #pcsf-submit-button {
    width: 30%;
  }
}

/* Іконка лупи зліва з відступом */
#pcsf-submit-button i {
  margin-right: 8px;
}


.carrier-link {
    color: #30394A !important;
    padding: 6px 12px 12px 6px !important;;
    font-size: 1.2rem !important;
  }

  .carrier-link:hover {
    color: #111c2f !important;
  }
  
  .pcsf-results-heading {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 20px;
    color: #333;
    border-bottom: 2px solid #e91e63;
    padding-bottom: 5px;
  }

  @media (min-width: 768px) {
    .pcsf-form .form-row-group {
      display: flex;
      gap: 16px;
      align-items: flex-end;
      margin-bottom: 15px;
    }
  
    .pcsf-form .form-row-group .form-row {
      flex: 1;
    }
  }
  
/* Pcsf form Home page */
.pcsf-form {
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* 1) Прозорий фон шорткода/форми */
/*.pcsf-shortcode, .pcsf-form-wrap {
  background: transparent !important;
  box-shadow: none !important;
}

/* 2) Форма фільтра в ряд (tablet+) */
/*.pcsf-form {
  display: flex; flex-wrap: wrap; gap: 12px;
}*/
/*@media (min-width: 768px){
  .pcsf-form .pcsf-field { flex: 1 1 0; min-width: 220px; }
  .pcsf-form .pcsf-field--date { max-width: 260px; }
  .pcsf-form .pcsf-actions { flex: 0 0 auto; }
}*/

/* 3) Заголовок результатів */
.pcsf-results-title { 
  margin: 16px 0 8px; 
}

/* 4) Сітка карток */
.pcsf-results-grid {
  display: grid; gap: 14px;
  grid-template-columns: 1fr;
}
@media (min-width: 600px){ .pcsf-results-grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px){ .pcsf-results-grid { grid-template-columns: 1fr 1fr 1fr; } }

/* 5) Карточка перевізника */
.pcsf-card {
  border: 1px solid #e8e8ef; border-radius: 16px; padding: 14px;
  background: #fff; /* якщо треба напівпрозоро — rgba(255,255,255,.85) */
  transition: box-shadow .2s ease, transform .1s ease;
}
.pcsf-card:hover { box-shadow: 0 6px 18px rgba(0,0,0,.06); transform: translateY(-1px); }
.pcsf-card__header { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.pcsf-card__logo { width:38px; height:38px; border-radius:10px; background:#f4f6fa; display:flex; align-items:center; justify-content:center; font-weight:700; }
.pcsf-card__title { font-weight:700; line-height:1.2; }

.pcsf-badges { display:flex; flex-wrap:wrap; gap:6px; margin:6px 0 10px; }
.pcsf-badge {
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border-radius:999px; font-size:.85rem; background:#f5f7fb; border:1px solid #e8ecf5;
}
.pcsf-badge--match { background:#e9f8ef; border-color:#bfe9cd; } /* збіг країни/напрямку */
.pcsf-badge--time { background:#f6faff; }
.pcsf-badge--distance { background:#fff8ed; }
.pcsf-badge--type { background:#f2f2ff; }

.pcsf-card__footer {
  display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:10px;
}
.pcsf-price { font-weight:700; font-size:1.05rem; }

/* 6) Кнопки */
.pcsf-btn { 
  display:inline-flex; align-items:center; justify-content:center; gap:6px;
  padding:8px 14px; border-radius:12px; border:1px solid #dfe3ea; background:#fff; cursor:pointer;
  transition:background .2s ease, border-color .2s;
}
.pcsf-btn:hover { background:#f6f8fb; border-color:#cfd6e2; }
.pcsf-btn--primary { background:#1a73e8; border-color:#1a73e8; color:#fff; }
.pcsf-btn--primary:hover { filter:brightness(0.98); }

/* 7) Розкриття контактів */
.pcsf-contacts { display:none; margin-top:8px; padding-top:8px; border-top:1px dashed #e5e7ee; }
.pcsf-card.open .pcsf-contacts { display:block; }

/* 8) Порожній стан */
.pcsf-empty {
  border:2px dashed #d9deea; padding:18px; border-radius:16px; text-align:center; background:rgba(255,255,255,.7);
}