/**
 * Live Prayer Times block styles
 */

/* Import Roboto Mono font for the clock */
@font-face {
    font-family: 'Ubuntu Mono';
    src: url('../../assets/fonts/UbuntuMono-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.wp-block-prayer-times-live-prayer-times {
    margin: 1em auto;
    max-width: 600px;
    margin-bottom: 2em;
    font-weight: bold;
    font-family: 'Ubuntu Mono', "Courier New", monospace;
    position: relative;
}

/* Live Clock Styles */
.wp-block-prayer-times-live-prayer-times .live-prayer-clock {
    text-align: center;
    margin-bottom: -0.3em; /* Changed to negative margin to reduce whitespace */
}

.wp-block-prayer-times-live-prayer-times .live-time {
    display: inline-block;
    min-width: 240px;
    color: #000000;
    font-weight: bold;
}

/* Clock smaller elements (seconds and AM/PM) */
.wp-block-prayer-times-live-prayer-times .clock-small {
    font-size: 0.4em;
    vertical-align: bottom;
    position: relative;
    bottom: 0.6em;
    font-weight: bold;
}

/* Date Display Styles */
.wp-block-prayer-times-live-prayer-times .prayer-times-date {
    margin-bottom: 0.5em;
    text-align: center;
}

.wp-block-prayer-times-live-prayer-times .gregorian-date {
    font-size: 1.1em;
}

.wp-block-prayer-times-live-prayer-times .hijri-date {
    font-size: 0.9em;
    color: #555;
    margin-top: 0.3em;
}

.wp-block-prayer-times-live-prayer-times .hijri-date-arabic {
    font-size: 0.9em;
    color: #555;
    margin-top: 0.3em;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    direction: rtl;
}

/* Prayer Table Styles */
.wp-block-prayer-times-live-prayer-times .prayer-times-live-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1em;
}

/* Prayer Name Cell with Icon */
.wp-block-prayer-times-live-prayer-times .prayer-name {
    text-align: left;
}

.wp-block-prayer-times-live-prayer-times .prayer-icon {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.wp-block-prayer-times-live-prayer-times .header-icon {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Prayer Table Styles - Border Override */
.wp-block-prayer-times-live-prayer-times .prayer-times-live-table thead th {
    background-color: inherit !important; /* Preserve inline background for row highlighting */
}

.wp-block-prayer-times-live-prayer-times .prayer-times-live-table td{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* Table Styles - Default */
.wp-block-prayer-times-live-prayer-times .table-style-default,
.wp-block-prayer-times-live-prayer-times .table-style-default th,
.wp-block-prayer-times-live-prayer-times .table-style-default td {
    border: 0px !important;
    border-bottom: 1px solid #ddd !important;
}


/* Table Styles - Bordered */
.wp-block-prayer-times-live-prayer-times .table-style-bordered,
.wp-block-prayer-times-live-prayer-times .table-style-bordered th,
.wp-block-prayer-times-live-prayer-times .table-style-bordered td {
    border: 1px solid #ddd !important;
}

/* Jumuah times styling */
.wp-block-prayer-times-live-prayer-times .prayer-times-jumuah {
    margin-top: 15px;
}

.wp-block-prayer-times-live-prayer-times .prayer-times-jumuah h4 {
    margin-bottom: 10px;
    text-align: center;
    font-size: 1.1em;
}

.wp-block-prayer-times-live-prayer-times .jumuah-times-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

.wp-block-prayer-times-live-prayer-times .jumuah-times-table td {
    text-align: center;
    padding: 10px;
    width: 33.33%;
}

.wp-block-prayer-times-live-prayer-times .jumuah-time-value {
    display: block;
    font-size: 1.1em;
}

.wp-block-prayer-times-live-prayer-times .jumuah-label {
    display: block;
    font-size: 0.9em;
    margin-top: 5px;
    color: #555;
}

/* Times */
.wp-block-prayer-times-live-prayer-times .athan-time,
.wp-block-prayer-times-live-prayer-times .iqama-time {
    font-size: 1.2em;
    font-weight: bold;
}

/* Time Changes Column Styles */
.wp-block-prayer-times-live-prayer-times .changes-column {
    text-align: center;
}

.wp-block-prayer-times-live-prayer-times .time-change {
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.2;
}

/* Loading state styles */
.wp-block-prayer-times-live-prayer-times .prayer-times-loading {
    text-align: center;
    padding: 20px;
    color: #555;
    font-style: italic;
}

/* Fade transition for prayer times data updates */
.wp-block-prayer-times-live-prayer-times .prayer-times-live-table {
    transition: opacity 0.3s ease;
}

/* Highlight next prayer */
.wp-block-prayer-times-live-prayer-times .next-prayer td,
.wp-block-prayer-times-live-prayer-times .next-prayer,
.wp-block-prayer-times-live-prayer-times .prayer-countdown-row {
    /* Removed fixed color to allow dynamic styling */
    background-color: transparent; 
    border-top: 0px solid #eee;
    border-bottom: 0px solid #eee;
}