/*------------------------------------------------------------------------
 Solidres - Hotel booking extension for Joomla
 ------------------------------------------------------------------------
 @Author    Solidres Team
 @Website   http://www.solidres.com
 @Copyright Copyright (C) 2013 Solidres. All Rights Reserved.
 @License   GNU General Public License version 3, or later
 ------------------------------------------------------------------------*/

.solidres-module-filter .processing {
    background: url(../images/ajax-loader2.gif) no-repeat 50% 50%;
    width: 14px;
    height: 14px;
}

#solidres-module-filter.solidres-module-filter ul {
    margin-bottom: 15px;
}

/* Each facet heading holds a disclosure <button>. Without a reset the browser's
   default button chrome (grey box and border) replaces the heading in any
   template that does not style it, e.g. Cassiopeia. Font and colour are
   inherited from the heading, so both colour schemes follow the template. */
.solidres-module-filter .toggle_section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: inherit;
    text-align: start;
    cursor: pointer;
}

.solidres-module-filter .toggle_section:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* The indicator is decorative (aria-hidden) but the core lightgrey is all but
   invisible on either background; follow the heading colour, softened. */
.solidres-module-filter .toggle_indicator {
    color: color-mix(in srgb, currentColor 65%, transparent);
}

.room-type-row {
    font-size: 12px;
}

.triggerfiltering {
    display: block;
    text-decoration: none;
}

.triggerfiltering:hover {
    background: #EEE;
    text-decoration: none;
}

/* ---- Dashboard shortcuts (card style, matches plg_solidres_dashboard) ---- */

.sr-hub-shortcuts {
    --sr-hub-border: #d7dade;
    --sr-hub-bg: #ffffff;
    --sr-hub-text: #212529;
    --sr-hub-badge-text: #ffffff;
    margin-block-end: 1rem;
}

/* Dark values follow the colour scheme the page declares (color-scheme), so a light-only
   template keeps them light whatever the visitor's system prefers. */
@supports (color: light-dark(#000, #fff)) {
    .sr-hub-shortcuts {
        --sr-hub-border:     light-dark(#d7dade, #3d4144);
        --sr-hub-bg:         light-dark(#ffffff, #1e2124);
        --sr-hub-text:       light-dark(#212529, #e3e5e8);
        --sr-hub-badge-text: light-dark(#ffffff, #1e2124);
    }
}

.sr-hub-shortcuts__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.sr-hub-shortcut--assets {
    --sr-hub-shortcut-accent: #008299;
}

.sr-hub-shortcut--roomtypes {
    --sr-hub-shortcut-accent: #8c0095;
}

.sr-hub-shortcut--reservations {
    --sr-hub-shortcut-accent: #5133ab;
}

.sr-hub-shortcut--coupons {
    --sr-hub-shortcut-accent: #008a00;
}

.sr-hub-shortcut--extras {
    --sr-hub-shortcut-accent: #094ab2;
}

.sr-hub-shortcut--limitbookings {
    --sr-hub-shortcut-accent: #d24726;
}

/* Dark values follow the colour scheme the page declares (color-scheme), so a light-only
   template keeps them light whatever the visitor's system prefers. */
@supports (color: light-dark(#000, #fff)) {
    .sr-hub-shortcut--assets {
        --sr-hub-shortcut-accent: light-dark(#008299, #4dd0e1);
    }

    .sr-hub-shortcut--roomtypes {
        --sr-hub-shortcut-accent: light-dark(#8c0095, #ce93d8);
    }

    .sr-hub-shortcut--reservations {
        --sr-hub-shortcut-accent: light-dark(#5133ab, #b39ddb);
    }

    .sr-hub-shortcut--coupons {
        --sr-hub-shortcut-accent: light-dark(#008a00, #81c784);
    }

    .sr-hub-shortcut--extras {
        --sr-hub-shortcut-accent: light-dark(#094ab2, #64b5f6);
    }

    .sr-hub-shortcut--limitbookings {
        --sr-hub-shortcut-accent: light-dark(#d24726, #ffab91);
    }
}

.sr-hub-shortcut__link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid var(--sr-hub-border);
    border-radius: 0.5rem;
    background: var(--sr-hub-bg);
    color: var(--sr-hub-text);
    text-decoration: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.sr-hub-shortcut__link:hover {
    border-color: var(--sr-hub-shortcut-accent);
    box-shadow: 0 2px 8px rgb(0 0 0 / 0.08);
    color: var(--sr-hub-text);
    text-decoration: none;
}

.sr-hub-shortcut__link:focus-visible {
    outline: 2px solid var(--sr-hub-shortcut-accent);
    outline-offset: 2px;
}

.sr-hub-shortcut__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    inline-size: 2.75rem;
    block-size: 2.75rem;
    border-radius: 0.5rem;
    font-size: 1.25rem;
    color: var(--sr-hub-shortcut-accent);
    background: color-mix(in srgb, var(--sr-hub-shortcut-accent) 12%, transparent);
}

.sr-hub-shortcut__label {
    font-weight: 600;
}

.sr-hub-shortcut__badge {
    margin-inline-start: auto;
    padding: 0.125rem 0.5rem;
    border-radius: 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    background: var(--sr-hub-shortcut-accent);
    color: var(--sr-hub-badge-text);
}

/* Legacy Metro-tile shortcuts — kept only for outdated template overrides
   of dashboard/default_dashboard.php that still use these classes. */
a.dashboard-shortcut {
    display: block;
    width: 100%;
    padding: 15px 0 0 0;
    min-height: 110px;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    margin: 0 0 15px 0;
}

a.dashboard-shortcut.teal {
    background: #008299;
}

a.dashboard-shortcut.purple {
    background: #8C0095;
}

a.dashboard-shortcut.darkpurple {
    background: #5133AB;
}

a.dashboard-shortcut.green {
    background: #008A00;
}

a.dashboard-shortcut.skyblue {
    background: #094AB2;
}

a.dashboard-shortcut.orange {
    background: #D24726;
}

a.dashboard-shortcut:hover {
    text-decoration: none;
    color: #fff;
    outline: #999 solid 3px;
}

a.dashboard-shortcut i {
    font-size: 60px;
    width: 100%;
    margin-bottom: 15px;
}

.nouncheck {
    cursor: default;
}

.nouncheck i {
    color: #999;
}

.main-edit-info {
    padding: 15px 15px 0;
    background: ivory;
    border: 1px dashed burlywood;
    margin: 0 0 15px 0;
}

.room-type-row {
    border-top: 1px solid #EEE;
}

#solidres .room-type-row .inner {
    margin: 5px;
}

.asset-row {
    margin-bottom: 15px;
}

.asset-row h3 .rating {
    font-size: 13px;
}

.asset-row-list h3 {
    margin-top: 0;
}

.room-type-row i.fa-user {
    width: 7px;
}

.show_location_map {
    display: block;
}

#inline_location_map {
    width: 100%;
    height: 100vh;
    position: absolute;
}

.rt_expand_trigger,
.rt_expand_trigger:hover,
.rt_expand_trigger:focus {
    text-decoration: none;
}

#solidres .hub-navbar .nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
}

#solidres .hub-navbar .navbar-inner {
    padding-left: 5px;
    padding-right: 5px;
}

.sr-distance {
    font-style: italic;
    border-bottom: 1px dotted;
}

.sr-distance:hover {
    cursor: default;
}

#search-results .highLighted {
    background: #e9f0fa;
}

#search-results .highLighted .carousel {
    margin-bottom: 0;
}

#search-results .asset-row-grid .highLighted > div:nth-child(2) {
    padding: 5px;
    box-sizing: border-box;
}

.sr-list-icon svg[class^="sr-icon-"] {
    float: left;
    margin-right: 5px;
    fill: teal;
}

html[dir="rtl"] .sr-list-icon [class^="sr-icon-"] {
    float: right;
    margin-left: 5px;
}

.sr-list-icon li {
    line-height: 24px;
    clear: left;
    margin: 0 10px 10px 0;
    color: teal;
}

/* For back end */
.sr-list-icon li label {
    line-height: 24px;
}

/* For sort bar */
#solidres .sortfilterbar-xs {
    display: none;
}
@media (max-width: 767px) {
    #solidres .sortfilterbar-xs {
        display: block;
        margin: 0 0 10px 0;
    }
    #solidres .sortfilterbar-xs.filter-sticky {
        margin: 0;
        background: #ccc;
    }
    #solidres .sortbar-md {
        display: none;
    }
}
.sortfilterbar {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.sortfilterbar > li {
    list-style: none;
    border: 1px solid #EEE;
    flex-grow: 1;
}

.sortfilterbar > li > a {
    display: block;
    padding: 10px;
    text-align: center;
}
.sortfilterbar li.sortfilterbar-filter {
    flex-grow: 2;
}
.sortfilterbar-dropdown {
    position: absolute;
    min-width: 160px;
    background: white;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 999;
    margin: 0;
}

.sortfilterbar-dropdown > li {
    list-style: none;
    padding: 10px;
}

#filter_bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ccc;
    z-index: 10;
    border-top: 1px solid #999;
}

#filter_bottom {
    padding: 15px;
}

.filter-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

.filter-sticky .sortfilterbar-dropdown {
    bottom: 44px;
}

.solidres-quantity-input {
    min-width: 150px;
    max-width: 180px;
}
.solidres-quantity-input .btn,
.solidres-quantity-input input {
    border-color: #6d757e;
}
.solidres-quantity-input input {
    border-left: none;
    border-right: none;
}
.solidres-quantity-input .btn-decrease {
    border-right: none;
}
.solidres-quantity-input .btn-increase {
    border-left: none;
}

/* The Reports screen prints its report, not the partner navigation around it. */
@media print {
    #solidres:has(.sr-reports) .hub-navbar {
        display: none !important;
    }
}