/*--------------------------------------------------------------
|=>> Template Parts Responsive CSS
|=>> For: content-archive.php, content.php, index-main-slider.php
|=>> coverage-page.php, field-report-page.php, report-list-page.php, stores-page.php
--------------------------------------------------------------*/

/*--------------------------------------------------------------
|=>> Common Responsive Styles
--------------------------------------------------------------*/

/* Container and Layout */
.container-full {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/* Post Content Responsive */
.post-content {
    width: 100%;
    box-sizing: border-box;
}

.post.vrsn-two {
    margin-bottom: 1.5rem;
}

/*--------------------------------------------------------------
|=>> Content Archive & Content Templates
--------------------------------------------------------------*/

/* Post Thumbnail */
.post-thumbnail {
    width: 100%;
    overflow: hidden;
}

.post-thumbnail img.img-fluid {
    width: 100%;
    height: auto;
    display: block;
}

/* Entry Meta Responsive */
.entry-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.entry-meta > span {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.entry-meta .cat-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.entry-meta .cat-links .links-bg {
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
    white-space: nowrap;
}

/* Entry Header */
.entry-header {
    margin-bottom: 1rem;
}

.entry-title {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 0.5rem;
}

.entry-title a {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Entry Content */
.entry-content {
    margin-bottom: 1rem;
}

/* ACF Fields Wrapper */
.acf-fields {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
}

.acf-image-wrap {
    width: 100%;
}

.acf-image-wrap .acf-image {
    width: 100%;
    max-width: 100%;
}

.acf-image-wrap .acf-image img {
    width: 100%;
    height: auto;
    display: block;
}

.acf-text-wrap {
    width: 100%;
}

.acf-text-wrap h2 {
    font-size: 1rem;
    margin-bottom: 0.5rem;
    word-wrap: break-word;
}

/*--------------------------------------------------------------
|=>> Index Main Slider
--------------------------------------------------------------*/

/* Slider Container */
#news-slider {
    width: 100%;
}

#news-slider .item {
    width: 100%;
}

/* Overlay News Area */
.overlay-news-area {
    position: relative;
    width: 100%;
}

.overlay-news-area .post-thumbnail {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    overflow: hidden;
}

.overlay-news-area .post-thumbnail img.img-fluid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.overlay-news-area .post-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
    color: #fff;
}

/* Slider Button */
.slider-btn-wrap {
    margin-top: 1rem;
    text-align: center;
}

.slider-btn {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    background-color: #e7201b;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-size: 0.875rem;
    transition: all 0.3s ease;
}

.slider-btn:hover {
    background-color: #d91a3f;
    transform: translateY(-2px);
}

/* Static Post Sidebar */
.big-news-section .col-lg-4 {
    margin-top: 1.5rem;
}

/*--------------------------------------------------------------
|=>> Coverage Page
--------------------------------------------------------------*/

/* Trending News Area */
.trending-news-area {
    margin-bottom: 2rem;
}

.trending-news-content {
    overflow: hidden;
    white-space: nowrap;
}

.trending-news-content a {
    display: inline-block;
    margin-right: 2rem;
    white-space: nowrap;
}

/* Blog List View */
.blog-list-view-post .list-view-news-area {
    margin-bottom: 2rem;
}

.blog-list-view-post .post-content {
    padding: 1rem;
}

/* ACF Store Image and Content */
.acf_img_store {
    width: 100%;
    margin-bottom: 1rem;
}

.acf_img_store img {
    width: 100%;
    height: auto;
    display: block;
}

.acf_content_div {
    width: 100%;
    margin-bottom: 1rem;
}

.acf_content_div h5,
.acf_content_div h6 {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    word-wrap: break-word;
}

/* Schedule Post Item */
.schedule-post-item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.schedule-post-item .thumb {
    width: 100%;
    display: block;
}

.schedule-post-item .thumb img {
    width: 100%;
    height: auto;
    display: block;
}

.schedule-post-acf {
    width: 100%;
}

.schedule-post-acf h5,
.schedule-post-acf h6 {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    word-wrap: break-word;
}

/*--------------------------------------------------------------
|=>> Field Report Page
--------------------------------------------------------------*/

/* Breadcrumb */
.breadcrumb-content {
    padding: 1rem 0;
    margin-bottom: 1rem;
}

.breadcrumb-content a {
    color: #333;
    text-decoration: none;
    font-size: 0.875rem;
}

.breadcrumb-content a:hover {
    color: #e7201b;
}

/* Report Content */
.report-content-h3 {
    font-size: 1rem;
    margin: 1rem 0;
    word-wrap: break-word;
}

.report-content-h5 {
    font-size: 1.125rem;
    margin: 1.5rem 0 1rem;
    font-weight: 600;
    word-wrap: break-word;
}

.report-content-img {
    width: 100%;
    height: auto;
    margin: 1rem 0;
    display: block;
}

.report-content-p1 {
    font-size: 0.875rem;
    line-height: 1.6;
    margin-bottom: 1rem;
    word-wrap: break-word;
}

.report-content-pos1 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1.5rem 0;
}

.report-content-pos1-img {
    width: 100%;
}

.report-content-pos1-img img {
    width: 100%;
    height: auto;
    display: block;
}

.report-content-pos1 > div {
    width: 100%;
}

.report-content-pos1 h4,
.report-content-pos1 h5 {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    word-wrap: break-word;
}

.report-content-img2 {
    width: 100%;
    margin-bottom: 1rem;
}

.report-content-img2 img {
    width: 100%;
    height: auto;
    display: block;
}

/* Report Table */
.report-content-table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    font-size: 0.75rem;
    overflow-x: auto;
    display: block;
}

.report-content-table thead,
.report-content-table tbody {
    display: block;
}

.report-content-table tr {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #ddd;
}

.report-content-table th,
.report-content-table td {
    flex: 1 1 120px;
    padding: 0.5rem;
    text-align: left;
    word-wrap: break-word;
    min-width: 80px;
}

.report-content-table th {
    background-color: #f5f5f5;
    font-weight: 600;
}

/* Post Width */
.post-width {
    width: 100%;
    max-width: 100%;
}

/*--------------------------------------------------------------
|=>> Report List Page
--------------------------------------------------------------*/

.list-view-news-area {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.list-view-news-area article.post {
    width: 100%;
    margin: 0;
}

.schedule-post-item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.schedule-post-item.schedule-post-responsive {
    flex-direction: column;
}

.schedule-post-acf > div {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.schedule-post-acf-inner {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.schedule-post-acf-content {
    flex: 1;
}

.schedule-post-acf-header {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.schedule-post-acf .acf-image {
    width: 100%;
    max-width: 100%;
}

.schedule-post-acf .acf-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Report List Responsive */
.report-list-responsive {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.report-list-responsive article.post {
    width: 100% !important;
    margin: 0 !important;
}

/*--------------------------------------------------------------
|=>> Stores Page
--------------------------------------------------------------*/

/* Store Image and Map Layout */
.acf_img_store,
.acf_img_map {
    width: 100%;
    margin-bottom: 1rem;
}

.acf_img_store img,
.acf_img_map img {
    width: 100%;
    height: auto;
    display: block;
}

/* Store Content Layout */
.stores-page-content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.stores-page-header {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-bottom: 1rem;
}

.stores-page-image-map {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.stores-page-meta {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin: 1rem 0;
}

/*--------------------------------------------------------------
|=>> Sidebar Responsive
--------------------------------------------------------------*/

.sidebar {
    margin-top: 2rem;
}

.sidebar .widget {
    margin-bottom: 2rem;
}

.wp-block-latest-posts__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wp-block-latest-posts__list li {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid #eee;
}

.wp-block-latest-posts__list li:last-child {
    border-bottom: none;
}

.wp-block-latest-posts__post-title {
    flex: 1;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.wp-block-latest-posts__list li img {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    object-fit: cover;
}

/*--------------------------------------------------------------
|=>> News Section Title
--------------------------------------------------------------*/

.news-section-title {
    margin-bottom: 1.5rem;
}

.news-section-title .f-heading {
    padding: 0.75rem 1rem;
    font-size: 1.125rem;
    word-wrap: break-word;
}

/*--------------------------------------------------------------
|=>> Responsive Breakpoints
--------------------------------------------------------------*/

/* Mobile First - Base styles above are for mobile */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .container-full {
        max-width: 540px;
    }
    
    .entry-title {
        font-size: 1.375rem;
    }
    
    .report-content-table {
        font-size: 0.875rem;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .container-full {
        max-width: 720px;
    }
    
    /* Two column layout for schedule posts */
    .list-view-news-area[style*="display: ruby"],
    .report-list-responsive {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    
    .list-view-news-area[style*="display: ruby"] article.post,
    .report-list-responsive article.post {
        width: 100% !important;
        margin: 0 !important;
    }
    
    /* Schedule post responsive */
    .schedule-post-item.schedule-post-responsive {
        flex-direction: row;
    }
    
    .schedule-post-acf-inner {
        flex-direction: row;
    }
    
    /* ACF Fields side by side */
    .acf-fields {
        flex-direction: row;
        align-items: flex-start;
    }
    
    .acf-image-wrap {
        flex: 0 0 200px;
        max-width: 200px;
    }
    
    .acf-text-wrap {
        flex: 1;
    }
    
    /* Report content layout */
    .report-content-pos1 {
        flex-direction: row;
        align-items: flex-start;
    }
    
    .report-content-pos1-img {
        flex: 0 0 300px;
        max-width: 300px;
    }
    
    .report-content-pos1 > div {
        flex: 1;
    }
    
    /* Store layout */
    .stores-page-content {
        flex-direction: row;
        align-items: flex-start;
    }
    
    .stores-page-header {
        flex-direction: row;
    }
    
    .stores-page-image-map {
        flex-direction: row;
        align-items: flex-start;
    }
    
    .acf_img_store,
    .acf_img_map {
        flex: 1;
    }
    
    .stores-page-meta {
        flex-direction: row;
        gap: 1.5rem;
    }
    
    /* Schedule post item */
    .schedule-post-item {
        flex-direction: row;
    }
    
    .schedule-post-item .thumb {
        flex: 0 0 200px;
        max-width: 200px;
    }
    
    .schedule-post-acf {
        flex: 1;
    }
    
    .schedule-post-acf > div {
        flex-direction: row;
    }
    
    .schedule-post-acf .acf-image {
        flex: 0 0 120px;
        max-width: 120px;
    }
    
    /* Table responsive */
    .report-content-table {
        display: table;
        font-size: 0.875rem;
    }
    
    .report-content-table thead,
    .report-content-table tbody {
        display: table-header-group;
        display: table-row-group;
    }
    
    .report-content-table tr {
        display: table-row;
    }
    
    .report-content-table th,
    .report-content-table td {
        display: table-cell;
        flex: none;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .container-full {
        max-width: 960px;
    }
    
    .entry-title {
        font-size: 1.5rem;
    }
    
    /* Big news section layout */
    .big-news-section .col-lg-8 {
        padding-right: 1rem;
    }
    
    .big-news-section .col-lg-4 {
        padding-left: 1rem;
        margin-top: 0;
    }
    
    /* Coverage page store layout */
    .coverage-page-store-layout {
        display: flex;
        gap: 2rem;
    }
    
    .acf_img_store {
        flex: 0 0 400px;
        max-width: 400px;
    }
    
    .acf_content_div {
        flex: 1;
    }
    
    /* Stores page layout */
    .stores-page-image-map {
        display: flex;
        gap: 2rem;
    }
    
    .acf_img_store {
        flex: 0 0 400px;
        max-width: 400px;
    }
    
    .acf_img_map {
        flex: 1;
        max-width: 900px;
    }
    
    /* Report content images */
    .report-content-pos1-img {
        flex: 0 0 400px;
        max-width: 400px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .container-full {
        max-width: 1140px;
    }
    
    .entry-title {
        font-size: 1.75rem;
    }
}

/* Extra extra large devices (1400px and up) */
@media (min-width: 1400px) {
    .container-full {
        max-width: 1320px;
    }
}

/*--------------------------------------------------------------
|=>> Mobile Specific Adjustments (max-width: 767px)
--------------------------------------------------------------*/

@media (max-width: 767.98px) {
    /* Hide less important elements on mobile */
    .entry-meta .author {
        font-size: 0.75rem;
    }
    
    .entry-meta .avatar-default {
        width: 30px;
        height: 30px;
    }
    
    /* Stack all flex layouts */
    .acf-fields,
    .schedule-post-item,
    .report-content-pos1,
    .stores-page-content,
    .schedule-post-acf > div {
        flex-direction: column !important;
    }
    
    /* Full width images on mobile */
    .acf-image-wrap,
    .acf_img_store,
    .acf_img_map,
    .schedule-post-item .thumb,
    .report-content-pos1-img {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
    }
    
    /* Adjust font sizes */
    .entry-title {
        font-size: 1.125rem;
    }
    
    .acf_title234 {
        font-size: 1rem;
    }
    
    .acf_title1 {
        font-size: 0.875rem;
    }
    
    /* Table scroll on mobile */
    .report-content-table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    /* Button adjustments */
    .slider-btn {
        width: 100%;
        text-align: center;
        padding: 1rem;
    }
    
    /* Sidebar adjustments */
    .sidebar {
        margin-top: 2rem;
    }
    
    /* List view adjustments */
    .list-view-news-area[style*="display: ruby"],
    .report-list-responsive {
        display: flex !important;
        flex-direction: column !important;
    }
    
    .list-view-news-area[style*="display: ruby"] article.post,
    .report-list-responsive article.post {
        width: 100% !important;
        margin: 0 0 1.5rem 0 !important;
    }
    
    /* Schedule post responsive mobile */
    .schedule-post-item.schedule-post-responsive {
        flex-direction: column !important;
    }
    
    .schedule-post-acf-inner {
        flex-direction: column !important;
    }
    
    .schedule-post-acf-header {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    /* Stores page mobile */
    .stores-page-content {
        flex-direction: column !important;
    }
    
    .stores-page-header {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .stores-page-image-map {
        flex-direction: column !important;
    }
    
    .stores-page-meta {
        flex-direction: column !important;
        gap: 0.75rem;
    }
    
    /* Post content padding */
    .post-content {
        padding: 1rem;
    }
    
    /* Trending news marquee */
    .trending-news-content {
        font-size: 0.875rem;
    }
}

/*--------------------------------------------------------------
|=>> Print Styles
--------------------------------------------------------------*/

@media print {
    .sidebar,
    .slider-btn-wrap,
    .breadcrumb-content {
        display: none;
    }
    
    .post-content {
        break-inside: avoid;
    }
    
    .report-content-table {
        font-size: 0.75rem;
    }
}