@media (max-width: 575.98px) {
    .news-img {
        padding: 0px !important;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
}
/* 大平板 */
@media (min-width: 768px) and (max-width: 991.98px) {
}
/* 小桌機*/
@media (min-width: 992px) and (max-width: 1199.98px) {
}
/* 特大桌機尺寸 */
@media (min-width: 1200px) {
}

/* 主卡片 */
.act-card {
    height: 100%;
    width: 100%;
    position: relative;
    background-color: #FFFCF4;
    border: 1px solid;
    border-radius: 8px;
    z-index: 2;
    box-sizing: border-box;
    padding-bottom: 1rem;
}

/* 底下紙張，露出部分 */
.card-underlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #8fcac3; /* 可換成你想要的紙張色 */
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid; /* 可加一點邊框，讓它像真紙張 */
    z-index: 1; /* 在主卡片下面 */
    transform: translate(-12px, 10px);
}
.img-container {
    width: 100%;
    aspect-ratio: 330 / 425;
    display: flex;
}
    .img-container img {
        object-fit: contain;
    }

.card-tag-bottom {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(50%);
    background-color: #68442b;
    color: #fff !important;
    padding: 0.25rem 0.75rem;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    white-space: nowrap;
}

.dropdown.all {
    border: 0.5px solid #68442b !important;
    border-radius: 6px;
    background-color: #FFF;
}

.custom-dropdown-btn {
    color: #C3AD9C !important;
}

.custom-dropdown-item {
    color: #C3AD9C !important;
}

.dropdown-menu.all .custom-dropdown-item:hover {
    background-color: #F5F1E8 !important;
    color: #68442b;
}

.dropdown-menu.all .custom-dropdown-item:focus {
    background-color: transparent !important;
    color: #68442b;
}

.dropdown-menu.all .custom-dropdown-item:focus {
    box-shadow: none;
}

.event-img-container {
    width: 100%;
    aspect-ratio: 3 / 2; /* 你想要的比例，例如 3/2、4/3 */
    overflow: hidden; /* 避免圖片超出容器 */
    position: relative;
}

    .event-img-container img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* 保持比例填滿，會自動裁切 */
        object-position: center; /* 圖片不足時置中裁切 */
    }
/* Reduce spacing in card body to make hits appear closer to the text above */
.card-body .card-title {
    margin-bottom: 0.25rem; /* reduce title bottom spacing */
}
.card-body .card-text {
    margin-bottom: 0.25rem; /* reduce paragraph spacing inside card body */
}

/* Inline hits element styling (small gap to previous text) */
.card-hits-inline {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #68442b;
    font-weight: 600;
    margin-top: 0.25rem; /* smaller space above hits */
    margin-bottom: 0; /* no extra bottom margin */
    line-height: 1;
}
.card-hits-inline i {
    color: #68442b;
    font-size: 0.95em;
}

/* Also adjust the fallback .card-hits container (if present) */
.card-hits {
    margin-top: 0.25rem;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}
.card-hits i { color: #68442b; }