﻿/*reset what thead montana.gov template setting*/
form, table {
    margin: 0;
}

#template-header-nav > li:nth-child(3) > a {
    display: none;
}
#template-header-nav #template-search {
    display: none;
}

#template-layout-wrapper {
    margin: auto 0 -67px auto; 
}

#wrapper {
    width: 100%;
    /*had to add this (margin) to accomodate mt.gov template.  this pushes the wrapper 
                content down and out from under the header section.*/
    margin: 64px 0;
    display: inline-block;
}

#template-layout-push {
    height: 3px;
}


#template-header { /*had to add this so mt.gov template didnt cause a horizontal scroll bar to 
                appear, with about 30pixels rolling off to the right*/
    position: fixed;
}

@media screen and (max-width: 48em) {
    #template-search-wrap {
        display:none;
    }

    #wrapper {
        margin: 0;
    }

    #template-footer{
        margin-top: 60px;
    }
}

.bodyStyle {
    background: rgb(255,255,255); /*fallback if rgba fails in older browsers*/
    background: rgba(255,255, 255, .95);
    /*padding: 10px;    
    margin-right: auto;
    margin-left: auto;
    border-radius: 0.25rem;*/
    padding-bottom: 20px;
}


.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

    .bs-callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .bs-callout p:last-child {
        margin-bottom: 0;
    }

    .bs-callout code {
        border-radius: 3px;
    }

    .bs-callout + .bs-callout {
        margin-top: -5px;
    }

.bs-callout-default {
    border-left-color: #777;
}

    .bs-callout-default h4 {
        color: #777;
    }

.bs-callout-primary {
    border-left-color: #428bca;
}

    .bs-callout-primary h4 {
        color: #428bca;
    }

.bs-callout-success {
    border-left-color: #5cb85c;
}

    .bs-callout-success h4 {
        color: #5cb85c;
    }

.bs-callout-danger {
    border-left-color: #d9534f;
}

    .bs-callout-danger h4 {
        color: #d9534f;
    }

.bs-callout-warning {
    border-left-color: #f0ad4e;
}

    .bs-callout-warning h4 {
        color: #f0ad4e;
    }

.bs-callout-info {
    border-left-color: #5bc0de;
}

    .bs-callout-info h4 {
        color: #5bc0de;
    }

/*hide thead v3 badge - it's covering the banner*/
.grecaptcha-badge {
    position: fixed !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    z-index: -1 !important;
}

.my-accordion-secondary {
    /* normal header background (subtle secondary) */  
    /* active header background (also subtle) */
    --bs-accordion-active-bg: var(--bs-secondary-bg-subtle);
    --bs-accordion-active-color: var(--bs-secondary-text-emphasis, #000);
    /* change or remove the primary-looking outline */
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-secondary-rgb), .25);
    --bs-accordion-btn-focus-border-color: rgba(var(--bs-secondary-rgb), .75);
}

.table-auto {
    width: auto !important;
}

.county-chart {
    width: 100% !important; /* acts like 100% width */
    max-width: 900px; /* optional: cap at original width */
}


/* for PRC page: Between md and xl: pin labels to bottom of their columns */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .search-row-label-col {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;  
    }
   
}

/*for PRC page:*/
.selected-result-card {
    border: 2px solid var(--bs-primary);
}

/*for PRC page:*/
/* indent first column like card-header text */
/* indent first column (header + data) */
table.dv-table tr > th:first-child,
table.dv-table tr > td:first-child {
    padding-left: 1rem; /* adjust as needed */
}

/*for PRC page:*/
/* same label-column width for any table with dv-fixed-label */
.dv-fixed-label {
    table-layout: fixed;
    width: 100%; 
}

/*for PRC page:*/
/* Small screens: label column narrower */
@media (max-width: 575.98px) {
    .dv-fixed-label tr > th:first-child,
    .dv-fixed-label tr > td:first-child {
        width: 120px;
        white-space: normal; /* allow wrap on phones */
    }
}

/*for PRC page:*/
/* Medium+ screens: wider fixed label column */
@media (min-width: 576px) {
    .dv-fixed-label tr > th:first-child,
    .dv-fixed-label tr > td:first-child {
        width: 220px;
        white-space: nowrap; /* keep labels on one line */
    }
}


.propertyHeaderText {
    color: #009E9E;
}
/* Re‑round accordions that sit inside cards */
.accordion-card-rounded {
    border-bottom-left-radius: .375rem; /* match .card radius */
    border-bottom-right-radius: .375rem;
    overflow: hidden; /* clip inner corners */
}

    /* Make sure the last item doesn’t add its own straight edge */
    .accordion-card-rounded .accordion-item:last-of-type {
        border-bottom-left-radius: .375rem;
        border-bottom-right-radius: .375rem;
    }

.card-table-wrapper {
    border-bottom-left-radius: .375rem; /* match card radius */
    border-bottom-right-radius: .375rem;
    overflow: hidden;
}

/*for PRC image*/
.ratio-3x2 {
    --bs-aspect-ratio: 66.6667%;
}

/*for PRC image*/
/*.property-image-wrapper {
    max-width: 500px;*/ /* cap when DetailsView is full width */
/*}*/

.property-image {
    max-height: 350px;
}

    .property-image img {
        object-fit: cover;
    }

    /* Default: 3x2 */
    .property-image.ratio-3x2 {
        --bs-aspect-ratio: 66.6667%;
    }

    /* Alternate: 16x9 */
    .property-image.ratio-16x9 {
        --bs-aspect-ratio: 56.25%;
    }


.disclaimer-yes-btn {
    width: 75px; /* tweak to taste */
}

