/*
Theme Name: Makepedia
Theme URI: https://makepedia.uz/
Author: Makepedia Team
Author URI: https://makepedia.uz/
Description: Custom theme for Makepedia
Version: 1.0.0
Text Domain: kale
*/

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

body { margin: 0; }
p { margin: 0 0 10px; }
ul, ol { margin-top: 0; margin-bottom: 10px; }
ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; }
figure { margin: 0; }
img { vertical-align: middle; border: 0; }
b, strong { font-weight: 700; }
small { font-size: 85%; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; }
button, input, select, textarea { margin: 0; font: inherit; color: inherit; }
button { overflow: visible; text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; }
input[type="checkbox"], input[type="radio"] { margin: 4px 0 0; line-height: normal; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { overflow: auto; }
fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
th { text-align: left; }

:root {
    --font-sans: 'Golos Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --font-serif: 'Lora', Georgia, 'Times New Roman', serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;

    --background: #ffffff;
    --foreground: #09090b;
    --text-body: #27272a;
    --muted: #f4f4f5;
    --muted-foreground: #71717a;
    --border: #e4e4e7;
    --card: #ffffff;
    --card-foreground: #09090b;
    --primary: hsl(22, 92%, 50%);
    --primary-hover: hsl(22, 92%, 44%);
    --primary-light: hsl(24, 100%, 96%);
    --link: hsl(20, 85%, 38%);
    --radius: 8px;
    color-scheme: light;
}

html.dark {
    --background: #09090b;
    --foreground: #f4f4f5;
    --text-body: #d4d4d8;
    --muted: #18181b;
    --muted-foreground: #a1a1aa;
    --border: #27272a;
    --card: #121215;
    --card-foreground: #f4f4f5;
    --primary: hsl(24, 95%, 55%);
    --primary-hover: hsl(24, 95%, 62%);
    --primary-light: hsla(24, 100%, 50%, 0.12);
    --link: hsl(26, 95%, 66%);
    color-scheme: dark;
}

html {
    font-size: 16px;
    overflow-x: clip;
}

body {
    font-family: var(--font-sans);
    color: var(--text-body);
    font-size: 16px;
    line-height: 1.6;
    background-color: var(--background);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    overflow-x: clip;
}
.main-wrapper {
    max-width: 1280px;
    margin: 0 auto;
    background-color: var(--background);
    overflow-x: clip;
}
body.custom-background .main-wrapper {
    margin: 0 auto;
    background-color: var(--background);
    box-shadow: none;
}
.container {
    width: 100%;
    max-width: 1240px;
    margin-inline: auto;
    padding-inline: 15px;
}
@media (max-width: 768px) {
    .container {
        padding-inline: 14px;
    }
}

img { max-width: 100%; height: auto; }
hr { box-sizing: content-box; height: 0; border: 0; border-top: 1px solid var(--border); margin: 35px 0; }

a {
    color: var(--foreground);
    text-decoration: none;
    transition: color 0.15s ease;
}
a:hover, a:focus {
    color: var(--primary);
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-sans);
    color: var(--foreground);
    font-weight: 700;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 0.6em;
    text-transform: none;
    letter-spacing: -0.015em;
}

h1 {
    font-size: 2rem; /* 32px */
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: -0.025em;
}

h2 {
    font-size: 1.5rem; /* 24px */
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -0.02em;
}

h3 {
    font-size: 1.25rem; /* 20px */
    line-height: 1.35;
    font-weight: 600;
    letter-spacing: -0.015em;
}

h4 {
    font-size: 1.1rem; /* 17.5px */
    line-height: 1.4;
    font-weight: 600;
}

h5 {
    font-size: 0.9375rem; /* 15px */
    line-height: 1.45;
    font-weight: 600;
}

h6 {
    font-size: 0.8125rem; /* 13px */
    line-height: 1.45;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--muted-foreground);
}

@media (max-width: 768px) {
    h1 { font-size: clamp(1.375rem, 5.5vw, 1.625rem); line-height: 1.25; letter-spacing: -0.025em; }
    h2 { font-size: 1.25rem; line-height: 1.35; letter-spacing: -0.02em; }
    h3 { font-size: 1.125rem; line-height: 1.4; letter-spacing: -0.015em; }
    h4 { font-size: 1rem; line-height: 1.45; }
    h5 { font-size: 0.9375rem; line-height: 1.45; }
    h6 { font-size: 0.8125rem; line-height: 1.45; }
}

/* --- Special Headings --- */
.block-title {
    text-align: center;
    letter-spacing: -0.015em;
    position: relative;
    margin: 0 0 32px;
    font-weight: 700;
}
.block-title span { display: inline-block; max-width: 100%; position: relative; padding: 0 20px; }
.block-title span:before,
.block-title span:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    width: 24px;
    height: 2px;
    background-color: var(--border);
}
.block-title span:after { left: auto; right: 0; }

/* --- UI Typography Elements --- */
.logo .header-logo-text { line-height: 60px; font-size: 60px; font-weight: 700; font-family: var(--font-sans); }
.tagline { font-family: var(--font-sans); font-size: 14px; color: var(--muted-foreground); }

.form-label { font-weight: 500; font-family: var(--font-sans); font-size: 13px; color: var(--foreground); }
.navbar-nav > li > a { font-family: var(--font-sans); font-weight: 500; }
.dropdown-menu > li > a { font-family: var(--font-sans); font-weight: 400; }
.frontpage-slider .caption { font-family: var(--font-sans); }
.pagination-blog-feed a { font-family: var(--font-sans); font-weight: 500; }
.pagination-post a { font-family: var(--font-sans); font-weight: 500; }
.rpwwt-widget .recent-posts-widget-with-thumbnails .rpwwt-post-title { font-family: var(--font-sans); font-weight: 600; }
.header-row-1 .widget_nav_menu .menu > li > a { font-family: var(--font-sans); font-weight: 500; }

.entry-title a { color: var(--foreground); }
.entry-title a:hover { color: var(--primary); }
.tagline{color:#646464;}

/* WORDPRESS CORE
------------------------------------------------------------------------*/
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
img.alignright { max-width:100%; height:auto;}
img.alignnone { max-width:100%; height:auto;}
img.alignleft { max-width:100%; height:auto;}
img.aligncenter { max-width:100%; height:auto;}
.wp-caption { max-width: 100%; /* Image does not overflow the content area */ }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; margin-top: 10px; padding: 0 4px 5px; }
/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }
.sticky,
.gallery-caption,
.bypostauthor {}
/* Galleries */
.gallery {margin: 0 -1.1666667% 1.75em;}
.gallery-item { display: inline-block; max-width: 33.33%; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; width: 100%; }
.gallery-columns-1 .gallery-item { max-width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }
.gallery-icon img { margin: 0 auto; width:100%;height:auto;}
.gallery-caption { color: #686868; display: block; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; }
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption { display: none; }


/* FORMS
------------------------------------------------------------------------*/
.search-form { display: flex; gap: 8px; }
.search-form .search-field { flex: 1; min-width: 0; }

.form-actions{padding-top:15px}

.form-label{font-size:11px;}
.form-group-cookie input[type="checkbox"] {margin-right: 5px; vertical-align: bottom;}
.form-group-cookie label {vertical-align: bottom; margin-bottom: 0; line-height: 1; font-weight: normal;
}

.form-control, input[type="text"], input[type="email"], input[type="password"], input[type="url"], input[type="date"], textarea, select {font-weight:300;font-size:14px;border:1px solid #f1f1f1;color:#545454;background-color:#fafafa;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
@media (max-width: 768px) {
    .form-control, input[type="text"], input[type="email"], input[type="password"], input[type="url"], input[type="date"], input[type="search"], textarea, select {
        font-size: 16px !important;
        font-style: normal !important;
    }
}
.form-control:focus{border-color:#f1f1f1;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:0}
.checkbox, .radio {display: inline;}
.btn, input[type="submit"], input[type="reset"] {padding:10px 28px;font-size:11px;font-weight:300;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;text-transform:uppercase}

.btn-default, input[type="submit"], input[type="reset"] {background-color:#2d2d2d;border-color:#2d2d2d;color:#fff}
.btn-default:focus,.btn-default:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="reset"]:focus {background-color:#000;border-color:#000;color:#fff}


.checkbox,
.radio,
.checkbox-inline,
.radio-inline{padding-left:0}
.checkbox label,
.radio label,
.checkbox-inline label,
.radio-inline label{font-size:12px;font-weight:400;padding-left:20px;position:relative;line-height: 22px;}
.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline{margin-left:35px}
.js .radio label input,
.js .radio-inline label input,
.js .checkbox label input,
.js .checkbox-inline label input{display:none}
.js .radio label:before,
.js .radio-inline label:before,
.js .checkbox label:before,
.js .checkbox-inline label:before{content:"";border:1px solid #c0c0c0;background-color:#fafafa;position:absolute;left:0;top:5px;width:12px;height:12px}
.js .radio label:hover:before,
.js .radio-inline label:hover:before,
.js .checkbox label:hover:before,
.js .checkbox-inline label:hover:before,
.js .radio label.on:before,
.js .radio-inline label.on:before,
.js .checkbox label.on:before,
.js .checkbox-inline label.on:before{border-color:#545454}
.js .radio label:before,
.js .radio-inline label:before{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.js .checkbox label:after,
.js .checkbox-inline label:after{display:none;content:"\2713";position:absolute;left:0;top:0;text-align:center;font-size:8px;width:12px;height:12px}
.js .radio label:after,
.js .radio-inline label:after{display:none;content:"";position:absolute;left:3px;top:8px;background-color:#545454;width:6px;height:6px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.js .checkbox label.on:after,
.js .checkbox-inline label.on:after,
.js .radio label.on:after,
.js .radio-inline label.on:after{display:block;}


/* SITE HEADER (shadcn/ui style)
------------------------------------------------------------------------*/
html {
    scroll-padding-top: calc(var(--wp-admin--admin-bar--height, 0px) + 88px);
}

/*
 * The header lives inside .container, so the full-width background and shadow are drawn
 * with border-image outset: it paints past the viewport edges without causing horizontal scroll.
 */
.site-header-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: var(--wp-admin--admin-bar--height, 0px);
    z-index: 1000;
    margin-bottom: 32px;
}

.site-header {
    --header-shadow: rgba(9, 9, 11, 0.07);
    position: relative;
    background-color: var(--background);
}

.site-header::before,
.site-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
}

.site-header::before {
    top: 0;
    bottom: -1px;
    z-index: -1;
    border-image: linear-gradient(to top, var(--border) 1px, var(--background) 1px) fill 0 / 0 / 0 100vmax;
}

.site-header::after {
    top: calc(100% + 1px);
    height: 14px;
    border-image: linear-gradient(var(--header-shadow), transparent) fill 0 / 0 / 0 100vmax;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.site-header.is-stuck::after {
    opacity: 1;
}

html.dark .site-header {
    --header-shadow: rgba(0, 0, 0, 0.45);
}

@media (max-width: 768px) {
    .site-header-sticky {
        top: 0;
        margin-bottom: 20px;
    }
}

.site-header-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 64px;
    padding: 10px 0;
    gap: 20px;
}

@media (max-width: 768px) {
    .site-header-inner {
        min-height: 54px;
        padding: 6px 0;
        gap: 10px;
    }
    .site-header-actions {
        gap: 8px;
    }
}

/* Brand / Logo */
.site-header-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.site-logo {
    font-family: var(--font-sans);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.035em;
    color: var(--foreground) !important;
    text-decoration: none !important;
    display: inline-flex;
    align-items: baseline;
    transition: opacity 0.15s ease;
    line-height: 1;
}

.site-logo:hover {
    opacity: 0.82;
    text-decoration: none !important;
}

.site-logo-dot {
    color: var(--primary);
    font-size: 26px;
    line-height: 0;
    margin-left: 1px;
}

/* Navigation Desktop */
.site-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 16px;
}

.site-nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 4px;
    flex-wrap: wrap;
}

.site-nav-list > li {
    margin: 0;
    padding: 0;
}

.site-nav-list > li > a {
    display: inline-flex;
    align-items: center;
    font-family: var(--font-sans);
    font-size: 15px;
    font-weight: 500;
    color: #52525b !important;
    padding: 6px 12px;
    border-radius: var(--radius);
    text-decoration: none !important;
    transition: background-color 0.15s ease, color 0.15s ease;
    letter-spacing: normal;
    text-transform: none;
}

.site-nav-list > li > a:hover {
    background-color: transparent;
    color: var(--foreground) !important;
    text-decoration: none !important;
}

.site-nav-list > li.current-menu-item > a,
.site-nav-list > li.current_page_item > a,
.site-nav-list > li.active > a {
    background-color: transparent;
    color: var(--foreground) !important;
    font-weight: 500;
}

/* Header Actions */
.site-header-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/* Search Box (shadcn Input) */
.site-search-wrapper {
    position: relative;
}

.site-search-form {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
}

.site-search-icon {
    position: absolute;
    left: 11px;
    color: var(--muted-foreground);
    pointer-events: none;
    transition: color 0.15s ease;
}

.site-search-input {
    font-family: var(--font-sans);
    font-size: 14px;
    font-weight: 400;
    color: var(--foreground);
    background-color: transparent;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    height: 36px;
    width: 200px;
    padding: 0 34px 0 34px;
    outline: none;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
    font-style: normal;
}

.site-search-input:focus {
    width: 240px;
    background-color: var(--background);
    border-color: #a1a1aa;
    box-shadow: 0 0 0 3px rgba(161, 161, 170, 0.25);
}

.site-search-wrapper:focus-within .site-search-icon {
    color: var(--foreground);
}

.site-search-input::-webkit-input-placeholder { color: #a1a1aa; font-style: normal; }
.site-search-input::-moz-placeholder { color: #a1a1aa; font-style: normal; }

.site-search-input::-webkit-search-cancel-button,
.site-search-input::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
}

.site-search-clear {
    position: absolute;
    right: 5px;
    top: 50%;
    width: 26px;
    height: 26px;
    margin-top: -13px;
    padding: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 0;
    border-radius: calc(var(--radius) - 2px);
    color: var(--muted-foreground);
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.site-search-clear:hover {
    background-color: var(--muted);
    color: var(--foreground);
}

.site-search-form.has-value .site-search-clear {
    display: inline-flex;
}

.site-search-form.has-value .site-search-spinner {
    right: 36px;
}

/* AJAX Search Spinner */
.site-search-spinner {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    border: 2px solid #e4e4e7;
    border-top-color: #09090b;
    border-radius: 50%;
    -webkit-animation: siteSearchSpin 0.6s linear infinite;
    animation: siteSearchSpin 0.6s linear infinite;
    pointer-events: none;
    display: none;
}

@-webkit-keyframes siteSearchSpin {
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes siteSearchSpin {
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

/* AJAX Search Dropdown (shadcn Popover/Command style) */
.site-search-dropdown {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    width: 360px;
    background: #ffffff;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
    z-index: 1100;
    overflow: hidden;
    -webkit-animation: siteSearchFadeIn 0.15s ease;
    animation: siteSearchFadeIn 0.15s ease;
}

@-webkit-keyframes siteSearchFadeIn {
    from { opacity: 0; -webkit-transform: translateY(-4px); transform: translateY(-4px); }
    to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes siteSearchFadeIn {
    from { opacity: 0; -webkit-transform: translateY(-4px); transform: translateY(-4px); }
    to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

.site-search-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 420px;
    overflow-y: auto;
    margin: 0;
    padding: 0;
}

.site-search-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    text-decoration: none !important;
    border-bottom: 1px solid #f4f4f5;
    background-color: #ffffff;
    -webkit-transition: background-color 0.12s ease;
    transition: background-color 0.12s ease;
}

.site-search-item:last-child {
    border-bottom: none;
}

.site-search-item:hover,
.site-search-item.is-active {
    background-color: var(--muted);
}

.site-search-item-thumb {
    width: 44px;
    height: 44px;
    border-radius: 6px;
    overflow: hidden;
    background-color: #f4f4f5;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.site-search-item-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.site-search-fallback-icon {
    color: #a1a1aa;
}

.site-search-item-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px;
}

.site-search-item-cat {
    font-size: 11px;
    font-weight: 600;
    color: #ea580c;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    line-height: 1.2;
}

.site-search-item-title {
    font-size: 13px;
    font-weight: 500;
    color: #09090b;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Footer: Show All Button */
.site-search-footer {
    border-top: 1px solid var(--border);
    background-color: #fafafa;
}

.site-search-all-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 14px;
    font-size: 12px;
    font-weight: 600;
    color: #09090b;
    text-decoration: none !important;
    -webkit-transition: background-color 0.12s ease, color 0.12s ease;
    transition: background-color 0.12s ease, color 0.12s ease;
}

.site-search-all-btn:hover,
.site-search-all-btn.is-active {
    background-color: var(--muted);
    color: #ea580c;
}

.site-search-all-btn svg {
    color: #71717a;
    -webkit-transition: -webkit-transform 0.15s ease, color 0.15s ease;
    transition: transform 0.15s ease, color 0.15s ease;
}

.site-search-all-btn:hover svg,
.site-search-all-btn.is-active svg {
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
    color: #ea580c;
}

/* Empty Search State */
.site-search-empty {
    padding: 24px 16px;
    text-align: center;
    font-size: 13px;
    color: #71717a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

.site-search-empty svg {
    color: #a1a1aa;
}

/* Theme Toggle Buttons */
.site-theme-toggle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    background: transparent;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    color: var(--foreground);
    cursor: pointer;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.site-theme-toggle:hover {
    background-color: var(--muted);
    color: var(--foreground);
}

.site-theme-toggle .theme-icon-sun {
    display: none;
}

.site-theme-toggle .theme-icon-moon {
    display: block;
}

html.dark .site-theme-toggle .theme-icon-sun {
    display: block;
}

html.dark .site-theme-toggle .theme-icon-moon {
    display: none;
}

.site-search-toggle {
    display: none;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    background: transparent;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    color: var(--foreground);
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color 0.15s ease;
}

.site-search-toggle:hover {
    background-color: var(--muted);
}

.site-search-toggle svg {
    transition: opacity 0.2s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.site-search-toggle .icon-close {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -9px 0 0 -9px;
    opacity: 0;
    transform: rotate(-90deg) scale(0.6);
}

.site-search-toggle[aria-expanded="true"] .icon-search {
    opacity: 0;
    transform: rotate(90deg) scale(0.6);
}

.site-search-toggle[aria-expanded="true"] .icon-close {
    opacity: 1;
    transform: none;
}

/* Mobile Toggle */
.site-mobile-toggle {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: transparent;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    color: var(--foreground);
    cursor: pointer;
    padding: 0;
    position: relative;
    transition: background-color 0.15s ease;
}

.site-mobile-toggle:hover {
    background-color: var(--muted);
}

.site-mobile-toggle svg {
    transition: opacity 0.2s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.site-mobile-toggle .icon-close {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    opacity: 0;
    transform: rotate(-90deg) scale(0.6);
}

.site-mobile-toggle[aria-expanded="true"] .icon-menu {
    opacity: 0;
    transform: rotate(90deg) scale(0.6);
}

.site-mobile-toggle[aria-expanded="true"] .icon-close {
    opacity: 1;
    transform: none;
}

/* Mobile Drawer Menu */
.site-mobile-menu,
.site-mobile-overlay {
    display: none;
}

.site-mobile-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-mobile-nav-list > li > a {
    display: block;
    font-family: var(--font-sans);
    font-size: 15px;
    font-weight: 500;
    color: #3f3f46 !important;
    padding: 10px 12px;
    border-radius: var(--radius);
    text-decoration: none !important;
    transition: background-color 0.15s ease;
}

.site-mobile-nav-list > li > a:hover,
.site-mobile-nav-list > li.current-menu-item > a {
    background-color: var(--muted);
    color: var(--foreground) !important;
}

@media (max-width: 991px) {
    .site-nav {
        display: none;
    }
    .site-search-toggle,
    .site-mobile-toggle {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .site-search-wrapper {
        position: absolute;
        top: 100%;
        left: calc(50% - 50vw);
        width: 100vw;
        padding: 12px max(14px, calc(50vw - 50%)) 14px;
        background-color: var(--background);
        border-top: 1px solid var(--border);
        border-radius: 0 0 16px 16px;
        box-shadow: 0 16px 32px -12px rgba(9, 9, 11, 0.18);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: opacity 0.22s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0s linear 0.3s;
    }
    .site-search-wrapper.is-open {
        opacity: 1;
        visibility: visible;
        transform: none;
        transition-delay: 0s;
    }
    .site-search-wrapper .site-search-input,
    .site-search-wrapper .site-search-input:focus {
        width: 100%;
        height: 40px;
        font-size: 16px;
    }
    .site-search-wrapper .site-search-dropdown {
        position: static;
        width: 100%;
        max-width: 100%;
        margin-top: 8px;
    }
    .site-search-wrapper .site-search-dropdown .site-search-list {
        max-height: min(360px, 60vh);
    }
    .site-mobile-menu {
        display: block;
        position: absolute;
        top: 100%;
        left: calc(50% - 50vw);
        width: 100vw;
        max-height: calc(100vh - 64px);
        max-height: calc(100dvh - 64px);
        padding: 14px max(14px, calc(50vw - 50%)) 20px;
        overflow-y: auto;
        overscroll-behavior: contain;
        background-color: var(--background);
        border-top: 1px solid var(--border);
        border-radius: 0 0 16px 16px;
        box-shadow: 0 16px 32px -12px rgba(9, 9, 11, 0.18);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: opacity 0.22s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0s linear 0.3s;
    }
    .site-mobile-menu.is-open {
        opacity: 1;
        visibility: visible;
        transform: none;
        transition-delay: 0s;
    }
    .site-mobile-nav-list > li {
        opacity: 0;
        transform: translateY(-6px);
        transition: opacity 0.25s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    }
    .site-mobile-menu.is-open .site-mobile-nav-list > li {
        opacity: 1;
        transform: none;
    }
    .site-mobile-menu.is-open .site-mobile-nav-list > li:nth-child(1) { transition-delay: 0.04s; }
    .site-mobile-menu.is-open .site-mobile-nav-list > li:nth-child(2) { transition-delay: 0.07s; }
    .site-mobile-menu.is-open .site-mobile-nav-list > li:nth-child(3) { transition-delay: 0.1s; }
    .site-mobile-menu.is-open .site-mobile-nav-list > li:nth-child(4) { transition-delay: 0.13s; }
    .site-mobile-menu.is-open .site-mobile-nav-list > li:nth-child(n+5) { transition-delay: 0.16s; }
    .site-mobile-overlay {
        display: block;
        position: fixed;
        inset: 0;
        z-index: -2;
        background: rgba(9, 9, 11, 0.45);
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0s linear 0.3s;
    }
    .site-mobile-overlay.is-open {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
    }
    html.mobile-menu-open {
        overflow: hidden;
    }
    .site-mobile-nav-list .sub-menu {
        list-style: none;
        margin: 4px 0 6px 14px;
        padding: 0 0 0 12px;
        border-left: 1px solid var(--border);
    }
    .site-mobile-nav-list .sub-menu > li > a {
        font-size: 14px;
        padding: 7px 10px;
        color: var(--muted-foreground) !important;
    }
    .site-mobile-nav-list .sub-menu > li > a:hover {
        color: var(--foreground) !important;
    }
}

/* ==========================================================================
   BREADCRUMBS (Simple & Clean)
   ========================================================================== */
#breadcrumbs,
.site-breadcrumbs,
.dream-breadcrumbs {
    display: block;
    margin: 0 0 16px 0;
    padding: 0;
    font-family: var(--font-sans, "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
    font-size: 13px;
    line-height: 1.5;
    color: #71717a;
}

#breadcrumbs span,
.site-breadcrumbs span,
.dream-breadcrumbs span {
    display: inline;
}

#breadcrumbs a,
.site-breadcrumbs a,
.dream-breadcrumbs a {
    display: inline;
    color: #71717a !important;
    text-decoration: none !important;
    transition: color 0.15s ease;
}

#breadcrumbs a:hover,
.site-breadcrumbs a:hover,
.dream-breadcrumbs a:hover {
    color: #09090b !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

#breadcrumbs .breadcrumb-separator,
.site-breadcrumbs .breadcrumb-separator,
.dream-breadcrumbs .breadcrumb-separator {
    display: inline;
    color: #d4d4d8;
    margin: 0 6px;
    font-weight: 400;
    user-select: none;
}

#breadcrumbs .breadcrumb_last,
.site-breadcrumbs .breadcrumb_last,
.dream-breadcrumbs .breadcrumb_last,
#breadcrumbs span[aria-current="page"],
.site-breadcrumbs span[aria-current="page"],
.dream-breadcrumbs span[aria-current="page"] {
    color: #09090b;
    font-weight: 500;
}

/* FRONT PAGE - BANNER
------------------------------------------------------------------------*/

.frontpage-banner{margin-bottom:40px;position:relative}
.frontpage-banner:before{width:100%;height:100%;background-color:#555555;opacity:0.15;content:"";position:absolute;left:0;top:0;z-index:2}
.frontpage-banner > img{max-width:100%;position:relative;z-index:1}
.frontpage-banner .caption{max-width:75%;z-index:3;color:#fff;text-align:center;width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.frontpage-banner .caption h2{font-size:48px;margin:0 0 40px;padding:0 0 30px;position:relative;text-transform:uppercase}
.frontpage-banner .caption h2 a{color:#fff}
.frontpage-banner .caption h2 a:hover,
.frontpage-banner .caption h2 a:focus,
.frontpage-banner .caption h2 a:active{text-decoration:none}
.frontpage-banner .caption h2:before{content:"";width:35px;border-bottom:2px solid;position:absolute;left:50%;bottom:0;margin-left:-17px;color:#fff}
.frontpage-banner .caption .read-more{text-transform:uppercase;font-weight:700;margin:0}
.frontpage-banner .caption .read-more a{color:inherit;}

/* FRONT PAGE - SLIDER
------------------------------------------------------------------------*/

.frontpage-slider{margin-bottom:40px}

.frontpage-slider .owl-carousel-item{position:relative;display:none}
.frontpage-slider .owl-item .owl-carousel-item,
.frontpage-slider .owl-carousel-item.active{display:block}
.frontpage-slider .owl-carousel-item:before{width:100%;height:100%;background-color:#555555;opacity:0.15;content:"";position:absolute;left:0;top:0;z-index:2}
.frontpage-slider .owl-carousel-item img{position:relative;z-index:1;max-width:100%;height:auto}

.frontpage-slider .caption{max-width:75%;z-index:3;color:#fff;text-align:center;width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.frontpage-slider .caption .date{font-size:16px;margin:0 0 10px;text-transform:uppercase}
.frontpage-slider .caption h2{font-size:48px;margin:0 0 40px;padding:0 0 30px;position:relative;text-transform:uppercase}
.frontpage-slider .caption h2 a{color:#fff}
.frontpage-slider .caption h2 a:hover,
.frontpage-slider .caption h2 a:focus,
.frontpage-slider .caption h2 a:active{text-decoration:none}
.frontpage-slider .caption h2:before{content:"";width:35px;border-bottom:2px solid;position:absolute;left:50%;bottom:0;margin-left:-17px;color:#fff}
.frontpage-slider .caption .icon{font-size:16px;width:56px;height:56px;line-height:52px;border:2px solid;display:block;margin:0 auto 25px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.frontpage-slider .caption .read-more{text-transform:uppercase;font-weight:700;margin:0}
.frontpage-slider .caption .read-more a{color:inherit;}

.frontpage-slider .owl-nav div{position:absolute;top:50%;margin-top:-10px;text-indent:-9999px;width:18px}
.frontpage-slider .owl-nav div:before{font-family: 'FontAwesome';font-size:18px;text-indent:0;color:#000;position:absolute;left:0;top:0}
.frontpage-slider .owl-prev{left:-33px}
.frontpage-slider .owl-next{right:-33px}
.frontpage-slider .owl-prev:before{content:"\f177"}
.frontpage-slider .owl-next:before{content:"\f178"}

/* FRONT PAGE - FEATURED POSTS
------------------------------------------------------------------------*/

.frontpage-featured-posts{}
.frontpage-featured-posts .entry{margin-bottom:20px;}

/* POST
------------------------------------------------------------------------*/

.entry { margin-bottom: 35px; }

/* Article & Page Main Typography */
.single-content,
.page-content {
    font-family: var(--font-sans);
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-body);
}

.single-content p,
.page-content p {
    font-size: inherit;
    line-height: inherit;
    margin-top: 0;
    margin-bottom: 1.25em;
}

.entry-content {
    font-family: var(--font-sans);
    color: var(--text-body);
}

@media (max-width: 768px) {
    .single-content,
    .page-content {
        font-size: 15px;
        line-height: 1.6;
    }
}

.entry-thumb,
.attachment-image { margin-bottom: 32px; }
.entry-thumb img { display: block; }
.entry-post .entry-thumb img { width: 100%; border-radius: 12px; }
.entry-image { margin-bottom: 22px; }
.entry-thumb.video { padding-bottom: 52.7%; position: relative; }
.entry-thumb.video iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }

.attachment-image img { max-width: 100%; height: auto; }
.attachment-caption { margin: 20px 0; text-align: center; }
.attachment-content { line-height: 1.7; border-top: 1px dashed var(--border); padding-top: 20px; }

/* Entry Meta */
.entry-date {
    margin-bottom: 10px;
    font-size: 13px;
    color: var(--muted-foreground);
}
.entry-date a { color: inherit; }

.entry-title {
    font-family: var(--font-sans);
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: var(--foreground);
    margin: 0 0 16px;
    text-transform: none;
    text-wrap: balance;
}
h1.entry-title,
.entry-post h1.entry-title { font-size: 2rem; line-height: 1.2; margin-top: 0; margin-bottom: 24px; }

@media (max-width: 768px) {
    .entry-title, h1.entry-title, .entry-post h1.entry-title {
        font-size: clamp(1.375rem, 5.5vw, 1.625rem);
        line-height: 1.25;
        margin-bottom: 18px;
        word-break: break-word;
    }
    .entry-footer {
        margin-top: 18px;
        margin-bottom: 0;
    }
}

.entry-summary {
    margin-bottom: 15px;
    line-height: 1.65;
    color: var(--muted-foreground);
}

.entry-meta {
    font-family: var(--font-sans);
    font-size: 13px;
    display: inline-block;
    color: var(--muted-foreground);
    line-height: 1.5;
}
.entry-meta a,
.entry-meta a:visited,
.entry-meta a:focus,
.entry-meta a:active { color: var(--muted-foreground); }
.entry-meta a:hover { color: var(--primary); }
.entry-meta > div { display: inline; }
.single .entry-meta > div { display: block; }
.single .entry-meta span { font-weight: 600; letter-spacing: 0.2px; }
.single .entry-meta span.fn { font-weight: normal; }
.entry-meta .sep { display: inline; margin: 0 6px; }

.entry-header { margin: 0 0 20px; }
.entry-footer { margin: 24px 0 0; }
.single .entry { margin-bottom: 0; }

/* Headings within Post & Page Content */
.single-content h1, .entry-content h1, .page-content h1, .entry-post h1,
.entry h1 {
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--foreground);
    margin-top: 2.5rem;
    margin-bottom: 0.75rem;
    letter-spacing: -0.025em;
}

.single-content h2, .entry-content h2, .page-content h2, .entry-post h2,
.entry h2 {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--foreground);
    margin-top: 2.25rem;
    margin-bottom: 0.75rem;
    padding: 0;
    letter-spacing: -0.02em;
    text-transform: none;
}

.single-content h3, .entry-content h3, .page-content h3, .entry-post h3,
.entry h3 {
    font-size: 1.1875rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--foreground);
    margin-top: 1.75rem;
    margin-bottom: 0.5rem;
    padding: 0;
    letter-spacing: -0.015em;
    text-transform: none;
}

.single-content h4, .entry-content h4, .page-content h4, .entry-post h4,
.entry h4 {
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.45;
    color: var(--foreground);
    margin-top: 1.5rem;
    margin-bottom: 0.6rem;
    padding: 0;
    text-transform: none;
}

.single-content h5, .entry-content h5, .page-content h5, .entry-post h5,
.entry h5 {
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.45;
    color: var(--foreground);
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
}

.single-content h6, .entry-content h6, .page-content h6, .entry-post h6,
.entry h6 {
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1.45;
    color: var(--muted-foreground);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-top: 1rem;
    margin-bottom: 0.4rem;
}

@media (max-width: 768px) {
    .single-content h1, .entry-content h1, .page-content h1, .entry-post h1, .entry h1 {
        font-size: 1.5rem;
        line-height: 1.25;
        margin-top: 1.75rem;
        margin-bottom: 0.6rem;
    }
    .single-content h2, .entry-content h2, .page-content h2, .entry-post h2, .entry h2 {
        font-size: 1.25rem;
        line-height: 1.35;
        margin-top: 1.75rem;
        margin-bottom: 0.6rem;
    }
    .single-content h3, .entry-content h3, .page-content h3, .entry-post h3, .entry h3 {
        font-size: 1.125rem;
        line-height: 1.4;
        margin-top: 1.5rem;
        margin-bottom: 0.5rem;
    }
    .single-content h4, .entry-content h4, .page-content h4, .entry-post h4, .entry h4 {
        font-size: 1rem;
        line-height: 1.45;
        margin-top: 1.25rem;
        margin-bottom: 0.4rem;
    }
    .single-content .alignleft,
    .single-content .alignright,
    .entry-content .alignleft,
    .entry-content .alignright {
        float: none !important;
        display: block !important;
        margin: 16px auto !important;
        max-width: 100% !important;
    }
    .single-content table,
    .entry-content table,
    .page-content table,
    .entry table {
        display: block;
        width: 100% !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: 1.25rem 0;
        font-size: 14px;
    }
    .single-content th,
    .single-content td,
    .entry-content th,
    .entry-content td,
    .page-content th,
    .page-content td {
        padding: 8px 12px;
        white-space: normal;
    }
    .single-content iframe,
    .single-content embed,
    .single-content video,
    .single-content object,
    .entry-content iframe,
    .entry-content embed,
    .entry-content video {
        max-width: 100% !important;
    }
    .entry-thumb,
    .attachment-image {
        margin-bottom: 20px;
    }
}

/* Links inside Content */
.single-content a,
.entry-content a,
.page-content a {
    color: var(--link);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    text-decoration-color: hsla(20, 85%, 38%, 0.35);
    transition: text-decoration-color 0.15s ease;
}

.single-content a:hover,
.entry-content a:hover,
.page-content a:hover {
    color: var(--link);
    text-decoration-color: currentColor;
}

/* Lists inside Content */
.single-content ul,
.single-content ol,
.entry-content ul,
.entry-content ol,
.page-content ul,
.page-content ol {
    padding-left: 1.5rem;
    margin-top: 0;
    margin-bottom: 1.25em;
}

.single-content li,
.entry-content li,
.page-content li {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 0.4em;
}

.single-content li::marker,
.entry-content li::marker,
.page-content li::marker {
    color: var(--muted-foreground);
}

/* Blockquote */
blockquote,
.single-content blockquote,
.entry-content blockquote,
.page-content blockquote {
    margin: 2rem 0;
    padding: 2px 0 2px 20px;
    background-color: transparent;
    border-left: 3px solid var(--border);
    border-radius: 0;
    color: var(--foreground);
    font-size: inherit;
    line-height: inherit;
    font-style: normal;
}

blockquote p:last-child { margin-bottom: 0; }

/* Table */
.single-content table,
.entry-content table,
.page-content table,
.entry table {
    width: 100%;
    margin: 1.5rem 0;
    border-collapse: collapse;
    font-size: 1rem;
    border: 1px solid var(--border);
}

.single-content th,
.single-content td,
.entry-content th,
.entry-content td,
.page-content th,
.page-content td,
.entry th,
.entry td {
    padding: 10px 14px;
    border: 1px solid var(--border);
    text-align: left;
}

.single-content th,
.entry-content th,
.page-content th,
.entry th {
    background-color: var(--muted);
    font-weight: 600;
    color: var(--foreground);
}

/* Code & Preformatted */
code {
    font-family: var(--font-mono);
    font-size: 0.875em;
    background-color: var(--muted);
    color: var(--foreground);
    padding: 0.2em 0.45em;
    border-radius: 4px;
    border: 1px solid var(--border);
}

pre,
.entry pre {
    font-family: var(--font-mono);
    font-size: 0.875rem;
    line-height: 1.6;
    background-color: var(--muted);
    color: var(--foreground);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 16px;
    margin: 1.5rem 0;
    white-space: pre-wrap;
    overflow-x: auto;
}

pre code {
    background: transparent;
    padding: 0;
    border: none;
    font-size: inherit;
    color: inherit;
}

/* POST - BANNER
------------------------------------------------------------------------*/

.internal-banner{margin-bottom:40px;position:relative}
.internal-banner:before{width:100%;height:100%;background-color:#555555;opacity:0.30;content:"";position:absolute;left:0;top:0;z-index:2}
.internal-banner > img{max-width:100%;position:relative;z-index:1}
.internal-banner .caption{max-width:75%;z-index:3;color:#fff;text-align:center;width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.internal-banner .caption .date{font-size:16px;margin:0 0 10px;text-transform:uppercase}
.internal-banner .caption h1{font-size:48px;margin:0 0 40px;padding:0 0 30px;position:relative;text-transform:uppercase; color:#fff}
.internal-banner .caption h1 a{color:#fff}
.internal-banner .caption h1 a:hover,
.internal-banner .caption h1 a:focus,
.internal-banner .caption h1 a:active{text-decoration:none}
.internal-banner .caption h1:before{content:"";width:35px;border-bottom:2px solid;position:absolute;left:50%;bottom:0;margin-left:-17px;color:#fff}
.internal-banner .caption .read-more{text-transform:uppercase;font-weight:700;margin:0}
.internal-banner .caption .read-more a{color:inherit;}

/* COMMENTS
------------------------------------------------------------------------*/

p.logged-in-as { margin-top: 20px; margin-bottom: 20px;}

.comments{}

.comment-title{line-height:1.3;margin:0 0 40px;letter-spacing:1px;}


.comment-list{list-style:none;margin:0 0 40px;padding:0}
.comment-list > li{margin-top:40px}
.comment-list > li:first-child{margin-top:0}

.comment-list .children{list-style:none;margin:0 0 0 22px;padding:0 0 0 30px}
.comment-list .children > li{margin-top:40px}

.comment-body{}
.comment-body:after{display:table;clear:both;content:" ";}
.comment-body > .comment-meta{float:left;width:16.66666667%}
.comment-body > .reply,.comment-body > .comment-content{margin-left:16.66666667%;padding-left:30px;}

.comment-author{text-transform:uppercase;color:#000;font-size:11px;font-weight:400;margin:0 0 5px;letter-spacing:0.5px;}
.comment-author .says{display:none}
.comment-author a{color:inherit}
.comment-author-admin .comment-author{color:#fff;background-color:#2d2d2d;display:inline-block;padding:5px 10px;text-transform:none;font-style:italic}
.comment-author-admin .comment-author a {color:#fff;}
.comment-metadata{font-size:11px;margin:0 0 20px;font-style:italic;}
.comment-metadata a{color:inherit}
.comment-subject{color:#000;font-size:13px;font-weight:700;margin:0 0 15px;}
.comment-content{font-size:13px;line-height:22px;text-align:justify}

.comment-reply{}
.comment-reply-link{font-weight:600;color:var(--primary);display:inline-block;position:relative;}
.comment-reply-link:before{content:"+";font-family: var(--font-sans);margin-right:8px;font-size:16px;position:relative}
.comment-reply-link:hover{color:var(--primary-hover);text-decoration:none}

.comment-form{}

.comments .comment-reply-title{line-height:1.3;color:var(--foreground);font-size:18px;font-weight:700;margin:0 0 20px;letter-spacing:-0.01em;}

.comments .comment-notes{font-size:12px;font-style:italic;margin-bottom:40px;}

/* BLOG FEED
------------------------------------------------------------------------*/

.blog-feed{}

/* PAGINATION
------------------------------------------------------------------------*/

.pagination-blog-feed{margin:25px 0;padding-bottom:10px}
.pagination-blog-feed >div{display:inline-block}
.pagination-blog-feed .next_posts{float:right}
.pagination-blog-feed a{font-size:11px;color:#555;letter-spacing:1px;position:relative;}
.pagination-blog-feed a:focus,
.pagination-blog-feed a:hover{text-decoration:none;}
.pagination-blog-feed .previous_posts a:before{content:"\f177";font-family: 'FontAwesome';margin-right:10px;font-size:18px;position:relative;top:2px}
.pagination-blog-feed .next_posts a:after{content:"\f178";font-family: 'FontAwesome';margin-left:10px;font-size:18px;position:relative;top:2px}

.pagination-post{margin:25px 0;padding-bottom:10px}
.pagination-post >div{display:inline-block}
.pagination-post .next_post{float:right}
.pagination-post a{font-size:11px;color:#555;letter-spacing:1px;position:relative;}
.pagination-post a:focus,
.pagination-post a:hover{text-decoration:none;}
.pagination-post .previous_post a:before{content:"\f177";font-family: 'FontAwesome';margin-right:10px;font-size:18px;position:relative;top:2px}
.pagination-post .next_post a:after{content:"\f178";font-family: 'FontAwesome';margin-left:10px;font-size:18px;position:relative;top:2px}


/* SIDEBAR / WIDGETS
------------------------------------------------------------------------*/
.sidebar-block{margin-bottom:35px;}
.widget{margin-bottom:35px}
.header-row-1 .widget{margin-bottom:5px; display: inline-block; vertical-align: top; }

/* --- Categories, Archives Widget --- */
.widget_categories select,
.widget_archive select,
select {display: block; max-width: 100%; height: 34px; padding: 6px 12px; line-height: 1.42857143; color: #545454; background-color: #fafafa; background-image: none; border: 1px solid #f1f1f1; font-weight:300;font-size:12px;font-style:italic;border-color:#f1f1f1;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.widget_categories select:focus,
.widget_archive select:focus,
select:focus { border-color: #f1f1f1; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:0 }

/* --- Header Menu Widgets --- */
.header-row-1 .widget_nav_menu .menu { padding-left: 0; list-style: none; }
.header-row-1 .widget_nav_menu .menu > li { display: inline-block; /*padding-right: 5px; padding-left: 5px;*/ padding-right:0px; padding-left:16px; }
.header-row-1 .widget_nav_menu .menu > li > a{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#000}
.header-row-1-right .widget_nav_menu .menu{float:right;margin:0}
.header-row-1-right .widget_nav_menu .menu > li:first-child{padding-left:0}
.header-row-1-right { text-align: right; }

/* Header widgets area search widget */
.header-row-1 .widget.widget_search { background-color: transparent; padding: 0; display: inline-block; margin: 0 10px; vertical-align: top; }
.header-row-1 .widget.widget_search .search-form { position: relative; display: inline-block; }
.header-row-1 .widget.widget_search .search-form .form-control { background-color: transparent; border-bottom: 1px solid #ccc; padding: 0; }
.header-row-1 .widget.widget_search .search-form .form-control:focus { border-bottom: 1px solid #000; }
.header-row-1 .widget.widget_search .search-form .form-group {margin-bottom: 0;}
.header-row-1 .widget_search .form-actions, .header-row-1 .widget_search .btn-default { display: none; }
/* Hide search trigger from everywhere except header widgets area  */
.sidebar .search-trigger,
.footer-row-2-widget .search-trigger,
.footer-row-3-widget .search-trigger { display: none; }
.search-trigger { width: 34px; height: 34px; line-height: 34px; text-align: center; display: inline-block; font-size: 12px; cursor: pointer; }
.header-row-1 input[type="search"] { display: none; border: 0 none; background-color: transparent; }
.header-row-1 input[type="search"].visible { display: block; }


/* --- Widget Titles --- */
.widget-title {
    clear: both;
    font-family: var(--font-sans);
    font-size: 1.125rem; /* 18px */
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.015em;
    color: var(--foreground);
    position: relative;
    margin: 25px 0 16px;
    text-transform: none;
}
.widget-title:first-child { margin-top: 0; }

.sidebar .widget-title {
    font-family: var(--font-sans);
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.01em;
    color: var(--foreground);
    margin-top: 0;
    margin-bottom: 8px;
    text-transform: none;
}

/* --- Widget Lists --- */
.widget ul{padding-left: 0; margin-bottom: 0; list-style: none;}
.widget ul >li{position: relative; display: block;padding:5px 0;}
.widget ul >li >a,
.widget ul >li > span >a{text-transform:uppercase;font-size:12px;color:#545454}
.widget ul >li >a:focus,
.widget ul >li >a:hover,
.widget ul >li > span >a:focus,
.widget ul >li > span >a:hover{text-decoration:underline;background-color:transparent;}
.widget ul >li > span >a {font-style:italic;}
.widget ul >li >ul {padding-left:20px;}
.widget ul >li >ul >li:last-child {padding-bottom:0;}

/* Menu */
.sidebar .menu>li.menu-item-has-children ul{padding-left:20px}
.sidebar .menu>li.menu-item-has-children ul li{padding:3px 0}
.sidebar .menu>li.menu-item-has-children ul li:last-child{padding-bottom:0}

/* --- Widget Text --- */
.widget.widget_text .textwidget{font-weight:300;line-height:22px;margin-bottom:18px}

/* --- Bordered --- */
.sidebar-borders {padding-top:25px;padding-left:25px;padding-right:25px;border:1px solid #1a1a1a;}
.sidebar-borders .widget-title {text-align:center;}
.sidebar-borders .widget-title span {display:inline-block;max-width:100%;position:relative;padding:0 26px}
.sidebar-borders .widget-title span:before,
.sidebar-borders .widget-title span:after{content:"";position:absolute;left:0;top:50%;margin-top:-2px;width:20px;height:4px;border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4}
.sidebar-borders .widget-title span:after{left:auto;right:0}

/* --- No Borders --- */
.sidebar-no-borders .widget.widget_text{padding:40px 0;border-top:1px solid #000;border-bottom:1px solid #000;}
.sidebar-no-borders .widget-title{text-align:left;letter-spacing:-0.015em;margin-bottom:16px}

/* --- Search Widget --- */
.widget.widget_search{padding:25px 20px;background-color:#f1f1f1;}
.widget.widget_search .search-form .form-control{background-color:#fff;border-color:#fff}
.widget.widget_search .search-form .form-group{margin-bottom:10px}
.widget.widget_search .search-form .form-actions{text-align: center;}
.sidebar-no-borders .widget.widget_search .widget-title {text-align:center;}
.sidebar-no-borders .widget.widget_search .widget-title span {display:inline-block;max-width:100%;position:relative;padding:0 26px}
.sidebar-no-borders .widget.widget_search .widget-title span:before,
.sidebar-no-borders .widget.widget_search .widget-title span:after{content:"";position:absolute;left:0;top:50%;margin-top:-2px;width:20px;height:4px;border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4}
.sidebar-no-borders .widget.widget_search .widget-title span:after{left:auto;right:0}
.recipe-index-widget.widget_search .search-form .form-actions{padding-top:0px}

/* --- MailPoet version 2 Widget --- */
.widget.widget_wysija{padding:25px 20px;background-color:#f1f1f1;}
.widget.widget_wysija .widget_wysija{text-align:center;font-weight: 300;line-height: 22px;}
.widget.widget_wysija .widget_wysija input[name="wysija[user][firstname]"],
.widget.widget_wysija .widget_wysija input[name="wysija[user][lastname]"],
.widget.widget_wysija .widget_wysija input[name="wysija[user][email]"] {margin-top:10px;display: block; width: 100%; height: 34px; padding: 6px 12px; line-height: 1.42857143; color: #545454; background-color: #fafafa; background-image: none; border: 1px solid #f1f1f1; font-weight:300;font-size:12px;font-style:italic;border-color:#f1f1f1;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none }
.widget.widget_wysija .widget_wysija input[name="wysija[user][firstname]"]:focus,
.widget.widget_wysija .widget_wysija input[name="wysija[user][lastname]"]:focus,
.widget.widget_wysija .widget_wysija input[name="wysija[user][email]"]:focus { border-color: #f1f1f1; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:0 }
.widget.widget_wysija .widget_wysija .wysija-submit-field{    background-color: #2d2d2d; border-color: #2d2d2d; color: #fff;
    padding: 10px 28px; font-size: 11px; font-weight: 300; text-transform: uppercase; display: inline-block;  margin-bottom: 0; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  background-image: none; border: 1px solid transparent;}
.widget.widget_wysija .widget_wysija .wysija-submit-field:focus,
.widget.widget_wysija .widget_wysija .wysija-submit-field:hover{ background-color: #000; border-color: #000; color: #fff; }
.widget.widget_wysija .widget_wysija label { margin-top: 20px; font-weight: 400; text-transform: uppercase; }
.widget.widget_wysija .wysija-paragraph{ position:relative }
.widget.widget_wysija .wysija-paragraph .formError{ right:0 !important;left:auto !important;top:auto !important;bottom:100%; }
.widget.widget_wysija .wysija-paragraph .formError .formErrorContent:before{ content:"";width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #8e2121;position:absolute;left:50%;top:100%;margin-left:-8px }

.sidebar-no-borders .widget.widget_wysija .widget-title {text-align:center;}
.sidebar-no-borders .widget.widget_wysija .widget-title span {display:inline-block;max-width:100%;position:relative;padding:0 26px}
.sidebar-no-borders .widget.widget_wysija .widget-title span:before,
.sidebar-no-borders .widget.widget_wysija .widget-title span:after{content:"";position:absolute;left:0;top:50%;margin-top:-2px;width:20px;height:4px;border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4}
.sidebar-no-borders .widget.widget_wysija .widget-title span:after{left:auto;right:0}

/* --- MailPoet version 3 Widget --- */
.widget.widget_mailpoet_form{padding:25px 20px;background-color:#f1f1f1;}
.widget.widget_mailpoet_form .widget_wysija{text-align:center;font-weight: 300;line-height: 22px;}
.widget.widget_mailpoet_form input[type="text"],
.widget.widget_mailpoet_form input[type="email"] {margin-top:10px;display: block; width: 100% !important; height: 34px; padding: 6px 12px; line-height: 1.42857143; color: #545454; background-color: #fafafa; background-image: none; border: 1px solid #f1f1f1; font-weight:300;font-size:12px;font-style:italic;border-color:#f1f1f1;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none }
.widget.widget_mailpoet_form input[type="text"]:focus,
.widget.widget_mailpoet_form input[type="email"]:focus { border-color: #f1f1f1; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:0 }
.widget.widget_mailpoet_form .mailpoet_submit{    background-color: #2d2d2d; border-color: #2d2d2d; color: #fff;
    padding: 10px 28px; font-size: 11px; font-weight: 300; text-transform: uppercase; display: inline-block;  margin-bottom: 0; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  background-image: none; border: 1px solid transparent;}
.widget.widget_mailpoet_form .mailpoet_submit:focus,
.widget.widget_mailpoet_form .mailpoet_submit:hover{ background-color: #000; border-color: #000; color: #fff; }
.widget.widget_mailpoet_form label { margin-top: 20px; font-weight: 400; text-transform: uppercase; }
.widget.widget_mailpoet_form .mailpoet_paragraph { position:relative; text-align:center; font-weight: 300; }
.widget.widget_mailpoet_form .mailpoet_paragraph .formError{ right:0 !important;left:auto !important;top:auto !important;bottom:100%; }
.widget.widget_mailpoet_form .mailpoet_paragraph .formError .formErrorContent:before{ content:"";width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #8e2121;position:absolute;left:50%;top:100%;margin-left:-8px }

.sidebar-no-borders .widget.widget_mailpoet_form .widget-title {text-align:center;}
.sidebar-no-borders .widget.widget_mailpoet_form .widget-title span {display:inline-block;max-width:100%;position:relative;padding:0 26px}
.sidebar-no-borders .widget.widget_mailpoet_form .widget-title span:before,
.sidebar-no-borders .widget.widget_mailpoet_form .widget-title span:after{content:"";position:absolute;left:0;top:50%;margin-top:-2px;width:20px;height:4px;border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4}
.sidebar-no-borders .widget.widget_mailpoet_form .widget-title span:after{left:auto;right:0}

/* --- Recent Posts Widget With Thumbnails --- */
.sidebar-no-borders .recent-posts-widget-with-thumbnails .rpwwt-widget .widget-title {text-align:center;}
.sidebar-no-borders .recent-posts-widget-with-thumbnails .rpwwt-widget .widget-title span {display:inline-block;max-width:100%;position:relative;padding:0 26px}
.sidebar-no-borders .recent-posts-widget-with-thumbnails .rpwwt-widget .widget-title span:before,
.sidebar-no-borders .recent-posts-widget-with-thumbnails .rpwwt-widget .widget-title span:after{content:"";position:absolute;left:0;top:50%;margin-top:-2px;width:20px;height:4px;border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4}
.sidebar-no-borders .recent-posts-widget-with-thumbnails .rpwwt-widget .widget-title span:after{left:auto;right:0}
.recent-posts-widget-with-thumbnails .rpwwt-widget img{float:none;margin-bottom:0; max-width: 100% !important; width: 100% !important; height: auto !important;}
.recent-posts-widget-with-thumbnails .rpwwt-widget .rpwwt-post-title {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:15px 0 0;font-size:12px;letter-spacing:normal;}
.rpwwt-widget ul li { text-align: center; }

/* Calendar widget */
#wp-calendar{width:100%}
#wp-calendar caption{text-align:center;color:#333;font-size:12px;margin-top:10px;margin-bottom:15px}
#wp-calendar thead{font-size:10px}
#wp-calendar thead th{padding-bottom:10px}
#wp-calendar tbody{color:#aaa}
#wp-calendar tbody td{background:#f5f5f5;border:1px solid #fff;text-align:center;padding:8px}
#wp-calendar tbody td:hover{background:#fff}
#wp-calendar tbody .pad{background:none}
#wp-calendar tfoot #next,#wp-calendar tfoot #prev{font-size:10px;text-transform:uppercase}
#wp-calendar tfoot #next{text-align:right}
#wp-calendar tfoot #prev{padding-top:10px}

/* RSS Widget */
.widget_rss li{margin-bottom:10px}
.widget_rss li .rsswidget{font-weight:700}
.widget_rss li .rss-date,.widget_rss li .rssSummary,.widget_rss li cite{font-size:13px}
.widget_rss li .rss-date{display:block;font-style:italic}
.widget_rss li .rssSummary{text-align:justify}

/* --- Footer Widgets --- */
.footer-widgets{}
.footer-widgets .widget-title{margin-bottom:55px;text-align:left;}
.footer-widgets .widget-content p{color:#000;font-weight:400}
.footer-widgets .widget.widget_text .textwidget{color:#000;font-weight:400;}
.footer-widgets ul >li:first-child{padding-top:0px}
.footer-widgets ul >li >a{text-transform:none;font-size:13px}
.footer-widgets img { max-width: 100%; height: auto; }

/* --- Custom Menu - "Social" --- */
.widget .menu-social-container ul { display: inline-block; overflow: hidden; margin: 0; padding: 0; }
.widget .menu-social-container li { display: inline-block; margin: 0; list-style: none; }
.widget .menu-social-container li a { display: block; padding: 0; margin: 0; line-height: 1; text-align: center; overflow: hidden; width: 25px; height: 24px; font-size: 14px;  color: #000; text-align: center; }
.widget .menu-social-container ul li a:before { display: inline-block; width: 25px; height: 25px; -webkit-font-smoothing: antialiased; vertical-align: top; visibility: visible; }
.widget .menu-social-container .menu {margin:0;}
.widget .menu-social-container .menu li a::before { font: normal 14px/1 'FontAwesome'; padding: 7px 0 0 0; text-align: center; }
.widget .menu-social-container .menu li a::before { content: '\f408';}
.widget .menu-social-container .menu li a[href*="codepen.io"]::before {content: '\f1cb';}
.widget .menu-social-container .menu li a[href*="digg.com"]::before {content: '\f1a6';}
.widget .menu-social-container .menu li a[href*="dropbox.com"]::before {content: '\f16b';}
.widget .menu-social-container .menu li a[href*="facebook.com"]::before  {content: '\f09a';}
.widget .menu-social-container .menu li a[href*="flickr.com"]::before  {content: '\f16e';}
.widget .menu-social-container .menu li a[href*="plus.google.com"]::before  {content: '\f0d5';}
.widget .menu-social-container .menu li a[href*="github.com"]::before{content: '\f09b';}
.widget .menu-social-container .menu li a[href*="instagram.com"]::before {content: '\f16d';}
.widget .menu-social-container .menu li a[href*="linkedin.com"]::before {content: '\f0e1';}
.widget .menu-social-container .menu li a[href*="pinterest.com"]::before {content: '\f0d2';}
.widget .menu-social-container .menu li a[href*="dribbble.com"]::before {content: '\f17d';}
.widget .menu-social-container .menu li a[href*="getpocket.com"]::before {content: '\f265';}
.widget .menu-social-container .menu li a[href*="reddit.com"]::before {content: '\f1a1';}
.widget .menu-social-container .menu li a[href*="skype.com"]::before,
.widget .menu-social-container .menu li a[href*="skype:"]::before {content: '\f17e';}
.widget .menu-social-container .menu li a[href*="stumbleupon.com"]::before {content: '\f1a4';}
.widget .menu-social-container .menu li a[href*="tumblr.com"]::before {content: '\f173';}
.widget .menu-social-container .menu li a[href*="twitter.com"]::before {content: '\f099';}
.widget .menu-social-container .menu li a[href*="vimeo.com"]::before {content: '\f27d';}
.widget .menu-social-container .menu li a[href*="youtube.com"]::before {content: '\f167';}
.widget .menu-social-container .menu li a[href*="wordpress.org"]::before,
.widget .menu-social-container .menu li a[href*="wordpress.com"]::before {content: '\f19a';}
.widget .menu-social-container .menu li a[href*="feed"]::before {content: '\f09e';}
.widget .menu-social-container .menu li a[href*="mailto"]::before {content: '\f0e0';}
.sidebar .widget .menu-social-container {text-align:center;}
.footer-row-3-center .widget .menu-social-container {text-align:center;}
.footer-row-3-center .widget .menu-social-container ul li { padding-left:0px; padding-right:0px; }
.header-row-1 .widget .menu-social-container .menu > li { padding-right: 0px; padding-left: 0px; }


/* FRONT PAGE - LARGE POST
------------------------------------------------------------------------*/

.frontpage-large-post{}
.frontpage-large-post .entry-summary{font-size:14px;font-weight:400;text-align: justify;-moz-column-count: 2;-moz-column-gap: 25px;-webkit-column-count: 2;-webkit-column-gap: 25px;column-count: 2;column-gap: 25px;}
.frontpage-large-post .entry-title{font-size:24px}
.frontpage-large-post .entry-date{margin-bottom:10px}

/* FOOTER
------------------------------------------------------------------------*/

.footer{padding:30px 0 20px}

.footer-copyright {text-align:center; }

.footer-row-3-center ul { text-align:center; }
.footer-row-3-center ul li { display:inline; padding:5px; }

.credit{list-style:none;margin:0;padding:0;margin-top:10px}
.credit li{text-align:center;margin-bottom:3px}
.credit a{color:inherit}

/* 404
------------------------------------------------------------------------*/
.error-404{text-align:center;}
.error-404 h1.entry-title{font-size:48px;}
.error-404 h3 {color:#666;}

/* VIDEO EMBED
------------------------------------------------------------------------*/

.iframe-video, .embed-vimeo, .embed-youtube {position: relative; padding-bottom: 57%; height: 0; overflow: hidden;}
.iframe-video iframe, .embed-vimeo iframe, .embed-youtube iframe{position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }


/* WOOCOMMERCE
------------------------------------------------------------------------*/

/*** Misc ***/

.woocommerce label { font-weight: normal; margin-right: 10px; }

/*** Info ***/

.woocommerce-info { border-top-color: #666; }
.woocommerce-info::before { color: #66; }

/*** Buttons ***/

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { border-radius: 0px; background-color: #2d2d2d; border-color: #2d2d2d; color: #fff; font-weight:normal; text-transform: uppercase; }

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{ background-color: #000; border-color: #000;color:#fff; }

/*** Product ***/

.woocommerce .quantity .qty{padding:2px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before{ left:-5px; -webkit-border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { right: -5px; -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.woocommerce .panel { border: none; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {border-radius: 0px;}

/* BUDDYPRESS
------------------------------------------------------------------------*/

.bp-widget { margin-top: 40px; }
.profile-fields td.label { color: inherit; font-size: 100%; display: table-cell; text-align: inherit; }

/* MEDIA QUERIES
------------------------------------------------------------------------*/

@media (min-width:1200px) and (max-width:1360px){
    .frontpage-slider .owl-prev{left:25px}
    .frontpage-slider .owl-next{right:25px}
}
@media (max-width:1259px){
}
@media (max-width:1199px){
}
@media (min-width:992px) and (max-width:1199px){
    .navbar-nav > li > a{padding-left:15px;padding-right:15px;font-size:10px;letter-spacing:1px}
    .navbar-nav .dropdown-menu > li > a{font-size:10px;letter-spacing:1px}
    .main_search{width:130px}
}
@media (min-width:991px) and (max-width:1080px){
    .frontpage-slider .owl-prev{left:25px}
    .frontpage-slider .owl-next{right:25px}
}
@media (max-width:991px){
    .frontpage-slider .caption .date{font-size:14px}
    .frontpage-banner .caption h2,
    .frontpage-slider .caption h2{font-size:30px;padding-bottom:15px;margin-bottom:20px}
    .internal-banner .caption .date{font-size:14px}
    .internal-banner .caption h1{font-size:30px;padding-bottom:15px;margin-bottom:20px}
    .internal-banner .caption .read-more{font-size:14px}
    .footer-widgets .widget-title{margin-bottom:20px}
}
@media (min-width:768px) and (max-width:991px){
    .navbar-nav > li > a{padding-left:10px;padding-right:10px;font-size:10px;letter-spacing:1px}
    .main_search{width:96px}
    .navbar-nav .dropdown-menu > li > a{font-size:10px;letter-spacing:1px}
}
@media (max-width:880px){
    .frontpage-slider .owl-nav div{bottom:-20px;top:auto;margin:0}
    .frontpage-slider .owl-prev{left:auto;right:25px}
    .frontpage-slider .owl-next{right:0}
}
@media (max-width:767px){
    .header{padding-top:0}
    .header-row-1{max-height:0;margin:0;overflow:hidden;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
    .header-row-1.open{max-height:300px; margin-top:10px}
    .header-row-1 .widget {margin-bottom:0px}
    .header-row-1 .widget.widget_search .search-form { margin: 10px auto; }

    .header-row-1-left { text-align: center; }
    .header-row-1-left .menu-social-container {text-align:center;padding:15px 0;border-bottom:1px solid #545454;margin-bottom:10px}

    .header-row-1-right { text-align: center; }
    .header-row-1-right .widget_nav_menu .menu{float:none;padding-bottom:15px}
    .header-row-1-right .widget_nav_menu .menu > li{display:block;padding:5px 0;text-align:center}
    .header-row-1-right .widget.widget_search .search-form { float: none; }

    .header-row-2{margin-bottom:20px}
    .header-row-3{margin-bottom:25px}
    .header-row-1-toggle{display:block}

    .navbar-default .navbar-collapse{border-color:#000;text-align:left}
    .navbar-default .navbar-nav{display:block}
    .navbar-nav > li{display:block}
    .navbar-nav > li>a{padding:10px 15px}
    .navbar-nav > li.search{border-top:1px solid #000;padding-top:7.5px}
    .navbar-nav > li.search > a{color:#545454;position:absolute;right:0;top:7.5px}
    .main_search{display: block;float: none;left: 0;position: static;width: auto;}
    .main_search .form-control{height:40px;padding-left:15px;padding-right:15px}

    .frontpage-slider .caption .date{font-size:12px}
    .frontpage-banner .caption h2,
    .frontpage-slider .caption h2{font-size:22px;padding-bottom:10px;margin-bottom:15px}

    .internal-banner .caption .date{font-size:12px}
    .internal-banner .caption h1{font-size:22px;padding-bottom:10px;margin-bottom:15px}
    .internal-banner .caption .read-more{font-size:12px}

    .frontpage-large-post .entry-summary { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }

}
@media (max-width:480px){
    .frontpage-banner .caption,
    .frontpage-slider .caption {font-size:10px}
    .frontpage-slider .caption .date{font-size:10px;margin-bottom:5px;display:none}
    .frontpage-banner .caption h2,
    .frontpage-slider .caption h2{font-size:16px;padding-bottom:10px;margin-bottom:10px}

    .internal-banner .caption .date{display:none}
    .internal-banner .caption h1{font-size:16px;padding-bottom:10px;margin-bottom:10px}
    .internal-banner .caption .read-more{display:none}

    .pagination-post a,
    .pagination-blog-feed a{font-size:10px}
    .block-title{font-size:14px}

    h4.form-label{font-size:12px}
    .comment-body > .comment-meta{float:none;width:auto}
    .comment-body > .reply,.comment-body > .comment-content{margin-left:0;padding-left:0;}
    .comment-list .children{margin-left:0}
}

/* ==========================================================================
   DARK THEME (shadcn/ui aesthetic)
   ========================================================================== */

/* Global Transitions */
body,
.site-header,
.site-search-dropdown,
.site-theme-toggle {
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

/* Base Body & Layout in Dark Mode */
html.dark,
html.dark body,
html.dark body.custom-background,
html.dark body.custom-background .main-wrapper,
html.dark .main-wrapper {
    background-color: var(--background) !important;
    color: var(--foreground) !important;
}

html.dark body {
    color: #d4d4d8 !important;
}

/* Site Header */
html.dark .site-header {
    background-color: var(--background);
    border-bottom-color: var(--border);
}

html.dark .site-logo {
    color: #ffffff !important;
}

html.dark .site-nav-list > li > a {
    color: #a1a1aa !important;
}

html.dark .site-nav-list > li > a:hover,
html.dark .site-nav-list > li.current-menu-item > a {
    background-color: transparent;
    color: #ffffff !important;
}

/* Mobile Toggle & Menu */
html.dark .site-mobile-toggle {
    border-color: var(--border);
    color: var(--foreground);
}

html.dark .site-mobile-toggle:hover {
    background-color: var(--muted);
}

html.dark .site-mobile-menu {
    border-top-color: var(--border);
    background-color: var(--background);
    box-shadow: inset 0 -1px 0 var(--border), 0 16px 32px -12px rgba(0, 0, 0, 0.6);
}

html.dark .site-mobile-nav-list > li > a {
    color: #a1a1aa !important;
}

html.dark .site-mobile-nav-list > li > a:hover,
html.dark .site-mobile-nav-list > li.current-menu-item > a {
    background-color: var(--muted);
    color: #ffffff !important;
}

@media (max-width: 991px) {
    html.dark .site-search-wrapper {
        box-shadow: inset 0 -1px 0 var(--border), 0 16px 32px -12px rgba(0, 0, 0, 0.6);
    }
}

/* Search Box & Live Dropdown */
html.dark .site-search-input {
    background-color: #18181b;
    border-color: #27272a;
    color: #f4f4f5;
}

html.dark .site-search-input:focus {
    background-color: #121215;
    border-color: #3f3f46;
}

html.dark .site-search-input::placeholder {
    color: #71717a;
}

html.dark .site-search-dropdown {
    background-color: #121215;
    border-color: #27272a;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.6), 0 8px 10px -6px rgba(0, 0, 0, 0.6);
}

html.dark .site-search-item {
    border-bottom-color: #1f1f23;
}

html.dark .site-search-item:hover,
html.dark .site-search-item.is-active {
    background-color: #1c1c21;
}

html.dark .site-search-item-thumb {
    background-color: #27272a;
}

html.dark .site-search-fallback-icon {
    color: #71717a;
}

html.dark .site-search-item-cat {
    color: var(--primary);
}

html.dark .site-search-item-title {
    color: #f4f4f5;
}

html.dark .site-search-item:hover .site-search-item-title,
html.dark .site-search-item.is-active .site-search-item-title {
    color: #ffffff;
}

html.dark .site-search-footer {
    border-top-color: #27272a;
    background-color: #0d0d10;
}

html.dark .site-search-all-btn {
    color: var(--primary);
}

html.dark .site-search-empty {
    color: #a1a1aa;
}

html.dark .site-search-spinner {
    border-color: #27272a;
    border-top-color: var(--primary);
}

/* Breadcrumbs in Dark Mode */
html.dark #breadcrumbs,
html.dark .site-breadcrumbs {
    color: #a1a1aa;
}

html.dark #breadcrumbs a,
html.dark .site-breadcrumbs a,
html.dark .site-breadcrumbs .breadcrumb-item a {
    color: #a1a1aa !important;
}

html.dark #breadcrumbs a:hover,
html.dark .site-breadcrumbs a:hover,
html.dark .site-breadcrumbs .breadcrumb-item a:hover {
    color: #ffffff !important;
}

html.dark .breadcrumb-separator {
    color: #52525b;
}

html.dark .breadcrumb-current {
    color: #f4f4f5 !important;
}

/* Typography, Content & Links */
html.dark h1,
html.dark h2,
html.dark h3,
html.dark h4,
html.dark h5,
html.dark h6 {
    color: #ffffff !important;
}

html.dark a {
    color: #f4f4f5;
}

html.dark a:hover {
    color: var(--primary);
}

html.dark .entry-title,
html.dark .entry-title a {
    color: #ffffff !important;
}

html.dark .entry-title a:hover {
    color: var(--primary) !important;
}

/* Dark mode typography for all content areas */
html.dark .single-content,
html.dark .entry-content,
html.dark .page-content,
html.dark .entry-post {
    color: #d4d4d8 !important;
}

html.dark .single-content p,
html.dark .entry-content p,
html.dark .page-content p,
html.dark .entry-post p,
html.dark .single-content li,
html.dark .entry-content li,
html.dark .page-content li {
    color: #d4d4d8;
}

html.dark .single-content h1, html.dark .entry-content h1, html.dark .page-content h1,
html.dark .single-content h2, html.dark .entry-content h2, html.dark .page-content h2,
html.dark .single-content h3, html.dark .entry-content h3, html.dark .page-content h3,
html.dark .single-content h4, html.dark .entry-content h4, html.dark .page-content h4,
html.dark .single-content h5, html.dark .entry-content h5, html.dark .page-content h5,
html.dark .entry-post h1, html.dark .entry-post h2, html.dark .entry-post h3,
html.dark .entry-post h4, html.dark .entry-post h5 {
    color: #f4f4f5 !important;
}

html.dark .single-content h6,
html.dark .entry-content h6,
html.dark .page-content h6,
html.dark .entry-post h6 {
    color: #a1a1aa !important;
}

html.dark .single-content a,
html.dark .page-content a {
    color: var(--link) !important;
    text-decoration-color: hsla(26, 95%, 66%, 0.35);
}

html.dark .single-content a:hover,
html.dark .page-content a:hover {
    text-decoration-color: currentColor;
}

html.dark .single-content blockquote,
html.dark .entry-content blockquote,
html.dark .page-content blockquote,
html.dark blockquote {
    background-color: transparent;
    border-left-color: var(--primary);
    color: #d4d4d8;
}

html.dark .single-content table,
html.dark .entry-content table,
html.dark .page-content table,
html.dark .entry table {
    border-color: #27272a;
}

html.dark .single-content table th,
html.dark .single-content table td,
html.dark .entry-content table th,
html.dark .entry-content table td,
html.dark .page-content table th,
html.dark .page-content table td,
html.dark .entry table th,
html.dark .entry table td {
    border-color: #27272a;
    color: #d4d4d8;
}

html.dark .single-content table th,
html.dark .entry-content table th,
html.dark .page-content table th,
html.dark .entry table th {
    background-color: #18181b;
    color: #f4f4f5;
}

html.dark code {
    background-color: #18181b;
    border-color: #27272a;
    color: #f4f4f5;
}

html.dark pre,
html.dark .entry pre {
    background-color: #121215;
    border-color: #27272a;
    color: #f4f4f5;
}

html.dark hr {
    border-top-color: #27272a;
}

/* Sidebar & Widgets */
html.dark .sidebar .widget-title,
html.dark .sidebar h3 {
    color: #ffffff !important;
}

html.dark .sidebar ul li a {
    color: #a1a1aa !important;
}

html.dark .sidebar ul li a:hover {
    color: #ffffff !important;
}

html.dark .sidebar-borders {
    border-color: #27272a;
}

/* Comments & Forms */
html.dark .comments,
html.dark .comment-title,
html.dark .comment-reply-title {
    color: #ffffff !important;
}

html.dark .comment-body {
    border-bottom-color: #27272a;
    color: #d4d4d8;
}

html.dark .form-control {
    background-color: #18181b;
    border-color: #27272a;
    color: #f4f4f5;
}

html.dark .form-control:focus {
    background-color: #121215;
    border-color: #3f3f46;
    color: #ffffff;
}

html.dark .form-label {
    color: #d4d4d8;
}

html.dark #submit.btn-default {
    background-color: #18181b;
    border-color: #27272a;
    color: #ffffff;
}

html.dark #submit.btn-default:hover {
    background-color: #27272a;
    border-color: #3f3f46;
}

/* Pagination */
html.dark .pagination-post a,
html.dark .pagination-blog-feed a,
html.dark .pagination > li > a,
html.dark .pagination > li > span {
    background-color: #18181b;
    border-color: #27272a;
    color: #a1a1aa;
}

html.dark .pagination > .active > a,
html.dark .pagination > .active > span {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #ffffff;
}

/* Footer in Dark Mode */
html.dark .footer {
    background: #09090b;
    border-top: 1px solid #27272a;
}

html.dark .footer-manual {
    background-color: #050507;
    border-top: 1px solid #18181b;
}

/* ==========================================================================
   MAKEPEDIA LAYOUT
   ========================================================================== */

:root {
    --layout-gap: 36px;
    --layout-sidebar-width: 300px;
    --layout-toc-width: 220px;
    --layout-sticky-top: calc(var(--wp-admin--admin-bar--height, 0px) + 88px);
    --layout-sticky-max-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px) - 108px);
}

.layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    column-gap: var(--layout-gap);
    align-items: start;
}

.layout-toc {
    display: none;
}

.footer-row-2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;
}

.frontpage-featured-grid {
    display: grid;
    gap: 30px;
}

@media (min-width: 992px) {
    .layout--sidebar {
        grid-template-columns: minmax(0, 1fr) var(--layout-sidebar-width);
    }

    .layout > .layout-main {
        grid-column: 1;
        grid-row: 1;
    }

    .layout > .layout-after {
        grid-column: 1;
        grid-row: 2;
    }

    .layout--sidebar > .layout-sidebar {
        grid-column: 2;
        grid-row: 1 / span 2;
        position: sticky;
        top: var(--layout-sticky-top);
        max-height: var(--layout-sticky-max-height);
        overflow-y: auto;
        scrollbar-width: thin;
    }

    .frontpage-featured-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .single-has-toc .main-wrapper,
    .single-has-toc .main-wrapper > .container {
        max-width: 1360px;
    }

    .layout--toc {
        grid-template-columns: var(--layout-toc-width) minmax(0, 1fr);
    }

    .layout--toc.layout--sidebar {
        --layout-sidebar-width: 280px;
        grid-template-columns: var(--layout-toc-width) minmax(0, 1fr) var(--layout-sidebar-width);
    }

    /* The column stretches over the article row so the sticky TOC inside stops where the article ends */
    .layout--toc > .layout-toc {
        display: block;
        grid-column: 1;
        grid-row: 1;
        align-self: stretch;
    }

    .layout--toc > .layout-main {
        grid-column: 2;
    }

    .layout--toc > .layout-after {
        grid-column: 1 / 3;
    }

    .layout--toc > .layout-sidebar {
        grid-column: 3;
    }
}

/* 6. Pagination (Native Modern Theme Pagination) */
.pagination-blog-feed {
    margin: 35px 0 15px;
    padding: 0;
    text-align: center;
}

.mp-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    clear: both;
}

.mp-pagination-info {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    height: 38px;
    font-family: var(--font-sans);
    font-size: 13px;
    font-weight: 500;
    color: var(--muted-foreground);
    background-color: var(--muted);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    margin-right: 4px;
}

.mp-pagination a,
.mp-pagination span.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 12px;
    font-family: var(--font-sans);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: var(--foreground);
    background-color: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    text-decoration: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.mp-pagination a:hover {
    color: var(--foreground) !important;
    background-color: var(--muted);
}

.mp-pagination .current {
    color: var(--background) !important;
    background-color: var(--foreground) !important;
    border-color: var(--foreground) !important;
}

.mp-pagination .dots {
    border: none;
    background: transparent;
    color: var(--muted-foreground);
    min-width: 20px;
    padding: 0 4px;
    font-weight: 700;
}

/* Dark Theme Support */
html.dark .mp-pagination-info {
    background-color: #18181b;
    border-color: #27272a;
    color: #a1a1aa;
}

html.dark .mp-pagination a,
html.dark .mp-pagination span.page-numbers {
    background-color: #121215;
    border-color: #27272a;
    color: #f4f4f5;
}

html.dark .mp-pagination a:hover {
    background-color: #18181b;
    color: #ffffff !important;
}

html.dark .mp-pagination .current {
    background-color: var(--foreground) !important;
    border-color: var(--foreground) !important;
    color: var(--background) !important;
}

html.dark .mp-pagination .dots {
    background: transparent;
    color: #71717a;
}

@media (max-width: 600px) {
    .mp-pagination {
        gap: 4px;
    }
    .mp-pagination-info {
        width: 100%;
        margin-right: 0;
        margin-bottom: 6px;
        height: 32px;
        font-size: 12px;
    }
    .mp-pagination a,
    .mp-pagination span.page-numbers {
        min-width: 34px;
        height: 34px;
        padding: 0 8px;
        font-size: 13px;
    }
}

/* ==========================================================================
   7. Front page: community row (latest comments, random post, Telegram)
   Cards, grids and section headers live in assets/css/makepedia-cards.css
   ========================================================================== */

.mp-latest-section {
    margin-top: 32px;
}

.mp-community-grid {
    display: grid;
    grid-template-columns: 1fr 1.3fr 1fr;
    gap: 24px;
}

.mp-random-post-col .mp-card--wide {
    height: 100%;
    min-height: 420px;
}

.mp-random-post-col .mp-card--wide .mp-card-title {
    font-size: 22px;
}

.mp-comments-card {
    display: flex;
    flex-direction: column;
    padding: 20px 20px 8px;
    background-color: var(--card);
    border: 1px solid var(--border);
    border-radius: 14px;
}

.mp-comments-card-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--border);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--foreground);
}

.mp-comments-scroll {
    max-height: 380px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    scrollbar-width: thin;
}

.mp-comment-item {
    display: block;
    padding: 12px 0;
    border-bottom: 1px solid var(--border);
    text-decoration: none !important;
}

.mp-comment-item:last-child {
    border-bottom: 0;
}

.mp-comment-post-title {
    margin-bottom: 4px;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--foreground);
    transition: color 0.15s ease;
}

.mp-comment-item:hover .mp-comment-post-title {
    color: var(--primary);
}

.mp-comment-snippet {
    margin-bottom: 6px;
    font-size: 13px;
    line-height: 1.45;
    color: var(--text-body);
}

.mp-comment-meta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--muted-foreground);
}

.mp-comment-author {
    font-weight: 600;
}

.mp-comment-date::before {
    content: "·";
    margin-right: 6px;
}

.mp-telegram-banner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 32px 24px;
    overflow: hidden;
    border-radius: 14px;
    background: radial-gradient(120% 90% at 100% 0%, #4fc3f7 0%, rgba(79, 195, 247, 0) 55%), linear-gradient(160deg, #229ed9 0%, #1b7fb8 100%);
    color: #fff !important;
    text-align: center;
    text-decoration: none !important;
}

.mp-tg-banner-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin-bottom: 18px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}

.mp-tg-banner-title {
    margin-bottom: 6px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.015em;
}

.mp-tg-banner-sub {
    max-width: 240px;
    margin-bottom: 22px;
    font-size: 14px;
    line-height: 1.45;
    opacity: 0.9;
}

.mp-tg-banner-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    border-radius: 999px;
    background: #fff;
    color: #1b7fb8 !important;
    font-size: 14px;
    font-weight: 700;
    transition: transform 0.2s ease;
}

.mp-telegram-banner:hover .mp-tg-banner-btn {
    transform: translateY(-1px);
}

@media (max-width: 1024px) {
    .mp-community-grid {
        grid-template-columns: 1fr 1fr;
    }
    .mp-random-post-col {
        grid-column: 1 / -1;
        order: -1;
    }
    .mp-random-post-col .mp-card--wide {
        min-height: 0;
    }
}

@media (max-width: 640px) {
    .mp-latest-section {
        margin-top: 0;
    }
    .mp-community-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .mp-random-post-col .mp-card--wide {
        height: auto;
    }
    .mp-comments-card {
        padding: 16px 14px 8px;
    }
    .mp-telegram-banner {
        padding: 24px 16px;
    }
    .mp-tg-banner-icon {
        width: 56px;
        height: 56px;
        margin-bottom: 14px;
    }
    .mp-tg-banner-title {
        font-size: 18px;
    }
    .mp-tg-banner-sub {
        margin-bottom: 18px;
        font-size: 13.5px;
    }
    .mp-tg-banner-btn {
        padding: 8px 16px;
        font-size: 13px;
    }
}