/* Global */
:root {
  --lightborder-color: #e0e2fa;
  --grey: #f8f8f8;
  --danger: #d50000;
}

a:hover {
  text-decoration: none;
}

/* HEADER SECTION */
header {
  height: 80px;
  box-shadow: none;
  border-bottom: 1px solid var(--lightborder-color);
}

header .logo img {
  height: 40px;
}

body#home > .content {
  padding: 0;
}

header .container.alt > .img {
  width: 40px;
  height: 40px;
  box-shadow: none;
  margin-right: 10px;
}

header .container.alt > .data {
  font-size: 12px;
  line-height: 20px;
  padding: 0;
}

#item .sticky-button {
  bottom: 66px;
  left: 10px;
}

#item .sticky-button.contact {
  right: 10px;
}

/* BODY */
body {
  padding-top: 80px;
  background: #f1f1f1;
  font-family: "Noto Sans Khmer", sans-serif;
}

/* HEADER SECTION - SECTION - SEARCHBOX */
body#home > .content > section.home-search {
  padding: 30px 0;
  background: var(--grey);
  box-shadow: none;
}

.home-search > .container:after {
  display: none;
}

.home-search h1,
.home-search form,
.home-search .latest-search {
  max-width: inherit;
}

/* HEADER SECTION - SECTION - CATEGORIES */

body#home .home-search h2 {
  font-size: 16px;
  margin: 30px 0 10px 0;
}

section.home-search {
  .box {
    #home-cat {
      justify-content: space-between;
      a {
        padding: 10px 0 !important;
        margin: 0;
        > div {
          margin: 0 auto 10px auto;
        }
        > h3 {
          display: unset;
          height: unset;
        }
        > h3 span {
          margin: 0;
        }
      }
    }
  }
}

/* GENERAL CSS - Notification */
#flashbox .flashmessage,
#error_list li,
.upload-photos .flashmessage,
.empty,
.problem,
.flashmessage {
  box-shadow: none;
}

.simple-prod .contact > a {
  box-shadow: none;
}

/* Button */
.btn,
.btn-primary {
  box-shadow: none;
}

/* HORIZONTAL CARD */
.simple-prod .img-wrap .bar {
  font-size: 14px;
}

.simple-prod .data {
  padding: 12px 0 0 0;
}

.simple-prod .right .price {
  color: var(--danger);
  font-size: 16px;
}

.products.list .simple-prod .price.standalone {
  color: var(--danger) !important;
}

.simple-prod .img-wrap > a img {
  box-shadow: none;
}

/* Page - Home */
#seller .line1 .img img,
#home-cat a > div,
#item-side #protection .point .icon,
#item-side .master-button,
#search-category-box .icon {
  box-shadow: none;
}

#item-main {
  background: #fff;
  padding: 16px;
  border-radius: 6px;
  border: 1px solid #dfe2ea;
}

#item-main .description {
  border-top: 1px solid #dfe2ea;
}

#item-side .seller-button:hover {
  background: var(--grey);
  text-decoration: none;
  border-color: #aaa;
}

#shortcuts {
  background-color: var(--grey);
  padding: 16px;
  margin-top: 16px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 0;
  border-top: none;
  border: none;
}

#shortcuts a {
  color: #78909c;
}

#shortcuts a:hover {
  text-decoration: none;
  color: #171717;
}

#item-side .seller-button,
#item-side .report-button,
#item-side .manage-button {
  border: 1px solid #e7e7e7;
  padding: 8px 8px;
}

#item-side .seller-button:hover,
#item-side .report-button:hover,
#item-side .manage-button:hover {
  border: 1px solid #e7e7e7;
}

#item-side .report-button:hover {
  color: #fff;
  background: #b71c1c;
}

#alert-form > img,
#report > img {
  margin: 0 auto 30px auto;
  display: flex;
}

#alert-form .header,
#report .header {
  text-align: center;
}

/* Best Seller Profile */
#users-list .user .img:after {
  border-radius: 0 0 8px 8px;
}

.simple-prod .extra {
  font-size: 12px;
  color: #78909c;
}

.simple-prod:hover .simple-wrap a.title {
  color: #3b49df;
}

.trun2lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}

.simple-prod .data {
  padding: 12px 0 0 0;
}

@media screen and (min-width: 768px) {
  #home-cat a {
    padding: 14px 8px 12px 8px;
  }
}

.simple-prod .premium-mark,
.items-box .label-premium,
.items-box .label-sold,
.items-box .label-reserved {
  background: #ffec00;
}

.products.list .simple-prod .title {
  color: #37474f;
  font-weight: 600;
  margin: 0 0 10px 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  font-size: 1.1em;
  max-height: initial !important;
}

#recent-ads .simple-prod .title {
  line-height: 20px;
}

/* Premium Ads */
.simple-prod .info {
  margin: 0 0 4px 0;
}

/* Search Result */

#search-main .top-bar h1 {
  font-size: 18px;
  background: #fff;
  padding: 16px;
  border-bottom: 1px solid var(--lightborder-color);
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

#search-quick-bar {
  margin: 0;
  background: #fff;
  padding: 16px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.filter-menu label,
.filter-menu h6,
.filter-menu #atr-search .control-group > label {
  margin-bottom: 8px;
}

.filter-menu .price .line {
  margin-bottom: 10px;
}

#search-menu form.search-side-form {
  border: none;
}

#search-category-box {
  background: #fff;
  border-radius: 6px;
  padding: 16px;
  margin: 0 0 16px 0;
}

#recent-ads .simple-prod .title {
  max-height: max-content;
}

#recent-ads.onsearch {
  border-top: none;
  border-bottom: none;
  background: white;
  padding: 16px;
  border-radius: 6px;
  .simple-prod {
    margin-bottom: 0 !important;
  }
}

.simple-prod .info {
  margin: 0 0 10px 0;
}

.products.list .simple-prod .img-wrap {
  width: 160px;
  min-width: 160px;
  height: 120px;
  margin: 0 16px 0 0;
}

.products.list .simple-prod {
  border-bottom: 1px solid var(--lightborder-color);
  background-color: #fff;
  padding: 16px;
  border-bottom: 1px solid var(--lightborder-color);
  &:hover {
    background-color: #fffff9;
  }
  &:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
}

#filter-user-type {
  border-bottom: none;
  background-color: #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin: 24px 0 0 0;
}

/* Single Product Page */
#item-main .basic .price {
  color: #d50000;
}

header .container.alt .data > strong .price {
  color: #d50000;
}

#seller .line1 .img img {
  box-shadow: inherit;
}

#item-side .master-button {
  box-shadow: inherit;
}

#item-main .basic h1 {
  font-size: 22px;
  line-height: 1.2;
}

#item-main .description .text {
  font-size: 18px;
  line-height: 1.4;
}

#item-main {
  background: #fff;
  border-radius: 6px;
  border: 1px solid var(--lightborder-color);
  padding: 16px;
}

#item-side .box {
  border: none;
}

#item-main .description {
  border-top: 1px solid var(--lightborder-color);
}

#item-side .seller-button,
#item-side .report-button,
#item-side .manage-button {
  border: 1px solid var(--lightborder-color);
}

#comments {
  background: var(--grey);
  border-radius: 6px;
  padding: 16px;
}

#comments .author .img {
  box-shadow: none;
}

#comments .author {
  padding: 4px 8px 4px 4px;
  border-radius: 100px;
  background: #e3e3e8;
}

#comments .comment {
  border-top: 1px solid var(--lightborder-color);
}

#comments .data h3 {
  margin: 0 0 8px 0;
}

#item-side .report-button:hover {
  background: #d50000;
  text-decoration: none;
  border-color: #b71c1c;
  color: #fff;
}

#seller .line2 {
  line-height: inherit;
}

/* PROFILE PAGE */
#public #about strong {
  border-bottom: 1px solid var(--lightborder-color);
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#public h1 {
  background: #fff;
  padding: 16px;
  margin-bottom: 0;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

form[name="user-public-profile-search"] {
  margin: 0 0 24px 0;
  background: #fff;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 16px 16px 10px 16px;
  border-top: 1px solid var(--lightborder-color);
}

form[name="user-public-profile-search"] .control-group label {
  margin: 0 0 8px 0;
}

form[name="user-public-profile-search"] .actions {
  flex-grow: 1;
  button {
    width: 100%;
  }
}

/* Profile - Active Listings */
.items-box .item .buttons a:hover {
  background: #2f3ab2;
  color: #ffffff;
}

.items-box .item .buttons a.delete:hover {
  background: #ba0000;
  color: #ffffff;
}

.items-box .item .buttons a.delete:hover i {
  color: #ffffff;
}

.items-box .item .title:hover {
  color: #3b49df;
}

.items-box .item .price {
  max-width: 130px;
  border-radius: 8px;
  font-size: 16px;
}

/* Footer */

footer {
  background: #2e3aff;
  color: #fff;
}

footer a {
  color: #fff;
  &:hover {
    color: #ffff8d;
  }
}

footer section.one {
  display: none;
}

footer section.two {
  margin: 0;
  padding: 0;
  border-top: none;
  font-size: 12px;
}

footer p.logo img {
  max-height: 36px;
  padding: inherit;
  border: inherit;
  border-radius: inherit;
  filter: inherit;
  box-shadow: inherit;
}

#navi-bar {
  height: 56px;
}

#navi-bar a {
  padding: 12px 2px;
}

@media screen and (max-width: 767px) {
  header {
    height: 60px !important;
  }
  .simple-prod .img-wrap > a img {
    box-shadow: none !important;
  }
  body#home > .content > section.home-search {
    padding-top: 16px !important;
  }
  body#home > .content {
    padding-top: 12px !important;
  }
  form[name="user-public-profile-search"] {
    margin: 0 0 10px 0;
  }
  #filter-user-type {
    margin: 10px 0 0 0;
  }
  #recent-ads.onsearch {
    margin-top: 10px !important;
  }
}

@media screen and (max-width: 1024px) {
  footer section.two span {
    color: #ffffff !important;
  }
  .products.list .simple-prod .img-wrap {
    width: 128px !important;
    min-width: 128px !important;
    height: 128px !important;
    margin: 0 16px 0 0 !important;
  }
}