/*
	Theme Name:   	Muvipro Child — Netflix Edition
	Theme URI:    	https://www.idtheme.com/muvipro/
	Description:  	Muvipro Child Theme — Netflix-style dark design. SEO-safe: CSS oo kaliya, markup/schema lama taabanin.
	Author: 		kentooz - Gian MR
	Author URI: 	http://gianmr.com
	Version: 		1.1.0
	License: 		GNU General Public License v2 or later
	License URI: 	http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: 	muvipro
	Template:     	muvipro
*/

/* ==========================================================================
   NOTE: @import waa la tirtiray. Parent style.css waxaa lagu soo raraa
   functions.php (wp_enqueue_style) — taasi waa ka dheereyd 200ms+.
   ========================================================================== */

/* ==========================================================================
   #1 — DESIGN TOKENS (Netflix palette)
   ========================================================================== */
:root {
	/* Surfaces */
	--nf-bg:            #141414;  /* Netflix background */
	--nf-bg-deep:       #000000;  /* header / footer */
	--nf-surface:       #181818;  /* card */
	--nf-surface-2:     #232323;  /* hovered card / input */
	--nf-surface-3:     #2f2f2f;  /* borders-ka adag */

	/* Brand */
	--nf-red:           #e50914;  /* Netflix red */
	--nf-red-hover:     #f6121d;
	--nf-red-dim:       rgba(229, 9, 20, 0.15);

	/* Text */
	--nf-text:          #ffffff;
	--nf-text-soft:     #d2d2d2;
	--nf-text-dim:      #8c8c8c;  /* AA-compliant on #141414 */

	/* Lines & shadows */
	--nf-border:        rgba(255, 255, 255, 0.10);
	--nf-border-strong: rgba(255, 255, 255, 0.22);
	--nf-shadow:        0 8px 24px rgba(0, 0, 0, 0.65);
	--nf-shadow-lg:     0 16px 48px rgba(0, 0, 0, 0.8);

	/* Accents */
	--nf-gold:          #f5c518;  /* IMDb-style rating */
	--nf-green:         #46d369;  /* Netflix "match" green */

	/* Shape & motion */
	--nf-radius:        4px;
	--nf-radius-lg:     8px;
	--nf-ease:          cubic-bezier(0.25, 0.46, 0.45, 0.94);
	--nf-dur:           0.28s;

	/* Type — Netflix Sans ugu dhow: system UI stack (0 network request) */
	--nf-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
	           "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

/* Dadka doonaya inay dhaqdhaqaaqa yareeyaan (accessibility) */
@media (prefers-reduced-motion: reduce) {
	:root { --nf-dur: 0.01s; }
	* { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

/* ==========================================================================
   #2 — BASE / TYPOGRAPHY
   ========================================================================== */
html {
	background-color: var(--nf-bg);
	-webkit-text-size-adjust: 100%;
}

body,
body.custom-background {
	background-color: var(--nf-bg);
	color: var(--nf-text-soft);
	font-family: var(--nf-font);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body,
button, input, select, optgroup, textarea,
h1, h2, h3, h4, h5, h6,
.entry-title, .widget-title, .site-title {
	font-family: var(--nf-font);
}

h1, h2, h3, h4, h5, h6,
.entry-title a,
.widget-title {
	color: var(--nf-text);
	letter-spacing: -0.01em;
}

h1 { font-weight: 800; }
h2, h3 { font-weight: 700; }

p, li, dd, td, .entry-content, .entry-summary {
	color: var(--nf-text-soft);
}

a { color: var(--nf-text); }
a:hover, a:focus { color: var(--nf-red); }

hr { background-color: var(--nf-border); }

::selection { background: var(--nf-red); color: #fff; }

/* Focus ring — muuqaal ah oo keliya marka keyboard la isticmaalo (a11y) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 2px solid var(--nf-red);
	outline-offset: 2px;
	border-radius: 2px;
}

/* Scrollbar */
* { scrollbar-color: var(--nf-surface-3) var(--nf-bg); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--nf-bg); }
::-webkit-scrollbar-thumb {
	background: var(--nf-surface-3);
	border-radius: 10px;
	border: 2px solid var(--nf-bg);
}
::-webkit-scrollbar-thumb:hover { background: #4a4a4a; }

/* ==========================================================================
   #3 — LAYOUT SURFACES
   Specificity: Customizer-ku `.gmr-content` (0,0,1,0) buu isticmaalaa,
   markaa `body .gmr-content` (0,0,1,1) ayaa ka adkaanaya.
   ========================================================================== */
body .gmr-content,
body .idmuvi-topbanner,
body .element-click .listwrap,
.site-main,
#primary,
#content {
	background-color: var(--nf-bg);
	color: var(--nf-text-soft);
}

body .more-overlay:before {
	background: linear-gradient(to bottom, transparent 0, var(--nf-bg) 100%);
}

/* Boxes / panels */
.gmr-box-content,
.gmr-box-archive,
.gmr-box-blog,
.gmr-single,
.comment-respond,
.gmr-download-wrap {
	background-color: transparent;
	color: var(--nf-text-soft);
}

/* ==========================================================================
   #4 — HEADER (Netflix: madow, gradient, sticky)
   ========================================================================== */
#masthead.site-header {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.55) 100%);
	border-bottom: none;
}

.menu-wrap,
.menu-wrap .top-header,
.menu-wrap .second-header {
	background-color: var(--nf-bg-deep);
	border-bottom: 1px solid var(--nf-border);
}

/* Sticky header — blur sida Netflix-ka */
.menu-wrap.pos-stickymenu {
	background-color: rgba(0, 0, 0, 0.88);
	-webkit-backdrop-filter: saturate(180%) blur(14px);
	backdrop-filter: saturate(180%) blur(14px);
}

/* Menu links */
.gmr-mainmenu ul li a,
.gmr-secondmenu ul li a,
.gmr-topnavmenu ul li a {
	background-color: transparent;
	color: var(--nf-text-soft);
	font-weight: 500;
	letter-spacing: 0.01em;
	transition: color var(--nf-dur) var(--nf-ease);
}

.gmr-mainmenu ul li a:hover,
.gmr-mainmenu ul li.current-menu-item > a,
.gmr-secondmenu ul li a:hover,
.gmr-secondmenu ul li.current-menu-item > a,
.gmr-topnavmenu ul li a:hover {
	background-color: transparent;
	color: var(--nf-text);
}

/* Xariiq casaan ah oo hoos ka muuqata menu-ga firfircoon */
.gmr-mainmenu > ul > li { position: relative; }
.gmr-mainmenu > ul > li > a:after {
	content: "";
	position: absolute;
	left: 12px;
	right: 12px;
	bottom: 6px;
	height: 2px;
	background: var(--nf-red);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform var(--nf-dur) var(--nf-ease);
}
.gmr-mainmenu > ul > li:hover > a:after,
.gmr-mainmenu > ul > li.current-menu-item > a:after {
	transform: scaleX(1);
}

/* Dropdown */
.gmr-mainmenu ul li ul,
.gmr-secondmenu ul li ul,
.gmr-topnavmenu ul li ul {
	background-color: rgba(0, 0, 0, 0.95);
	border: 1px solid var(--nf-border);
	border-radius: var(--nf-radius);
	box-shadow: var(--nf-shadow);
	overflow: hidden;
}
.gmr-mainmenu ul li ul li a:hover,
.gmr-secondmenu ul li ul li a:hover {
	background-color: var(--nf-surface-2);
	color: var(--nf-text);
}

/* Box-ka menu-ga ka dambeeya (social + notification) */
body .gmr-boxaftermenu {
	background-color: var(--nf-bg);
	color: var(--nf-text-dim);
}
.gmr-notification, .gmr-notification a { color: var(--nf-text-dim); }

/* Logo/site title */
.site-title a { color: var(--nf-text); }
.site-description { color: var(--nf-text-dim); }

/* ==========================================================================
   #5 — SEARCH
   ========================================================================== */
.gmr-search input[type="search"],
.gmr-search input[type="text"],
.gmr-filter-search input,
input[type="text"], input[type="email"], input[type="url"],
input[type="password"], input[type="search"], input[type="number"],
input[type="tel"], input[type="date"], textarea, select {
	background-color: var(--nf-surface-2);
	border: 1px solid var(--nf-border-strong);
	border-radius: var(--nf-radius);
	color: var(--nf-text);
	transition: border-color var(--nf-dur) var(--nf-ease),
	            background-color var(--nf-dur) var(--nf-ease);
}

input:focus, textarea:focus, select:focus {
	background-color: #333;
	border-color: var(--nf-text);
	color: var(--nf-text);
}

::-webkit-input-placeholder { color: var(--nf-text-dim); }
::-moz-placeholder { color: var(--nf-text-dim); opacity: 1; }
:-ms-input-placeholder { color: var(--nf-text-dim); }
::placeholder { color: var(--nf-text-dim); opacity: 1; }

/* Search overlay/panel */
.gmr-search { background-color: rgba(0, 0, 0, 0.94); }

/* ==========================================================================
   #6 — POSTER CARD (Netflix hover-scale)
   Halkan waa qeybta muhiimka ah. Markup lama beddelin — CSS oo kaliya.
   ========================================================================== */
.gmr-grid .item,
.item-infinite {
	transition: transform var(--nf-dur) var(--nf-ease);
}

.gmr-grid .item .gmr-box-content {
	background-color: var(--nf-surface);
	border-radius: var(--nf-radius-lg);
	overflow: hidden;
	transition: box-shadow var(--nf-dur) var(--nf-ease),
	            background-color var(--nf-dur) var(--nf-ease);
	will-change: box-shadow;
}

.gmr-grid .item:hover .gmr-box-content {
	background-color: var(--nf-surface-2);
	box-shadow: var(--nf-shadow-lg);
}

/* Poster frame — dhererka isku mid ah (2:3), sida Netflix */
.gmr-grid .item .gmr-box-content .content-thumbnail {
	position: relative;
	margin: 0;
	overflow: hidden;
	background-color: #0d0d0d;
	aspect-ratio: 2 / 3;
}

.gmr-grid .item .gmr-box-content .content-thumbnail > a {
	display: block;
	width: 100%;
	height: 100%;
}

.gmr-grid .item .gmr-box-content .content-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.45s var(--nf-ease),
	            filter var(--nf-dur) var(--nf-ease);
}

/* Netflix zoom — gudaha frame-ka, si layout-ku uusan u boodin (0 CLS) */
.gmr-grid .item:hover .gmr-box-content .content-thumbnail img {
	transform: scale(1.09);
	filter: brightness(0.62);
}

/* Play overlay — CSS pseudo-element, markaa markup lama kordhin */
.gmr-grid .item .gmr-box-content .content-thumbnail:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 54px;
	height: 54px;
	margin: -27px 0 0 -27px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.95)
		url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23141414'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E")
		no-repeat center / 26px 26px;
	opacity: 0;
	transform: scale(0.7);
	transition: opacity var(--nf-dur) var(--nf-ease),
	            transform var(--nf-dur) var(--nf-ease);
	pointer-events: none;
	z-index: 3;
}

.gmr-grid .item:hover .gmr-box-content .content-thumbnail:after {
	opacity: 1;
	transform: scale(1);
}

/* ==========================================================================
   #7 — BADGES (rating, quality, duration, episodes)
   ========================================================================== */
.gmr-grid .item .gmr-box-content .content-thumbnail .gmr-rating-item,
.gmr-grid .item .gmr-box-content .content-thumbnail .gmr-duration-item,
.gmr-grid .item .gmr-box-content .content-thumbnail .gmr-quality-item a,
.gmr-grid .item .gmr-box-content .content-thumbnail .gmr-posttype-item,
.gmr-item-modulepost .gmr-rating-item {
	background-color: rgba(0, 0, 0, 0.75);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 999px;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1;
	padding: 5px 9px;
	z-index: 2;
}

/* Rating — kore-bidix, gold */
.gmr-grid .item .gmr-box-content .content-thumbnail .gmr-rating-item {
	top: 8px;
	left: 8px;
}
.gmr-rating-item .icon_star { color: var(--nf-gold) !important; }

/* Duration — kore-midig */
.gmr-grid .item .gmr-box-content .content-thumbnail .gmr-duration-item {
	top: 8px;
	right: 8px;
	left: auto;
}
.gmr-duration-item svg { color: var(--nf-green) !important; }

/* Quality — hoose-bidix, casaan (Netflix badge) */
.gmr-grid .item .gmr-box-content .content-thumbnail .gmr-quality-item {
	position: absolute;
	top: auto;
	bottom: 8px;
	left: 8px;
	z-index: 2;
}
.gmr-grid .item .gmr-box-content .content-thumbnail .gmr-quality-item a {
	position: static;
	background-color: var(--nf-red);
	border-color: transparent;
	text-transform: uppercase;
}

/* Post type (TV Show) — hoose-midig */
.gmr-grid .item .gmr-box-content .content-thumbnail .gmr-posttype-item {
	top: auto;
	bottom: 8px;
	left: auto;
	right: 8px;
	text-transform: uppercase;
}

/* Episode counter */
.gmr-numbeps {
	background: rgba(0, 0, 0, 0.78);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	border: 1px solid rgba(255, 255, 255, 0.35);
	color: #fff;
	z-index: 2;
}

.kbd-sticky {
	background-color: var(--nf-red);
	border-radius: 999px;
	color: #fff;
	font-weight: 700;
}

/* ==========================================================================
   #8 — CARD TITLE & META
   MUHIIM (SEO): h2.entry-title waligeed lama qariyo. Waa link muuqda oo
   la crawl-gareyn karo — kaliya waa la style-gareeyay.
   ========================================================================== */
.gmr-grid .item-article {
	padding: 12px 10px 14px;
	margin-bottom: 8px;
	text-align: left;
}

.gmr-grid .item .entry-title,
.item-infinite .entry-title {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
	margin: 0 0 6px;
}

.gmr-grid .item .entry-title a {
	color: var(--nf-text-soft);
	transition: color var(--nf-dur) var(--nf-ease);

	/* 2 xariiq oo kaliya — qoraalku wuu jiraa DOM-ka, waa la crawl-gareynayaa */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.gmr-grid .item:hover .entry-title a { color: var(--nf-text); }

.gmr-movie-on,
.gmr-grid .item .posted-on,
.gmr-grid .item .byline {
	color: var(--nf-text-dim);
	font-size: 12px;
}

/* ==========================================================================
   #9 — BUTTONS
   ========================================================================== */
.button,
input[type="submit"],
button[type="submit"],
.gmr-box-content .button,
.gmr-button-widget .button {
	background-color: var(--nf-red);
	border: none;
	border-radius: var(--nf-radius);
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.01em;
	text-shadow: none;
	transition: background-color var(--nf-dur) var(--nf-ease),
	            transform 0.12s var(--nf-ease);
}

.button:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.gmr-box-content .button:hover {
	background-color: var(--nf-red-hover);
	color: #fff;
}

.button:active { transform: translateY(1px); }

/* Watch button — Netflix "Play" (cad + madow) */
.gmr-watch-movie .button,
.gmr-watch-button {
	background-color: #fff;
	color: #141414;
}
.gmr-watch-movie .button:hover,
.gmr-watch-button:hover {
	background-color: rgba(255, 255, 255, 0.78);
	color: #141414;
}

/* Trailer button — "More Info" (madow-milmay) */
.gmr-popup-button .button,
.gmr-trailer-popup {
	background-color: rgba(109, 109, 110, 0.7);
	color: #fff;
}
.gmr-popup-button .button:hover,
.gmr-trailer-popup:hover {
	background-color: rgba(109, 109, 110, 0.45);
	color: #fff;
}

/* Load more / pagination */
.pagination .page-numbers,
.nav-links .page-numbers {
	background-color: var(--nf-surface-2);
	border: 1px solid var(--nf-border-strong);
	border-radius: var(--nf-radius);
	color: var(--nf-text-soft);
}

/* "View More" — badhanka infinite scroll (index.php:108, archive.php:83) */
.view-more-button {
	background-color: transparent;
	border: 1px solid var(--nf-border-strong);
	border-radius: var(--nf-radius);
	color: var(--nf-text-soft);
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	transition: background-color var(--nf-dur) var(--nf-ease),
	            border-color var(--nf-dur) var(--nf-ease),
	            color var(--nf-dur) var(--nf-ease);
}
.view-more-button:hover {
	background-color: var(--nf-text);
	border-color: var(--nf-text);
	color: #141414;
}

.page-load-status { color: var(--nf-text-dim); }
.pagination .page-numbers:hover,
.nav-links .page-numbers:hover,
.pagination .page-numbers.current,
.nav-links .page-numbers.current {
	background-color: var(--nf-red);
	border-color: var(--nf-red);
	color: #fff;
}

/* ==========================================================================
   #10 — HERO / SLIDER (Netflix billboard)
   ========================================================================== */
.gmr-slider,
.gmr-slider-content {
	background-color: var(--nf-bg);
}

/* Gradient fade — sawirka wuxuu ku milmayaa background-ka */
.gmr-slider-content { position: relative; }
.gmr-slider-content:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 45%;
	background: linear-gradient(to top, var(--nf-bg) 0%, transparent 100%);
	pointer-events: none;
	z-index: 1;
}

.gmr-slider-content .entry-title,
.gmr-slider-content .entry-title a {
	color: #fff;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.75);
	position: relative;
	z-index: 2;
}

.gmr-slider-content .gmr-quality-item a {
	background-color: var(--nf-red);
	border-radius: 999px;
	color: #fff;
}

/* Slider arrows */
.tns-controls button {
	background-color: rgba(0, 0, 0, 0.6);
	border: 1px solid var(--nf-border-strong);
	color: #fff;
}
.tns-controls button:hover { background-color: rgba(0, 0, 0, 0.9); }

/* ==========================================================================
   #11 — SINGLE POST / PLAYER
   ========================================================================== */
.gmr-box-content.gmr-single {
	background-color: var(--nf-surface);
	border-radius: var(--nf-radius-lg);
}

.gmr-box-content.gmr-single h1.entry-title,
.gmr-box-content.gmr-single h1.entry-title.page-title {
	color: var(--nf-text);
}

.gmr-box-content.gmr-single span.byline,
.gmr-box-content.gmr-single span.posted-on,
.gmr-box-content.gmr-single span.gmr-blog-view,
.entry-footer,
.entry-footer a {
	color: var(--nf-text-dim);
}

.entry-content-single,
.entry-content-single p,
.entry-content-single li {
	color: var(--nf-text-soft);
}

/* Player wrapper — madow buuxa */
.gmr-embed-responsive,
.player-wrap,
#muvipro_player_content_id {
	background-color: #000;
	border-radius: var(--nf-radius-lg);
	overflow: hidden;
}

/* Server tabs — Netflix pill style */
.muvipro-player-tabs > li > a,
.gmr-server-wrap a {
	background-color: var(--nf-surface-2);
	border: 1px solid var(--nf-border);
	border-radius: var(--nf-radius);
	color: var(--nf-text-soft);
}
.muvipro-player-tabs > li.active > a,
.muvipro-player-tabs > li > a:hover,
.gmr-server-wrap a:hover {
	background-color: var(--nf-red);
	border-color: var(--nf-red);
	color: #fff;
}

.gmr-player-nav,
.player-notification {
	background-color: var(--nf-surface);
	color: var(--nf-text-soft);
}

/* Server / download list */
.gmr-download-wrap,
.gmr-download-list {
	background-color: var(--nf-surface);
	border: 1px solid var(--nf-border);
	border-radius: var(--nf-radius-lg);
}
.gmr-download-list li a {
	background-color: var(--nf-surface-2);
	border-radius: var(--nf-radius);
	color: var(--nf-text-soft);
}
.gmr-download-list li a:hover {
	background-color: var(--nf-red);
	color: #fff;
}

/* Breadcrumbs — SEO signal, waa la ilaalinayaa oo la muujinayaa */
.breadcrumbs,
.breadcrumbs a,
.breadcrumbs .separator {
	color: var(--nf-text-dim);
	font-size: 12px;
}
.breadcrumbs a:hover { color: var(--nf-text); }

/* ==========================================================================
   #12 — SIDEBAR / WIDGETS
   ========================================================================== */
#secondary .widget,
.widget {
	background-color: transparent;
	color: var(--nf-text-soft);
}

.widget-title,
#secondary .widget-title {
	border-left: 4px solid var(--nf-red);
	color: var(--nf-text);
	font-size: 16px;
	font-weight: 700;
	padding-left: 10px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.widget ul li {
	border-bottom: 1px solid var(--nf-border);
	color: var(--nf-text-soft);
}
.widget ul li a { color: var(--nf-text-soft); }
.widget ul li a:hover { color: var(--nf-red); }

.gmr-item-modulepost {
	border-bottom: 1px solid var(--nf-border);
	transition: background-color var(--nf-dur) var(--nf-ease);
}
.gmr-item-modulepost:hover { background-color: var(--nf-surface); }

.tagcloud a {
	background-color: var(--nf-surface-2);
	border: 1px solid var(--nf-border);
	border-radius: 999px;
	color: var(--nf-text-soft);
}
.tagcloud a:hover {
	background-color: var(--nf-red);
	border-color: var(--nf-red);
	color: #fff;
}

/* ==========================================================================
   #13 — COMMENTS
   ========================================================================== */
.comments-area,
.comment-body,
.comment-respond {
	background-color: transparent;
	color: var(--nf-text-soft);
}
.comment-list > li,
.comment-list .children > li {
	border-bottom: 1px solid var(--nf-border);
}
.comment-author .fn,
.comments-title,
.comment-reply-title {
	color: var(--nf-text);
}
.comment-metadata,
.comment-metadata a { color: var(--nf-text-dim); }

/* ==========================================================================
   #14 — FOOTER
   ========================================================================== */
.widget-footer {
	background-color: var(--nf-bg-deep);
	border-top: 1px solid var(--nf-border);
	color: var(--nf-text-dim);
}
.widget-footer .widget-title { color: var(--nf-text); }
.widget-footer a { color: var(--nf-text-dim); }
.widget-footer a:hover { color: var(--nf-text); }

.site-footer {
	background-color: #000;
	color: var(--nf-text-dim);
}
.site-footer a { color: var(--nf-text-dim); }
.site-footer a:hover { color: var(--nf-text); }

/* Stripe-yada midabka leh ee footer-ka — Netflix ma laha, waa la qariyay */
.gmr-bgstripes { display: none; }

/* ==========================================================================
   #15 — MOBILE MENU (sidr)
   ========================================================================== */
.sidr,
.sidr-inner {
	background-color: #0b0b0b;
	color: var(--nf-text-soft);
}
.sidr ul li { border-bottom: 1px solid var(--nf-border); }
.sidr ul li a,
.sidr ul li span {
	background-color: transparent;
	color: var(--nf-text-soft);
	box-shadow: none;
}
.sidr ul li a:hover,
.sidr ul li.active > a {
	background-color: var(--nf-surface-2);
	color: #fff;
}

/* ==========================================================================
   #16 — MISC (tables, 404, loaders, popups)
   ========================================================================== */
table, th, td { border-color: var(--nf-border); }
th { color: var(--nf-text); }

.mfp-bg { background: rgba(0, 0, 0, 0.92); }
.mfp-content { color: var(--nf-text-soft); }

.gmr-loader,
.gmr-ajax-loader > div { background-color: var(--nf-red); }

.error404 .page-content,
.no-results .page-content { color: var(--nf-text-soft); }

/* Bootstrap-style alerts / notices */
.alert, .notice {
	background-color: var(--nf-surface);
	border: 1px solid var(--nf-border);
	color: var(--nf-text-soft);
}

/* ==========================================================================
   #17 — RESPONSIVE
   ========================================================================== */
@media (max-width: 767px) {
	.gmr-grid .item-article { padding: 8px 6px 10px; }
	.gmr-grid .item .entry-title { font-size: 13px; }

	/* Mobile-ka hover ma jiro — poster-ka had iyo jeer cad ha ahaado */
	.gmr-grid .item .gmr-box-content .content-thumbnail:after { display: none; }
	.gmr-grid .item:hover .gmr-box-content .content-thumbnail img {
		transform: none;
		filter: none;
	}

	.gmr-grid .item .gmr-box-content .content-thumbnail .gmr-rating-item,
	.gmr-grid .item .gmr-box-content .content-thumbnail .gmr-duration-item,
	.gmr-grid .item .gmr-box-content .content-thumbnail .gmr-quality-item a,
	.gmr-grid .item .gmr-box-content .content-thumbnail .gmr-posttype-item {
		font-size: 10px;
		padding: 4px 7px;
	}
}

/* Browser-yada aan `aspect-ratio` taageerin — poster-ku wuu ka soo baxayaa sawirka */
@supports not (aspect-ratio: 2 / 3) {
	.gmr-grid .item .gmr-box-content .content-thumbnail { aspect-ratio: auto; }
	.gmr-grid .item .gmr-box-content .content-thumbnail img { height: auto; }
}

/* ==========================================================================
   #18 — PRINT (SEO/UX: bogga la daabaco ha ahaado mid akhrisan karo)
   ========================================================================== */
@media print {
	body, .gmr-content { background: #fff !important; color: #000 !important; }
	h1, h2, h3, a { color: #000 !important; }
}