/* 李氏聯合診所 - 自定義樣式 */

.shaeff:hover {
  transform: scale(1.05);
  transition: all 0.3s ease;
}

.tolimg {
  margin-bottom: 10px;
}

.doctext {
  color: #333;
  text-decoration: none;
  font-size: 16px;
}

.doctext:hover {
  color: #007bff;
  text-decoration: underline;
}

.ic3 {
  display: inline-block;
}

/* Navbar 自定義樣式 */
.navbar {
  background-color: white;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.navbar-brand img {
  max-height: 50px;
}

/* Header 白色背景 */
.header {
  background-color: white;
  padding: 10px 0;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Card 樣式 */
.card {
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
}

.card-header {
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
  font-weight: bold;
  color: #495057;
}

/* 輪播圖樣式 */
.carousel-item img {
  border-radius: 5px;
}

/* 門診表格樣式 */
.table-responsive table {
  width: 100%;
  border: 2px solid black;
}

.table-responsive table th,
.table-responsive table td {
  border: 1px solid black;
  text-align: center;
  vertical-align: middle;
  padding: 8px;
}

.table-responsive table th {
  background-color: #f8f9fa;
  font-weight: bold;
}

/* 響應式設計 */
@media (max-width: 768px) {
  .navbar-brand img {
    max-height: 40px;
  }

  iframe {
    width: 100% !important;
    height: 200px !important;
  }

  .table-responsive {
    overflow-x: auto;
  }
}