/* Skeleton loading shimmer */
@keyframes sn-skeleton-shimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
.sn-skeleton {
    background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: sn-skeleton-shimmer 1.4s infinite;
    border-radius: 4px;
}

#sitenear-main-bar {
    position: relative;

}

#sitenear-main-bar .sitenear-main-bar-body{
    /*padding-top: 0;*/
    /*position: absolute;*/
    /*width: 100%;*/
    /*height: auto;*/
    /*top: 0;*/
    /*left: 1rem;*/
}

ul#sitenear-site-detail-nav-tabs .sitenear-sitedetail-edit-tabs {

    position: absolute;
    right: 1rem;
    top: calc(3.4em + 2px);
    width: 2em;
    height: 2em;
    font-size: 14px;
    padding: 0;
}

.tingle-modal__close:hover {
    color: green;
}

ul#sitenear-site-detail-nav-tabs .sitenear-sitedetail-edit-tabs i {
    display: block;
    margin: auto auto;
    width: 1em;
    height: 1em;
    margin-top: 0.33em;
    font-size: 14px;
}

@media (min-width: 768px) {
    ul#sitenear-site-detail-nav-tabs .sitenear-sitedetail-edit-tabs {
        right: 0;
        top: calc(0.25em + 2px);
    }
}

@media (min-width: 1600px) {
    ul#sitenear-site-detail-nav-tabs .sitenear-sitedetail-edit-tabs {
        right: 1em;
    }
}

.sitenear-site-detail-under-pictures {
    clear: both;
    margin: 0;
    padding: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
    .sitenear-site-detail-under-pictures {
        /*margin-left: 15%;*/
        /*margin-right: 15%;*/
        margin: 49px 16px;
    }
    p{
        margin: 40px !important;
        font-size: min(3vw, 3vh) !important;
        text-align: justify;
    }
}

.sitenear-site-detail-claim-area {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

div#sitenear-change-detail-dialog div.row {
    padding: 0.75em
}

div#sitenear-change-detail-dialog div.row div.col {
    padding: 0.5em
}

div#sitenear-change-detail-dialog div.row div.col div.input-group {
    margin: auto;
}

div#sitenear-change-detail-dialog div.row div.col div.input-group span.input-group-addon {
    width: 10em
}

div#sitenear-change-detail-dialog form button.btn.btn-lg {
    width: 50%;
    margin: auto;
    display: block;
}

.sitenear-site-detail-claim-area .row>div {
    text-align: center;
}

.sitenear-site-detail-claim-area .rating {
    float: left;
}

.sitenear-site-detail-claim-area .rating div.rating-container {
    display: inline-block;
}

@media (max-width: 1100px) {
    .sitenear-site-detail-claim-area .rating {
        font-size: 2vw;
    }

    .sitenear-site-detail-claim-actions {
        font-size: 13px;
    }

}

.sitenear-site-detail-claim-actions {
    color: #47ad22;
    font-size: 16px;
    display: inline-block;
}


.claim img {
    margin-right: 6px;
    vertical-align: sub;
}

.sitenear-site-detail-desc-location {
    clear: both;
}

.sidebar-sec.summary-sidebar .sitenear-site-detail-desc-location>div>div>div {
    color: #000;
    display: inline-block;
    font-family: montserrat-light, serif;
    font-size:max(1.5vh, 1.2vw);
    width: 100%;
    text-align: left;
    float: right;
}

@media screen and (min-width: 1200px) {
    .sidebar-sec.summary-sidebar .sitenear-site-detail-desc-location>div>div>div {
        font-size:max(1.5vh, 1vw);
    }
}

.share_btn{
    font-size: max(1.5vh, 1.2vw) ;
    float: right;
}
@media only screen and (min-width: 1300px) {
    ul#sitenear-site-detail-nav-tabs li a {
        font-size: 18px;
    }
    }
section.sitenear-site-detail-main-holder .sidebar-sec.summary-sidebar .sitenear-site-detail-desc-location .sitenear-site-detail-address-locatator {
    text-align: left;
}

section.sitenear-site-detail-main-holder .sidebar-sec.summary-sidebar .sitenear-site-detail-desc-location i {
    color: #47ad22;
}



ul#sitenear-site-detail-nav-tabs {
    position: relative;
}

ul#sitenear-site-detail-nav-tabs li a {
    font-size: clamp(12px, 2vw, 2vh);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
}


@media (min-width: 590px) and (max-width: 767px) {
    ul#sitenear-site-detail-nav-tabs {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    ul#sitenear-site-detail-nav-tabs {
        display: flex;
        justify-content: space-evenly;
        align-items: center;

    }
}


img.sitenear-site-big-summary {
    border-radius: 6px;
    object-fit: fill;
    width: auto;
    height: 300px;
    display: block;
    margin:8px auto;
}

/* Main image wrapper with navigation arrows */
.sn-main-image-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sn-img-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: rgba(0,0,0,0.35);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: background 0.15s;
    user-select: none;
}
.sn-img-arrow:hover {
    background: rgba(0,0,0,0.6);
}
.sn-img-prev { left: 6px; }
.sn-img-next { right: 6px; }

.sn-thumb-img {
    aspect-ratio: 4/3;
    margin-right: 1px;
    opacity: 0.6;
    transition: opacity 0.15s;
}
.sn-thumb-img:hover {
    opacity: 1;
}


.sitenear-site-small-thumbs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    /*margin: auto 21px;*/
    width: 100%;
}

.sitenear-site-small-thumbs a {
    margin-bottom: 0.33em;
    display: contents;
}

.sitenear-site-small-thumbs a img {
    aspect-ratio: 4/3;
    margin-right:1px;
}
@media only screen and (max-width: 400px) {
    .sitenear-site-small-thumbs a img {
       height: 50px;
    }
}


.up-image .site_images {
    cursor: pointer;
    left: 5px;
    opacity: 0;
    position: absolute;
    top: 5px;
}

.up-image img {
    max-width: fit-content;
    object-fit: contain;
}

.up-image {
    position: relative;
    display: contents;
}

.faded {
    position: relative;
    display: inline-block;
    color: white;
}

.faded:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-collapse: separate;
}

.faded.faded-all:after,
.faded.faded-left.faded-top.faded-right.faded-bottom:after {
    box-shadow: inset 0 0 40px 40px;
}

.panel:not(.pure-panel) {
    background-color: blue;
    padding: 1em;
    color: white;
}

.panel .faded {
    color: blue;
}

img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    object-fit: contain;
}



.upddt {
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    margin: 20px auto 0;
}


button.sharre {
    background: #47ad22;
    border: none;
    color: #fff;
    padding: 0 15px;
    font-size: 30px;
    font-weight: 600;
    height: 50px;
    margin: 0 10px;
    border-radius: 3px;
}

.sitenear-feature-list-holder {
    overflow-y: auto;
    height: 65vh;
    overscroll-behavior-y: auto;
}



.summary-desc {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    word-wrap: break-word;
}

.summary-desc h4 {
    color: #000;
    font-family: montserrat-semibold, serif;
    font-size: 16px;
    text-transform: uppercase;
}

.summary-desc>p {
    color: #4c4c4c;
    font-family: montserrat-light, serif;
    font-size: 1.5vw;
    line-height: 1em;
    white-space: pre-line;
    text-align: justify;
    padding-bottom: 60px;
}

.tit {
    display: inline-block;
    /* max-width: calc(100% - 125px); */
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    /* margin-left: 1em; */
}

.sitenear-sitedetail-tabs-area {
    overflow-y: auto;
}

@media (max-width: 992px) {
    div.sitenear-sitedetail-tabs-area {
        overflow-x: hidden;
    }
}

@media (max-width: 767px) {
    div.sitenear-sitedetail-tabs-area {
        overflow-x: hidden;
        margin-left: 1em;
    }
}
@media only screen and (max-width: 600px) {
    ul#sitenear-site-detail-nav-tabs li a {
        font-size: 4vw;
        padding: 5px 10px;
    }
    .tit{
        width: 216px;
        font-size: 3.5vw;
    }
    .sitenear-site-detail-under-pictures{
        padding: 3px 6px;
    }
    p{
        margin:0 1px ;
        padding: 1px;
    }
    }
@media (min-width: 1920px) {
    .tit {
    }
}

.sitnear-site-description-area {
}

.sidebar-sec form#addPlaceFavoriteform h2.sitenear-form-title {
    padding: 0;
    /* height: 35px; */
    width: 100%;
    display: grid !important;
    align-items: center;
    grid-template-columns: 1fr 40px 40px;
    padding: 0px 20px;

}

/* Hide sidebar title on desktop — title is shown in left panel instead */
@media (min-width: 992px) {
    .sidebar-sec form#addPlaceFavoriteform h2.sitenear-form-title {
        display: none !important;
    }
}

.heart-green {
    width: 1em;
    height: 1em;
}

.tit {
    /* max-width: calc(100% - 95px); */
    width: 100%;
}

h2.sitenear-form-title .sitnear-favorite-status.updatefavoritestatus {
    /* float: right; */
    /* margin-right: 10px !important; */
    width: auto;
    height: auto;

}

@media (max-width: 992px) {


    h2.sitenear-form-title .sitnear-favorite-status.updatefavoritestatus {
        display: inline-block;
        margin: 0 !important;
        vertical-align: middle;
        position: relative !important;
        right: revert;
        width: 30px;
        padding: 0;
    }

    .sitnear-site-description-area {
        max-height: revert;
        overflow-y: revert;
    }

}

@media (max-width: 767px) {
    .sitenear-close-panel {
        display: none;
    }

    .sidebar-sec form#addPlaceFavoriteform h2.sitenear-form-title {
        padding-right: 0;
    }


}

@media (min-width: 768px) {
    form#addPlaceFavoriteform h2.sitenear-form-title a.updatefavoritestatus {
        position: relative;
        text-align: right;
        vertical-align: middle;
        /* margin-left: 4rem !important; */
        /*margin-right: 1em !important;*/
    }
}

/* manage site css */
.sitenear-manage-site-alert-message {
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    display: inline-block
}

.sitenear-group-navigation-sitedetail {
    width: 90%;
    margin: auto;
}

.sitenear-group-navigation-sitedetail .sitenear-group-navigation-title {
    color: #47ad22;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-top: 0.25em;
}

.sitenear-group-navigation-sitedetail .sitenear-group-navigation {
    display: inline-block;
    font-size: 2rem;
    color: #47ad22;
    text-decoration: none;
}

.sitenear-group-navigation-sitedetail .sitenear-group-navigation.sitenear-group-navigation-prev {
    float: left;
    margin-left: 1rem;
}

.sitenear-group-navigation-sitedetail .sitenear-group-navigation.sitenear-group-navigation-next {
    float: right;
    margin-right: 1rem;
}

section.sitenear-site-detail-main-holder div#sitenear-site-news-holder {
    padding: 0;
    margin: 0;
    margin-bottom: 1rem;
    width: 100%;
    min-height: 2em;
}

section.sitenear-site-detail-main-holder div#sitenear-site-news-holder div.panel div.panel-heading h5 {
    color: #4c4c4c;
}

section.sitenear-site-detail-main-holder div#sitenear-site-news-holder div.panel {
    padding: 0;
    margin: 0;
    box-shadow: none;
}

section.sitenear-site-detail-main-holder div#sitenear-site-news-holder div.panel-body {
    padding: 0;
    margin: 0;
}

section.sitenear-site-detail-main-holder div#sitenear-site-news-holder .news-all-u {
    text-align: center;
}


div.tingle-modal.sitenear-post-news-frame div.tingle-modal-box__content {
    padding: 0;
}


/**
        fixing by friend 5.24
*/
@media (max-width: 991px) {
    div.tingle-modal.sitenear-post-news-frame div.tingle-modal-box__content {
        padding-top: 0;
    }

    .tingle-modal{
        overflow: hidden!important;
    }

    .sitenear-form-title-text{
    }

    div.tingle-modal.sitenear-post-news-frame div.tingle-modal-box__content{
        width: 100%!important;
    }

    .tingle-modal__close{
        position: fixed;
        right: 2rem!important;
    }


}

@media (max-width: 540px) {
    .tingle-modal__close{
        padding-right: 3rem;
        padding-top: 1rem;
    }
}


iframe.sitenear-post-news-frame {
    width: 100%;
    /*noinspection CssInvalidFunction*/
    height: min(90vh, 500px);
    min-height: 98vh;
    max-height: 100vh;
    /* need to never be over 80vw but max under that   */
}


/* contacts */

iframe.sitenear-site-contacts-frame {
    width: 100%;
    min-height: 10rem;
    border: none;
    /*noinspection CssInvalidFunction*/
    height: min(80vh, 200em);
}


div#sitenear-contact-holder {
    position: relative;
}

section#sitenear-site-contacts div#sitenear-contact-holder {
    position: relative;
}

section#sitenear-site-contacts div#sitenear-contact-holder div.panel,
section#sitenear-site-contacts div#sitenear-contact-holder div.panel div.panel-heading {
    background-color: revert;
    padding: 0;
    border: 0;
    margin: 0;
    box-shadow: none;
}

section#sitenear-site-contacts div#sitenear-contact-holder div.panel div.panel-heading div.panel-title {
    font-size: 30px;
}

section#sitenear-site-contacts div#sitenear-contact-holder a.sitenear-contact-email-link {
    color: black;
    text-decoration: none;
}

section#sitenear-site-contacts div#sitenear-contact-holder a.sitenear-contact-email-link.sitenear-contact-used {
    color: gray;
}

div.sitenear-manage-contacts-area ul.list-group li.list-group-item {
    border: 0;
    width: 30em;
}

div.sitenear-manage-contacts-area ul.list-group li.list-group-item .sitenear-contact-email {
    /*noinspection CssInvalidPropertyValue*/
    white-space: break-spaces;
    word-break: break-all;
}

div.sitenear-manage-contacts-area ul.list-group li.list-group-item .sitenear-contact-time {
    /*noinspection CssInvalidPropertyValue*/
    white-space: break-spaces;
}

/* edit textarea */

section.sitenear-site-detail-main-holder textarea.sitenear-site-edit-texarea {
    /*max-height: 25vh;
    overflow-y: auto !important;*/
}

.tingle-modal {
    background: #f5f5f5;
}

@supports ((-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0))) {
    .tingle-modal {
        -webkit-backdrop-filter: blur(0);
        backdrop-filter: blur(0)
    }
}

.tingle-modal__close {
    color: #333;
    top: 8vh;
    right: 5vw;
    z-index: 9999;
    cursor: pointer;
    width: 3vh;
}

.tingle-modal-box {
    width: 100% !important;
    position:absolute;
    height: auto;
}

@media (min-width: 992px) {
    .tingle-modal-box {
        width: 100% !important;
        position:absolute;
    }

    .tingle-modal__close {

    }
}

@media (min-width: 992px) {}

.tingle-modal-box iframe {
    border: 2px solid #ccc;
}

.tingle-modal-box iframe,
.tingle-modal-box .sitenear-posts-holder {
    position: relative;
}

.sitenear-post-swipper-button-holder {
    top: 60% !important;
}


.sitenear-three-dots-site-detail {
    font-size: 2vh;
    display: inline-block;
    font-weight: bold;
    /* margin-top: 1rem; */
}


@media (min-width: 992px) {
    .sitenear-three-dots-site-detail {
        margin-top: 0rem;
        vertical-align: top;
        font-size: min(4vh,4vw);
    }

    .sidebar-sec form#addPlaceFavoriteform h2.sitenear-form-title {
        height: 100%;

    }
}

@media (max-width: 992px) {

    .sidebar-sec form#addPlaceFavoriteform h2.sitenear-form-title {
        height: 100%;
        grid-template-columns: 1fr auto auto;
    }
    .sitenear-three-dots-site-detail {
        font-size: 1em;
        /* margin-top: 1rem; */
    }

}

@media (min-width: 1200px) {
    .sitenear-three-dots-site-detail {
        /* margin-top: -0.5rem; */
        font-size: min(3vh,4vw);
    }
}


/* ========== Settings page — full-width sidebar takeover ========== */
.sitenear-settings-outer { height: calc(100vh - 90px); overflow-y: auto; background: #f4f5f7; padding: 0; }
.sitenear-settings { height: 100%; overflow: hidden; display: flex; flex-direction: column; max-width: 1400px; margin: 0 auto; width: 100%; }
.sitenear-settings-layout { display: flex; flex: 1; min-height: 0; }

/* Breadcrumb bar */
.sn-page-breadcrumb { display: flex; align-items: center; justify-content: space-between; padding: 0 48px 0 16px; height: 58px; background: #fff; border-bottom: 1px solid #e8ecef; flex-shrink: 0; }
/* flex: 1 + min-width: 0 lets the button grow and shrink; max-width leaves room for the dot menu */
.sn-page-breadcrumb-back { display: flex; align-items: center; gap: 8px; background: none; border: none; padding: 6px 10px 6px 6px; cursor: pointer; border-radius: 6px; transition: background 0.15s; text-decoration: none; flex: 1 1 0; min-width: 0; max-width: calc(100% - 60px); }
.sn-page-breadcrumb-back:hover { background: #f3f4f6; }
.sn-page-breadcrumb-back .sn-back-chevron { color: #9ca3af; font-size: 15px; flex-shrink: 0; transition: color 0.15s; }
.sn-page-breadcrumb-back:hover .sn-back-chevron { color: #374151; }
/* min-width: 0 is required on text children in flex context to enable proper ellipsis */
.sn-page-breadcrumb-sitename { font-size: 18px; font-weight: 700; color: #47ad22; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sn-page-breadcrumb-back:hover .sn-page-breadcrumb-sitename { text-decoration: underline; text-decoration-color: #9ca3af; }

/* Dot menu inside breadcrumb — inherit .last.new-drop green styling, override positioning */
.sn-header-dotmenu .dropdown-menu { right: 0 !important; left: auto !important; width: auto !important; min-width: 180px; }
/* Force dark icon color — !important needed to win over higher-specificity rules in style.css */
.sn-header-dotmenu .dropdown-toggle,
.sn-header-dotmenu .sitenear-three-dots-site-detail { color: #47ad22 !important; margin-right:10px;}

/* Left sidebar nav (desktop) */
.sitenear-settings-nav { width: 220px; min-width: 220px; background: #f8f9fa; border-right: 1px solid #e0e0e0; display: flex; flex-direction: column; }
.sitenear-settings-nav-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 16px 12px; border-bottom: 1px solid #e0e0e0; }
.sitenear-settings-nav-header h3 { margin: 0; font-size: 18px; font-weight: 600; }
.sitenear-settings-close { background: none; border: none; font-size: 24px; cursor: pointer; color: #666; padding: 0; line-height: 1; }
.sitenear-settings-close:hover { color: #333; }
.sitenear-settings-nav ul { list-style: none; padding: 8px 0; margin: 0; flex: 1; overflow-y: auto; }
.sitenear-settings-nav li { padding: 10px 16px; cursor: pointer; color: #555; font-size: 14px; border-left: 3px solid transparent; transition: all 0.15s; }
.sitenear-settings-nav li:hover { background: #eee; color: #333; }
.sitenear-settings-nav li.active { background: #fff; color: #47ad22; border-left-color: #47ad22; font-weight: 600; }
.sitenear-settings-nav li i { margin-right: 8px; }

/* Right content panel */
.sitenear-settings-content { flex: 1; padding: 20px 24px; overflow-y: auto; }
.settings-panel { display: none; }
.settings-panel.active { display: block; }

/* Panel styling inside settings */
.sitenear-settings-content .panel .panel-heading { margin-bottom: 1em; text-align: justify; padding-top: 0.125em; padding-bottom: 0.125em; }
.sitenear-settings-content .panel .panel-body { text-align: center; }

/* Mobile: sidebar nav becomes horizontal pills */
@media (max-width: 991px) {
    .sitenear-settings-layout { flex-direction: column; }
    .sitenear-settings-nav { width: 100%; min-width: unset; border-right: none; border-bottom: 1px solid #e0e0e0; }
    .sitenear-settings-nav ul { display: flex; overflow-x: auto; padding: 0; gap: 0; }
    .sitenear-settings-nav li { white-space: nowrap; padding: 8px 14px; border-left: none; border-bottom: 2px solid transparent; font-size: 13px; }
    .sitenear-settings-nav li.active { border-left: none; border-bottom-color: #47ad22; }
    .sitenear-settings-nav li i { display: none; }
    .sitenear-settings-content { padding: 12px; }
}