/*
Theme Name: Elizabethblog Theme
Theme URI: https://example.com/
Author: Custom Theme Build
Description: Fast, responsive magazine/news theme inspired by the supplied reference. Black canvas, burgundy header, category navigation, AJAX search and Load More posts.
Version: 1.5.1
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: elizabethblog
*/

:root{--eb-bg:#050505;--eb-surface:#111;--eb-surface-2:#171717;--eb-text:#f5f5f5;--eb-muted:#aaa;--eb-accent:#8f1235;--eb-accent-2:#b51f49;--eb-border:#292929;--eb-container:1240px;--eb-radius:10px;}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--eb-bg);color:var(--eb-text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}
button,input{font:inherit}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.eb-container{width:min(var(--eb-container),calc(100% - 32px));margin-inline:auto}
.eb-top{background:#070707;border-bottom:1px solid #191919;color:#aaa;font-size:12px}.eb-top .eb-container{min-height:34px;display:flex;align-items:center;justify-content:flex-end;gap:16px}
.eb-header{background:linear-gradient(120deg,#6f0d2a,#a71943 60%,#720b2a);border-bottom:1px solid rgba(255,255,255,.12)}
.eb-brand-row{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-title{font-size:32px;font-weight:800;letter-spacing:-.8px}.site-tagline{font-size:12px;color:#f0ccd7;margin-top:2px}
.eb-search-toggle{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#222;border:0;border-radius:999px;padding:10px 16px;cursor:pointer;font-weight:700}.eb-search-toggle svg{width:17px;height:17px}
.eb-nav{background:#090909;border-bottom:1px solid #202020}.eb-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:0;overflow:auto;white-space:nowrap}.eb-nav a{display:block;padding:14px 16px;font-size:13px;font-weight:700;color:#ddd}.eb-nav a:hover,.eb-nav .current-menu-item>a{background:var(--eb-accent);color:#fff}
.eb-search-panel{display:none;background:#0c0c0c;border-bottom:1px solid #252525;padding:16px 0}.eb-search-panel.is-open{display:block}.eb-search-form{display:flex;gap:10px}.eb-search-form input{flex:1;background:#181818;border:1px solid #333;color:#fff;border-radius:8px;padding:12px 14px;outline:none}.eb-search-form button{background:var(--eb-accent-2);border:0;color:#fff;border-radius:8px;padding:0 18px;font-weight:700;cursor:pointer}.eb-search-results{margin-top:12px;display:grid;gap:8px}.eb-search-results a{display:block;padding:10px 12px;background:#151515;border:1px solid #252525;border-radius:8px}.eb-search-results a:hover{border-color:#7c2340}
.eb-main{padding:28px 0 50px}.eb-home-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:24px}.eb-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px}.eb-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;border-bottom:1px solid var(--eb-border);padding-bottom:10px}.eb-section-head h1,.eb-section-head h2{margin:0;font-size:22px}
.eb-featured{position:relative;min-height:0;border-radius:0;overflow:hidden;background:#000;border:0}.eb-featured-image{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#111}.eb-featured-image img{width:100%;height:100%;object-fit:cover;display:block}.eb-featured-content{position:static;background:#000;color:#fff;padding:28px 30px 30px}.eb-kicker{display:inline-block;color:#fff;background:var(--eb-accent);font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;padding:8px 12px;border-radius:0;margin:0 0 14px}.eb-featured h1{font-size:clamp(32px,4vw,54px);line-height:1.08;margin:0 0 16px;letter-spacing:-.7px}.eb-featured h1 a{color:#fff}.eb-featured-excerpt{margin:0 0 18px;color:#e7e7e7;font-size:18px;line-height:1.55;max-width:900px}.eb-featured .eb-meta{font-size:13px;color:#c8c8c8}.eb-side-list{display:grid;gap:14px}.eb-card{background:var(--eb-surface);border:1px solid var(--eb-border);border-radius:var(--eb-radius);overflow:hidden}.eb-card:hover{border-color:#4a2331}.eb-card-inner{padding:14px}.eb-card-thumb{aspect-ratio:16/10;background:#1a1a1a;overflow:hidden}.eb-card-thumb img{width:100%;height:100%;object-fit:cover}.eb-card h2,.eb-card h3{font-size:18px;line-height:1.25;margin:7px 0}.eb-card p{color:#aaa;font-size:13px;margin:0}.eb-side-list .eb-card{display:grid;grid-template-columns:125px 1fr}.eb-side-list .eb-card-thumb{aspect-ratio:1/1}.eb-side-list .eb-card-inner{padding:11px}
.eb-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.eb-sidebar{display:grid;align-content:start;gap:18px}.widget{background:var(--eb-surface);border:1px solid var(--eb-border);border-radius:var(--eb-radius);padding:18px}.widget-title{margin:0 0 12px;font-size:16px}.widget ul{padding-left:18px;margin:0}.widget li{margin:6px 0;color:#bbb}
.eb-load-more-wrap{text-align:center;padding:24px 0}.eb-load-more{border:1px solid #5a1b30;background:#1a0c12;color:#fff;border-radius:8px;padding:11px 20px;font-weight:800;cursor:pointer}.eb-load-more[disabled]{opacity:.6;cursor:wait}.eb-no-more{color:#777;font-size:13px}
.eb-footer{background:#090909;border-top:1px solid #222;padding:34px 0;color:#aaa}.eb-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.eb-footer h3{color:#fff;margin-top:0}.eb-copy{border-top:1px solid #202020;margin-top:24px;padding-top:16px;font-size:12px}
.single .eb-article,.page .eb-article{background:var(--eb-surface);border:1px solid var(--eb-border);border-radius:var(--eb-radius);padding:26px}.eb-article-title{font-size:42px;line-height:1.1;margin:0 0 10px}.eb-article-content{font-size:17px;color:#ddd}.eb-article-content a{color:#ff7198;text-decoration:underline}.eb-article-content img{border-radius:8px;margin:18px 0}
.eb-pagination{display:none}
@media(max-width:900px){.eb-home-grid,.eb-content-grid{grid-template-columns:1fr}.eb-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.eb-featured{min-height:390px}.eb-footer-grid{grid-template-columns:1fr 1fr}.eb-brand-row{min-height:84px}.site-title{font-size:27px}}
@media(max-width:640px){.eb-container{width:min(var(--eb-container),calc(100% - 20px))}.eb-top{display:none}.eb-brand-row{min-height:74px}.site-title{font-size:24px}.site-tagline{display:none}.eb-search-toggle{padding:9px 11px}.eb-search-toggle span{display:none}.eb-nav a{padding:12px 12px;font-size:12px}.eb-main{padding-top:18px}.eb-featured{min-height:330px}.eb-featured-content{left:16px;right:16px;bottom:16px}.eb-featured h1{font-size:26px}.eb-post-grid{grid-template-columns:1fr}.eb-side-list .eb-card{grid-template-columns:100px 1fr}.eb-sidebar{grid-template-columns:1fr}.eb-article-title{font-size:31px}.eb-article{padding:18px!important}.eb-search-form{flex-direction:column}.eb-search-form button{padding:11px}}

/* Elizabethblog Theme 1.1 refinements */
.eb-home-content{grid-template-columns:minmax(0,1fr) 300px;align-items:start}
.eb-home-content .eb-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.eb-home-content .eb-card-thumb{aspect-ratio:16/10}
.eb-home-content .eb-card-inner{padding:16px}
.eb-home-content .eb-card h2{font-size:21px;line-height:1.22}

/* Single posts use the full content width so empty sidebar space is removed. */
.eb-single-main .eb-container{max-width:1120px}
.eb-article{width:100%;background:var(--eb-surface);border:1px solid var(--eb-border);border-radius:var(--eb-radius);padding:32px}
.eb-article-title{font-size:clamp(34px,4vw,54px);line-height:1.08;margin:8px 0 20px;letter-spacing:-.8px}
.eb-article-featured{margin:0 0 28px;border-radius:10px;overflow:hidden;background:#101010}
.eb-article-featured img{width:100%;height:auto;max-height:680px;object-fit:cover;margin:0}
.eb-article-content{max-width:900px;margin-inline:auto;font-size:18px;line-height:1.8}
.eb-article-content p{margin:0 0 1.25em}
.eb-article-content h2,.eb-article-content h3{line-height:1.25;margin-top:1.6em;color:#fff}

.eb-related{margin-top:42px;padding-top:26px;border-top:1px solid var(--eb-border)}
.eb-related-title,.eb-comments-title{display:block;margin:0 0 20px;padding:12px 16px;background:var(--eb-accent);border-radius:7px;color:#fff;font-size:22px;line-height:1.2}
.eb-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.eb-related-card{min-width:0}
.eb-related-card .eb-card-thumb{aspect-ratio:16/10}
.eb-related-card h3{font-size:19px}

.eb-comments{margin-top:42px;padding-top:26px;border-top:1px solid var(--eb-border)}
.eb-comments-title{margin-bottom:22px}
.eb-comment-list{list-style:none;margin:0 0 28px;padding:0}
.eb-comment-list .comment{list-style:none;margin:0 0 14px;padding:16px;background:#171717;border:1px solid #2b2b2b;border-radius:8px}
.eb-comment-list .children{list-style:none;margin:14px 0 0 32px;padding:0}
.eb-comment-author{display:flex;align-items:center;gap:10px}
.eb-comment-list .comment-meta{font-size:12px;color:#aaa;margin-bottom:8px}
.eb-comment-list .comment-content{color:#ddd}
.eb-comment-list .reply a{display:inline-block;color:#fff;background:#4f1027;border-radius:5px;padding:4px 9px;font-size:12px;font-weight:700}
.eb-comment-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.eb-comment-form .comment-form-comment,.eb-comment-form .form-submit,.eb-comment-form .logged-in-as,.eb-comment-form .comment-notes,.eb-comment-form .comment-form-cookies-consent,.eb-comment-form .eb-comment-form-title{grid-column:1/-1}
.eb-comment-form p{margin:0}
.eb-comment-form label{display:block;color:#ddd;font-size:13px;font-weight:700;margin-bottom:6px}
.eb-comment-form input,.eb-comment-form textarea{width:100%;background:#0d0d0d;color:#fff;border:1px solid #333;border-radius:7px;padding:12px 13px;outline:none}
.eb-comment-form textarea{resize:vertical;min-height:150px}
.eb-comment-form input:focus,.eb-comment-form textarea:focus{border-color:var(--eb-accent-2);box-shadow:0 0 0 2px rgba(181,31,73,.16)}
.eb-comment-form-title{margin:4px 0 0;font-size:20px;color:#fff}
.eb-comment-submit{background:var(--eb-accent-2)!important;color:#fff!important;border:0!important;border-radius:7px!important;padding:11px 18px!important;font-weight:800!important;cursor:pointer}

/* On the homepage the story grid gets the room that would otherwise be wasted by an empty sidebar. */
.home .eb-home-content .eb-sidebar{display:none}
.home .eb-home-content{display:block}
.home .eb-home-content>section{width:100%}
.home .eb-home-content .eb-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}

@media(max-width:1000px){
  .home .eb-home-content .eb-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eb-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .eb-article{padding:20px}
  .eb-article-title{font-size:32px}
  .eb-article-content{font-size:16px}
  .home .eb-home-content .eb-post-grid,.eb-related-grid{grid-template-columns:1fr}
  .eb-comment-form{grid-template-columns:1fr}
  .eb-comment-form .comment-form-comment,.eb-comment-form .form-submit,.eb-comment-form .logged-in-as,.eb-comment-form .comment-notes,.eb-comment-form .comment-form-cookies-consent,.eb-comment-form .eb-comment-form-title{grid-column:auto}
  .eb-comment-form .comment-form-comment,.eb-comment-form .form-submit,.eb-comment-form .logged-in-as,.eb-comment-form .comment-notes,.eb-comment-form .comment-form-cookies-consent,.eb-comment-form .eb-comment-form-title{grid-column:1}
}


/* Elizabethblog Theme 1.2.0 - compact magazine grid and no empty columns */
.home .eb-home-grid{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:22px}
.home .eb-home-content{display:block;width:100%;}
.home .eb-home-content>section{width:100%;}
.home .eb-home-content .eb-post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.eb-story-card{min-width:0;}
.eb-story-thumb{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#151515;}
.eb-story-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease;}
.eb-story-card:hover .eb-story-thumb img{transform:scale(1.025);}
.eb-card-topic{position:absolute;left:12px;bottom:12px;margin:0;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.35);}
.eb-story-card .eb-card-inner{padding:14px 15px 16px;}
.eb-story-card h2,.eb-story-card h3{font-size:20px;line-height:1.22;margin:0 0 8px;}
.eb-story-card p{font-size:13px;line-height:1.55;margin:0 0 8px;color:#aaa;}
.eb-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.eb-related-card .eb-story-thumb{aspect-ratio:16/10;}
.eb-related-card h3{font-size:20px;line-height:1.22;margin:0 0 8px;}
/* Keep single posts compact: no giant hero/blank region or unused sidebar. */
.single .eb-single-main .eb-container,.page .eb-single-main .eb-container{max-width:1120px;width:min(1120px,calc(100% - 32px));}
.single .eb-article,.page .eb-article{padding:28px 34px;}
.eb-article-featured{max-height:620px;aspect-ratio:16/9;}
.eb-article-featured img{width:100%;height:100%;object-fit:cover;}
.single .eb-article-content{max-width:920px;}
@media(max-width:1000px){
 .home .eb-home-grid{grid-template-columns:1fr;}
 .home .eb-home-grid .eb-side-list{grid-template-columns:repeat(2,minmax(0,1fr));}
 .home .eb-home-content .eb-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 .eb-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px){
 .home .eb-home-grid .eb-side-list{grid-template-columns:1fr;}
 .home .eb-home-content .eb-post-grid,.eb-related-grid{grid-template-columns:1fr;}
 .eb-story-thumb,.eb-related-card .eb-story-thumb{aspect-ratio:16/10;}
 .single .eb-single-main .eb-container,.page .eb-single-main .eb-container{width:min(100% - 20px,1120px);}
 .single .eb-article,.page .eb-article{padding:18px;}
 .eb-article-featured{max-height:none;aspect-ratio:16/10;}
}


/* Elizabethblog Theme 1.3.0 - configurable category carousel */
.eb-home-carousel{margin:28px 0 4px;}
.eb-category-carousel{margin:0 0 34px;background:#090909;border:1px solid #242424;border-radius:12px;padding:18px 18px 20px;overflow:hidden;}
.eb-category-carousel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #272727;}
.eb-category-carousel-head h2{margin:0;color:#fff;font-size:22px;line-height:1.2;}
.eb-carousel-controls{display:flex;gap:7px;}
.eb-carousel-controls button{width:36px;height:36px;border:1px solid #4d1a2d;background:#160a10;color:#fff;border-radius:7px;font-size:24px;line-height:1;cursor:pointer;}
.eb-carousel-controls button:hover{background:var(--eb-accent);}
.eb-category-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 1px 8px;scrollbar-width:thin;}
.eb-category-track::-webkit-scrollbar{height:7px;}
.eb-category-track::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:10px;}
.eb-carousel-card{min-width:0;scroll-snap-align:start;background:#111;border:1px solid #282828;border-radius:9px;overflow:hidden;}
.eb-carousel-thumb{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#161616;}
.eb-carousel-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease;}
.eb-carousel-card:hover .eb-carousel-thumb img{transform:scale(1.03);}
.eb-carousel-inner{padding:12px 13px 14px;}
.eb-carousel-inner h3{font-size:17px;line-height:1.25;margin:0 0 7px;color:#fff;}
.eb-carousel-inner .eb-meta{font-size:11px;}
.eb-category-carousel-widget{width:100%;}
.single .eb-category-carousel-widget{margin-top:34px;}
@media(max-width:1000px){
  .eb-category-track{grid-auto-columns:calc((100% - 20px)/3);}
}
@media(max-width:700px){
  .eb-category-carousel{padding:14px 12px 16px;border-radius:9px;}
  .eb-category-carousel-head h2{font-size:19px;}
  .eb-carousel-controls button{width:32px;height:32px;font-size:21px;}
  .eb-category-track{grid-auto-columns:78%;gap:12px;}
  .eb-carousel-inner h3{font-size:16px;}
}


/* Elizabethblog Theme 1.4.0 — white magazine layout + fixed category/reels sections */
:root{--eb-bg:#fff;--eb-surface:#fff;--eb-surface-2:#f7f7f8;--eb-text:#171717;--eb-muted:#666;--eb-border:#e4e4e7;--eb-accent:#8f1235;--eb-accent-2:#b51f49;}
body{background:#fff;color:#171717;}
.eb-top{background:#f7f7f7;border-bottom:1px solid #e7e7e7;color:#777}
.eb-nav{background:#fff;border-bottom:1px solid #e5e5e5}
.eb-nav a{color:#333}
.eb-nav a:hover,.eb-nav .current-menu-item>a{background:var(--eb-accent);color:#fff}
.eb-search-panel{background:#fff;border-bottom:1px solid #e5e5e5}
.eb-search-form input{background:#fff;color:#222;border-color:#d8d8dc}
.eb-search-results a{background:#fff;border-color:#e2e2e6}
.eb-card,.single .eb-article,.page .eb-article{background:#fff;border-color:#e2e2e6;box-shadow:0 3px 16px rgba(20,20,20,.045)}
.eb-card p,.eb-article-content{color:#555}
.eb-meta{color:#777}
.eb-home-content{margin-bottom:0}
.eb-home-section{margin-top:34px}
.eb-home-section:first-of-type{margin-top:38px}
.eb-home-widget{width:100%}
.eb-home-widget>.widget{background:transparent;border:0;padding:0}
.eb-category-carousel{background:#fff;border:1px solid #e2e2e6;box-shadow:0 3px 16px rgba(20,20,20,.045);padding:18px 18px 20px}
.eb-category-carousel-head{border-bottom-color:#e5e5e8}
.eb-category-carousel-head h2{color:#171717}
.eb-carousel-controls button{background:#fff;color:#222;border-color:#d9b8c3}
.eb-carousel-controls button:hover{background:var(--eb-accent);color:#fff}
.eb-category-track::-webkit-scrollbar-thumb{background:#c7c7cc}
.eb-carousel-card{background:#fff;border-color:#e4e4e7;box-shadow:0 2px 10px rgba(20,20,20,.035)}
.eb-carousel-inner h3{color:#171717}
.eb-carousel-inner .eb-meta{color:#777}
.eb-reels-grid{background:#fff;border:1px solid #e2e2e6;border-radius:12px;padding:18px;box-shadow:0 3px 16px rgba(20,20,20,.045)}
.eb-reels-head{display:flex;align-items:center;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid #e5e5e8}
.eb-reels-head h2{margin:0;color:#171717;font-size:22px;line-height:1.2}
.eb-reels-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.eb-reel-card{min-width:0;border:1px solid #e4e4e7;border-radius:10px;overflow:hidden;background:#fff}
.eb-reel-frame{aspect-ratio:9/16;background:#f3f3f4;display:flex;align-items:center;justify-content:center;overflow:hidden}
.eb-reel-frame iframe,.eb-reel-frame video,.eb-reel-frame blockquote{width:100%;height:100%;max-width:100%;margin:0;border:0;object-fit:cover}
.eb-reel-frame blockquote{overflow:auto;background:#fff}
.eb-reel-frame img{width:100%;height:100%;object-fit:cover}
.eb-reels-empty{margin:0;color:#777;font-size:14px}
.eb-footer{background:#fff;border-top:1px solid #e2e2e6;color:#666}
.eb-footer h3{color:#171717}
.eb-copy{border-top-color:#e5e5e8}
.eb-widget-help{font-size:12px;color:#777}
@media(max-width:1000px){.eb-reels-track{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.eb-home-section{margin-top:26px}.eb-category-carousel{padding:14px 12px 16px}.eb-reels-grid{padding:14px 12px}.eb-reels-track{grid-template-columns:1fr}.eb-reel-frame{aspect-ratio:9/16}}

/* Elizabethblog 1.4.1 — dedicated Reality carousel in the former blank homepage area */
.eb-reality-section{margin-top:34px;}
.eb-reality-section .eb-category-carousel{margin-bottom:0;}
@media(max-width:700px){.eb-reality-section{margin-top:26px;}}

/* 1.4.2 — Related Posts on single articles are static, never a carousel. */
.single .eb-related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.single .eb-related-item{min-width:0;background:var(--eb-surface);border:1px solid var(--eb-border);border-radius:var(--eb-radius);overflow:hidden;}
.single .eb-related-item .eb-card-thumb{aspect-ratio:16/10;}
.single .eb-related-item .eb-card-inner{padding:14px;}
.single .eb-related-item h3{font-size:19px;line-height:1.22;margin:0 0 8px;}
.single .eb-related-item p{color:var(--eb-muted);font-size:13px;margin:0 0 8px;}
@media(max-width:900px){.single .eb-related-list{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){.single .eb-related-list{grid-template-columns:1fr;}}


/* 1.4.3 — single posts: no Reality carousel and white comment form. */
.single .eb-comments,
.single .eb-comment-form{background:#fff;color:#171717;}
.single .eb-comment-list .comment{background:#fff;color:#171717;border-color:#e2e2e6;}
.single .eb-comment-list .comment-meta{color:#666;}
.single .eb-comment-list .comment-content{color:#333;}
.single .eb-comments{border-top-color:#e4e4e7;}
.single .eb-comment-form label{color:#333;}
.single .eb-comment-form input,
.single .eb-comment-form textarea{background:#fff;color:#171717;border:1px solid #d5d5da;box-shadow:none;}
.single .eb-comment-form input::placeholder,
.single .eb-comment-form textarea::placeholder{color:#888;}
.single .eb-comment-form input:focus,
.single .eb-comment-form textarea:focus{border-color:var(--eb-accent-2);background:#fff;box-shadow:0 0 0 2px rgba(181,31,73,.12);}
.single .eb-comment-form-title{color:#171717;}


/* Elizabethblog 1.4.6 — featured story matches the supplied mobile reference:
   full-width image followed by a black content panel with red category,
   large white headline and light excerpt. */
.eb-featured-image{cursor:pointer;}
@media(max-width:700px){
  .eb-home-grid{display:block;}
  .eb-featured{width:100%;border-radius:0;}
  .eb-featured-image{aspect-ratio:16/10;}
  .eb-featured-content{padding:26px 22px 30px;}
  .eb-featured h1{font-size:36px;line-height:1.08;margin-bottom:16px;letter-spacing:-.5px;}
  .eb-featured-excerpt{font-size:18px;line-height:1.55;margin-bottom:18px;}
  .eb-featured .eb-meta{font-size:12px;}
  .eb-kicker{font-size:12px;padding:8px 12px;margin-bottom:14px;}
}
@media(min-width:701px){
  .eb-featured{box-shadow:none;}
}


/* Elizabethblog 1.4.7 — header branding update */
.site-header,
.eb-site-header,
header.site-header,
header.eb-site-header {
  background-color:#17120f !important;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0, rgba(255,255,255,.025) 1px, transparent 1px, transparent 5px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.18) 0, rgba(0,0,0,.18) 2px, transparent 2px, transparent 11px),
    linear-gradient(135deg,#241b16 0%,#120e0c 48%,#201711 100%) !important;
  color:#fff !important;
}

.site-header .site-title,
.site-header .site-title a,
.eb-site-header .site-title,
.eb-site-header .site-title a,
.site-branding .site-title,
.site-branding .site-title a {
  color:#fff !important;
  font-weight:800 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.55);
}

.site-header .site-description,
.eb-site-header .site-description,
.site-branding .site-description,
.site-header .tagline,
.eb-site-header .tagline {
  display:none !important;
}


/* =========================================================
   Elizabethblog 1.4.8 — requested header/footer/comment design
   ========================================================= */

/* Dark black wooden-look header. */
.eb-header {
  background-color: #120e0b !important;
  background-image:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.035) 0px,
      rgba(255,255,255,.035) 1px,
      transparent 1px,
      transparent 5px
    ),
    repeating-linear-gradient(
      90deg,
      rgba(0,0,0,.22) 0px,
      rgba(0,0,0,.22) 2px,
      transparent 2px,
      transparent 13px
    ),
    linear-gradient(135deg, #2a211b 0%, #15110e 42%, #080706 100%) !important;
  border-bottom: 1px solid #30251e !important;
}

/* White, bold Elizabethblog title. */
.eb-header .site-title,
.eb-header .site-title a,
.eb-header .custom-logo-link {
  color: #fff !important;
  font-weight: 800 !important;
}

/* Remove the old burgundy-era tagline completely. */
.eb-header .site-tagline {
  display: none !important;
}

/* Black wooden-look footer. */
.eb-footer {
  background-color: #120e0b !important;
  background-image:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.035) 0px,
      rgba(255,255,255,.035) 1px,
      transparent 1px,
      transparent 5px
    ),
    repeating-linear-gradient(
      90deg,
      rgba(0,0,0,.22) 0px,
      rgba(0,0,0,.22) 2px,
      transparent 2px,
      transparent 13px
    ),
    linear-gradient(135deg, #2a211b 0%, #15110e 42%, #080706 100%) !important;
  border-top: 1px solid #30251e !important;
  color: #ddd !important;
}

/* Footer Elizabethblog name: bold white. */
.eb-footer h3,
.eb-footer h3 a,
.eb-footer .site-title,
.eb-footer .site-title a {
  color: #fff !important;
  font-weight: 800 !important;
}

/* Keep footer text readable on the wooden background. */
.eb-footer p,
.eb-footer li,
.eb-footer a {
  color: #ddd !important;
}
.eb-footer a:hover {
  color: #fff !important;
}

/* Comment area: clean white fields for Name, Email and Comment. */
.single .eb-comments,
.single .eb-comment-form {
  background: #fff !important;
  color: #171717 !important;
}

.single .eb-comment-form {
  grid-template-columns: 1fr 1fr;
}

.single .eb-comment-form label {
  color: #171717 !important;
}

/* Remove the visible "Comment *" label; the textarea remains. */
.single .eb-comment-form .comment-form-comment label {
  display: none !important;
}

.single .eb-comment-form input,
.single .eb-comment-form textarea {
  background: #fff !important;
  color: #171717 !important;
  border: 1px solid #d5d5da !important;
  box-shadow: none !important;
}

.single .eb-comment-form input::placeholder,
.single .eb-comment-form textarea::placeholder {
  color: #888 !important;
}

.single .eb-comment-form textarea {
  min-height: 170px;
}

@media (max-width: 640px) {
  .single .eb-comment-form {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   Elizabethblog 1.4.9 — final supplied-reference design
   ========================================================= */

/* Black wooden-look header. */
.eb-header {
  background-color: #0d0b09 !important;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0, rgba(255,255,255,.035) 1px, transparent 1px, transparent 5px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.24) 0, rgba(0,0,0,.24) 2px, transparent 2px, transparent 13px),
    linear-gradient(135deg, #241b16 0%, #12100e 45%, #050505 100%) !important;
  border-bottom: 1px solid #302820 !important;
}

.eb-header .site-title,
.eb-header .site-title a,
.eb-header .custom-logo-link {
  color: #fff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.65);
}

/* The supplied design has no header tagline. */
.eb-header .site-tagline,
.eb-header .site-description,
.eb-header .tagline {
  display: none !important;
}

/* Featured story: image first, then solid black content panel. */
.eb-featured {
  display: flex !important;
  flex-direction: column !important;
  background: #000 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.eb-featured-image {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
}

.eb-featured-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.eb-featured-content {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 30px 32px 34px !important;
  background: #000 !important;
  color: #fff !important;
}

.eb-featured .eb-kicker {
  background: #ed1745 !important;
  color: #fff !important;
  border-radius: 0 !important;
  font-weight: 900 !important;
}

.eb-featured h1,
.eb-featured h1 a {
  color: #fff !important;
  font-weight: 900 !important;
}

.eb-featured-excerpt {
  color: #eee !important;
}

/* On phones the reference shows the featured story without the right-side cards. */
@media (max-width: 700px) {
  .eb-home-grid { display: block !important; }
  .eb-featured-image { aspect-ratio: 4 / 5 !important; }
  .eb-featured-content { padding: 26px 20px 30px !important; }
  .eb-featured h1 { font-size: 36px !important; line-height: 1.08 !important; }
  .eb-featured-excerpt { font-size: 18px !important; line-height: 1.55 !important; }
  .eb-side-list { display: none !important; }
}

/* Clean guest comment form: Name, Email, Comment box, Post Comment. */
.single .eb-comment-form .comment-form-comment label {
  display: none !important;
}
.single .eb-comment-form .required {
  display: none !important;
}
.single .eb-comment-form input,
.single .eb-comment-form textarea {
  background: #fff !important;
  color: #171717 !important;
  border: 1px solid #d5d5da !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}
.single .eb-comment-form input::placeholder,
.single .eb-comment-form textarea::placeholder {
  color: #888 !important;
}
.single .eb-comment-form textarea {
  min-height: 180px !important;
}
.single .eb-comment-submit {
  width: 100% !important;
  background: #111 !important;
  color: #fff !important;
  border-radius: 5px !important;
}

/* Black wooden-look footer. */
.eb-footer {
  background-color: #0d0b09 !important;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0, rgba(255,255,255,.035) 1px, transparent 1px, transparent 5px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.24) 0, rgba(0,0,0,.24) 2px, transparent 2px, transparent 13px),
    linear-gradient(135deg, #241b16 0%, #12100e 45%, #050505 100%) !important;
  border-top: 1px solid #302820 !important;
  color: #ddd !important;
}

.eb-footer h3,
.eb-footer h3 a,
.eb-footer .site-title,
.eb-footer .site-title a {
  color: #fff !important;
  font-weight: 900 !important;
}

.eb-footer p,
.eb-footer li,
.eb-footer a,
.eb-copy {
  color: #ddd !important;
}


/* =========================================================
   Elizabethblog 1.5.0 — final client-requested polish
   ========================================================= */

/* Keep the header and footer visually consistent with a very dark
   black-wood finish without requiring an external image asset. */
.eb-header,
.eb-footer {
  background-color: #0a0807 !important;
  background-image:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.035) 0,
      rgba(255,255,255,.035) 1px,
      transparent 1px,
      transparent 5px
    ),
    repeating-linear-gradient(
      90deg,
      rgba(0,0,0,.28) 0,
      rgba(0,0,0,.28) 2px,
      transparent 2px,
      transparent 13px
    ),
    linear-gradient(135deg, #211812 0%, #110e0b 45%, #030303 100%) !important;
}

.eb-header .site-title,
.eb-header .site-title a {
  color: #fff !important;
  font-weight: 900 !important;
}

.eb-header .site-tagline,
.eb-header .site-description,
.eb-header .tagline {
  display: none !important;
}

/* Featured post: image followed by the black editorial panel shown
   in the supplied mobile reference. */
.eb-featured {
  display: flex !important;
  flex-direction: column !important;
  background: #000 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

.eb-featured-content {
  position: static !important;
  width: 100% !important;
  padding: 30px 32px 34px !important;
  background: #000 !important;
  color: #fff !important;
}

.eb-featured h1,
.eb-featured h1 a {
  color: #fff !important;
  font-weight: 900 !important;
}

.eb-featured .eb-kicker {
  background: #ed1745 !important;
  color: #fff !important;
  font-weight: 900 !important;
  border-radius: 0 !important;
}

.eb-featured-excerpt {
  color: #eee !important;
}

/* Reference-style comments area. */
.single .eb-comments {
  background: #fff !important;
  color: #171717 !important;
}

.single .eb-comments-title {
  background: #8f1235 !important;
  color: #fff !important;
}

.single .eb-comment-form {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  background: #fff !important;
  color: #171717 !important;
}

.single .eb-comment-form .comment-form-comment,
.single .eb-comment-form .form-submit,
.single .eb-comment-form .logged-in-as,
.single .eb-comment-form .comment-notes,
.single .eb-comment-form .comment-form-cookies-consent,
.single .eb-comment-form .eb-comment-form-title {
  grid-column: 1 / -1 !important;
}

.single .eb-comment-form p {
  margin: 0 !important;
}

.single .eb-comment-form label {
  display: block !important;
  color: #171717 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  margin: 0 0 6px !important;
}

/* The comment label has no required asterisk. */
.single .eb-comment-form .comment-form-comment label {
  display: block !important;
}
.single .eb-comment-form .comment-form-comment label .required {
  display: none !important;
}

.single .eb-comment-form input,
.single .eb-comment-form textarea {
  width: 100% !important;
  background: #fff !important;
  color: #171717 !important;
  border: 1px solid #d5d5da !important;
  border-radius: 4px !important;
  padding: 12px 13px !important;
  box-shadow: none !important;
}

.single .eb-comment-form textarea {
  min-height: 180px !important;
  resize: vertical !important;
}

.single .eb-comment-form input::placeholder,
.single .eb-comment-form textarea::placeholder {
  color: #888 !important;
}

.single .eb-comment-form-title {
  color: #171717 !important;
  text-transform: uppercase !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

.single .eb-comment-form .comment-form-cookies-consent {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
}

.single .eb-comment-form .comment-form-cookies-consent input {
  width: auto !important;
  margin-top: 4px !important;
  padding: 0 !important;
}

.single .eb-comment-form .comment-form-cookies-consent label {
  margin: 0 !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.single .eb-comment-submit {
  width: auto !important;
  min-width: 120px !important;
  background: #111 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 4px !important;
  padding: 11px 18px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

/* Footer branding. */
.eb-footer h3,
.eb-footer h3 a,
.eb-footer .site-title,
.eb-footer .site-title a {
  color: #fff !important;
  font-weight: 900 !important;
}

.eb-footer p,
.eb-footer li,
.eb-footer a,
.eb-footer .eb-copy {
  color: #ddd !important;
}

@media (max-width: 700px) {
  .eb-featured-image {
    aspect-ratio: 4 / 5 !important;
  }

  .eb-featured-content {
    padding: 26px 20px 30px !important;
  }

  .eb-featured h1 {
    font-size: 36px !important;
    line-height: 1.08 !important;
  }

  .eb-featured-excerpt {
    font-size: 18px !important;
    line-height: 1.55 !important;
  }

  .eb-side-list {
    display: none !important;
  }

  .single .eb-comment-form {
    grid-template-columns: 1fr !important;
  }

  .single .eb-comment-form .comment-form-comment,
  .single .eb-comment-form .form-submit,
  .single .eb-comment-form .logged-in-as,
  .single .eb-comment-form .comment-notes,
  .single .eb-comment-form .comment-form-cookies-consent,
  .single .eb-comment-form .eb-comment-form-title {
    grid-column: 1 !important;
  }
}


/* 1.5.1 — individual post comments match the supplied Leave a Reply reference. */
.single .eb-comments {
  margin-top: 44px;
  padding: 38px 0 12px;
  border-top: 1px solid #e4e4e4;
  background: #fff;
  color: #222;
}
.single .eb-comments-title {
  display: block;
  margin: 0 0 24px;
  padding: 0;
  background: transparent;
  border-radius: 0;
  color: #222;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 800;
  text-transform: uppercase;
}
.single .eb-comment-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0;
  max-width: 100%;
}
.single .eb-comment-form .comment-form-comment,
.single .eb-comment-form .comment-form-author,
.single .eb-comment-form .comment-form-email,
.single .eb-comment-form .comment-form-url,
.single .eb-comment-form .comment-notes,
.single .eb-comment-form .logged-in-as,
.single .eb-comment-form .comment-form-cookies-consent,
.single .eb-comment-form .form-submit {
  width: 100%;
  margin: 0;
}
.single .eb-comment-form label {
  display: block;
  margin: 0 0 7px;
  color: #333;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
}
.single .eb-comment-form input,
.single .eb-comment-form textarea {
  box-sizing: border-box;
  width: 100%;
  background: #fff;
  color: #222;
  border: 1px solid #d8d8d8;
  border-radius: 0;
  padding: 11px 12px;
  outline: none;
  box-shadow: none;
  font-size: 14px;
}
.single .eb-comment-form textarea {
  min-height: 190px;
  resize: vertical;
}
.single .eb-comment-form input::placeholder,
.single .eb-comment-form textarea::placeholder {
  color: #999;
}
.single .eb-comment-form input:focus,
.single .eb-comment-form textarea:focus {
  border-color: #999;
  box-shadow: none;
}
.single .eb-comment-form .comment-form-cookies-consent {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 2px;
}
.single .eb-comment-form .comment-form-cookies-consent input[type="checkbox"] {
  width: auto;
  margin: 3px 0 0;
  padding: 0;
}
.single .eb-comment-form .comment-form-cookies-consent label {
  margin: 0;
  color: #444;
  font-size: 13px;
  font-weight: 400;
}
.single .eb-comment-submit {
  display: inline-block;
  width: auto !important;
  background: #171717 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 2px !important;
  padding: 10px 16px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  cursor: pointer;
}
.single .eb-comment-submit:hover,
.single .eb-comment-submit:focus {
  background: #000 !important;
}
.single .eb-comment-list {
  margin: 0 0 28px;
}


/* =========================================================
   Elizabethblog 1.5.1 — Reels grid / Shorts-style badge
   ========================================================= */
.eb-reels-grid {
  position: relative;
}
.eb-reels-track {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
.eb-reel-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
}
.eb-reel-frame {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
}
.eb-reel-badge {
  position: absolute !important;
  z-index: 20 !important;
  top: 10px !important;
  left: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 10px !important;
  background: rgba(0,0,0,.82) !important;
  color: #fff !important;
  border-radius: 3px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.35) !important;
  pointer-events: none !important;
}
.eb-reel-badge-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 14px !important;
  height: 14px !important;
  font-size: 8px !important;
  line-height: 1 !important;
  color: #fff !important;
}
@media (max-width: 1000px) {
  .eb-reels-track {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 700px) {
  .eb-reels-track {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  .eb-reel-frame {
    aspect-ratio: 9 / 16 !important;
  }
  .eb-reel-badge {
    top: 8px !important;
    left: 8px !important;
    padding: 5px 8px !important;
    font-size: 11px !important;
  }
}
