/* ===================================
   Hombre y Tierra - Main Stylesheet
   Modern Blog Design
   =================================== */

/* Reset & Base Styles */
*, *::before, *::after {
    box-sizing: border-box;
}

/* Custom Properties for Modern Blog */
:root {
    --blog-primary-color: #2c3e50;
    --blog-accent-color: #3498db;
    --blog-text-color: #333;
    --blog-light-gray: #f8f9fa;
    --blog-border-color: #e1e8ed;
    --blog-shadow: 0 2px 12px rgba(0,0,0,0.08);
    --blog-shadow-hover: 0 4px 20px rgba(0,0,0,0.12);
    --blog-max-width: 1200px;
    --blog-reading-width: 720px;
    --blog-spacing: 2rem;
}

/* Body & Typography */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.7;
    color: var(--blog-text-color);
    background-color: var(--blog-light-gray);
}

/* Image Sizing */
img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px;
}

/* ===================================
   Emoji Styles
   =================================== */
img.wp-smiley, img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

/* ===================================
   WordPress Block Library Styles
   =================================== */

/* Audio Block */
.wp-block-audio :where(figcaption) {
    color: #555;
    font-size: 13px;
    text-align: center;
}

.is-dark-theme .wp-block-audio :where(figcaption) {
    color: #ffffffa6;
}

.wp-block-audio {
    margin: 0 0 1em;
}

/* Code Block */
.wp-block-code {
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: Menlo, Consolas, monaco, monospace;
    padding: .8em 1em;
}

/* Embed Block */
.wp-block-embed :where(figcaption) {
    color: #555;
    font-size: 13px;
    text-align: center;
}

.is-dark-theme .wp-block-embed :where(figcaption) {
    color: #ffffffa6;
}

.wp-block-embed {
    margin: 0 0 1em;
}

/* Gallery Block */
.blocks-gallery-caption {
    color: #555;
    font-size: 13px;
    text-align: center;
}

.is-dark-theme .blocks-gallery-caption {
    color: #ffffffa6;
}

/* Image Block */
:root :where(.wp-block-image figcaption) {
    color: #555;
    font-size: 13px;
    text-align: center;
}

.is-dark-theme :root :where(.wp-block-image figcaption) {
    color: #ffffffa6;
}

.wp-block-image {
    margin: 0 0 1em;
}

/* Pullquote Block */
.wp-block-pullquote {
    border-bottom: 4px solid;
    border-top: 4px solid;
    color: currentColor;
    margin-bottom: 1.75em;
}

.wp-block-pullquote cite,
.wp-block-pullquote footer,
.wp-block-pullquote__citation {
    color: currentColor;
    font-size: .8125em;
    font-style: normal;
    text-transform: uppercase;
}

:root :where(.wp-block-pullquote) {
    font-size: 1.5em;
    line-height: 1.6;
}

/* Quote Block */
.wp-block-quote {
    border-left: .25em solid;
    margin: 0 0 1.75em;
    padding-left: 1em;
}

.wp-block-quote cite,
.wp-block-quote footer {
    color: currentColor;
    font-size: .8125em;
    font-style: normal;
    position: relative;
}

.wp-block-quote:where(.has-text-align-right) {
    border-left: none;
    border-right: .25em solid;
    padding-left: 0;
    padding-right: 1em;
}

.wp-block-quote:where(.has-text-align-center) {
    border: none;
    padding-left: 0;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-quote:where(.is-style-plain) {
    border: none;
}

/* Search Block */
.wp-block-search .wp-block-search__label {
    font-weight: 700;
}

.wp-block-search__button {
    border: 1px solid #ccc;
    padding: .375em .625em;
}

/* Group Block */
:where(.wp-block-group.has-background) {
    padding: 1.25em 2.375em;
}

/* Separator Block */
.wp-block-separator.has-css-opacity {
    opacity: .4;
}

.wp-block-separator {
    border: none;
    border-bottom: 2px solid;
    margin-left: auto;
    margin-right: auto;
}

.wp-block-separator.has-alpha-channel-opacity {
    opacity: 1;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    width: 100px;
}

.wp-block-separator.has-background:not(.is-style-dots) {
    border-bottom: none;
    height: 1px;
}

.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
    height: 2px;
}

/* Table Block */
.wp-block-table {
    margin: 0 0 1em;
}

.wp-block-table td,
.wp-block-table th {
    word-break: normal;
}

.wp-block-table :where(figcaption) {
    color: #555;
    font-size: 13px;
    text-align: center;
}

.is-dark-theme .wp-block-table :where(figcaption) {
    color: #ffffffa6;
}

/* Video Block */
.wp-block-video :where(figcaption) {
    color: #555;
    font-size: 13px;
    text-align: center;
}

.is-dark-theme .wp-block-video :where(figcaption) {
    color: #ffffffa6;
}

.wp-block-video {
    margin: 0 0 1em;
}

/* Template Part Block */
:root :where(.wp-block-template-part.has-background) {
    margin-bottom: 0;
    margin-top: 0;
    padding: 1.25em 2.375em;
}

/* ===================================
   Classic Theme Styles
   =================================== */
.wp-block-button__link {
    color: #fff;
    background-color: #32373c;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em;
}

.wp-block-file__button {
    background: #32373c;
    color: #fff;
    text-decoration: none;
}

/* ===================================
   CSS Custom Properties (Variables)
   =================================== */
:root {
    /* Aspect Ratios */
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;

    /* Colors */
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;

    /* Gradients */
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);

    /* Font Sizes */
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;

    /* Spacing */
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;

    /* Shadows */
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}

/* ===================================
   Layout Styles
   =================================== */
:where(.is-layout-flex) {
    gap: 0.5em;
}

:where(.is-layout-grid) {
    gap: 0.5em;
}

body .is-layout-flex {
    display: flex;
}

.is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

.is-layout-flex > :is(*, div) {
    margin: 0;
}

body .is-layout-grid {
    display: grid;
}

.is-layout-grid > :is(*, div) {
    margin: 0;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em;
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em;
}

/* ===================================
   Color Utility Classes
   =================================== */

/* Text Colors */
.has-black-color { color: var(--wp--preset--color--black) !important; }
.has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; }
.has-white-color { color: var(--wp--preset--color--white) !important; }
.has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; }
.has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; }
.has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; }
.has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; }
.has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; }
.has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; }
.has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; }
.has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; }
.has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; }

/* Background Colors */
.has-black-background-color { background-color: var(--wp--preset--color--black) !important; }
.has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; }
.has-white-background-color { background-color: var(--wp--preset--color--white) !important; }
.has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; }
.has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; }
.has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; }
.has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; }
.has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; }
.has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; }
.has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; }
.has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; }
.has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; }

/* Border Colors */
.has-black-border-color { border-color: var(--wp--preset--color--black) !important; }
.has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; }
.has-white-border-color { border-color: var(--wp--preset--color--white) !important; }
.has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; }
.has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; }
.has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; }
.has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; }
.has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; }
.has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; }
.has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; }
.has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; }
.has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; }

/* Gradient Backgrounds */
.has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; }
.has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; }
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; }
.has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; }
.has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; }
.has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; }
.has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; }
.has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; }
.has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; }
.has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; }
.has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; }
.has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !important; }

/* Font Size Utility Classes */
.has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; }
.has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; }
.has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; }
.has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; }

/* ===================================
   MODERN BLOG STYLES
   =================================== */

/* Header Styles */
.site-header {
    background: white;
    box-shadow: var(--blog-shadow);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.bloghash-header-container {
    max-width: var(--blog-max-width);
    margin: 0 auto;
    padding: 1.5rem 2rem;
}

.site-title a {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--blog-primary-color);
    text-decoration: none;
    letter-spacing: -0.5px;
}

.site-title a:hover {
    color: var(--blog-accent-color);
}

/* Navigation */
.bloghash-primary-nav ul {
    display: flex;
    gap: 2rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.bloghash-primary-nav a {
    color: var(--blog-text-color);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.95rem;
    transition: color 0.3s ease;
}

.bloghash-primary-nav a:hover {
    color: var(--blog-accent-color);
}

/* Main Content Area */
.site-main {
    padding: 3rem 0;
}

.bloghash-container {
    max-width: var(--blog-max-width);
    margin: 0 auto;
    padding: 0 2rem;
}

/* Blog Post Cards */
article.bloghash-article {
    background: white;
    border-radius: 12px;
    box-shadow: var(--blog-shadow);
    margin-bottom: 2.5rem;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

article.bloghash-article:hover {
    transform: translateY(-4px);
    box-shadow: var(--blog-shadow-hover);
}

.post-thumb {
    position: relative;
    overflow: hidden;
    border-radius: 12px 12px 0 0;
}

.post-thumb img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

article.bloghash-article:hover .post-thumb img {
    transform: scale(1.05);
}

/* Post Category Badge */
.post-category {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 10;
}

.post-category .cat-links a {
    background: var(--blog-accent-color);
    color: white;
    padding: 0.4rem 1rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: background 0.3s ease;
}

.post-category .cat-links a:hover {
    background: var(--blog-primary-color);
}

/* Article Header */
.entry-header {
    padding: 2rem 2.5rem 1rem;
}

.entry-title {
    font-size: 1.75rem;
    line-height: 1.3;
    margin: 0 0 1rem;
    font-weight: 700;
    color: var(--blog-primary-color);
}

.entry-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.entry-title a:hover {
    color: var(--blog-accent-color);
}

/* Entry Meta */
.entry-meta {
    padding: 0 2.5rem;
    margin-bottom: 1.5rem;
    color: #666;
    font-size: 0.9rem;
}

.entry-meta-elements {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: center;
}

.entry-meta a {
    color: #666;
    text-decoration: none;
}

.entry-meta a:hover {
    color: var(--blog-accent-color);
}

.author-avatar img {
    border-radius: 50%;
    margin-right: 0.5rem;
}

/* Entry Content */
.entry-content {
    padding: 0 2.5rem 2.5rem;
    font-size: 1.05rem;
    line-height: 1.8;
    color: #444;
}

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

.entry-content h2 {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--blog-primary-color);
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    line-height: 1.3;
}

.entry-content h3 {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--blog-primary-color);
    margin-top: 2rem;
    margin-bottom: 0.8rem;
}

/* Single Post Content Width */
.single .entry-content {
    max-width: var(--blog-reading-width);
    margin: 0 auto;
}

.single .entry-header {
    max-width: var(--blog-reading-width);
    margin: 0 auto;
}

/* Table of Contents */
#ez-toc-container {
    background: var(--blog-light-gray);
    border: 2px solid var(--blog-border-color);
    border-radius: 8px;
    padding: 1.5rem;
    margin: 2rem 0;
}

.ez-toc-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--blog-primary-color);
}

#ez-toc-container ul {
    margin-top: 1rem;
}

#ez-toc-container a {
    color: var(--blog-text-color);
    text-decoration: none;
    transition: color 0.3s ease;
}

#ez-toc-container a:hover {
    color: var(--blog-accent-color);
}

/* Sidebar */
#secondary {
    padding-left: 2rem;
}

.widget {
    background: white;
    border-radius: 12px;
    box-shadow: var(--blog-shadow);
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.widget-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--blog-primary-color);
    margin-bottom: 1rem;
    padding-bottom: 0.8rem;
    border-bottom: 2px solid var(--blog-accent-color);
}

/* Ticker/Featured Section */
#ticker {
    background: white;
    border-bottom: 1px solid var(--blog-border-color);
    padding: 1.5rem 0;
}

.ticker-slider-wrap {
    background: var(--blog-light-gray);
    padding: 1rem 1.5rem;
    border-radius: 8px;
}

.ticker-item h6 a {
    color: var(--blog-primary-color);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.ticker-item h6 a:hover {
    color: var(--blog-accent-color);
}

/* Buttons & Links */
.wp-block-button__link,
.button,
.btn {
    background: var(--blog-accent-color);
    color: white;
    padding: 0.8rem 1.8rem;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    transition: background 0.3s ease, transform 0.2s ease;
}

.wp-block-button__link:hover,
.button:hover,
.btn:hover {
    background: var(--blog-primary-color);
    transform: translateY(-2px);
}

/* Footer */
.site-footer {
    background: var(--blog-primary-color);
    color: white;
    padding: 3rem 0 1.5rem;
    margin-top: 4rem;
}

.site-footer a {
    color: white;
    text-decoration: none;
}

.site-footer a:hover {
    color: var(--blog-accent-color);
}

/* Breadcrumbs */
.bloghash-breadcrumbs {
    padding: 1rem 0;
    font-size: 0.9rem;
}

.bloghash-breadcrumbs a {
    color: var(--blog-accent-color);
    text-decoration: none;
}

.bloghash-breadcrumbs a:hover {
    text-decoration: underline;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .bloghash-header-container {
        padding: 1rem;
    }

    .site-title a {
        font-size: 1.3rem;
    }

    .bloghash-primary-nav ul {
        flex-direction: column;
        gap: 1rem;
    }

    .entry-header,
    .entry-content,
    .entry-meta {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .entry-title {
        font-size: 1.4rem;
    }

    #secondary {
        padding-left: 0;
        margin-top: 2rem;
    }

    .bloghash-container {
        padding: 0 1rem;
    }
}

/* Improved Reading Experience */
.single article.bloghash-article {
    box-shadow: none;
    border-radius: 0;
}

.single .entry-content p {
    text-align: justify;
}

/* Comments Section */
#comments {
    max-width: var(--blog-reading-width);
    margin: 3rem auto;
    padding: 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: var(--blog-shadow);
}

.comment-respond {
    margin-top: 2rem;
}

/* Pagination */
.pagination {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin: 3rem 0;
}

.pagination a,
.pagination span {
    padding: 0.6rem 1rem;
    background: white;
    border-radius: 6px;
    text-decoration: none;
    color: var(--blog-text-color);
    box-shadow: var(--blog-shadow);
    transition: all 0.3s ease;
}

.pagination a:hover {
    background: var(--blog-accent-color);
    color: white;
    transform: translateY(-2px);
}

.pagination .current {
    background: var(--blog-accent-color);
    color: white;
}

/* Search Form */
.search-form {
    display: flex;
    gap: 0.5rem;
}

.search-form input[type="search"] {
    flex: 1;
    padding: 0.8rem 1.2rem;
    border: 2px solid var(--blog-border-color);
    border-radius: 6px;
    font-size: 1rem;
}

.search-form button {
    background: var(--blog-accent-color);
    color: white;
    border: none;
    padding: 0.8rem 1.5rem;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    transition: background 0.3s ease;
}

.search-form button:hover {
    background: var(--blog-primary-color);
}