/*
Theme Name: WebName
Theme URI: https://example.com/webname
Author: Dyar.pk
Author URI: https://dyar.pk
Description: A dark-themed WordPress theme built for movie / web-series / download style sites. Clickable poster-style post cards, a widget-driven header CTA row (Trending / Most Viewed / custom buttons), threaded comments with replies, and an optional post-only sidebar plus a below-content widget area.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: webname
Tags: dark, grid-layout, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, widgets
*/

/* ==========================================================
   0. Variables & Reset
   ========================================================== */
:root{
	--bg:#0b0d12;
	--bg-alt:#12151c;
	--header-bg:#0a0a10;
	--nav-bg:#282c36;
	--card-bg:#4c5b73;
	--card-bg-alt:#3f4c60;
	--panel-bg:#171a21;
	--border:#2b2f3a;
	--text:#e7eaf0;
	--text-muted:#9aa4b5;
	--white:#ffffff;
	--blue:#2196f3;
	--blue-light:#4fc3f7;
	--green:#27ae60;
	--red:#e74c3c;
	--orange:#f5a623;
	--fire:#ff6b35;
	--tab-bg:#363b46;
	--radius:8px;
	--radius-sm:4px;
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
	background:var(--bg);
	color:var(--text);
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	margin:0;
	line-height:1.6;
	font-size:15px;
}
body.nav-is-open{overflow:hidden;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--blue-light);text-decoration:none;transition:color .15s ease;}
a:hover{color:var(--white);}
ul{margin:0;padding:0;list-style:none;}
input,button,textarea,select{font-family:inherit;font-size:inherit;}
button{cursor:pointer;}
.container{max-width:1200px;margin:0 auto;padding:0 16px;}
.screen-reader-text{position:absolute;left:-9999px;}
.widget-title{font-size:14px;text-transform:uppercase;letter-spacing:.4px;color:#fff;margin:0 0 12px;}

/* ==========================================================
   1. Header
   ========================================================== */
.site-header{background:var(--header-bg);position:relative;z-index:100;}

/* Row 1: logo (+ hamburger on mobile) */
.header-row-logo{background:var(--header-bg);position:relative;}
.header-row-logo::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(1168px,92%);height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--border) 12%,var(--border) 88%,transparent);}
.logo-row-inner{display:flex;align-items:center;justify-content:space-between;padding:16px;}
.site-branding{flex:0 0 auto;}
.site-logo-text{font-size:26px;font-weight:800;color:var(--white);letter-spacing:.5px;}
.site-branding a.site-logo-text{
	background:linear-gradient(90deg,#ffffff 0%,#ffffff 40%,#7c6cf2 60%,#33b8f5 100%);
	-webkit-background-clip:text;background-clip:text;
}
.site-branding img.custom-logo{max-height:50px;width:auto;}

/* Row 2: primary nav (left) + Trending / Most Viewed / CTA buttons (right) */
.header-row-nav{background:var(--bg);position:relative;}
.header-row-nav::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(1168px,92%);height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--border) 12%,var(--border) 88%,transparent);}
.nav-row-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 16px;flex-wrap:wrap;}

.main-navigation{flex:1 1 auto;min-width:0;}
.primary-menu{display:flex;flex-wrap:wrap;gap:2px;}
.primary-menu li{position:relative;display:flex;align-items:stretch;}
.primary-menu > li > .menu-link{
	display:flex;align-items:center;padding:12px 16px;color:#dfe3ea;font-weight:600;font-size:13.5px;
	text-transform:uppercase;letter-spacing:.4px;border-radius:var(--radius-sm);
}
.primary-menu > li:hover > .menu-link,
.primary-menu > li.current-menu-item > .menu-link{background:var(--nav-bg);color:var(--blue-light);}

/* Dropdown panel: fades + slides in, nicer spacing/shadow than a plain box */
.primary-menu ul.sub-menu{
	display:block;position:absolute;top:100%;left:0;background:#1c1f27;min-width:220px;
	border:1px solid var(--border);border-radius:10px;z-index:50;padding:8px;margin-top:6px;
	box-shadow:0 18px 40px rgba(0,0,0,.5);
	opacity:0;visibility:hidden;transform:translateY(-6px);
	transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.primary-menu li:hover > ul.sub-menu{opacity:1;visibility:visible;transform:translateY(0);}
.primary-menu ul.sub-menu li{display:block;}
.primary-menu ul.sub-menu .menu-link{
	display:block;padding:10px 14px;font-size:13px;text-transform:none;border-radius:6px;font-weight:500;
}
.primary-menu ul.sub-menu .menu-link:hover{background:var(--nav-bg);color:var(--blue-light);}
.primary-menu ul.sub-menu li + li{margin-top:1px;}

/* Chevron / dropdown-toggle: decorative on desktop (hover already opens the
   menu), a real tappable button on mobile — see the media query below. */
.submenu-toggle{
	background:transparent;border:none;color:#9aa4b5;display:flex;align-items:center;justify-content:center;
	padding:0 10px;pointer-events:none;
}
.chevron{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease;margin-top:-3px;}
.submenu-open > .submenu-toggle .chevron{transform:rotate(-135deg);margin-top:3px;}

.mobile-menu-toggle{
	display:none;background:transparent;border:none;padding:8px;
	flex-direction:column;gap:5px;
}
.mobile-menu-toggle span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:transform .2s ease,opacity .2s ease;}
.nav-overlay{display:none;}

/* Trending / Most Viewed + widget-driven CTA buttons, same row as the menu */
.header-buttons-inline{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex:0 0 auto;}
.hdr-btn{
	display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:999px;
	font-weight:700;font-size:13.5px;background:var(--tab-bg);color:var(--text);
	transition:transform .12s ease,background .15s ease;
}
.hdr-btn:hover{transform:translateY(-1px);color:#fff;}
.hdr-btn-trending{background:linear-gradient(90deg,#ff6b35,#f5a623);color:#1a1200;}
.hdr-btn-trending:hover{color:#1a1200;filter:brightness(1.08);}
.hdr-btn-most-viewed:hover{background:#454b59;}
.hdr-btn.is-active{outline:2px solid var(--blue-light);outline-offset:1px;}
.hdr-btn-emoji{font-size:15px;}

.header-cta-widgets{display:flex;flex-wrap:wrap;gap:10px;}
.header-cta-widgets .widget{margin:0;}
/* Any link dropped into the "Header Buttons" widget area becomes a stylish
   pill button automatically — no manual styling needed. */
.header-cta-widgets a{
	display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:999px;
	font-weight:700;font-size:13.5px;color:#fff;
	background:linear-gradient(90deg,#1e88e5,#29b6f6);
	transition:transform .12s ease,filter .15s ease;
}
.header-cta-widgets a:hover{transform:translateY(-1px);filter:brightness(1.1);color:#fff;}

/* Search row (homepage / search results only) */
.header-search-row{background:var(--header-bg);padding:14px 0;position:relative;}
.header-search-row::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(1168px,92%);height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--border) 12%,var(--border) 88%,transparent);}
.site-search{display:flex;max-width:560px;margin:0 auto;}
.site-search input[type="search"]{
	flex:1;background:var(--bg-alt);border:1px solid var(--border);color:var(--text);
	padding:12px 16px;border-radius:999px 0 0 999px;outline:none;min-width:0;
}
.site-search input[type="search"]:focus{border-color:var(--blue-light);}
.site-search button{
	background:var(--blue);border:none;color:#fff;padding:0 22px;border-radius:0 999px 999px 0;font-weight:700;
}
.site-search button:hover{background:#1c86e0;}

/* Notice bar */
.site-notice{background:var(--green);color:#fff;padding:10px 0;}
.notice-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600;font-size:14px;}
.notice-close{background:transparent;border:none;color:#fff;font-size:20px;line-height:1;}

/* ==========================================================
   2. Layout (sidebar only ever appears on single posts)
   ========================================================== */
.site-content{padding:28px 0 48px;}
.layout-with-sidebar{display:flex;gap:32px;align-items:flex-start;}
.layout-with-sidebar .site-main{flex:1 1 0;min-width:0;}
.layout-with-sidebar .widget-area{flex:0 0 300px;}
@media (max-width:900px){
	.layout-with-sidebar{flex-direction:column;}
	.layout-with-sidebar .widget-area{flex:1 1 auto;width:100%;}
}

/* ==========================================================
   3. Post grid — whole card is one clickable box
   ========================================================== */
.posts-grid{
	display:grid;grid-template-columns:repeat(5,1fr);gap:20px;
}
@media (max-width:1100px){.posts-grid{grid-template-columns:repeat(4,1fr);}}
@media (max-width:860px){.posts-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:620px){.posts-grid{grid-template-columns:repeat(2,1fr);gap:14px;}}
@media (max-width:360px){.posts-grid{gap:10px;}}

.post-card{
	display:flex;flex-direction:column;background:var(--panel-bg);border:1px solid var(--border);
	border-radius:var(--radius);overflow:hidden;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.post-card:hover{
	transform:translateY(-4px);border-color:var(--blue-light);color:inherit;
	box-shadow:0 14px 28px rgba(0,0,0,.4);
}
/* Every card thumbnail keeps the same 2:3 poster ratio as the 1000x1500 crop,
   scaling fluidly instead of a fixed pixel height, so it stays correct on
   any screen size. */
.post-card-thumb{display:block;overflow:hidden;background:var(--card-bg);aspect-ratio:2/3;}
.post-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease;}
.post-card:hover .post-card-thumb img{transform:scale(1.04);}
.placeholder-thumb{
	background:linear-gradient(180deg,var(--card-bg) 0%,var(--card-bg-alt) 100%);
	width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#dfe4ea;
}
.placeholder-thumb.small{aspect-ratio:2/3;height:auto;}
.ph-icon{width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-bottom:26px solid #7f8fa6;position:relative;}
.ph-icon::after{content:"";position:absolute;left:-34px;bottom:-2px;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:18px solid #9aa9bd;}
.ph-label{font-size:12px;color:#c9cfd8;}
.placeholder-thumb.small .ph-label{font-size:10px;}

/* Fixed-size title area: same height on every card regardless of title
   length, text itself hard-capped server-side at 150 characters and visually
   clamped to 3 lines here as a second safety net. */
.post-card-body{display:block;padding:12px 14px 16px;flex:1;}
.post-card-title{
	font-size:15px;margin:0;font-weight:700;color:var(--white);line-height:1.4;
}

/* ==========================================================
   3b. Pagination
   ========================================================== */
.webname-pagination{margin-top:36px;}
.webname-pagination ul{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;}
.page-numbers{
	display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 14px;
	background:var(--panel-bg);border:1px solid var(--border);border-radius:999px;color:var(--text);
	font-weight:700;font-size:13.5px;transition:background .15s ease,border-color .15s ease,transform .12s ease;
}
a.page-numbers:hover{background:var(--tab-bg);border-color:var(--blue-light);transform:translateY(-1px);color:#fff;}
.page-numbers.current{background:linear-gradient(90deg,var(--blue),var(--blue-light));border-color:transparent;color:#08202f;}
.page-numbers.dots{background:transparent;border-color:transparent;}

/* ==========================================================
   4. Single Post
   ========================================================== */
.single-post-title{font-size:30px;margin:0 0 18px;color:#fff;line-height:1.3;}

/* Featured image: same 2:3 poster ratio as the grid, capped to a readable
   width on desktop, full width on mobile. */
.single-post-thumb{max-width:400px;margin:0 0 22px;border-radius:var(--radius);overflow:hidden;background:var(--card-bg);}
.single-post-thumb .post-thumb-img,.single-post-thumb img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;}
.single-post-thumb .placeholder-thumb{aspect-ratio:2/3;height:auto;}
@media (max-width:600px){.single-post-thumb{max-width:280px;}}

.movie-credits{margin-bottom:18px;}
.rating-block{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.rating-badge{background:var(--orange);color:#1a1200;font-weight:800;font-size:15px;padding:6px 10px;border-radius:50%;min-width:36px;text-align:center;}
.rating-text{font-size:13.5px;color:#dfe3ea;}
.movie-credits p{margin:6px 0;font-size:13.5px;color:#c6cbd4;}
.movie-credits p strong{color:#dfe3ea;}

.section-heading{font-size:16px;font-weight:700;margin:22px 0 10px;}
.section-heading.blue{color:var(--blue-light);}
.section-heading.green{color:#2ecc71;}
.details-list{margin:0 0 20px;padding-left:20px;list-style:disc;color:#c6cbd4;font-size:14px;}
.details-list li{margin-bottom:4px;}
.details-list strong{color:#fff;}

.entry-content{color:#c6cbd4;font-size:14.5px;margin:18px 0;}
.entry-content :is(h1,h2,h3,h4){color:#fff;}
.entry-content img{border-radius:var(--radius);}
.entry-content a{color:var(--blue-light);}
.entry-content .page-links{margin-top:16px;font-size:13px;color:var(--text-muted);}

.screenshot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:10px;}
.screenshot-grid img,.screenshot-grid .placeholder-thumb{height:130px;border-radius:var(--radius);}
@media (max-width:620px){.screenshot-grid{grid-template-columns:repeat(2,1fr);}}

.downloads-block{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin:22px 0;}
.downloads-block h3{text-align:center;color:#fff;font-size:16px;margin:0 0 14px;}
.download-row{
	display:flex;align-items:center;gap:12px;flex-wrap:wrap;
	background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:10px;
}
.download-row .dl-title{flex:1 1 240px;color:var(--blue-light);font-weight:600;font-size:13.5px;}
.download-row .dl-size{color:var(--orange);font-weight:600;font-size:13px;}
.download-row .dl-actions{display:flex;gap:8px;margin-left:auto;}
.dl-btn{padding:8px 16px;border-radius:var(--radius-sm);font-weight:700;font-size:12.5px;color:#fff;}
.dl-btn.primary{background:var(--green);}
.dl-btn.secondary{background:var(--red);}

.post-below-widgets{margin:26px 0;}
.post-below-widgets .widget{margin-bottom:16px;}

.related-posts{margin-top:32px;}
.related-posts h3{font-size:17px;color:#fff;margin-bottom:14px;}

/* ==========================================================
   5. Post-only Sidebar
   ========================================================== */
.widget-area .widget{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:18px;}
.widget-area .widget ul{list-style:none;}
.widget-area .widget li{margin-bottom:8px;}
.widget-area .widget a{color:var(--text);}
.widget-area .widget a:hover{color:var(--blue-light);}
.widget-area .widget select,.widget-area .widget input[type="text"],.widget-area .widget input[type="search"]{
	width:100%;background:var(--bg-alt);border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:var(--radius-sm);
}
.widget-empty-hint{color:var(--text-muted);font-size:12.5px;border-style:dashed;}

/* ==========================================================
   6. Comments (threaded, with replies & avatars)
   ========================================================== */
.comments-area{margin-top:36px;}
.comments-title{font-size:19px;color:#fff;margin-bottom:16px;}

.comment-list{margin:0 0 24px;}
.comment-list .children{margin:14px 0 0 20px;padding-left:20px;border-left:2px solid var(--border);}
.comment-item{margin-bottom:14px;}
.comment-body{display:flex;gap:12px;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px;}
.comment-avatar{flex:0 0 auto;}
.comment-avatar img{border-radius:50%;display:block;}
.comment-main{flex:1;min-width:0;}
.comment-header{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px;}
.comment-author{font-weight:700;font-size:13.5px;color:#fff;}
.comment-date{font-size:11.5px;color:var(--text-muted);}
.comment-content{font-size:13.5px;color:#c6cbd4;}
.comment-content p{margin:0 0 8px;}
.comment-content p:last-child{margin-bottom:0;}
.comment-awaiting-moderation{font-size:12px;color:var(--orange);font-style:italic;margin:4px 0;}
.comment-actions{margin-top:8px;}
.comment-actions a,.comment-reply-link{
	display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--blue-light);
}
.comment-actions a:hover{color:#fff;}
.reply-icon{font-size:14px;}
.bypostauthor > .comment-body{border-color:var(--blue-light);}

.comments-pagination,.comment-navigation{margin-bottom:20px;}
.comments-pagination .nav-links,.comment-navigation .nav-links{display:flex;justify-content:space-between;gap:10px;}

.comment-respond{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px;}
.comment-reply-title{font-size:16px;color:#fff;margin:0 0 6px;display:flex;align-items:center;gap:10px;}
.comment-reply-title small a{font-size:12px;font-weight:600;color:var(--red);}
.logged-in-as{font-size:12.5px;color:var(--text-muted);margin-bottom:14px;}
.logged-in-as a{color:var(--blue-light);}
.comment-notes{font-size:12.5px;color:var(--text-muted);margin-bottom:14px;}
.comment-form p{margin:0 0 14px;}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{
	width:100%;background:var(--bg-alt);border:1px solid var(--border);color:var(--text);padding:11px 14px;border-radius:var(--radius-sm);
}
.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:var(--blue-light);}
.comment-form textarea{min-height:120px;resize:vertical;}
.comment-form .comment-form-cookies-consent{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-muted);}
.comment-form .comment-form-cookies-consent input{width:auto;margin:0;}
.comment-form input[type="submit"]{
	background:linear-gradient(90deg,var(--green),#2ecc71);border:none;color:#fff;padding:12px 26px;border-radius:999px;
	font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.3px;transition:filter .15s ease,transform .12s ease;
}
.comment-form input[type="submit"]:hover{filter:brightness(1.08);transform:translateY(-1px);}

/* ==========================================================
   7. Advanced filter page
   ========================================================== */
.advanced-filter-form{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.advanced-filter-form label{font-size:12.5px;color:var(--text-muted);display:block;margin-bottom:6px;}
.advanced-filter-form select,.advanced-filter-form input{width:100%;background:var(--bg-alt);border:1px solid var(--border);color:var(--text);padding:9px 10px;border-radius:var(--radius-sm);}
.advanced-filter-form .submit-cell{grid-column:1/-1;text-align:right;}
.advanced-filter-form button{background:var(--blue);border:none;color:#fff;padding:10px 22px;border-radius:999px;font-weight:700;}
@media (max-width:760px){.advanced-filter-form{grid-template-columns:1fr 1fr;}}

/* ==========================================================
   8. Footer
   ========================================================== */
.site-footer{background:var(--header-bg);padding:24px 0;margin-top:20px;position:relative;}
.site-footer::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(1168px,92%);height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--border) 12%,var(--border) 88%,transparent);}
.footer-nav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:10px;}
.footer-nav a{color:var(--text-muted);font-size:13px;padding:0 10px;border-right:1px solid var(--border);}
.footer-nav li:last-child a{border-right:none;}
.site-info{text-align:center;color:var(--text-muted);font-size:12.5px;margin:0;}

/* ==========================================================
   9. Misc / pages / 404
   ========================================================== */
.page-title{font-size:24px;color:#fff;margin-bottom:16px;}
.error-404{text-align:center;padding:60px 0;}
.error-404 h1{font-size:80px;margin:0;color:var(--card-bg);}

/* ==========================================================
   10. Mobile (off-canvas nav + responsive tweaks)
   ========================================================== */
@media (max-width:860px){
	.mobile-menu-toggle{display:flex;}

	.main-navigation{
		position:fixed;top:0;left:-300px;width:280px;height:100vh;background:#12151c;
		padding:70px 18px 24px;overflow-y:auto;transition:left .25s ease;z-index:200;
		box-shadow:8px 0 24px rgba(0,0,0,.5);
	}
	.main-navigation.is-open{left:0;}
	.primary-menu{flex-direction:column;gap:0;}
	.primary-menu li{display:block;}
	.primary-menu > li{display:flex;flex-direction:column;border-bottom:1px solid var(--border);}
	.primary-menu > li > .menu-link{padding:13px 10px;border-radius:0;flex:1;}
	.primary-menu li:hover > .menu-link{background:transparent;} /* hover doesn't mean anything on touch */

	/* The chevron becomes a real, tappable button on mobile — separate from
	   the link, so tapping it opens the dropdown without navigating. */
	.submenu-toggle{pointer-events:auto;width:44px;height:44px;position:absolute;top:0;right:0;}

	.primary-menu ul.sub-menu{
		position:static;border:none;box-shadow:none;background:#181b23;margin:0;padding:4px 0 4px 14px;
		opacity:1;visibility:visible;transform:none;display:none;
	}
	.primary-menu li.submenu-open > ul.sub-menu{display:block;}
	.primary-menu ul.sub-menu .menu-link{padding:12px 10px;}

	.nav-overlay{
		display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;
		transition:opacity .25s ease;z-index:150;
	}
	.nav-overlay.is-open{opacity:1;visibility:visible;}

	/* Nav row on mobile: the menu itself is off-canvas, so this row now just
	   holds the Trending / Most Viewed / CTA buttons — laid out as a sleek,
	   horizontally-scrollable pill row instead of wrapping awkwardly. */
	.nav-row-inner{padding:10px 0;}
	.header-buttons-inline{
		flex-wrap:nowrap;overflow-x:auto;gap:8px;width:100%;padding:0 16px;
		scrollbar-width:none;-ms-overflow-style:none;
	}
	.header-buttons-inline::-webkit-scrollbar{display:none;}
	.hdr-btn{padding:8px 16px;font-size:12.5px;flex:0 0 auto;white-space:nowrap;box-shadow:0 4px 10px rgba(0,0,0,.3);}
	.header-cta-widgets{flex-wrap:nowrap;flex:0 0 auto;}
	.header-cta-widgets a{white-space:nowrap;box-shadow:0 4px 10px rgba(0,0,0,.3);}

	.single-post-title{font-size:22px;}
	.downloads-block{padding:12px;}
	.download-row .dl-actions{width:100%;justify-content:flex-start;margin-left:0;}
	.comment-body{gap:9px;padding:11px;}
	.comment-avatar img{width:36px;height:36px;}
	.comment-list .children{margin-left:12px;padding-left:12px;}
}

@media (max-width:480px){
	.container{padding:0 12px;}
	.details-list{padding-left:18px;font-size:13px;}
	.advanced-filter-form{grid-template-columns:1fr;}
	.logo-row-inner{padding:14px 16px;}
	.site-logo-text{font-size:22px;}
}