/* ================================
   ## Classic Editor Caption Support
================================ */

/* ## Image inside caption */
.blog_styles .wp-caption img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #e2e2e2;
    background: #f7f7f7;
    padding: 6px;
    box-sizing: border-box;
}

/* ## Caption text */
.blog_styles .wp-caption-text {
    font-size: 0.85rem;
    color: #666;
    background: #f3f3f3;
    padding: 8px 12px;
    margin-top: 6px;
    border-left: 3px solid #ddd;
}

/* ================================
   ## Alignment from shortcode
================================ */


.blog_styles .alignnone {
   width:100%;
}


.blog_styles .wp-caption.alignnone {
    margin-left: 0;
}

.blog_styles .wp-caption.alignleft {
    float: left;
    margin: 0.5em 1.5em 1em 0;
}

.blog_styles .wp-caption.alignright {
    float: right;
    margin: 0.5em 0 1em 1.5em;
}

.blog_styles .wp-caption.aligncenter {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.blog_styles img.alignleft {
    float: left;
    margin: 0.5em 1.5em 1em 0;
}

.blog_styles img.alignright {
    float: right;
    margin: 0.5em 0 1em 1.5em;
}

.blog_styles a{
    color: #024087;
    text-decoration: none;
    font-weight: bold;
}

.blog_styles a:hover{
    color: #CC0717;
    text-decoration: none;
    font-weight: bold;
}

/* ================================
   ## Full-size images
================================ */

.blog_styles .wp-caption img.size-full {
    width: 100%;
}

.blog_styles ul{
    padding-bottom: 20px;
}


.blog_styles .wp-caption {
    max-width: 100%;
    margin: 2em 0;
    display: block;
    clear: both;
}

.blog_styles .wp-caption[style] {
    max-width: 100% !important;
}

.blog_styles .wp-caption img {
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

.blog_styles::after {
    content: "";
    display: table;
    clear: both;
}

/* ================================
   ## Mobile safety
================================ */

@media (max-width: 768px) {
    .blog_styles .wp-caption.alignleft,
    .blog_styles .wp-caption.alignright {
        float: none;
        margin: 1.5em 0;
    }
}



/* ================================
   ## Gutenberg Block Support
================================ */

/* ## Modern Image Blocks */
.blog_styles .wp-block-image {
    margin-bottom: 2em;
}

.blog_styles .wp-block-image img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #e2e2e2;
    background: #f7f7f7;
    padding: 6px;
    box-sizing: border-box;
}

/* ## Modern Figcaption (replaces .wp-caption-text) */
.blog_styles figure figcaption {
    font-size: 0.85rem;
    color: #666;
    background: #f3f3f3;
    padding: 8px 12px;
    margin-top: 6px;
    border-left: 3px solid #ddd;
    display: block;
}

/* ## Block Alignments */
.blog_styles .wp-block-image.alignleft {
    float: left;
    margin: 0.5em 1.5em 1em 0;
}

.blog_styles .wp-block-image.alignright {
    float: right;
    margin: 0.5em 0 1em 1.5em;
}

.blog_styles .wp-block-image.aligncenter {
    text-align: center;
}



/* ================================
   ## Table Block Styling
=============================== */

/* Container spacing */
.blog_styles .wp-block-table {
    margin-bottom: 2em;
    border-collapse: collapse;
    width: 100%;
}

/* Base table text (matching your captions) */
.blog_styles .wp-block-table table {
    font-size: 0.85rem;
    color: #666;
    border-collapse: collapse;
    width: 100%;
}

/* Horizontal lines only */
.blog_styles .wp-block-table th,
.blog_styles .wp-block-table td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #ddd; /* Light grey horizontal line */
}

/* Header styling */
.blog_styles .wp-block-table th {
    color: #333;
    font-weight: bold;
    border-bottom: 2px solid #ddd; /* Slightly thicker under header */
}

/* Alternating "Zebra" stripes */
.blog_styles .wp-block-table tr:nth-child(odd) {
    background-color: #ffffff;
}

.blog_styles .wp-block-table tr:nth-child(even) {
    background-color: #f3f3f3; /* Matching your caption background */
}

/* Optional: Table Caption styling */
.blog_styles .wp-block-table figcaption {
    font-size: 0.75rem;
    color: #888;
    text-align: center;
    margin-top: 8px;
}


/* Styling the individual cells */
.blog_styles .wp-block-table td, 
.blog_styles .wp-block-table th {
    /* Text styles to match your captions */
    font-size: 0.85rem;
    color: #666;
    padding: 12px 15px;
    
    /* Horizontal lines only: Remove side borders, keep bottom */
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #ddd; 
    
    /* Ensure text doesn't touch the edges */
    word-break: normal; 
}

/* Specific styling for the Header Cells */
.blog_styles .wp-block-table th {
    color: #024087; /* Using your link color for headers to give it some pop */
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}


/* ## Table Text Alignment */

/* Right Align */
.blog_styles .wp-block-table .has-text-align-right {
    text-align: right;
}

/* Center Align */
.blog_styles .wp-block-table .has-text-align-center {
    text-align: center;
}

/* Left Align (Default) */
.blog_styles .wp-block-table .has-text-align-left {
    text-align: left;
}