/*
Theme Name:   Voxel (child theme)
Theme URI:    https://getvoxel.io/
Author:       27collective
Author URI:   https://27collective.net/
Template:     voxel
Version:      1.0
Text Domain:  voxel-child
*/

/* Profile Comparison Table Styles */
.profile-comparison-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    padding: 6px 0;
    margin: 0;
}

.profile-comparison-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    table-layout: fixed;
    min-width: 0;
}

.profile-comparison-table th,
.profile-comparison-table td {
    border: 1px solid #e6e6e6;
    padding: 8px 10px;
    text-align: left;
    vertical-align: top;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}

.profile-comparison-table th {
    background: #f6f6f6;
    font-weight: 600;
}

.profile-comparison-table tr:nth-child(even) { background: #fafafa; }
.profile-comparison-table .highlight { background: #fff1f1; }

.profile-comparison-table .field-key {
    color: #666;
    width: 20%;
    max-width: 240px;
    min-width: 120px;
}

.profile-comparison-table img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

@media (max-width: 520px) {
    .profile-comparison-table {
        font-size: 13px;
    }
    .profile-comparison-table th, .profile-comparison-table td {
        padding: 6px 8px;
    }
}

/*styles for weekdays*/

.ts-selected-weekdays-row {
    display: flex;
    gap: 0.2em;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 1em;
}

.ts-weekday-abbr {
    padding: 2px 2px;
    border-radius: 2px;
    opacity: 0.8;
    /*background: #f0f0f0; /* light gray for non-selected */
    color: #888;
    transition: all 0.2s;
}

.ts-weekday-abbr.selected {
  /*   background: rgba(27, 97, 149, 0.12); soft light blue tint */
    color: #1B6195;                      /* theme blue text */
    opacity: 1;
    font-weight: 700;                    /* bold text for clarity */
}


/*//styles for keywords filter*/

.ts-hour-row {
  display: grid !important;
  grid-template-columns: 65px 10px 65px;
  gap: 4px !important;
  align-items: center;
  margin-bottom: 3px;
}

.ts-hour-row .ts-hour-start {
  text-align: left;
}

.ts-hour-row .ts-hour-dash {
  text-align: center;
}

.ts-hour-row .ts-hour-end {
  text-align: right;
}


/*styles for exp for order