.dinmpt-timetable {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: var(--dinmpt-font-size, 15px);
  color: var(--dinmpt-text-color, #2c3e50);
  line-height: 1.6;
  max-width: 100%;
  margin: 0 auto;
}

.dinmpt-timetable--vertical .dinmpt-table,
.dinmpt-timetable--horizontal .dinmpt-table {
  width: 100%;
  border-collapse: collapse;
}

.dinmpt-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--dinmpt-content-font-size, 15px);
}

.dinmpt-table--bordered {
  border: 1px solid var(--dinmpt-table-border-color, #e0e0e0);
}

.dinmpt-table--borderless {
  border: none;
}

.dinmpt-table th,
.dinmpt-table td {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--dinmpt-table-border-color, #e0e0e0);
}

.dinmpt-table td {
  text-align: var(--dinmpt-table-text-align, left);
}

.dinmpt-table-head th {
  text-align: var(--dinmpt-header-text-align, left);
}

.dinmpt-table--borderless th,
.dinmpt-table--borderless td {
  border: none;
  border-bottom: 1px solid var(--dinmpt-table-border-color, #e0e0e0);
}

.dinmpt-table .dinmpt-sunrise {
  text-align: center;
  opacity: 0.7;
}

.dinmpt-table-head th {
  background: var(--dinmpt-header-bg, #f8f9fa);
  color: var(--dinmpt-header-text-color, #2c3e50);
  font-weight: 600;
  text-transform: uppercase;
  font-size: var(--dinmpt-header-font-size, 14px);
  letter-spacing: 0.03em;
}

.dinmpt-table tbody tr td:nth-child(1) {
  background: var(--dinmpt-content-col1-bg, #ffffff);
  color: var(--dinmpt-content-col1-text, #2c3e50);
}

.dinmpt-table tbody tr td:nth-child(n+2) {
  background: var(--dinmpt-content-col23-bg, #ffffff);
  color: var(--dinmpt-content-col23-text, #2c3e50);
}

.dinmpt-row--next {
  background: var(--dinmpt-highlight-color, #3498db) !important;
  color: #fff;
}

.dinmpt-row--next .dinmpt-prayer,
.dinmpt-row--next .dinmpt-begins,
.dinmpt-row--next .dinmpt-iqamah {
  color: #fff;
  font-weight: 600;
}

.dinmpt-title {
  font-size: calc(var(--dinmpt-header-font-size, 20px) + 4px);
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: var(--dinmpt-header-text-color, #2c3e50);
}

.dinmpt-next-prayer {
  margin-top: 0.5rem;
  font-size: var(--dinmpt-next-prayer-font-size, 16px);
  font-weight: 500;
  text-align: var(--dinmpt-next-prayer-text-align, left);
}

.dinmpt-next-text {
  font-weight: 600;
  color: var(--dinmpt-next-prayer-color, #2563eb);
}

.dinmpt-date-wrapper {
  margin-bottom: 0.75rem;
  font-size: var(--dinmpt-date-font-size, 14px);
  text-align: var(--dinmpt-date-text-align, left);
}

.dinmpt-date--gregorian {
  background: var(--dinmpt-date-bg, #f8f9fa);
  padding: 4px 8px;
  border-radius: 4px;
  display: inline-block;
  color: var(--dinmpt-date-text-color, #2c3e50);
}

.dinmpt-date--hijri {
  background: var(--dinmpt-hijri-bg, #ffffff);
  padding: 4px 8px;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
}

.dinmpt-hijri-date {
  font-style: normal;
  color: var(--dinmpt-hijri-text-color, #2c3e50);
  font-size: var(--dinmpt-hijri-font-size, 13px);
}

.dinmpt-hijri-date--inline {
  background: transparent;
  padding: 0;
  display: inline;
  margin-left: 0;
}

.dinmpt-no-data {
  padding: 1rem;
  text-align: center;
  opacity: 0.6;
}

.dinmpt-next-prayer-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  background: var(--dinmpt-header-bg, #f8f9fa);
  border: 1px solid var(--dinmpt-table-border-color, #e0e0e0);
  text-align: center;
  max-width: 320px;
  margin: 0 auto;
}

.dinmpt-next-prayer-card--simple {
  display: inline-flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  background: none;
  border: none;
  padding: 0;
  max-width: none;
}

.dinmpt-next-prayer-card .dinmpt-next-label,
.dinmpt-next-prayer-card .dinmpt-next-name,
.dinmpt-next-prayer-card .dinmpt-next-time {
  color: var(--dinmpt-next-prayer-color, #2563eb);
  font-size: var(--dinmpt-next-prayer-font-size, 16px);
}

.dinmpt-pdf-wrapper {
  margin: 1rem 0;
}

.dinmpt-pdf-top-left {
  text-align: left;
}

.dinmpt-pdf-top-right {
  text-align: right;
}

.dinmpt-pdf-top-center,
.dinmpt-pdf-bottom-center {
  text-align: center;
}

.dinmpt-pdf-bottom-left {
  text-align: left;
  margin-top: 1rem;
  margin-bottom: 0;
}

.dinmpt-pdf-bottom-right {
  text-align: right;
  margin-top: 1rem;
  margin-bottom: 0;
}

.dinmpt-pdf-btn {
  display: inline-block;
  padding: 0.5rem 1.25rem;
  border-radius: 0.375rem;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.9rem;
  transition: opacity 0.2s;
  cursor: pointer;
  border: none;
}

.dinmpt-pdf-btn--small {
  font-size: 0.8rem;
  padding: 0.375rem 1rem;
}

.dinmpt-pdf-btn--medium {
  font-size: 0.9rem;
  padding: 0.5rem 1.25rem;
}

.dinmpt-pdf-btn--large {
  font-size: 1rem;
  padding: 0.625rem 1.5rem;
}

.dinmpt-pdf-btn:hover {
  opacity: 0.9;
}

.dinmpt-pdf-btn--none {
  display: none;
}

.dinmpt-pdf-none {
  display: none;
}

.dinmpt-countdown {
  font-size: 0.8rem;
  opacity: 0.8;
}

.dinmpt-announcement {
  margin-top: 0.75rem;
  padding: 0.5rem;
  font-size: 0.9rem;
}

.dinmpt-monthly .dinmpt-table--monthly {
  font-size: 0.85rem;
}

.dinmpt-monthly .dinmpt-table--monthly th,
.dinmpt-monthly .dinmpt-table--monthly td {
  padding: 0.35rem 0.5rem;
}

.dinmpt-monthly .dinmpt-table-head th {
  font-size: var(--dinmpt-header-font-size, 14px);
}

@media (max-width: 480px) {
  .dinmpt-timetable {
    font-size: calc(var(--dinmpt-font-size, 15px) * 0.9);
  }
  .dinmpt-table th,
  .dinmpt-table td {
    padding: 0.35rem 0.5rem;
  }
}