/* Blog presentation for the restaurant design profile. Content remains tenant owned. */
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-list,
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail {
  background: var(--rest-bg) !important;
  color: var(--rest-brown);
  padding-block: clamp(36px, 5vw, 64px) 80px;
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-list .asma-blog-heading {
  margin-bottom: 38px !important;
  padding: clamp(28px, 4vw, 48px);
  border: 1px solid var(--rest-line);
  border-radius: 32px;
  background: linear-gradient(135deg, #fff, var(--rest-warm));
  box-shadow: var(--rest-shadow);
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-list .asma-blog-heading h1 {
  color: var(--rest-brown) !important;
  font-size: clamp(2.2rem, 4vw, 3.4rem) !important;
  font-weight: 900 !important;
  line-height: 1.2;
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-list .asma-blog-heading > div {
  width: 64px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, var(--rest-brown), var(--rest-gold)) !important;
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-list .asma-blog-empty {
  min-height: 230px;
  display: grid;
  place-items: center;
  padding: 48px 24px !important;
  border: 1px dashed var(--rest-line);
  border-radius: 28px;
  background: #fff;
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-list .asma-blog-empty p {
  margin: 0;
  color: var(--rest-muted) !important;
  font-size: 1.05rem !important;
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-list .asma-blog-card {
  border-color: var(--rest-line) !important;
  border-radius: 28px !important;
  background: #fff;
  box-shadow: var(--rest-shadow);
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-list .asma-blog-card:hover {
  border-color: var(--rest-gold) !important;
  box-shadow: 0 22px 48px rgba(67, 40, 8, .14) !important;
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-list .asma-blog-card-media,
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-list .asma-blog-card-placeholder {
  background: var(--rest-warm) !important;
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-list .asma-blog-category,
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-category {
  background: linear-gradient(135deg, var(--rest-gold), #f0d060) !important;
  color: var(--rest-deep) !important;
  border: 1px solid var(--rest-gold-dark);
  font-weight: 800 !important;
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-list .asma-blog-meta,
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-meta,
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-related-date {
  color: var(--rest-muted) !important;
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-list .asma-blog-card-title a,
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-article-title,
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-related-card-title {
  color: var(--rest-brown) !important;
  font-weight: 900 !important;
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-list .asma-blog-excerpt {
  color: var(--rest-muted) !important;
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-list .asma-blog-read-more,
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-back-button {
  border-radius: 999px !important;
  background: linear-gradient(135deg, #b8841e, var(--rest-gold) 55%, #f0d060) !important;
  color: var(--rest-deep) !important;
  box-shadow: 0 10px 24px rgba(234, 193, 58, .24) !important;
  font-weight: 900 !important;
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-list .asma-blog-more p {
  color: var(--rest-muted) !important;
}

.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-article {
  padding: clamp(22px, 4vw, 48px);
  border: 1px solid var(--rest-line);
  border-radius: 32px;
  background: #fff;
  box-shadow: var(--rest-shadow);
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-article-title {
  font-size: clamp(2rem, 4vw, 3rem) !important;
  line-height: 1.35 !important;
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-featured-media {
  border-radius: 24px !important;
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-article-body {
  color: #5c4a32 !important;
  line-height: 1.95 !important;
  overflow-wrap: anywhere;
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-article-body :is(h2, h3, h4, h5) {
  color: var(--rest-brown) !important;
  margin-block: 1.5em .6em;
  font-weight: 900;
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-article-body a {
  color: var(--rest-gold-dark) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-article-body blockquote {
  margin-inline: 0;
  padding: 18px 24px;
  border-inline-start: 4px solid var(--rest-gold);
  border-radius: 16px;
  background: var(--rest-warm);
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-article-body img,
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-article-body video {
  max-width: 100%;
  height: auto;
  border-radius: 18px;
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-article-body table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-tags-label,
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-share h5,
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-related-title {
  color: var(--rest-brown) !important;
  font-weight: 900 !important;
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-tag {
  background: var(--rest-warm) !important;
  color: var(--rest-brown) !important;
  border: 1px solid var(--rest-line);
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-share {
  border-color: var(--rest-line) !important;
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-share-link {
  border-color: var(--rest-line) !important;
  color: var(--rest-brown) !important;
  background: var(--rest-warm);
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-share-link:hover {
  background: var(--rest-gold);
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-related-card {
  border-color: var(--rest-line) !important;
  border-radius: 20px !important;
  background: #fff;
  box-shadow: var(--rest-shadow);
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail.asma-blog-not-found .asma-blog-empty {
  border: 1px dashed var(--rest-line);
  border-radius: 28px;
  background: #fff;
}
.rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail.asma-blog-loading > .container > div {
  border-top-color: var(--rest-gold-dark) !important;
}

@media (max-width: 767px) {
  .rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-list,
  .rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail {
    padding-block: 30px 56px;
  }
  .rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-list .asma-blog-heading {
    padding: 28px 18px;
    border-radius: 24px;
  }
  .rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-article {
    padding: 22px 18px;
    border-radius: 24px;
  }
  .rest-shell[data-design-profile="restaurant"] #main-content .rest-blog-detail .asma-blog-featured-media {
    margin-bottom: 26px !important;
  }
}