/*
Theme Name: Chic Travel Blog
Theme URI: https://saltinourhair.com
Author: Chic Themes
Description: A stylish, manageable travel blog theme featuring a sticky header, bento-grid layouts, and interactive sidebar widgets.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, travel, chic, sticky-header, two-column, custom-colors
Text Domain: chic
*/

/* 
 * Note: Main styling is handled by Tailwind CSS (CDN loaded in header.php).
 * Add custom overrides below if necessary.
 */

body {
    background-color: #fcfbf8;
    color: #333;
}

/* Hide scrollbar for clean horizontal scrolling if needed */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* WordPress specific alignments */
.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; margin-right: 1.5em; margin-bottom: 1em; }
.alignright { float: right; margin-left: 1.5em; margin-bottom: 1em; }

/* === Single Post Typography (Entry Content) === */
.entry-content {
    font-size: 1.125rem; /* 18px */
    line-height: 1.8;
}

.entry-content p {
    margin-bottom: 1.5em;
}

.entry-content h2, 
.entry-content h3, 
.entry-content h4 {
    font-family: 'Playfair Display', serif;
    color: #1f2937; /* gray-800 */
    margin-top: 2em;
    margin-bottom: 0.75em;
    font-weight: 700;
    line-height: 1.3;
}

.entry-content h2 { font-size: 1.8rem; }
.entry-content h3 { font-size: 1.5rem; }
.entry-content h4 { font-size: 1.25rem; }

.entry-content a {
    color: #d4af37; /* brand-gold */
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    transition: color 0.2s;
}
.entry-content a:hover {
    color: #e07a5f; /* brand-accent */
}

.entry-content ul, 
.entry-content ol {
    margin-bottom: 1.5em;
    padding-left: 1.5em;
}

.entry-content ul { list-style-type: disc; }
.entry-content ol { list-style-type: decimal; }

.entry-content li {
    margin-bottom: 0.5em;
    padding-left: 0.5em;
}

.entry-content blockquote {
    border-left: 4px solid #d4af37;
    padding-left: 1.5rem;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1.5em;
    font-style: italic;
    color: #4b5563; /* gray-600 */
    background: #fafafa;
    padding: 1.5rem;
    border-radius: 0 0.5rem 0.5rem 0;
}

.entry-content img {
    border-radius: 0.75rem;
    height: auto;
    max-width: 100%;
    margin-bottom: 2rem;
}

.entry-content figure {
    margin-bottom: 2rem;
}

.entry-content .wp-caption {
    background: #f9f9f9;
    padding: 10px;
    border: 1px solid #eee;
    margin-bottom: 1.5em;
    max-width: 100%;
    border-radius: 0.5rem;
}

.entry-content .wp-caption-text {
    font-size: 0.875rem;
    color: #666;
    text-align: center;
    margin-top: 0.5rem;
    margin-bottom: 0;
    font-style: italic;
}

/* Tag Cloud Styling */
.tagcloud a {
    display: inline-block;
    background: #f3f4f6;
    color: #4b5563;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    transition: all 0.2s;
    text-decoration: none;
}
.tagcloud a:hover {
    background: #d4af37;
    color: white;
}


/* === Pagination Styles === */
.navigation.pagination {
    margin-top: 3rem;
    width: 100%;
}

.navigation.pagination .nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

/* Numbers Styling */
.navigation.pagination .page-numbers:not(.prev):not(.next) {
    font-family: 'Playfair Display', serif;
    font-size: 1.25rem;
    font-weight: 500;
    color: #9CA3AF; /* gray-400 */
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    transition: all 0.3s ease;
    padding: 0.25rem 0.5rem;
}

.navigation.pagination .page-numbers:not(.prev):not(.next):hover {
    color: #d4af37; /* brand-gold */
    text-decoration-color: #d4af37;
}

.navigation.pagination .page-numbers.current {
    color: #333; /* Darker black */
    font-weight: 700;
    text-decoration: none; /* No underline for current page */
    border-bottom: 2px solid #d4af37;
    pointer-events: none;
}

/* Dots Styling */
.navigation.pagination .page-numbers.dots {
    text-decoration: none !important;
    border: none !important;
    color: #ccc !important;
    cursor: default;
}

/* Prev/Next Buttons Overrides */
.navigation.pagination .page-numbers.prev,
.navigation.pagination .page-numbers.next {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    border: none;
}
.navigation.pagination .page-numbers.prev:hover,
.navigation.pagination .page-numbers.next:hover {
    text-decoration: none;
}

/* === Comment Reply Indentation === */
/* WordPress automatically wraps replies in ul.children. We add margin here. */
.comment-list .children {
    padding-left: 20px;
    border-left: 1px solid #f0f0f0;
    margin-top: 2rem;
    margin-left: 10px;
    list-style: none;
}
@media (min-width: 768px) {
    .comment-list .children {
        padding-left: 40px;
        margin-left: 20px;
    }
}
/* Reply link styling in comments */
.comment-reply-link {
    display: inline-block;
    color: #d4af37;
    font-size: 0.75rem; /* text-xs */
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none;
}
.comment-reply-link:hover {
    color: #e07a5f;
    text-decoration: underline;
}