/* Genel kart yapısı */

.fts-quote-wrapper {

  max-width: 1200px;

  margin: 40px auto;

  padding: 24px;

  background: #ffffff;

  border-radius: 18px;

  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08);

}

.fts-title {

  margin: 0 0 24px;

  font-size: 26px;

  font-weight: 700;

  color: #111827;

}

/* Grid */

.fts-grid {

  display: grid;

  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);

  gap: 24px;

}

/* Kartlar */

.fts-cart-card,

.fts-form-card {

  background: #f9fafb;

  border-radius: 16px;

  padding: 20px 22px 22px;

  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.04);

}

.fts-card-header {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 16px;

}

.fts-card-header h3 {

  margin: 0;

  font-size: 18px;

  font-weight: 600;

  color: #111827;

}

.fts-pill {

  font-size: 12px;

  padding: 4px 10px;

  border-radius: 999px;

  background: #e5f0c4;

  color: #556118;

  font-weight: 500;

}

/* Bildirimler */

.fts-alert {

  border-radius: 12px;

  padding: 12px 14px;

  margin-bottom: 16px;

  font-size: 14px;

}

.fts-alert--success {

  background: #ecfdf3;

  border: 1px solid #bbf7d0;

  color: #14532d;

}

.fts-alert--error {

  background: #fef2f2;

  border: 1px solid #fecaca;

  color: #991b1b;

}

.fts-alert--error ul {

  margin: 4px 0 0;

  padding-left: 18px;

}

/* Tablo */

.fts-table-wrap {

  overflow-x: auto;

}

.fts-cart-table {

  width: 100%;

  border-collapse: collapse;

  min-width: 520px;

}

.fts-cart-table thead th {

  font-size: 12px;

  text-transform: uppercase;

  letter-spacing: 0.06em;

  color: #6b7280;

  padding: 8px 10px;

  border-bottom: 1px solid #e5e7eb;

}

.fts-cart-table tbody td {

  padding: 10px 10px;

  border-bottom: 1px solid #edf0f4;

  vertical-align: middle;

  font-size: 14px;

  color: #111827;

}

.fts-cart-table tbody tr:last-child td {

  border-bottom: none;

}

.fts-cart-table .c-remove {

  width: 36px;

}

.fts-cart-table .c-image {

  width: 80px;

}

.fts-cart-table .c-qty {

  width: 80px;

  text-align: center;

}

/* Görsel, link, silme butonu */

.fts-thumb {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 60px;

  height: 60px;

  border-radius: 12px;

  background: #ffffff;

  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.08);

  overflow: hidden;

}

.fts-thumb-img {

  width: 100%;

  height: auto;

  display: block;

}

.fts-product-link {

  color: #111827;

  text-decoration: none;

  font-weight: 500;

}

.fts-product-link:hover {

  text-decoration: underline;

}

.fts-remove {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 26px;

  height: 26px;

  border-radius: 999px;

  border: none;

  background: #fee2e2;

  color: #b91c1c;

  font-size: 16px;

  line-height: 1;

  text-decoration: none;

  cursor: pointer;

  transition: all 0.15s ease;

}

.fts-remove:hover {

  background: #fecaca;

  transform: translateY(-1px);

}

/* Boş sepet */

.fts-empty {

  margin: 8px 0 0;

  font-size: 14px;

  color: #6b7280;

}

/* Form alanları */

.fts-form {

  margin-top: 4px;

}

.fts-field-row {

  display: flex;

  gap: 16px;

}

.fts-field {

  flex: 1;

  margin-bottom: 14px;

}

.fts-field label {

  display: block;

  font-size: 13px;

  font-weight: 500;

  margin-bottom: 6px;

  color: #374151;

}

.fts-required {

  color: #dc2626;

}

.fts-optional {

  font-size: 12px;

  color: #9ca3af;

}

.fts-field input,

.fts-field textarea {

  width: 100%;

  border-radius: 12px;

  border: 1px solid #e5e7eb;

  background: #ffffff;

  padding: 10px 12px;

  font-size: 14px;

  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;

}

.fts-field textarea {

  resize: vertical;

  min-height: 100px;

}

.fts-field input:focus,

.fts-field textarea:focus {

  outline: none;

  border-color: #b2d234;

  box-shadow: 0 0 0 1px rgba(178, 210, 52, 0.35);

  background: #ffffff;

}

/* Checkbox */

.fts-checkbox-row {

  margin-top: 4px;

}

.fts-checkbox-label {

  display: flex;

  align-items: center;

  gap: 8px;

  font-size: 13px;

  color: #4b5563;

}

.fts-checkbox-label input[type="checkbox"] {

  width: 16px;

  height: 16px;

}

/* Buton */

.fts-form-footer {

  margin-top: 10px;

  text-align: right;

}

.fts-quote-cart-form .fts-primary-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding: 12px 30px;

  border-radius: 999px;

  border: none;

  background-color: #b2d234!important;

  color: #ffffff;

  font-size: 15px;

  font-weight: 600;

  cursor: pointer;

  transition: all 0.18s ease;

  box-shadow: 0 10px 30px rgba(178, 210, 52, 0.35);

}

.fts-quote-cart-form .fts-primary-btn:hover {

  transform: translateY(-1px);

  box-shadow: 0 14px 35px rgba(178, 210, 52, 0.45);

}

.fts-primary-btn:active {

  transform: translateY(0);

  box-shadow: 0 8px 20px rgba(178, 210, 52, 0.3);

}

/* Ürün detay butonu için min styling */

.fts-quote-cart-form {

  margin-top: 16px;

  display: flex;

  gap: 10px;

  align-items: center;

}

.fts-quote-cart-form .qty {

  max-width: 90px;

}

.fts-quote-btn {

  background: #b2d234;

  border-radius: 999px;

  border: none;

  padding: 10px 26px;

  font-weight: 600;

  box-shadow: 0 10px 25px rgba(178, 210, 52, 0.4);

}

.fts-quote-btn:hover {

  background: #a0c427;

}

/* Mobil uyum */

@media (max-width: 900px) {

  .fts-quote-wrapper {

    margin: 20px auto;

    padding: 16px;

    border-radius: 14px;

  }

  .fts-grid {

    grid-template-columns: 1fr;

  }

  .fts-cart-card,

  .fts-form-card {

    padding: 16px 14px 18px;

  }

  .fts-field-row {

    flex-direction: column;

  }

  .fts-cart-table {

    min-width: 0;

  }

  .fts-form-footer {

    text-align: left;

  }

  .fts-quote-cart-form {

    flex-direction: row;

  }

}

/* Ürün detayda shortcode ile gelen "Teklif Listesine Ekle" butonu */

.fts-quote-cart-form .single_add_to_cart_button.button.alt.fts-quote-btn {

  background-color: #b2d234 !important;

  border-color: #b2d234 !important;

  color: #ffffff !important;

}

/* Hover rengi istersen */

.fts-quote-cart-form .single_add_to_cart_button.button.alt.fts-quote-btn:hover {

  background-color: #a0c427 !important;

  border-color: #a0c427 !important;

  color: #ffffff !important;

}