:root {
  /* Palette recovered from the archived APKDone site. */
  --apkdone-primary-50: #fff2ed;
  --apkdone-primary-100: #ffd4c4;
  --apkdone-primary-200: #ffb79b;
  --apkdone-primary-300: #ff9a72;
  --apkdone-primary-400: #fa7a48;
  --apkdone-primary-500: #d86234;
  --apkdone-primary-600: #b64c23;
  --apkdone-primary-700: #943915;
  --apkdone-primary-800: #72280b;
  --apkdone-primary-900: #501904;

  --apkdone-accent: var(--apkdone-primary-400);
  --apkdone-link: var(--apkdone-primary-500);
  --apkdone-accent-hover: var(--apkdone-primary-500);
  --apkdone-accent-active: var(--apkdone-primary-600);
  --apkdone-accent-soft: var(--apkdone-primary-50);
  --apkdone-accent-ring: rgba(250, 122, 72, 0.2);
  --apkdone-ink: #222;
  --apkdone-page: #fff;
  --apkdone-surface: #fff;
  --apkdone-surface-raised: #fff7f3;
  --apkdone-border: #ebebeb;
}

body {
  color: var(--apkdone-ink);
  background-color: var(--apkdone-page);
}

/* Keep orange selective, as it was on the archived site. */
a {
  color: var(--apkdone-link);
}

.c-green,
.head_menu li.active > a,
.head_menu_f > li.active > a,
.submenu ul > li > a:hover,
.app_view_pad .description .spoiler-btn,
.spec > li a:hover,
.navigation_ext a:hover,
.search_field > button:hover,
.detail-sidebar-heading-icon,
.detail-category-link span,
.app_version_action,
.apkdone-section-heading > a {
  color: var(--apkdone-accent) !important;
}

.b-green,
.btn.btn-green,
.btn.btn-orange,
.switch.active,
.timer,
.links a,
.an1-mobile-download,
.cbtn,
.card_game_title,
.download_line.green,
.detail-category-toggle {
  background-color: var(--apkdone-accent) !important;
}

.logo-w-fill {
  fill: var(--apkdone-accent);
}

.unit-rating li.current-rating,
html.darkmod .unit-rating li.current-rating {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FA7A48' d='M12,17.27 18.18,21l-1.64-7.03L22,9.24l-7.19-.61L12,2 9.19,8.63 2,9.24l5.46,4.73L5.82,21 12,17.27z'/%3E%3C/svg%3E");
}

.rate_num [itemprop="ratingValue"] {
  color: var(--apkdone-accent);
}

.label-offline {
  background: linear-gradient(
    90deg,
    var(--apkdone-primary-500),
    var(--apkdone-primary-300)
  );
}

.logo > a {
  display: flex;
  min-height: 4rem;
  align-items: center;
}

.apkdone-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: #555;
}

.apkdone-brand__mark {
  display: block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  flex: 0 0 40px;
  border-radius: 0.5rem;
}

.apkdone-brand__mark img {
  display: block;
  width: 40px;
  height: 40px;
}

.apkdone-brand__word {
  font-size: 1.65rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.055em;
}

.apkdone-brand--compact .apkdone-brand__mark {
  width: 28px;
  height: 28px;
  flex-basis: 28px;
  border-radius: 0.4rem;
}

.apkdone-brand--compact .apkdone-brand__mark img {
  width: 28px;
  height: 28px;
}

.apkdone-brand--compact .apkdone-brand__word {
  font-size: 1rem;
}

.cat-apps-item.more {
  background-color: rgba(250, 122, 72, 0.2);
}

.cat-apps-item.more .dots i,
.app-faq-title::after,
.apkdone-feature-card__meta > span::before,
.apkdone-update-card__category::before,
.modal_catmenu a.active::before {
  background-color: var(--apkdone-accent) !important;
}

.app-faq-heading > svg,
.download_line.light > .size,
.download_line.light > div > i {
  color: var(--apkdone-accent);
}

.tabs > li > a > span {
  box-shadow: inset 0 0 0 0 var(--apkdone-accent);
}

.tabs > li > a.active > span {
  box-shadow: inset 0 2px 0 0 var(--apkdone-accent);
}

.btn.btn-green,
.btn.btn-orange,
.detail-category-toggle {
  color: #fff;
  box-shadow: 0 0.5rem 1.5rem var(--apkdone-accent-ring) !important;
}

.btn.btn-green:hover,
.btn.btn-orange:hover,
.detail-category-toggle:hover {
  background-color: var(--apkdone-accent-hover) !important;
  box-shadow:
    0 0.5rem 1.5rem var(--apkdone-accent-ring),
    0 0 0 0.25rem rgba(250, 122, 72, 0.14) !important;
}

.btn.btn-green:active,
.btn.btn-orange:active,
.detail-category-toggle:active {
  background-color: var(--apkdone-accent-active) !important;
}

.btn-back:hover {
  box-shadow: inset 0 0 0 0.25rem rgba(250, 122, 72, 0.32);
}

.download_line.green:hover {
  background-color: var(--apkdone-accent-hover) !important;
}

.download_line.green > .size {
  background-color: rgba(255, 255, 255, 0.2);
}

.content-area .status .category a:hover,
.app_version_item:hover,
.app_version_item.latest {
  border-color: rgba(250, 122, 72, 0.7);
}

.app_version_item:hover,
.app_version_item.latest {
  background: rgba(250, 122, 72, 0.06);
}

.app_version_badge {
  color: var(--apkdone-primary-700);
  background: rgba(250, 122, 72, 0.16);
}

.main-head {
  background-color: #222;
  background-image:
    linear-gradient(
      90deg,
      rgba(18, 20, 22, 0.94) 0%,
      rgba(18, 20, 22, 0.72) 58%,
      rgba(80, 25, 4, 0.3) 100%
    ),
    url("/an1/images/head-bg.jpg");
}

.foot_line {
  background-color: rgba(250, 122, 72, 0.1);
}

.comments-success {
  color: var(--apkdone-primary-700);
  background: var(--apkdone-primary-50);
}

@media (hover: hover) {
  .apkdone-section-heading > a:hover,
  .apkdone-update-card__category:hover {
    color: var(--apkdone-accent-hover) !important;
  }
}

@media (min-width: 992px) {
  .app_list .item_app:hover,
  .card-list .item_app:hover,
  .carousel-apps .item_app:hover,
  .post_list .post:hover {
    background-color: var(--apkdone-surface-raised);
  }
}

@media (max-width: 575px) {
  .apkdone-brand__mark {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
  }

  .apkdone-brand__mark img {
    width: 34px;
    height: 34px;
  }

  .apkdone-brand__word {
    font-size: 1.4rem;
  }
}

/*
 * Dark mode stays neutral so APKDone orange is an accent, not an ambient tint.
 */
html.darkmod {
  --apkdone-accent: #fb885c;
  --apkdone-link: var(--apkdone-primary-300);
  --apkdone-accent-hover: var(--apkdone-primary-300);
  --apkdone-accent-active: var(--apkdone-primary-500);
  --apkdone-accent-soft: rgba(250, 122, 72, 0.12);
  --apkdone-accent-ring: rgba(250, 122, 72, 0.2);
  --apkdone-ink: #f5f5f5;
  --apkdone-page: #121416;
  --apkdone-surface: #1b1d1f;
  --apkdone-surface-raised: #292c2f;
  --apkdone-border: rgba(255, 255, 255, 0.1);
}

html.darkmod body,
html.darkmod .modal,
html.darkmod .modal_search {
  color: var(--apkdone-ink);
  background: var(--apkdone-page);
}

html.darkmod .header > header,
html.darkmod .hmenu,
html.darkmod .box_shadow,
html.darkmod .search_field > input,
html.darkmod .ui-dialog,
html.darkmod .app-panel-wrap,
html.darkmod .app_versions {
  color: var(--apkdone-ink);
  background-color: var(--apkdone-surface-raised);
}

html.darkmod .app_list .item_app,
html.darkmod .card-list .item_app,
html.darkmod .carousel-apps .item_app,
html.darkmod .post_list .post,
html.darkmod .box_grey,
html.darkmod .comments-section,
html.darkmod .detail-sidebar-card {
  background-color: var(--apkdone-surface);
}

@media (min-width: 640px) {
  html.darkmod .post_view {
    background-color: var(--apkdone-surface);
  }
}

@media (min-width: 768px) {
  html.darkmod .app_view_wrp {
    background-color: var(--apkdone-surface);
  }
}

html.darkmod .submenu {
  background-color: #34373b;
}

html.darkmod .submenu::after {
  border-bottom-color: #34373b;
}

html.darkmod .section-sep,
html.darkmod .cd-faq-group > li,
html.darkmod .post_list,
html.darkmod .toolbar,
html.darkmod .ui-dialog-titlebar,
html.darkmod .detail-sidebar-card,
html.darkmod .detail-sidebar-card h2,
html.darkmod .detail-category-list > li,
html.darkmod .detail-category-toggle-wrap,
html.darkmod .detail-popular li + li,
html.darkmod .comment-item,
html.darkmod .apkdone-home-sections,
html.darkmod .apkdone-home-section {
  border-color: var(--apkdone-border);
}

html.darkmod .btn.btn-green,
html.darkmod .btn.btn-orange,
html.darkmod .detail-category-toggle,
html.darkmod .download_line.green,
html.darkmod .an1-mobile-download {
  color: #222 !important;
  background-color: var(--apkdone-accent) !important;
}

html.darkmod .btn.btn-green:hover,
html.darkmod .btn.btn-orange:hover,
html.darkmod .detail-category-toggle:hover,
html.darkmod .download_line.green:hover,
html.darkmod .an1-mobile-download:hover {
  background-color: var(--apkdone-accent-hover) !important;
}

html.darkmod .btn.btn-green:active,
html.darkmod .btn.btn-orange:active,
html.darkmod .detail-category-toggle:active {
  background-color: var(--apkdone-accent-active) !important;
}

html.darkmod .cat-apps-item.more,
html.darkmod .app_version_badge,
html.darkmod .comments-heading-row > span,
html.darkmod .comment-form {
  background-color: var(--apkdone-accent-soft);
}

html.darkmod .app_version_badge {
  color: var(--apkdone-primary-200);
}

html.darkmod .app_version_item:hover,
html.darkmod .app_version_item.latest {
  border-color: rgba(255, 154, 114, 0.7);
  background: rgba(250, 122, 72, 0.1);
}

html.darkmod .app-faq-heading {
  border-top-color: rgba(255, 154, 114, 0.3);
}

html.darkmod .alert {
  background-color: var(--apkdone-accent-soft);
}

html.darkmod .foot_line {
  background-color: var(--apkdone-surface);
}

html.darkmod .apkdone-brand {
  color: #f1f1f1;
}

html.darkmod .apkdone-update-card__category {
  color: rgba(255, 255, 255, 0.58);
}

html.darkmod .apkdone-carousel-arrow {
  color: var(--apkdone-primary-200);
  background: var(--apkdone-surface-raised);
}

html.darkmod .comments-success {
  color: var(--apkdone-primary-200);
  background: rgba(250, 122, 72, 0.12);
}

@media (max-width: 991px) {
  html.darkmod .hmenu,
  html.darkmod .submenu.open {
    color: var(--apkdone-ink);
    background: var(--apkdone-page);
  }
}

@media (min-width: 992px) {
  html.darkmod .app_list .item_app:hover,
  html.darkmod .card-list .item_app:hover,
  html.darkmod .carousel-apps .item_app:hover,
  html.darkmod .post_list .post:hover {
    background-color: var(--apkdone-surface-raised);
  }
}
