@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import "boot-additional.css";
@import "pricing.css";

.flag-menu-item a {
	padding-right: 5px !important;
	padding-left: 5px !important;
}

.top-flag {
	max-height: 20px;
}

.text-light {
	color: #666;
}

.text-inactive {
	color: #c00 !important;
	text-decoration: line-through !important;
}

.break-word {
    word-wrap: break-word;
}

.auto-margin {
	margin: auto;
}
.auto-height {
  height: auto !important;
}

.form-control.auto-height {
  min-height: 35px;
	word-wrap: break-word;
}

.tags-list {
	list-style: none;
	padding: 5px;
}

.tags-list li {
	display: inline-block;
}

.tags-list li a {
	display: inline-block;
	margin: 3px;
	font-size: 16px;
	color: #FFF;
	padding: 5px 10px;
	border-radius: 5px;
	background: #aaa;
}

div.form-control {
  margin: 0 0 10px;
}

.capitalize {
	text-transform: capitalize;
}

.payment-gateway-icon {
	height: 90px;
	width: auto;
	max-width: 100%;
}

.upackage-hash-view {
    font-size: 12px;
    line-height: 1.5em;
	margin-bottom: 5px;
}

.invoice-label > span {
    clear: both;
    display: block;
		line-height: 1.5em;
		margin-top: 5px;
}

.invoice-label .label-order {
	font-weight: 700;
}

.invoice-label .label-text {
    clear: both;
    display: block;
    font-size: 35px;
    font-weight: 700;
    margin: 10px 5px;
}

.invoice-view-table .item-title, .order-view-table .item-title {
	font-size: 14px;
}

.invoice-logo-view {
	max-height: 120px;
	max-width: 100%;
}

.image-form-control {
	cursor: pointer;
	display: block;
}
.account-sidemenu li a {
	font-size: 14px;
	font-weight: 600;
	border-radius: 0;
}
.account-sidemenu li.active a {
	font-weight: 700;
}
.search-results-box {
	display: block;
	margin: 10px;
	padding: 10px 15px;
	text-align: center;
	background: #eaeaea;
	border: 1px solid #ccc;
	border-radius: 10px;
}

.search-results-box:hover,.search-results-box:active {
    background: #ddd;
}

.search-results-box h1.num-results {
	font-size: 45px;
}

.search-results-box h3.results-title {
	font-size: 18px;
	letter-spacing: -.3px;
	line-height: 35px;
	margin-top: 10px;
	color: #333;
}

.search-results-box .results-btn {
	margin-top: 15px;
}

.agreement-article {
		line-height: 2em;
}

.agreement-article .agreement-block {
	  margin-bottom: 40px;
}

.agreement-article h3.agreement-headline {
		margin-bottom: 20px;
}

.oupdate-table-view {
  margin-bottom: 5px;
}

.oupdate-table-view .oupdate-image {
  width: 50px;
  height: 50px;
  float: left;
}

.oupdate-table-view .oupdate-content {
  left: 10px;
  display: block;
  position: relative;
}

.oupdate-table-view .oupdate-content .oupdate-message {
  font-size: 14px;
  margin: 10px 0 0 0;
  padding: 0px;
  color: #666;
}

.oupdate-table-view .oupdate-content .oupdate-name {
  font-size: 14px;
  font-weight: 600;
  color: #c00;
  margin: 5px 0px;
  padding: 0px;
}

.oupdate-table-view.is-user .oupdate-content .oupdate-name {
  color: #00c;
}

.le-large-links {
  list-style: none;
}
.le-large-links li {
  line-height: 35px;
}
.le-large-links li a {
  font-size: 22px;
  font-weight: 600;
  text-transform: capitalize;
}
.le-large-links li a:hover:before {
  margin: 0 15px 0 0;
}
.le-large-links li a:before {
  font-size: 22px;
  line-height: 15px;
  margin: 0 10px 0 0;
  content: "\f105";
  font-family: fontawesome;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.post-entry {
	margin: 20px 0px;
}
.post-entry .post-image {
	margin: 15px 0px 30px 0px;
}

.info-center {
	margin-top: 40px;
}

.info-center h1 {
	font-size: 150px;
	font-weight: 700 !important;
	line-height: 150px;
	margin-bottom: 40px;
}

.info-center h2 {
    font-size: 70px;
    font-weight: 700 !important;
    line-height: 80px;
	letter-spacing: -2px;
	margin-bottom: 35px;
}

.info-center h3 {
    font-size: 40px;
    font-weight: 700 !important;
    line-height: 50px;
	letter-spacing: -2px;
	margin-bottom: 30px;
}

.info-center h4 {
    font-size: 30px;
    font-weight: 700 !important;
    line-height: 40px;
    letter-spacing: -1px;
	margin-bottom: 25px;
}
.info-center h5 {
	font-size: 25px;
	font-weight: 700 !important;
	line-height: 35px;
	letter-spacing: -1px;
	margin-bottom: 20px;
}

.info-center .lead {
	line-height: 2em;
	font-weight: 400;
}

.info-center .sub-form-row input {
    border: 1px solid #e0e0e0;
    padding: 18px;
    color: #3d3d3d;
    width: 60%;
    border-radius: 5px 0 0 5px;
}

.info-center .sub-form-row .le-button {
    border-radius: 0 5px 5px 0;
    padding: 19px 31px 20px 31px;
    margin: 0 0 0 -5px;
}

.back-head {
	margin: 20px 0px 20px 10px;
	display: inline-block;
	width: 100%;
	text-align: left;
}

.back-head {
	margin: 10px 0px 5px 3px;
}

.back-head .back-icon {
	float: left;
	height: 48px;
	font-size: 30px;
	vertical-align: middle;
	clear: right;
}

.back-head .back-description {
	display: block;
	padding-top: 3px;
	font-size: 14px;
	font-weight: 700;
	color: #bbb;
}

.back-head .back-description.small-font {
	font-size: 12px;
	padding-top: 2px;
}

.page-title.sub-back-head {
    margin: 10px 0px;
	display: block;
	font-weight: 600;
}

.inline-width {
	display: inline-block;
	width: 100%;
}
.back-head a:hover, .back-head a:focus {
    color: #222;
}

.back-head .back-icon:hover, .back-head .back-icon:focus {
    background: #222;
}

.back-head .title {
	display: block;
	word-wrap: break-word;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -.5px;
}

.back-head .title.small-font {
	font-size: 16px;
}

.square-icon-small {
    padding: 5px 18px;
    border-radius: 10%;
    font-size: 30px;
}

.square-icon-medium {
	padding: 8px 22px;
	border-radius: 10%;
	font-size: 40px;
}

.square-icon-large {
    padding: 15px 30px;
    border-radius: 10%;
    font-size: 48px;
}

.input-pad-rl {
	padding: 0px 10px !important;
}

.downloads-search-home {
	min-height: 120px;
}

.downloads-search-home .search-content {
	padding: 35px 5px;
}
.downloads-search-home .search-block-input {
	border-radius: 10px 0px 0px 10px !important;
	font-size: 18px;
	font-weight: 600;
	color: #222;
}

.downloads-search-home .search-form-group {
	min-width: 65%;
}

.single-download-content {
	margin: 2%;
	text-align: center;
}

.single-download-content .file-title {
	margin-top: 0px;
	color: #00C;
	word-wrap: break-word;
}

.single-download-content .download-link-control {
	height: auto;
	display: block;
	word-wrap: break-word;
	font-weight: 600;
}

.single-download-content .download-description {
	color: #333;
	font-weight: 600;
}

.single-download-content .file-details {
	font-size: 16px;
	margin-top: 20px;
	display: block;
}

.file-meta {
	margin: 10px 0px;
	display: block;
	clear: both;
}

.single-file-content {
	padding: 2%;
	border: 1px solid #ddd;
	border-radius: 10px;
	text-align: center;
}

.single-file-content .file-title {
	margin-top: 0px;
	color: #000;
	word-wrap: break-word;
}

.single-file-content .file-description {
	color: #333;
	font-weight: 600;
}

.single-file-content .file-details {
	font-size: 16px;
	margin-top: 20px;
	display: block;
}

.single-file-content  .image {
	margin: 0px 10px 10px 10px;
	max-width: 100%;
	height: auto;
}

.single-file-content  .image img {
	max-width: 95%;
	margin: auto;
}

.single-file-content .file-price {
    font-size: 24px;
    font-weight: 700;
    color: #fe4800;
}

.grid-list-files .grid-list-buttons {
	padding: 7px;
	display: inline-block;
	vertical-align: top;
}
.grid-list-files .grid-list-buttons ul li {
	min-width: 49px;
	margin: 0 23px 0 0;
	display: inline-block;
	vertical-align: top;
}

.grid-list-files .grid-list-buttons ul li a i {
    font-size: 19px;
    color: #ccc;
    vertical-align: bottom;
}

.grid-list-files .grid-list-buttons ul li a {
    font-size: 13px;
    color: #3d3d3d;
    font-weight: 600;
}

.grid-list-files .grid-list-buttons ul li.active a {
	font-weight: 700 !important;
}

.file-item, .file-grid-item {
	height: 115px;
	overflow: hidden;
	margin: 10px;
}

.file-list-item {
	position: relative;
	margin: 10px 3px;
	border: 1px solid #ddd;
	padding: 10px 0px;
	border-radius: 10px;
	display: inline-block;
	width: 100%;
}

.file-list-item .content-top {
	height: 80px;
	overflow: hidden;
}

.file-list-item .image {
	padding-right: 5px;
	display: block;
	position: absolute;
	left: 0px;
	top: 10px;
}

.file-list-item .content-controls {
	font-size: 12px;
	text-align: left;
	padding: 5px 0px;
	width: 100%;
}

.file-list-item  .content-buttons {
	float: right;
	margin-top: 65px;
	margin-right: 10px;
}

.file-list-item  .content-btn {
	width: 120px;
	font-size: 13px;
	font-weight: 700;
	border-radius: 5px;
	padding: 7px 5px;
}

.file-list-item .body {
	display: inline-block;
	width: 75%;
	left: 110px;
	position: relative;
}

.file-list-item .title {
	font-weight: 700;
	line-height: 20px;
	word-wrap: break-word;
	font-size: 16px;
	display: block;
	margin-bottom: 5px;
}

.file-list-item .title a {
	color: #000;
}

.file-list-item .file-labels {
	display: block;
	font-size: 14px;
	margin-bottom: 5px;
}

.file-list-item .file-labels .label {
	margin-right: 5px;
}

.file-list-item .description {
	padding-top: 4px;
	font-size: 12px;
	color: #666;
}




.file-item .content-top, .file-grid-item .content-top{
	height: 80px;
	overflow: hidden;
}

.file-item .content-bottom, .file-grid-item .content-bottom {
	height: 30px;
	overflow: hidden;
	border: 1px solid #dedede;
	border-radius: 10px;
	margin-top: 5px;
	font-weight: 600;
	color: #222;
}

.file-item .content-bottom .content-controls, .file-grid-item .content-bottom .content-controls {
	font-size: 11px;
	text-align: center;
	width: 65%;
	padding: 5px;
	height: 30px;
	overflow: hidden;
}

.file-item .content-bottom .content-btn, .file-grid-item .content-bottom .content-btn {
	display: block;
	width: 35%;
	position: absolute;
	font-size: 12px;
	font-weight: 700;
	height: 30px;
	right: 0px;
	bottom: 10px;
	border-radius: 0px 5px 5px 0px;
	padding: 7px 5px;
}



.file-item .ribbon, .file-grid-item .ribbon {
	position: absolute;
	padding: 2px 8px;
}

.file-item .ribbon::after, .file-grid-item .ribbon::after {
	border-top-width: 25px;
	min-width: 60px;
	border-right: 10px solid transparent;
}

.file-item .ribbon span, .file-grid-item .ribbon span {
	margin-right: 5px;
	font-size: 10px;
}

.file-item .image, .file-grid-item .image {
	float: left;
	margin-right: 5px;
	width: 47%;
}

.file-item .image img, .file-grid-item .image img {
	float: right;
}

.file-item .body, .file-grid-item .body {
	float: left;
	width: 50%;
}

.file-item .title, .file-grid-item .title {
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -.5px;
	word-wrap: break-word;
	font-size: 14px;
}

.file-item .title a, .file-grid-item .title a {
	color: #000;
	font-size: 110%;
}

.file-item .description, .file-grid-item .description {
	padding-top: 4px;
	font-size: 12px;
	color: #666;
}


.folder-item, .folder-home-item {
	height: 80px;
	overflow: hidden;
	margin: 10px;
}

.folder-item .ribbon, .folder-home-item .ribbon {
	position: absolute;
	padding: 2px 8px;
}

.folder-item .ribbon::after, .folder-home-item .ribbon::after {
	border-top-width: 25px;
	min-width: 45px;
	border-right: 10px solid transparent;
}

.folder-item .ribbon span, .folder-home-item .ribbon span {
	margin-right: 5px;
}

.folder-item .image, .folder-home-item .image {
	float: left;
	margin-right: 5px;
	width: 32%;
}

.folder-item .image img, .folder-home-item .image img {
	float: right;
}

.folder-item .body, .folder-home-item .body {
	float: left;
	width: 65%;
}

.folder-item .title, .folder-home-item .title {
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -.5px;
	word-wrap: break-word;
}

.folder-item .title a, .folder-home-item .title a {
	color: #000;
}

.folder-item .description, .folder-home-item .description {
	padding-top: 4px;
	font-size: 12px;
	color: #666;
}

.announcements-footer-widget .dannouncement-footer-list {
	padding: 10px;
	background: #eaeaea;
	border: 1px solid #cfcfcf;
	border-radius: 10px;

}
.announcements-footer-widget .announcements-footer-list li a {
	font-weight: 700;
	word-wrap: break-word;
}
.announcements-footer-widget .announcements-footer-list li {
	padding: 7px 5px;
	font-size: 13px;
	display: block;
	border-bottom: 1px dotted #ccc;
	line-height: 20px;
	overflow: hidden;
}

.announcements-footer-widget .announcements-footer-list li::before {
    content: "\f0da";
    display: inline-block;
    font-family: fontawesome;
    margin-right: 10px;
}

.downloads-footer-widget .dfiles-footer-list {
	padding: 10px;
	background: #eaeaea;
	border: 1px solid #cfcfcf;
	border-radius: 10px;

}
.downloads-footer-widget .dfiles-footer-list li a {
	font-weight: 600;
	line-height: 1.5em;
	color: #000;
	word-wrap: break-word;
}
.downloads-footer-widget .dfiles-footer-list li a:hover, .downloads-footer-widget .dfiles-footer-list li a:active {
	text-decoration: underline;
}
.downloads-footer-widget .dfiles-footer-list li {
    padding: 7px 0px;
    font-size: 15px;
    display: block;
	border-bottom: 1px dashed #ccc;
}

.footer-widget .badge {
	font-size: 11px;
	font-weight: 600;
	border-radius: 5px;
	margin-left: 5px;
}

.widget-head {
	margin: 15px 5px;
	color: #222;
	font-size: 22px;
}


.downloads-visitor-usage {
	background: #f3f3f3;
	border-bottom: 1px solid #ccc;
	color: #999;
}

.downloads-visitor-usage  .progress {
	margin-bottom: 0px;
	background: #FFF;
	border: 1px solid #ccc;
}

.downloads-recent-header {
	background: #222;
	color: #FFF;
	padding: 10px 5px;
}

.marker {
    background: #fFff00;
    color: #000;
    padding: 0px 10px;
}

.mq-container  {
	padding: 5px;
}

.marquee-set {
 height: 50px;
 overflow: hidden;
 position: relative;
}

.marquee-set .marquee-content {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 text-align: center;
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);
 transform:translateX(100%);
 -moz-animation: marquee-set 15s linear infinite;
 -webkit-animation: marquee-set 15s linear infinite;
 animation: marquee-set 15s linear infinite;
}

@-moz-keyframes marquee-set {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}

@-webkit-keyframes marquee-set {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}

@keyframes marquee-set {
 0%   {
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%);
 }
 100% {
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%);
 }
}

.marquee-set .marquee-content:hover {
-moz-animation-play-state: paused;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}

.mq-container .marquee-set {
	background: #FFF;
	color: #666;
	border-radius: 5px;
	height: 30px;
}
.mq-container .marquee-set  .mq-file-item {
    font-size: 13px;
    padding: 5px;
    margin-right: 15px;
    display: table-cell;
    white-space: nowrap;
}
.mq-container .marquee-set a  {
	font-weight: 700;
}

.mq-container .marquee-set .badge  {
	font-size: 10px;
	font-weight: 600;
}

.mq-container .marquee-set .item_detail  {
	font-size: 11px;
}

#top-megamenu-nav {
	margin-top: 10px !important;
}

#top-megamenu-nav2 .navbar {
    margin: 0;
}

#top-megamenu-nav2 {
    margin: 0px;
    position: relative;
    background-color: #e6e6e6;
}

#top-megamenu-nav2 .nav > li {
    border-right-color: #ccc;
}
#top-megamenu-nav2 .navbar-nav > li {
    border-right: 1px solid;
    border-right-color: #ccc;
}

#top-megamenu-nav2 .navbar-nav > li > a {
    text-transform: capitalize;
    font-weight: bold;
		color: #444;
}

#top-megamenu-nav2 .navbar-nav > li.active > a {
		color: #999;
}

#top-megamenu-nav2 .nav > li > a:hover, #top-megamenu-nav2 .nav > li > a:focus, #top-megamenu-nav2 .nav > li > a:active {
    background-color: #fff;
}

#top-megamenu-nav .navbar .navbar-toggle {
	color: #F3F3F3;
	font-weight: 600;
}

#top-megamenu-nav2 .navbar .navbar-toggle {
	background-color: #929292;
	border-color: #6f6f6f;
  border-radius: 0;
	color: #F3F3F3;
	font-weight: 600;
}

.input-lfont {
	font-size: 19px !important;
}
.single-product-gallery .owl-item {
	max-height: 500px;
}
.single-product-gallery-thumbs,.single-product-gallery-thumbs .horizontal-thumb img {
	height: 100px;
}
#single-product .title {
	margin-bottom: 30px;
	margin-top: 10px;
}

.width-200 {
	width: 200px !important;
}

.label-xs-right {
  text-align: right;
}

.select2-dropdown {
  z-index: 9001;
}

.pagination-result-info{
	margin: auto;
	display: block;
	padding: 30px 5px;
}

.page-title {
 display: block;
 margin: 29px 0 5px 0;
 font-weight: 600;
}

h1.page-title {
 font-size: 32px;
}

h2.page-title {
 font-size: 28px;
}

.section-description {
	display: block;
	color: #a4a4a4;
}

.wrapper {
	min-height: 400px;
	margin-bottom: 20px;
}

img {
  max-width: 100%;
}

header .top-cart-row .top-cart-holder {
	margin: 5px !important;
	padding-right: 2rem;
	padding-left: 1rem;
}

header .logo-holder .logo {
    margin: 5px !important;
	max-height: 100% !important;
}

header .logo img {
	width: auto;
	max-width: 250px;
	height: auto;
	max-height: 100px;
}

header .logo a {
	margin: 0;
}

.footer-logo img {
	width: auto;
	max-width: 250px;
	height: auto;
	max-height: 100px;
	margin: auto;
}

.search-area-top {
	margin: 10px 0 0 0;
	text-align: center;
	font-weight: 500;
}

.social-icons li a:hover {
	opacity: 0.7;
}

#owl-main .owl-wrapper {
    margin-bottom: 30px;
}

.shop-products .product-grid-holder .product-item-holder {
	min-height: 460px;
}

.single-product-gallery .gallery-thumbs .item a, .single-product-gallery .gallery-thumbs li a img {
  height: 60px;
  width: 60px;
}

.product-grid-holder .product-item-holder.size-medium .body .title {
  height: 80px;
  overflow: hidden;
}

.product-grid-holder .product-item-holder.size-medium {
  height: 430px;
}


.product-category-item  .image {
	text-align: center;
	display: block;
	height: 215px;
	width: 215px;
	margin: auto;
}

.product-category-item  .body {
	text-align: center;
	display: block;
	margin: 0 34px;
	height: 120px;
	overflow: hidden;
	padding-bottom: 5px;
}

.product-category-item .body .description {
	font-size: 12px;
	line-height: 20px;
	margin-top: 7px;
}

.product-category-item .ribbon {
	position: absolute;
}

.product-category-item .body .title {
	min-height: 22px;
	line-height: 26px;
	font-size: 20px;
	margin: 10px 0 0 0;
}

.product-grid-holder .product-item-holder.size-big .prices {
	height: 80px;
}

.product-category-item .body .title a {
	color: #111;
	font-weight: bold;
}

.scroll-500 {
  max-width: 100%;
  word-wrap: break-word;
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}

.error {
  color: #c00;
  font-weight: 600;
  padding-top: 3px;
}

.label-dt {
  margin: 0px 2px;
}

.label-required::before {
	content: "* ";
	color: #d44;
}

div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info {
    color: #999;
}

div.dataTables_wrapper div.dataTables_filter label input {
	margin-left: 5px;
}

.pagination > li > a, .pagination > li > span {
	color: #000;
	background-color: #fff;
  border-color: #ddd;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #e7e7e7;
	border-color: #ddd;
	color: #FFF !important;
}

header .top-search-holder .search-area .search-button {
	max-height: 52px;
}


@media (max-width: 900px) {

}

@media (min-width: 768px) {
	.form-group-view p {
		  margin: 8px 0px 0px 0px;
	}
}

@media (max-width: 768px) {

	.file-list-item .body {
		max-width: 460px;
	}
	.file-list-item .content-buttons {
		margin-top: 5px;
		margin-right: 5px;
		float: none;
		display: block;
		position: relative;
		right: -80%;
	}
}

@media (max-width: 550px) {
	.file-list-item .body {
		max-width: 360px;
	}
	.file-list-item .content-buttons {
		right: -50%;
	}
	.file-list-item .title {
		font-size: 14px;
		letter-spacing: -.5px;
	}
	.file-list-item .content-controls, .file-list-item .body .description {
		display: none;
	}
	.file-list-item .file-labels {
		font-size: 12px;
	}
	.file-list-item .file-labels .label {
		margin-right: 0px;
	}
}

@media (max-width: 400px) {
	.file-list-item .body {
		max-width: 130px;
	}
}



.icon-bar {
	position: fixed;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: 99999 !important;
	list-style: none !important;
}
  
.icon-bar a {
	display: block;
	text-align: center;
	padding: 1rem;
	transition: all 0.3s ease;
	color: white;
	font-size: 20px;
}
  
.icon-bar a:hover {
	background-color: #000;
}
  
.icon-bar .facebook {
	background: #3B5998;
	color: white;
}
  
.icon-bar .twitter {
	background: #55ACEE;
	color: white;
}
  
.icon-bar .linkedin {
	background: #007bb5;
	color: white;
}
  
.icon-bar .instagram {
	background: #dd4b39;
	color: white;
}
  
.icon-bar .whatsapp {
	background: #25D366;
	color: white;
}
  
.icon-bar .telegram {
	background: #229ED9;
	color: white;
}

/* ============================================================
   Modern Cards v2 — Orange Theme (#f27a24)
   file-card-new / file-list-new / folder-card-new
   ============================================================ */

/* ---- File Grid Card ---- */
.file-card-new {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
  transition: transform .2s ease, box-shadow .2s ease;
  position: relative;
  margin-bottom: 20px;
  border: 1px solid #f0f0f0;
}
.file-card-new:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(242,122,36,.18);
  border-color: #f27a24;
}
.file-card-new .card-image {
  position: relative;
  overflow: hidden;
  height: 155px;
  background: #f5f5f5;
}
.file-card-new .card-image img {
  width: 100%; height: 100%;
  object-fit: cover; display: block;
  transition: transform .35s ease;
}
.file-card-new:hover .card-image img { transform: scale(1.06); }

/* Overlay on hover */
.file-card-new .card-overlay {
  position: absolute; inset: 0;
  background: rgba(0,0,0,.55);
  opacity: 0; transition: opacity .25s;
  display: flex; align-items: center; justify-content: center;
}
.file-card-new:hover .card-overlay { opacity: 1; }
.file-card-new .overlay-btn {
  background: #f27a24; color: #fff;
  border: none; border-radius: 6px;
  padding: 8px 22px; font-size: 13px; font-weight: 700;
  cursor: pointer; display: inline-flex; align-items: center; gap: 7px;
  text-decoration: none; letter-spacing: .3px;
  transition: background .15s;
}
.file-card-new .overlay-btn:hover { background: #d9610d; }
.file-card-new .overlay-btn.buy { background: #1a1a1a; }
.file-card-new .overlay-btn.buy:hover { background: #333; }

/* Badges */
.file-card-new .badge-row {
  position: absolute; top: 8px; left: 8px;
  display: flex; flex-direction: column; gap: 4px; z-index: 2;
}

/* Card body */
.file-card-new .card-body {
  padding: 11px 13px 5px;
  border-bottom: 1px solid #f5f5f5;
}
.file-card-new .card-title {
  font-size: 13px; font-weight: 700; color: #222;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  text-decoration: none; display: block; margin-bottom: 4px;
}
.file-card-new .card-title:hover { color: #f27a24; }
.file-card-new .card-desc {
  font-size: 11px; color: #888; line-height: 1.45;
  display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 5px;
}

/* Stats bar */
.file-card-new .card-meta {
  display: flex; align-items: center; flex-wrap: wrap;
  gap: 10px; padding: 7px 13px;
  font-size: 11px; color: #aaa;
}
.file-card-new .card-meta span { display: inline-flex; align-items: center; gap: 4px; }
.file-card-new .card-meta i { color: #f27a24; }
.file-card-new .card-meta-date { margin-left: auto; }

/* ---- File List Item ---- */
.file-list-new {
  background: #fff;
  border-radius: 10px;
  padding: 13px 16px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 14px;
  box-shadow: 0 1px 6px rgba(0,0,0,.06);
  border: 1px solid #f0f0f0;
  transition: box-shadow .2s, border-color .2s, transform .2s;
}
.file-list-new:hover {
  box-shadow: 0 4px 18px rgba(242,122,36,.15);
  border-color: #f27a24;
  transform: translateX(3px);
}
.file-list-new .list-thumb {
  width: 72px; height: 72px;
  border-radius: 8px; overflow: hidden;
  flex-shrink: 0; background: #f5f5f5;
  border: 2px solid #eee;
}
.file-list-new .list-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.file-list-new .list-body { flex: 1; min-width: 0; }
.file-list-new .list-title {
  font-size: 14px; font-weight: 700; color: #1a1a1a;
  text-decoration: none; display: block;
  margin-bottom: 4px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.file-list-new .list-title:hover { color: #f27a24; }
.file-list-new .list-badges { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 6px; }
.file-list-new .list-desc {
  font-size: 11px; color: #777; margin-bottom: 5px;
  display: -webkit-box; -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; overflow: hidden;
}
.file-list-new .list-meta {
  display: flex; flex-wrap: wrap; gap: 12px;
  font-size: 11px; color: #aaa;
}
.file-list-new .list-meta span { display: inline-flex; align-items: center; gap: 4px; }
.file-list-new .list-meta i { color: #f27a24; }
.file-list-new .list-meta a { color: #666; text-decoration: none; font-weight: 600; }
.file-list-new .list-meta a:hover { color: #f27a24; }
.file-list-new .list-action { flex-shrink: 0; }

/* Action Buttons */
.action-btn {
  padding: 8px 18px; border-radius: 6px;
  font-size: 12px; font-weight: 700;
  text-decoration: none; display: inline-flex;
  align-items: center; gap: 6px;
  border: none; cursor: pointer; white-space: nowrap;
  transition: background .15s, color .15s;
}
.action-btn.free { background: #f27a24; color: #fff; }
.action-btn.free:hover { background: #d9610d; }
.action-btn.paid { background: #1a1a1a; color: #fff; }
.action-btn.paid:hover { background: #333; }

/* ---- Folder Card ---- */
.folder-card-new {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
  border: 1px solid #f0f0f0;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s;
  margin-bottom: 20px;
}
.folder-card-new:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(242,122,36,.18);
  border-color: #f27a24;
}

/* Folder image area */
.folder-card-new .folder-image {
  height: 150px;
  position: relative;
  overflow: hidden;
  background: #1a1a1a;
}
/* When thumbnail exists — show it full cover */
.folder-card-new .folder-thumb {
  width: 100%; height: 100%;
  object-fit: cover; display: block;
  transition: transform .35s ease;
}
.folder-card-new:hover .folder-thumb { transform: scale(1.05); }

/* When NO thumbnail — styled placeholder */
.folder-card-new .folder-no-thumb {
  width: 100%; height: 100%;
  background: linear-gradient(135deg, #2b2b2b 0%, #1a1a1a 100%);
  display: flex; align-items: center; justify-content: center;
}
.folder-card-new .folder-no-thumb i {
  font-size: 50px; color: #f27a24;
  transition: transform .25s;
}
.folder-card-new:hover .folder-no-thumb i { transform: scale(1.1); }

/* Orange bottom bar on hover */
.folder-card-new .folder-image::after {
  content: '';
  position: absolute; bottom: 0; left: 0; right: 0;
  height: 3px; background: #f27a24;
  transform: scaleX(0); transition: transform .25s ease;
  transform-origin: left;
}
.folder-card-new:hover .folder-image::after { transform: scaleX(1); }

/* Badge on folder image */
.folder-card-new .folder-card-badges {
  position: absolute; top: 8px; left: 8px; z-index: 2;
}

/* Folder body */
.folder-card-new .folder-body {
  padding: 11px 13px 12px;
}
.folder-card-new .folder-title {
  font-size: 13px; font-weight: 700; color: #1a1a1a;
  text-decoration: none; display: block;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  margin-bottom: 3px;
}
.folder-card-new .folder-title:hover { color: #f27a24; }
.folder-card-new .folder-desc {
  font-size: 11px; color: #888; line-height: 1.4;
  display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden;
}

/* ---- Shared Badges ---- */
.badge-pill {
  font-size: 10px; font-weight: 700;
  padding: 2px 9px; border-radius: 4px;
  display: inline-block; line-height: 1.7;
}
.badge-new { background: #e53e3e; color: #fff; }
.badge-featured { background: #f27a24; color: #fff; }
.badge-paid { background: #1a1a1a; color: #fff; }

/* ---- Control Bar ---- */
.control-bar-new {
  display: flex; align-items: center; flex-wrap: wrap; gap: 10px;
  padding: 10px 16px; background: #fff;
  border-radius: 10px; box-shadow: 0 1px 6px rgba(0,0,0,.07);
  margin-bottom: 20px; border: 1px solid #f0f0f0;
}
.control-bar-new select {
  border: 1.5px solid #e2e2e2; padding: 6px 10px; font-size: 12px;
  border-radius: 6px; color: #444; background: #fafafa; outline: none;
}
.control-bar-new select:focus { border-color: #f27a24; }
.control-bar-new .sort-submit {
  background: #f27a24; color: #fff; border: none;
  padding: 7px 16px; border-radius: 6px;
  font-size: 12px; font-weight: 700; cursor: pointer;
  transition: background .15s;
}
.control-bar-new .sort-submit:hover { background: #d9610d; }
.control-bar-new .view-toggle {
  margin-left: auto; display: flex; gap: 3px;
  background: #f5f5f5; border-radius: 6px; padding: 3px;
  list-style: none; margin-bottom: 0;
}
.control-bar-new .view-toggle li a {
  padding: 5px 12px; border-radius: 5px; font-size: 12px;
  color: #777; text-decoration: none;
  display: inline-flex; align-items: center; gap: 5px;
  transition: all .15s;
}
.control-bar-new .view-toggle li.active a,
.control-bar-new .view-toggle li a:hover {
  background: #fff; color: #f27a24;
  box-shadow: 0 1px 4px rgba(0,0,0,.1);
}

/* ---- Responsive ---- */
@media (max-width: 767px) {
  .file-list-new { flex-wrap: wrap; }
  .file-list-new .list-action { width: 100%; }
  .file-card-new .card-meta-date { display: none; }
  .control-bar-new .view-toggle { margin-left: 0; }
  .folder-card-new .folder-image { height: 120px; }
}

/* ============================================================
   Site Header & Footer — New Design
   ============================================================ */

/* ---- Top Bar ---- */
.site-topbar {
  background: #111;
  padding: 6px 0;
  border-bottom: 1px solid #222;
}
.site-topbar .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.topbar-social, .topbar-links {
  list-style: none;
  margin: 0; padding: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
.topbar-social li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px; height: 28px;
  border-radius: 50%;
  background: #222;
  color: #aaa;
  font-size: 13px;
  text-decoration: none;
  transition: background .15s, color .15s;
}
.topbar-social li a:hover { background: #f27a24; color: #fff; }
.topbar-links li a {
  color: #aaa;
  font-size: 12px;
  text-decoration: none;
  padding: 4px 10px;
  border-radius: 4px;
  transition: color .15s, background .15s;
  display: flex;
  align-items: center;
  gap: 5px;
}
.topbar-links li a:hover { color: #f27a24; }
.topbar-links .topbar-register a {
  background: #f27a24;
  color: #fff;
}
.topbar-links .topbar-register a:hover { background: #d9610d; color: #fff; }
.topbar-lang-select {
  background: #222; color: #aaa; border: 1px solid #333;
  border-radius: 4px; padding: 3px 6px; font-size: 12px; outline: none;
}

/* ---- Main Header ---- */
.site-header { background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.1); position: relative; z-index: 100; }
.site-header-main { padding: 12px 0; }
.site-header-main .container {
  display: flex;
  align-items: center;
  gap: 20px;
}
.site-logo { flex-shrink: 0; }
.site-logo img { display: block; }

/* Search */
.site-search-wrap { flex: 1; max-width: 600px; }
.site-search-inner {
  display: flex;
  align-items: center;
  border: 2px solid #e8e8e8;
  border-radius: 8px;
  overflow: visible;
  transition: border-color .2s;
  background: #fff;
  position: relative;
}
.site-search-inner:focus-within { border-color: #f27a24; }
.site-search-input {
  flex: 1;
  border: none;
  outline: none;
  padding: 10px 14px;
  font-size: 14px;
  background: transparent;
  min-width: 0;
}
.site-search-cat { position: relative; border-left: 1px solid #eee; }
.site-search-cat-btn {
  background: none; border: none; padding: 10px 14px;
  font-size: 13px; color: #555; cursor: pointer;
  display: flex; align-items: center; gap: 5px;
  white-space: nowrap;
}
.site-search-cat-menu {
  position: absolute; top: 100%; left: 0;
  min-width: 160px; background: #fff;
  border: 1px solid #e8e8e8; border-radius: 8px;
  box-shadow: 0 6px 20px rgba(0,0,0,.1);
  list-style: none; margin: 4px 0; padding: 5px 0;
  display: none; z-index: 200;
}
.site-search-cat-menu.open,
.open .site-search-cat-menu { display: block; }
.site-search-cat-menu li a {
  display: block; padding: 8px 16px;
  color: #444; font-size: 13px; text-decoration: none;
}
.site-search-cat-menu li a:hover { background: #fff5ee; color: #f27a24; }
.site-search-btn {
  background: #f27a24; color: #fff; border: none;
  padding: 10px 18px; cursor: pointer;
  font-size: 15px; transition: background .15s;
  border-radius: 0 5px 5px 0;
}
.site-search-btn:hover { background: #d9610d; }

/* Cart */
.site-cart { flex-shrink: 0; position: relative; }
.site-cart-btn {
  display: flex; align-items: center; gap: 12px;
  text-decoration: none; color: #333;
  padding: 8px 16px;
  border: 2px solid #f0f0f0;
  border-radius: 8px;
  transition: border-color .2s;
}
.site-cart-btn:hover { border-color: #f27a24; color: #333; text-decoration: none; }
.site-cart-icon { position: relative; }
.site-cart-icon i { font-size: 22px; color: #555; }
.site-cart-count {
  position: absolute; top: -8px; right: -10px;
  background: #f27a24; color: #fff;
  width: 18px; height: 18px; border-radius: 50%;
  font-size: 10px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}
.site-cart-label { font-size: 11px; color: #999; display: block; }
.site-cart-total { font-size: 15px; font-weight: 700; color: #222; display: block; }
.site-cart-dropdown {
  position: absolute; top: 100%; right: 0;
  min-width: 260px; background: #fff;
  border: 1px solid #eee; border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  list-style: none; padding: 8px 0; margin-top: 6px;
  display: none; z-index: 999;
}
.site-cart.open .site-cart-dropdown { display: block; }
.basket-item { padding: 10px 16px; border-bottom: 1px solid #f5f5f5; }
.basket-item-title { font-size: 13px; font-weight: 600; color: #333; margin-bottom: 4px; }
.basket-item-meta { font-size: 12px; color: #888; }
.basket-item-price { font-weight: 700; color: #f27a24; margin-right: 8px; }
.site-checkout-btn {
  display: inline-block; background: #f27a24; color: #fff;
  padding: 8px 20px; border-radius: 6px; font-size: 13px;
  font-weight: 700; text-decoration: none;
  transition: background .15s;
}
.site-checkout-btn:hover { background: #d9610d; color: #fff; text-decoration: none; }
.site-invoices-alert {
  display: block; padding: 8px 16px;
  background: #fff3cd; color: #856404;
  font-size: 12px; font-weight: 600; text-decoration: none;
}

/* Navigation */
.site-nav {
  background: #1a1a1a;
  border-top: 3px solid #f27a24;
}
.site-nav .container {
  display: flex;
  align-items: center;
}
.site-nav-toggle {
  display: none;
  background: none; border: none; color: #fff;
  padding: 12px 0; font-size: 14px; cursor: pointer;
}
.site-nav-list {
  list-style: none; margin: 0; padding: 0;
  display: flex; align-items: center;
  flex-wrap: wrap;
}
.site-nav-list li a {
  display: flex; align-items: center;
  padding: 13px 16px;
  color: #ddd; font-size: 13px; font-weight: 600;
  text-decoration: none;
  gap: 6px;
  border-bottom: 3px solid transparent;
  transition: color .15s, border-color .15s;
}
.site-nav-list li a:hover,
.site-nav-list li.active a {
  color: #f27a24;
  border-bottom-color: #f27a24;
}
.site-nav-list li a i { font-size: 12px; opacity: .8; }

/* ---- Footer ---- */
.site-footer {
  background: #111;
  color: #bbb;
  margin-top: 50px;
}
.footer-top {
  padding: 50px 0 30px;
  border-bottom: 1px solid #222;
}
.footer-top .container {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}
.footer-col { flex: 1; min-width: 180px; }
.footer-brand { flex: 1.5; }
.footer-logo { margin-bottom: 15px; }
.footer-desc {
  font-size: 13px; color: #888; line-height: 1.7;
  margin-bottom: 20px;
}
.footer-social { display: flex; gap: 8px; flex-wrap: wrap; }
.footer-social a {
  display: flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; border-radius: 50%;
  background: #222; color: #aaa; font-size: 14px;
  text-decoration: none; transition: background .15s, color .15s;
}
.footer-social a:hover { background: #f27a24; color: #fff; }
.footer-col-title {
  font-size: 13px; font-weight: 700; color: #fff;
  text-transform: uppercase; letter-spacing: 1px;
  margin-bottom: 18px; padding-bottom: 10px;
  border-bottom: 2px solid #f27a24;
  display: inline-block;
}
.footer-links { list-style: none; margin: 0; padding: 0; }
.footer-links li { margin-bottom: 8px; }
.footer-links li a {
  color: #888; font-size: 13px; text-decoration: none;
  display: flex; align-items: center; gap: 6px;
  transition: color .15s;
}
.footer-links li a i { color: #f27a24; font-size: 11px; }
.footer-links li a:hover { color: #f27a24; }

/* Footer Bottom */
.footer-bottom {
  padding: 16px 0;
  background: #0d0d0d;
}
.footer-bottom .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.footer-bottom-left {
  font-size: 12px; color: #555;
  display: flex; align-items: center; gap: 15px; flex-wrap: wrap;
}
.footer-bottom-left a { color: #888; text-decoration: none; }
.footer-bottom-left a:hover { color: #f27a24; }
.footer-payments { list-style: none; margin: 0; padding: 0; display: flex; gap: 8px; align-items: center; }
.footer-payments li img { height: 24px; width: auto; opacity: .6; transition: opacity .15s; }
.footer-payments li img:hover { opacity: 1; }

/* ---- Responsive Header/Footer ---- */
@media (max-width: 991px) {
  .site-header-main .container { flex-wrap: wrap; }
  .site-search-wrap { order: 3; width: 100%; max-width: 100%; }
  .site-cart { order: 2; }
}
@media (max-width: 767px) {
  .site-topbar .container { flex-direction: column; gap: 6px; }
  .site-nav-toggle { display: flex; align-items: center; }
  .site-nav-collapse { display: none; width: 100%; }
  .site-nav-collapse.in { display: block; }
  .site-nav-list { flex-direction: column; align-items: flex-start; }
  .site-nav-list li { width: 100%; }
  .site-nav-list li a { border-bottom: none; border-right: 3px solid transparent; padding: 10px 16px; }
  .site-nav-list li a:hover { border-right-color: #f27a24; border-bottom: none; }
  .footer-top .container { flex-direction: column; gap: 30px; }
  .footer-bottom .container { flex-direction: column; text-align: center; }
  .site-cart-btn { padding: 8px; }
  .site-cart-info { display: none; }
}

/* ============================================================
   FILE DETAIL PAGE — Professional Two-Column Layout
   ============================================================ */

/* Breadcrumb Bar */
.file-breadcrumb-bar {
  background: #1a1a1a;
  border-bottom: 2px solid #f27a24;
  padding: 10px 0;
}
.file-breadcrumb {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.file-breadcrumb li {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #aaa;
}
.file-breadcrumb li a { color: #ccc; text-decoration: none; transition: color .2s; }
.file-breadcrumb li a:hover { color: #f27a24; }
.file-breadcrumb li.active { color: #f27a24; font-weight: 600; }
.file-breadcrumb .fa-angle-right { margin: 0 6px; color: #555; }

/* Page Wrapper */
.file-page-wrapper { padding: 30px 0 50px; background: #f4f5f7; min-height: 60vh; }
[data-theme="dark"] .file-page-wrapper { background: #111; }

/* Back Button */
.file-back-btn { margin-bottom: 18px; }
.file-back-btn a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #555;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  padding: 6px 16px;
  transition: all .2s;
}
.file-back-btn a:hover { background: #f27a24; color: #fff; border-color: #f27a24; }
[data-theme="dark"] .file-back-btn a { background: #1e1e1e; border-color: #333; color: #ccc; }

/* Two Column Layout */
.file-page-layout { display: flex; gap: 24px; align-items: flex-start; }
.file-main-col { flex: 1 1 0; min-width: 0; }
.file-sidebar-col { width: 300px; flex-shrink: 0; display: flex; flex-direction: column; gap: 16px; }

/* Sidebar Card base */
.file-sidebar-card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,.07);
}
[data-theme="dark"] .file-sidebar-card { background: #1e1e1e; box-shadow: 0 2px 10px rgba(0,0,0,.3); }

/* Thumbnail Card */
.file-thumb-card { text-align: center; }
.file-sidebar-img { width: 100%; height: 200px; object-fit: cover; display: block; }

/* Action Card */
.file-action-card { padding: 18px; display: flex; flex-direction: column; gap: 10px; }
.file-price-display { font-size: 26px; font-weight: 800; color: #f27a24; text-align: center; margin-bottom: 4px; }

.file-download-btn,
.file-cart-btn,
.file-express-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 13px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
  text-align: center;
}
.file-download-btn {
  background: linear-gradient(135deg, #f27a24, #e06010);
  color: #fff;
  box-shadow: 0 4px 14px rgba(242,122,36,.4);
}
.file-download-btn:hover { background: linear-gradient(135deg, #e06010, #c85000); color: #fff; transform: translateY(-1px); }
.file-cart-btn { background: #1a1a1a; color: #fff; }
.file-cart-btn:hover { background: #333; color: #fff; }
.file-express-btn { background: transparent; color: #f27a24; border: 2px solid #f27a24; }
.file-express-btn:hover { background: #f27a24; color: #fff; }

/* File Info Card */
.file-info-card { padding: 0; }
.file-info-title {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: #1a1a1a;
  margin: 0;
  padding: 12px 16px;
  border-radius: 10px 10px 0 0;
  display: flex;
  align-items: center;
  gap: 7px;
}
[data-theme="dark"] .file-info-title { background: #111; }
.file-info-list { list-style: none; margin: 0; padding: 0; }
.file-info-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
}
[data-theme="dark"] .file-info-list li { border-bottom-color: #2a2a2a; }
.file-info-list li:last-child { border-bottom: none; }
.file-info-label { color: #888; display: flex; align-items: center; gap: 6px; }
.file-info-value { font-weight: 600; color: #222; }
[data-theme="dark"] .file-info-value { color: #eee; }
.file-price-value { color: #f27a24; font-size: 15px; }

/* Ad Card */
.file-ad-card { padding: 14px; }

/* Related Files */
.file-related-card { padding: 0; }
.file-related-list { list-style: none; margin: 0; padding: 0; }
.file-related-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 16px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
  gap: 8px;
}
[data-theme="dark"] .file-related-list li { border-bottom-color: #2a2a2a; }
.file-related-list li:last-child { border-bottom: none; }
.file-related-list li a {
  color: #333;
  text-decoration: none;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color .2s;
}
.file-related-list li a:hover { color: #f27a24; }
[data-theme="dark"] .file-related-list li a { color: #ccc; }

/* Main Column Cards */
.file-title-card,
.file-body-card,
.file-desc-card,
.file-tags-card,
.file-reviews-card {
  background: #fff;
  border-radius: 10px;
  padding: 22px 24px;
  margin-bottom: 20px;
  box-shadow: 0 2px 10px rgba(0,0,0,.07);
}
[data-theme="dark"] .file-title-card,
[data-theme="dark"] .file-body-card,
[data-theme="dark"] .file-desc-card,
[data-theme="dark"] .file-tags-card,
[data-theme="dark"] .file-reviews-card {
  background: #1e1e1e;
  box-shadow: 0 2px 10px rgba(0,0,0,.3);
}

/* Title Card */
.file-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.file-page-title { font-size: 22px; font-weight: 800; color: #1a1a1a; margin: 0; line-height: 1.3; }
[data-theme="dark"] .file-page-title { color: #eee; }
.file-title-badges { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }

/* Stats Row */
.file-stats-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  font-size: 13px;
  color: #777;
  padding-top: 12px;
  border-top: 1px solid #f0f0f0;
}
[data-theme="dark"] .file-stats-row { border-top-color: #2a2a2a; color: #aaa; }
.file-stats-row .fa { color: #f27a24; margin-right: 4px; }
.file-price-badge { background: #f27a24; color: #fff; padding: 2px 10px; border-radius: 12px; font-weight: 700; font-size: 13px; }

/* Section Titles inside cards */
.file-section-title {
  font-size: 15px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 14px 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #f27a24;
  display: flex;
  align-items: center;
  gap: 7px;
}
[data-theme="dark"] .file-section-title { color: #eee; }
.file-section-title .fa { color: #f27a24; }
.file-review-count { font-size: 13px; color: #888; font-weight: 400; }

/* Body & Description */
.file-body-content { line-height: 1.8; color: #333; }
[data-theme="dark"] .file-body-content { color: #ccc; }
.file-description { color: #555; line-height: 1.8; margin: 0; }
[data-theme="dark"] .file-description { color: #aaa; }

/* Tags */
.file-tags-list { display: flex; flex-wrap: wrap; gap: 8px; }
.file-tag {
  background: #f4f5f7;
  color: #555;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  text-decoration: none;
  border: 1px solid #e0e0e0;
  transition: all .2s;
}
.file-tag:hover { background: #f27a24; color: #fff; border-color: #f27a24; }
[data-theme="dark"] .file-tag { background: #2a2a2a; color: #aaa; border-color: #333; }

/* Badges */
.badge-pill { display: inline-block; padding: 3px 10px; border-radius: 12px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; }
.badge-new { background: #28a745; color: #fff; }
.badge-featured { background: #f27a24; color: #fff; }
.badge-paid { background: #1a1a1a; color: #f27a24; }

/* Reviews List */
.file-reviews-list { display: flex; flex-direction: column; gap: 14px; margin-bottom: 16px; }
.file-review-item {
  display: flex;
  gap: 14px;
  padding: 14px;
  background: #f9f9f9;
  border-radius: 8px;
  border-left: 3px solid #f27a24;
}
[data-theme="dark"] .file-review-item { background: #252525; }
.file-review-avatar img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; border: 2px solid #f27a24; }
.file-review-body { flex: 1; }
.file-review-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 6px; }
.file-review-author { font-weight: 700; color: #222; font-size: 14px; }
[data-theme="dark"] .file-review-author { color: #eee; }
.file-review-date { font-size: 12px; color: #999; }
.file-review-text { margin: 0; color: #555; font-size: 14px; line-height: 1.7; }
[data-theme="dark"] .file-review-text { color: #aaa; }

/* Pagination */
.file-pagination { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
.file-pagination-info { font-size: 12px; color: #888; }
.file-pagination .pagination { margin: 0; }

/* Review Notice */
.file-review-notice { border-radius: 6px; padding: 10px 14px; font-size: 13px; margin-bottom: 12px; }

/* Add Review Form */
.file-add-review { margin-top: 20px; padding-top: 20px; border-top: 1px solid #f0f0f0; }
[data-theme="dark"] .file-add-review { border-top-color: #2a2a2a; }
.file-review-rating-row, .file-review-form-row { margin-bottom: 14px; }
.file-review-rating-row label, .file-review-form-row label { font-size: 13px; font-weight: 600; color: #555; display: block; margin-bottom: 6px; }
[data-theme="dark"] .file-review-rating-row label, [data-theme="dark"] .file-review-form-row label { color: #aaa; }
.file-review-textarea {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 14px;
  resize: vertical;
  outline: none;
  transition: border .2s;
  background: #fafafa;
  box-sizing: border-box;
}
.file-review-textarea:focus { border-color: #f27a24; background: #fff; }
[data-theme="dark"] .file-review-textarea { background: #252525; border-color: #333; color: #eee; }
.file-submit-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f27a24;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 11px 24px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: background .2s;
}
.file-submit-btn:hover { background: #e06010; }
.file-submit-btn.disabled { opacity: .5; cursor: not-allowed; }

/* File Detail Responsive */
@media (max-width: 991px) {
  .file-page-layout { flex-direction: column; }
  .file-sidebar-col { width: 100%; }
}
@media (max-width: 767px) {
  .file-title-row { flex-direction: column; }
  .file-page-title { font-size: 18px; }
  .file-stats-row { gap: 10px; font-size: 12px; }
  .file-title-card, .file-body-card, .file-desc-card, .file-tags-card, .file-reviews-card { padding: 16px; }
  .file-sidebar-img { height: 160px; }
}

/* ============================================================
   TICKER / NEWS BAR — Professional Scrolling Strip
   ============================================================ */

/* Base Bar */
.ticker-bar {
  background: #1a1a1a;
  border-top: 1px solid #2a2a2a;
  border-bottom: 3px solid #f27a24;
  padding: 0;
  overflow: hidden;
  position: relative;
  z-index: 100;
}
.ticker-bar-top {
  background: #111;
  border-top: 1px solid #f27a24;
  border-bottom: 3px solid #e06010;
}

/* Inner Wrap */
.ticker-wrap {
  display: flex;
  align-items: stretch;
  height: 40px;
}

/* Label badge on the left */
.ticker-label {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 18px;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .8px;
  white-space: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}
.ticker-label-recent {
  background: #f27a24;
  color: #fff;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
  padding-right: 24px;
}
.ticker-label-top {
  background: #e06010;
  color: #fff;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
  padding-right: 24px;
}
.ticker-label .fa { font-size: 13px; }

/* Scrolling Track */
.ticker-track-wrap {
  flex: 1;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}
.ticker-track-wrap::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 100%;
  background: linear-gradient(to right, transparent, #1a1a1a);
  z-index: 1;
  pointer-events: none;
}
.ticker-bar-top .ticker-track-wrap::after { background: linear-gradient(to right, transparent, #111); }

.ticker-track {
  display: flex;
  align-items: center;
  white-space: nowrap;
  animation: ticker-scroll 35s linear infinite;
  will-change: transform;
}
.ticker-track:hover { animation-play-state: paused; }

@keyframes ticker-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Each item */
.ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  font-size: 13px;
}
.ticker-item a {
  color: #ddd;
  text-decoration: none;
  transition: color .2s;
  font-weight: 500;
}
.ticker-item a:hover { color: #f27a24; }

/* Separator dot */
.ticker-sep {
  color: #444;
  font-size: 16px;
  margin-left: 6px;
}

/* Mini badges inside ticker */
.ticker-badge {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .3px;
}
.ticker-paid     { background: #f27a24; color: #fff; }
.ticker-featured { background: #28a745; color: #fff; }
.ticker-inactive { background: #dc3545; color: #fff; }

/* ---- Quick Nav Bar (below ticker) ---- */
.quick-nav-bar {
  background: #fff;
  border-bottom: 1px solid #ebebeb;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
  position: relative;
  z-index: 99;
}
[data-theme="dark"] .quick-nav-bar { background: #161616; border-bottom-color: #2a2a2a; }

.quick-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  gap: 0;
}
.quick-nav-list::-webkit-scrollbar { display: none; }

.quick-nav-list li { flex-shrink: 0; }

.quick-nav-list li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 10px 18px;
  color: #555;
  text-decoration: none;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .4px;
  transition: all .2s;
  border-bottom: 3px solid transparent;
  white-space: nowrap;
  line-height: 1;
}
[data-theme="dark"] .quick-nav-list li a { color: #aaa; }

.quick-nav-list li a .fa {
  font-size: 16px;
  color: #bbb;
  transition: color .2s;
}
[data-theme="dark"] .quick-nav-list li a .fa { color: #555; }

.quick-nav-list li a:hover {
  color: #f27a24;
  border-bottom-color: #f27a24;
  background: #fff8f4;
}
[data-theme="dark"] .quick-nav-list li a:hover { background: #1e1e1e; }
.quick-nav-list li a:hover .fa { color: #f27a24; }

/* Active state — match current page */
.quick-nav-list li a.active,
.quick-nav-list li.active a {
  color: #f27a24;
  border-bottom-color: #f27a24;
}
.quick-nav-list li a.active .fa { color: #f27a24; }

/* divider between items */
.quick-nav-list li + li a { border-left: 1px solid #f0f0f0; }
[data-theme="dark"] .quick-nav-list li + li a { border-left-color: #2a2a2a; }

@media (max-width: 767px) {
  .quick-nav-list li a { padding: 8px 12px; font-size: 10px; }
  .quick-nav-list li a .fa { font-size: 14px; }
  .quick-nav-list li a span { display: none; }
  .quick-nav-list li a { gap: 0; padding: 10px 14px; }
}

/* Visitor Usage Bar */
.visitor-usage-bar {
  background: #161616;
  border-bottom: 2px solid #f27a24;
  padding: 6px 0;
}
.visitor-usage-inner {
  display: flex;
  align-items: center;
  gap: 14px;
  height: 32px;
}
.visitor-usage-label {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #f27a24;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
}
.visitor-progress-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}
.visitor-progress { flex: 1; height: 8px; border-radius: 4px; background: #2a2a2a; margin: 0; }
.visitor-progress .progress-bar { background: linear-gradient(90deg, #f27a24, #e06010); border-radius: 4px; }
.visitor-usage-info { color: #aaa; font-size: 12px; white-space: nowrap; }

/* Dark theme ticker */
[data-theme="dark"] .ticker-bar  { background: #0d0d0d; }
[data-theme="dark"] .ticker-bar-top { background: #0a0a0a; }
[data-theme="dark"] .ticker-track-wrap::after { background: linear-gradient(to right, transparent, #0d0d0d); }

/* Mobile */
@media (max-width: 767px) {
  .ticker-label span { display: none; }
  .ticker-label { padding: 0 12px 0 10px; }
  .ticker-item { font-size: 12px; }
}

/* ============================================================
   DOWNLOADS HOME — Bottom Widgets (Top Featured / Recent / Paid)
   ============================================================ */

.downloads-widgets-section {
  padding: 40px 0 50px;
  background: #f4f5f7;
}
[data-theme="dark"] .downloads-widgets-section { background: #111; }

.downloads-widget-card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,.08);
  height: 100%;
}
[data-theme="dark"] .downloads-widget-card { background: #1e1e1e; }

.downloads-widget-head {
  background: #1a1a1a;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding: 13px 18px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-left: 4px solid #f27a24;
}
.downloads-widget-head .fa { color: #f27a24; }

.dfiles-footer-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dfiles-footer-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 16px;
  border-bottom: 1px solid #f5f5f5;
  font-size: 13px;
  transition: background .15s;
}
[data-theme="dark"] .dfiles-footer-list li { border-bottom-color: #2a2a2a; }
.dfiles-footer-list li:last-child { border-bottom: none; }
.dfiles-footer-list li:hover { background: #fef8f4; }
[data-theme="dark"] .dfiles-footer-list li:hover { background: #252525; }
.dfiles-footer-list li a {
  color: #333;
  text-decoration: none;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color .2s;
}
.dfiles-footer-list li a:hover { color: #f27a24; }
[data-theme="dark"] .dfiles-footer-list li a { color: #ccc; }

/* ============================================================
   DOWNLOAD PAGE — Professional Layout
   ============================================================ */

/* Page Wrapper */
.dl-page-wrapper {
  padding: 30px 0 50px;
  background: #f4f5f7;
  min-height: 70vh;
}
[data-theme="dark"] .dl-page-wrapper { background: #111; }

/* Two-column Layout */
.dl-page-layout {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
.dl-main-col { flex: 1 1 0; min-width: 0; }
.dl-sidebar-col {
  width: 280px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Back Button */
.dl-back-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #1a1a1a;
  color: #ccc;
  text-decoration: none;
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  transition: all .2s;
  border-left: 3px solid #f27a24;
}
.dl-back-btn:hover { background: #f27a24; color: #fff; border-left-color: #fff; }

/* Sidebar Card */
.dl-sidebar-card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,.07);
}
[data-theme="dark"] .dl-sidebar-card { background: #1e1e1e; }

.dl-thumb-card { text-align: center; }
.dl-thumb-img { width: 100%; height: 180px; object-fit: cover; display: block; }

.dl-widget-head {
  background: #1a1a1a;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  padding: 11px 15px;
  display: flex;
  align-items: center;
  gap: 7px;
  border-left: 4px solid #f27a24;
}
.dl-widget-head .fa { color: #f27a24; }

.dl-widget-list { list-style: none; margin: 0; padding: 0; }
.dl-widget-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 8px 14px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 12px;
}
[data-theme="dark"] .dl-widget-list li { border-bottom-color: #2a2a2a; }
.dl-widget-list li:last-child { border-bottom: none; }
.dl-widget-list li a {
  color: #333;
  text-decoration: none;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color .2s;
}
.dl-widget-list li a:hover { color: #f27a24; }
[data-theme="dark"] .dl-widget-list li a { color: #ccc; }

/* --- Main column cards base --- */
.dl-title-card,
.dl-action-card,
.dl-notice-card,
.dl-disclaimer-card,
.dl-useful-card {
  background: #fff;
  border-radius: 10px;
  padding: 22px 24px;
  margin-bottom: 18px;
  box-shadow: 0 2px 10px rgba(0,0,0,.07);
}
[data-theme="dark"] .dl-title-card,
[data-theme="dark"] .dl-action-card,
[data-theme="dark"] .dl-notice-card,
[data-theme="dark"] .dl-disclaimer-card,
[data-theme="dark"] .dl-useful-card {
  background: #1e1e1e;
  box-shadow: 0 2px 10px rgba(0,0,0,.3);
}

/* Title Card */
.dl-title-card {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 20px 24px;
  border-left: 5px solid #f27a24;
}
.dl-title-icon {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  background: linear-gradient(135deg, #f27a24, #e06010);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.dl-title-icon .fa { font-size: 24px; color: #fff; }
.dl-file-title {
  font-size: 20px;
  font-weight: 800;
  color: #1a1a1a;
  margin: 0 0 6px 0;
  line-height: 1.3;
}
[data-theme="dark"] .dl-file-title { color: #eee; }
.dl-file-meta { font-size: 12px; color: #888; margin: 0; }
.dl-file-meta strong { color: #f27a24; }

/* Notice Card */
.dl-notice-card {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: #fff8f0;
  border: 1px solid #ffd8a8;
  border-left: 4px solid #f27a24;
  padding: 16px 20px;
}
[data-theme="dark"] .dl-notice-card { background: #2a1f10; border-color: #5a3a10; }
.dl-notice-icon .fa { font-size: 22px; color: #f27a24; }
.dl-notice-text p { margin: 0 0 4px; font-size: 13px; color: #555; line-height: 1.6; }
.dl-notice-text p:last-child { margin: 0; }
[data-theme="dark"] .dl-notice-text p { color: #bbb; }

/* Action Card (Countdown + Download) */
.dl-action-card { text-align: center; padding: 30px 24px; }

/* Countdown Ring */
.dl-countdown {
  position: relative;
  width: 130px;
  height: 130px;
  margin: 0 auto 16px;
}
.dl-countdown-ring { width: 100%; height: 100%; transform: rotate(-90deg); }
.dl-ring-bg {
  fill: none;
  stroke: #f0f0f0;
  stroke-width: 8;
}
[data-theme="dark"] .dl-ring-bg { stroke: #2a2a2a; }
.dl-ring-fill {
  fill: none;
  stroke: #f27a24;
  stroke-width: 8;
  stroke-linecap: round;
  transition: stroke-dashoffset 1s linear;
}
.dl-countdown-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
}
.dl-countdown-num {
  font-size: 36px;
  font-weight: 900;
  color: #f27a24;
}
.dl-countdown-label {
  font-size: 11px;
  color: #aaa;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-top: 2px;
}

/* Waiting text */
.dl-waiting-text {
  font-size: 14px;
  color: #888;
  margin: 0 0 20px;
}

/* Link box */
.dl-link-box {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #f4f5f7;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 16px;
  text-align: left;
  overflow: hidden;
}
[data-theme="dark"] .dl-link-box { background: #252525; border-color: #333; }
.dl-link-box .fa { color: #f27a24; flex-shrink: 0; }
.dl-link-url {
  font-size: 12px;
  color: #555;
  word-break: break-all;
  flex: 1;
}
[data-theme="dark"] .dl-link-url { color: #aaa; }

/* Download button */
.dl-download-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: linear-gradient(135deg, #f27a24, #e06010);
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  font-weight: 800;
  padding: 16px 32px;
  border-radius: 10px;
  box-shadow: 0 6px 20px rgba(242,122,36,.4);
  transition: all .25s;
  margin-bottom: 14px;
  animation: dl-pulse 2s infinite;
}
.dl-download-btn:hover {
  background: linear-gradient(135deg, #e06010, #c85000);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(242,122,36,.5);
  animation: none;
}
@keyframes dl-pulse {
  0%,100% { box-shadow: 0 6px 20px rgba(242,122,36,.4); }
  50%      { box-shadow: 0 6px 30px rgba(242,122,36,.7); }
}

/* Report broken link */
.dl-report-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #999;
  font-size: 12px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 20px;
  padding: 5px 14px;
  transition: all .2s;
}
.dl-report-btn:hover { color: #dc3545; border-color: #dc3545; }
[data-theme="dark"] .dl-report-btn { border-color: #333; color: #777; }

/* Disclaimer Card */
.dl-disclaimer-card {
  border-top: 3px solid #f27a24;
  padding-top: 18px;
}
.dl-disclaimer-title {
  font-size: 14px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 14px;
  display: flex;
  align-items: center;
  gap: 7px;
}
[data-theme="dark"] .dl-disclaimer-title { color: #eee; }
.dl-disclaimer-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.dl-disclaimer-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  color: #555;
  line-height: 1.6;
}
[data-theme="dark"] .dl-disclaimer-list li { color: #aaa; }
.dl-disclaimer-list .fa { color: #28a745; margin-top: 2px; flex-shrink: 0; }

/* Useful Links Card */
.dl-useful-title {
  font-size: 15px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid #f27a24;
  display: flex;
  align-items: center;
  gap: 7px;
}
[data-theme="dark"] .dl-useful-title { color: #eee; }
.dl-useful-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.dl-useful-link {
  display: flex;
  align-items: center;
  gap: 7px;
  background: #f4f5f7;
  color: #333;
  padding: 11px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid #e8e8e8;
  transition: all .2s;
}
.dl-useful-link:hover { background: #f27a24; color: #fff; border-color: #f27a24; transform: translateY(-2px); }
.dl-useful-link .fa { color: #f27a24; transition: color .2s; }
.dl-useful-link:hover .fa { color: #fff; }
.dl-link-yt:hover { background: #ff0000; border-color: #ff0000; }
.dl-link-fb:hover { background: #1877f2; border-color: #1877f2; }
[data-theme="dark"] .dl-useful-link { background: #252525; color: #ccc; border-color: #333; }

/* Download Page Responsive */
@media (max-width: 991px) {
  .dl-page-layout { flex-direction: column; }
  .dl-sidebar-col { width: 100%; flex-direction: row; flex-wrap: wrap; }
  .dl-sidebar-col > * { flex: 1 1 260px; }
}
@media (max-width: 767px) {
  .dl-useful-grid { grid-template-columns: repeat(2, 1fr); }
  .dl-title-card { flex-direction: column; text-align: center; border-left: none; border-top: 4px solid #f27a24; }
  .dl-main-col > div { padding: 16px; }
  .dl-sidebar-col { flex-direction: column; }
}

/* ============================================================
   BLOG / ARTICLES — Cards, Sidebar Widgets, Article Page
   ============================================================ */

/* ---- Article Card (Grid) ---- */
.article-card-new {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,.07);
  transition: transform .25s, box-shadow .25s;
  margin-bottom: 24px;
  height: calc(100% - 24px);
  display: flex;
  flex-direction: column;
}
[data-theme="dark"] .article-card-new { background: #1e1e1e; }
.article-card-new:hover { transform: translateY(-4px); box-shadow: 0 8px 28px rgba(0,0,0,.13); }

.article-card-image {
  position: relative;
  overflow: hidden;
  background: #f0f0f0;
  height: 200px;
}
[data-theme="dark"] .article-card-image { background: #2a2a2a; }
.article-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; display: block; }
.article-card-new:hover .article-card-image img { transform: scale(1.05); }

.article-no-image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #1a1a1a, #2a2a2a);
}
.article-no-image .fa { font-size: 48px; color: #f27a24; }

/* Date badge */
.article-card-date {
  position: absolute;
  top: 12px;
  left: 12px;
  background: #f27a24;
  color: #fff;
  border-radius: 8px;
  padding: 6px 10px;
  text-align: center;
  line-height: 1.2;
  min-width: 42px;
}
.article-date-day { display: block; font-size: 18px; font-weight: 900; }
.article-date-month { display: block; font-size: 10px; font-weight: 600; text-transform: uppercase; }

.article-badge { position: absolute; top: 12px; right: 12px; }
.badge-inactive { background: #dc3545; color: #fff; padding: 3px 8px; border-radius: 10px; font-size: 11px; font-weight: 700; }

/* Card body */
.article-card-body { padding: 18px; flex: 1; display: flex; flex-direction: column; gap: 8px; }

.article-card-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; font-size: 12px; }
.article-cat-link { color: #f27a24; text-decoration: none; font-weight: 600; }
.article-cat-link:hover { text-decoration: underline; }
.article-author { color: #888; }

.article-card-title {
  font-size: 16px;
  font-weight: 700;
  color: #1a1a1a;
  text-decoration: none;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color .2s;
}
.article-card-title:hover { color: #f27a24; }
[data-theme="dark"] .article-card-title { color: #eee; }

.article-card-desc {
  font-size: 13px;
  color: #777;
  line-height: 1.6;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1;
}
[data-theme="dark"] .article-card-desc { color: #aaa; }

.article-read-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #f27a24;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  margin-top: auto;
  transition: gap .2s;
}
.article-read-more:hover { gap: 10px; }
.article-read-more .fa { font-size: 11px; }

/* ---- Article Detail Page Extras ---- */
.article-featured-img-card {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
  box-shadow: 0 2px 10px rgba(0,0,0,.07);
}
.article-featured-img { width: 100%; max-height: 420px; object-fit: cover; display: block; }

.article-highlight {
  font-size: 16px;
  color: #444;
  line-height: 1.8;
  margin: 0;
  font-style: italic;
  border-left: 4px solid #f27a24;
  padding-left: 16px;
}
[data-theme="dark"] .article-highlight { color: #bbb; border-left-color: #f27a24; }

/* ---- Blog Sidebar Widgets ---- */
.blog-sidebar-widget {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,.07);
  margin-bottom: 20px;
}
[data-theme="dark"] .blog-sidebar-widget { background: #1e1e1e; }

.blog-widget-head {
  background: #1a1a1a;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-left: 4px solid #f27a24;
}
.blog-widget-head .fa { color: #f27a24; }

/* Category list */
.blog-widget-list { list-style: none; margin: 0; padding: 0; }
.blog-widget-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
  gap: 8px;
  transition: background .15s;
}
[data-theme="dark"] .blog-widget-list li { border-bottom-color: #2a2a2a; }
.blog-widget-list li:last-child { border-bottom: none; }
.blog-widget-list li:hover { background: #fef8f4; }
[data-theme="dark"] .blog-widget-list li:hover { background: #252525; }
.blog-widget-list li a { color: #333; text-decoration: none; flex: 1; transition: color .2s; }
.blog-widget-list li a:hover { color: #f27a24; }
[data-theme="dark"] .blog-widget-list li a { color: #ccc; }

/* Post list (recent/top/from-category) */
.blog-sidebar-post-list { list-style: none; margin: 0; padding: 0; }
.blog-sidebar-post-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-bottom: 1px solid #f0f0f0;
  transition: background .15s;
}
[data-theme="dark"] .blog-sidebar-post-list li { border-bottom-color: #2a2a2a; }
.blog-sidebar-post-list li:last-child { border-bottom: none; }
.blog-sidebar-post-list li:hover { background: #fef8f4; }
[data-theme="dark"] .blog-sidebar-post-list li:hover { background: #252525; }

.blog-sidebar-thumb {
  width: 56px;
  height: 56px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
  display: block;
}
.blog-sidebar-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.blog-sidebar-no-thumb {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #1a1a1a, #2a2a2a);
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog-sidebar-no-thumb .fa { color: #f27a24; font-size: 18px; }

.blog-sidebar-post-info { flex: 1; min-width: 0; }
.blog-sidebar-post-title {
  display: block;
  color: #333;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
  transition: color .2s;
  line-height: 1.4;
}
.blog-sidebar-post-title:hover { color: #f27a24; }
[data-theme="dark"] .blog-sidebar-post-title { color: #ccc; }
.blog-sidebar-post-date { font-size: 11px; color: #aaa; }
.blog-sidebar-post-date .fa { color: #f27a24; }

/* Blog Search Widget */
.blog-widget-search { padding: 14px; }
.blog-search-wrap { display: flex; gap: 0; }
.blog-search-input {
  flex: 1;
  border: 1px solid #e0e0e0;
  border-right: none;
  border-radius: 8px 0 0 8px;
  padding: 9px 14px;
  font-size: 13px;
  outline: none;
  background: #fafafa;
  transition: border .2s;
}
.blog-search-input:focus { border-color: #f27a24; background: #fff; }
[data-theme="dark"] .blog-search-input { background: #252525; border-color: #333; color: #eee; }
.blog-search-btn {
  background: #f27a24;
  color: #fff;
  border: none;
  border-radius: 0 8px 8px 0;
  padding: 9px 16px;
  cursor: pointer;
  font-size: 14px;
  transition: background .2s;
}
.blog-search-btn:hover { background: #e06010; }

/* ---- Section Page Header (Recent Files, etc.) ---- */
.section-page-header {
  display: flex;
  align-items: center;
  gap: 18px;
  background: #fff;
  border-radius: 10px;
  padding: 20px 24px;
  margin-bottom: 24px;
  box-shadow: 0 2px 10px rgba(0,0,0,.07);
  border-left: 5px solid #f27a24;
}
[data-theme="dark"] .section-page-header { background: #1e1e1e; }
.section-page-icon {
  width: 52px; height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #f27a24, #e06010);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.section-page-icon .fa { font-size: 22px; color: #fff; }
.section-page-title { font-size: 20px; font-weight: 800; color: #1a1a1a; margin: 0 0 4px; }
[data-theme="dark"] .section-page-title { color: #eee; }
.section-page-sub { font-size: 13px; color: #888; margin: 0; }

/* ---- Blog page sidebar layout fix ---- */
.blog-sidebar-col { display: flex; flex-direction: column; gap: 0; }

@media (max-width: 767px) {
  .article-card-image { height: 160px; }
  .section-page-header { flex-direction: column; text-align: center; border-left: none; border-top: 4px solid #f27a24; }
}
/* ===== HOMEPAGE DARK MODE – Haafedk GSM ===== */

/* Body & Wrapper */
[data-theme="dark"] body,
[data-theme="dark"] .page-home,
[data-theme="dark"] .wrapper { background: #111; color: #ccc; }

/* Top bar & Header */
[data-theme="dark"] .topbar { background: #161616; border-bottom-color: #2a2a2a; }
[data-theme="dark"] .topbar .brand { color: #eee; }
[data-theme="dark"] .header { background: #1a1a1a; }
[data-theme="dark"] .header a { color: #ccc; }
[data-theme="dark"] .header .navbar-nav > li > a { color: #ccc; }
[data-theme="dark"] .header .navbar-nav > li > a:hover,
[data-theme="dark"] .header .navbar-nav > li.active > a { color: #f27a24; }

/* Search bar */
[data-theme="dark"] .search-holder input,
[data-theme="dark"] .search-holder .form-control { background: #252525; border-color: #333; color: #eee; }
[data-theme="dark"] .search-holder input::placeholder { color: #666; }

/* Home Intro */
[data-theme="dark"] .home-intro { background: #111; }
[data-theme="dark"] .main-page-title { color: #eee; }
[data-theme="dark"] .main-page-subtitle { color: #aaa; }

/* Featured Boxes */
[data-theme="dark"] .fsec { background: #161616; }
[data-theme="dark"] .fcard { background: #1e1e1e; border-color: #2a2a2a; box-shadow: 0 2px 15px rgba(0,0,0,.3); }
[data-theme="dark"] .fcard:hover { box-shadow: 0 8px 25px rgba(242,122,36,.15); }
[data-theme="dark"] .fcard h4 { color: #eee; }
[data-theme="dark"] .fcard p { color: #aaa; }

/* Section Titles */
[data-theme="dark"] .section-title { color: #eee; }
[data-theme="dark"] .section-title.text-black { color: #ddd !important; }

/* Downloads Folders & Files Grid */
[data-theme="dark"] .downloads-folders { background: #111; }
[data-theme="dark"] .folder-card-new { background: #1e1e1e; border-color: #2a2a2a; }
[data-theme="dark"] .folder-card-new .folder-body { background: #1e1e1e; }
[data-theme="dark"] .folder-card-new .folder-body a { color: #eee; }
[data-theme="dark"] .folder-card-new .folder-desc { color: #888; }
[data-theme="dark"] .file-grid-item { background: #1e1e1e; border-color: #2a2a2a; }
[data-theme="dark"] .file-grid-item .file-grid-title { color: #eee; }

/* Bottom Widgets (Top Files / Recent Files) */
[data-theme="dark"] .downloads-footer-widget { background: #1a1a1a; border-color: #2a2a2a; }
[data-theme="dark"] .downloads-footer-widget .widget-head { color: #eee; border-bottom-color: #2a2a2a; }
[data-theme="dark"] .dfiles-footer-list li { border-bottom-color: #2a2a2a; }
[data-theme="dark"] .dfiles-footer-list li:hover { background: #252525; }
[data-theme="dark"] .dfiles-footer-list li a { color: #ccc; }
[data-theme="dark"] .dfiles-footer-list li a:hover { color: #f27a24; }
[data-theme="dark"] .dfiles-footer-list li a.text-inactive { color: #666; }

/* Cart / Account header icons */
[data-theme="dark"] .cart-holder a,
[data-theme="dark"] .account-area a { color: #ccc; }

/* Footer */
[data-theme="dark"] .footer-legal { background: #0d0d0d !important; color: #aaa !important; border-top-color: #f27a24 !important; }
[data-theme="dark"] .footer-legal a { color: #f27a24 !important; }
[data-theme="dark"] .footer-legal a:hover { color: #ff9739 !important; }
[data-theme="dark"] footer { background: #0d0d0d; color: #aaa; }
[data-theme="dark"] footer a { color: #ccc; }
[data-theme="dark"] footer h4 { color: #eee; }
[data-theme="dark"] footer .widget { background: transparent; }

/* Ticker / News bar */
[data-theme="dark"] .ticker-bar { background: #0d0d0d; }
[data-theme="dark"] .ticker-bar-top { background: #0a0a0a; }
[data-theme="dark"] .ticker-track-wrap::after { background: linear-gradient(to right, transparent, #0d0d0d); }

/* Toggle button in dark */
[data-theme="dark"] #themeToggle { background: #f27a24; box-shadow: 0 2px 10px rgba(242,122,36,.6); }

/* Announcements / Articles sections if shown on home */
[data-theme="dark"] .announcements-footer-widget { background: #1a1a1a; }
[data-theme="dark"] .announcements-footer-widget .widget-head { color: #eee; }
[data-theme="dark"] .announcements-footer-list li { border-bottom-color: #2a2a2a; }
[data-theme="dark"] .announcements-footer-list li a { color: #ccc; }

/* Homepage ads holder */
[data-theme="dark"] .home-ad-holder { background: #111; }

/* Links & general text on homepage */
[data-theme="dark"] .page-home a { color: #ddd; }
[data-theme="dark"] .page-home a:hover { color: #f27a24; }
[data-theme="dark"] .text-black { color: #ddd !important; }
[data-theme="dark"] .text-muted { color: #777 !important; }

/* Dropdown menus */
[data-theme="dark"] .dropdown-menu { background: #1e1e1e; border-color: #333; }
[data-theme="dark"] .dropdown-menu > li > a { color: #ccc; }
[data-theme="dark"] .dropdown-menu > li > a:hover { background: #252525; color: #f27a24; }

/* Second header (downloads quick header on home) */
[data-theme="dark"] .second-header { background: #1a1a1a; border-bottom-color: #2a2a2a; }


/* ===== MISSING DARK MODE RULES — Haafedk GSM ===== */

/* Site Header (was white on all pages) */
[data-theme="dark"] .site-header {
  background: #1a1a1a !important;
  border-bottom-color: #2a2a2a;
}
[data-theme="dark"] .site-header a {
  color: #ccc;
}
[data-theme="dark"] .site-header .navbar-toggle {
  background: #252525;
  border-color: #333;
}
[data-theme="dark"] .site-header .navbar-toggle .icon-bar {
  background: #ccc;
}
[data-theme="dark"] .site-header .brand,
[data-theme="dark"] .site-header .logo-holder a {
  color: #eee;
}

/* Footer Legal (was light gray) */
[data-theme="dark"] .footer-legal {
  background: #0d0d0d !important;
  color: #aaa !important;
  border-top-color: #f27a24 !important;
}
[data-theme="dark"] .footer-legal a {
  color: #f27a24 !important;
}
[data-theme="dark"] .footer-legal a:hover {
  color: #ff9739 !important;
}

/* Form Controls (inputs, selects, textareas) */
[data-theme="dark"] .form-control,
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background: #252525 !important;
  border-color: #333 !important;
  color: #eee !important;
}
[data-theme="dark"] .form-control::placeholder,
[data-theme="dark"] input::placeholder {
  color: #666 !important;
}
[data-theme="dark"] .form-control:focus,
[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus {
  background: #2a2a2a !important;
  border-color: #f27a24 !important;
  box-shadow: 0 0 0 2px rgba(242,122,36,.2) !important;
}

/* Downloads Page: Folder Cards (was white) */
[data-theme="dark"] .dl-page-wrapper {
  background: #111;
}
[data-theme="dark"] .dl-sidebar-card {
  background: #1e1e1e;
}
[data-theme="dark"] .folder-card-new {
  background: #1e1e1e !important;
  border-color: #2a2a2a !important;
}

/* Search box on header */
[data-theme="dark"] .search-holder input,
[data-theme="dark"] .site-header .search-box input,
[data-theme="dark"] .header-search input {
  background: #252525;
  border-color: #333;
  color: #eee;
}

/* Mobile menu / collapsed nav */
[data-theme="dark"] .navbar-collapse,
[data-theme="dark"] .collapse.navbar-collapse {
  background: #1a1a1a;
  border-color: #2a2a2a;
}
[data-theme="dark"] .navbar-nav > li > a {
  color: #ccc !important;
}
[data-theme="dark"] .navbar-nav > li > a:hover,
[data-theme="dark"] .navbar-nav > li.active > a {
  color: #f27a24 !important;
  background: #252525;
}

/* Breadcrumbs if any */
[data-theme="dark"] .breadcrumb {
  background: #1a1a1a;
  border-color: #2a2a2a;
}
[data-theme="dark"] .breadcrumb li,
[data-theme="dark"] .breadcrumb a {
  color: #aaa;
}

/* "Back to top" or scroll buttons */
[data-theme="dark"] .scroll-top,
[data-theme="dark"] .back-to-top {
  background: #f27a24;
  color: #fff;
}

/* Pagination */
[data-theme="dark"] .pagination > li > a,
[data-theme="dark"] .pagination > li > span {
  background: #1e1e1e;
  border-color: #2a2a2a;
  color: #ccc;
}
[data-theme="dark"] .pagination > li > a:hover {
  background: #252525;
  color: #f27a24;
}
[data-theme="dark"] .pagination > .active > a,
[data-theme="dark"] .pagination > .active > span {
  background: #f27a24;
  border-color: #f27a24;
  color: #fff;
}

/* Tables */
[data-theme="dark"] table,
[data-theme="dark"] .table {
  background: #1a1a1a;
  color: #ccc;
}
[data-theme="dark"] table th,
[data-theme="dark"] .table th {
  background: #1e1e1e;
  color: #eee;
  border-bottom-color: #2a2a2a;
}
[data-theme="dark"] table td,
[data-theme="dark"] .table td {
  border-color: #2a2a2a;
}

/* Alerts / notices */
[data-theme="dark"] .alert {
  background: #1e1e1e;
  border-color: #2a2a2a;
  color: #ccc;
}
[data-theme="dark"] .alert-info {
  background: #0d2137;
  border-color: #0a3a5e;
  color: #8ab4f8;
}
[data-theme="dark"] .alert-warning {
  background: #2a1f10;
  border-color: #5a3a10;
  color: #f5a623;
}
[data-theme="dark"] .alert-success {
  background: #0d2110;
  border-color: #0a3a0a;
  color: #4caf50;
}

/* Loading skeletons / placeholders */
[data-theme="dark"] .skeleton,
[data-theme="dark"] .placeholder-wave {
  background: #1e1e1e;
}

/* Footer top section dark mode fix */
[data-theme="dark"] .footer-top {
  background: #111;
}
[data-theme="dark"] .footer-col-title {
  color: #eee !important;
}
[data-theme="dark"] .footer-desc {
  color: #999 !important;
}
[data-theme="dark"] .footer-links li a {
  color: #aaa;
}
[data-theme="dark"] .footer-links li a:hover {
  color: #f27a24;
}

/* ===== COMPREHENSIVE DARK MODE FIXES — MISSING COMPONENTS ===== */

/* File Card New */
[data-theme="dark"] .file-card-new {
  background: #1e1e1e;
  border-color: #2a2a2a;
  box-shadow: 0 2px 10px rgba(0,0,0,.25);
}
[data-theme="dark"] .file-card-new .card-image {
  background: #161616;
}
[data-theme="dark"] .file-card-new .card-body {
  background: transparent;
}
[data-theme="dark"] .file-card-new .card-title {
  color: #eee;
}
[data-theme="dark"] .file-card-new .card-title:hover {
  color: #f27a24;
}
[data-theme="dark"] .file-card-new .card-desc {
  color: #999;
}
[data-theme="dark"] .file-card-new .card-meta {
  color: #777;
}
[data-theme="dark"] .file-card-new .card-meta i {
  color: #f27a24;
}
[data-theme="dark"] .file-card-new .card-overlay {
  background: rgba(0,0,0,.7);
}

/* File List New */
[data-theme="dark"] .file-list-new {
  background: #1e1e1e;
  border-color: #2a2a2a;
}

/* File Grid Item card-image */
[data-theme="dark"] .file-grid-item .card-image {
  background: #161616;
}

/* Control Bar */
[data-theme="dark"] .control-bar-new {
  background: #1e1e1e;
  border-color: #2a2a2a;
  box-shadow: 0 1px 6px rgba(0,0,0,.3);
}
[data-theme="dark"] .control-bar-new select {
  background: #252525;
  border-color: #333;
  color: #ccc;
}
[data-theme="dark"] .control-bar-new select:focus {
  border-color: #f27a24;
}
[data-theme="dark"] .control-bar-new .view-toggle {
  background: #111;
}
[data-theme="dark"] .control-bar-new .view-toggle li a {
  color: #888;
}
[data-theme="dark"] .control-bar-new .view-toggle li.active a,
[data-theme="dark"] .control-bar-new .view-toggle li a:hover {
  background: #2a2a2a;
  color: #f27a24;
  box-shadow: 0 1px 4px rgba(0,0,0,.4);
}

/* Site Search */
[data-theme="dark"] .site-search-inner {
  background: #1e1e1e;
  border-color: #333;
}
[data-theme="dark"] .site-search-inner:focus-within {
  border-color: #f27a24;
}
[data-theme="dark"] .site-search-input {
  color: #eee;
}
[data-theme="dark"] .site-search-cat-btn {
  color: #aaa;
}
[data-theme="dark"] .site-search-cat {
  border-left-color: #333;
}
[data-theme="dark"] .site-search-cat-menu {
  background: #1e1e1e;
  border-color: #333;
  box-shadow: 0 6px 20px rgba(0,0,0,.4);
}
[data-theme="dark"] .site-search-cat-menu li a {
  color: #ccc;
}
[data-theme="dark"] .site-search-cat-menu li a:hover {
  background: #2a1f10;
  color: #f27a24;
}

/* Cart Dropdown */
[data-theme="dark"] .site-cart-dropdown {
  background: #1e1e1e;
  border-color: #333;
  box-shadow: 0 8px 24px rgba(0,0,0,.4);
}
[data-theme="dark"] .basket-item {
  border-bottom-color: #2a2a2a;
}
[data-theme="dark"] .basket-item-title {
  color: #eee;
}
[data-theme="dark"] .basket-item-meta {
  color: #888;
}

/* Downloads Visitor Usage */
[data-theme="dark"] .downloads-visitor-usage {
  background: #1a1a1a;
  border-bottom-color: #2a2a2a;
  color: #999;
}

/* Megamenu Nav */
[data-theme="dark"] #top-megamenu-nav2 .nav > li > a:hover,
[data-theme="dark"] #top-megamenu-nav2 .nav > li > a:focus,
[data-theme="dark"] #top-megamenu-nav2 .nav > li > a:active {
  background-color: #1e1e1e;
}

/* Folder Card New children */
[data-theme="dark"] .folder-card-new .card-head {
  background: transparent;
}

/* Site header brand hover */
[data-theme="dark"] .site-header .brand:hover,
[data-theme="dark"] .site-header .logo-holder a:hover {
  color: #f27a24;
}