/**
 * Amaley OG SHG Cards - 0.4.183 Card 3 final full controls + custom icons/graphics.
 * Grid/preview wrapper logic from 0.4.166/0.4.168 is preserved.
 * This file polishes the single-card visuals for compact 3/4-column listing use.
 */
.amaley-shg-og-widget,
.amaley-shg-og-widget * { box-sizing: border-box; }

/* Preview/listing wrapper. Do not move listing behavior inside the card. */
.amaley-shg-og-grid {
  --ashg-grid-columns: 3;
  --ashg-grid-gap: 24px;
  --ashg-grid-min-width: 300px;
  --ashg-grid-item-max-width: 360px;
  --ashg-grid-align: stretch;
  display: grid;
  gap: var(--ashg-grid-gap);
  width: 100%;
  min-width: 0;
  align-items: stretch;
}
.amaley-shg-og-widget--layout-fixed .amaley-shg-og-grid {
  grid-template-columns: repeat(var(--ashg-grid-columns), minmax(0, 1fr));
  justify-content: stretch;
  justify-items: var(--ashg-grid-align);
}
.amaley-shg-og-widget--layout-auto-fit .amaley-shg-og-grid,
.amaley-shg-og-widget--layout-auto .amaley-shg-og-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--ashg-grid-min-width)), 1fr));
  justify-content: center;
  justify-items: var(--ashg-grid-align);
}
.amaley-shg-og-widget--single .amaley-shg-og-grid {
  grid-template-columns: minmax(0, min(100%, var(--ashg-grid-item-max-width)));
  justify-content: center;
  justify-items: center;
}
.amaley-shg-og-grid__item {
  min-width: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.amaley-shg-og-widget--layout-fixed .amaley-shg-og-grid__item { max-width: none; }
.amaley-shg-og-widget--layout-auto-fit .amaley-shg-og-grid__item,
.amaley-shg-og-widget--layout-auto .amaley-shg-og-grid__item,
.amaley-shg-og-widget--single .amaley-shg-og-grid__item { max-width: var(--ashg-grid-item-max-width); }

/* Compact card base - built for four cards in one row without oversized poster proportions. */
.amaley-shg-og-card {
  --ashg-card-bg: #fff8ea;
  --ashg-card-radius: 20px;
  --ashg-card-max-width: 100%;
  --ashg-card-min-height: 468px;
  --ashg-image-height: 174px;
  --ashg-img-x: 50%;
  --ashg-img-y: 50%;
  --ashg-title-lines: 3;
  --ashg-description-lines: 3;
  --ashg-text-align: left;
  --ashg-content-gap: 10px;
  --ashg-body-padding-top: 18px;
  --ashg-body-padding-right: 19px;
  --ashg-body-padding-bottom: 12px;
  --ashg-body-padding-left: 19px;
  --ashg-terracotta: #bf5e39;
  --ashg-terracotta-dark: #9f4528;
  --ashg-olive: #687542;
  --ashg-cocoa: #34170d;
  --ashg-muted: #5f5146;
  --ashg-line: rgba(190, 122, 83, .24);
  --ashg-soft: #fbf1df;
  --ashg-hover-translate: -8px;
  --ashg-hover-scale: 1;
  --ashg-hover-shadow: 0 26px 58px rgba(75, 45, 24, .22);
  --ashg-hover-border-color: rgba(190, 103, 68, .32);
  --ashg-image-hover-scale: 1.045;
  --ashg-transition-duration: 280ms;
  container-type: inline-size;
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: var(--ashg-card-max-width);
  min-width: 0;
  min-height: var(--ashg-card-min-height);
  height: 100%;
  overflow: hidden;
  border-radius: var(--ashg-card-radius);
  background: var(--ashg-card-bg);
  color: var(--ashg-cocoa);
  border: 1px solid rgba(109, 74, 46, .10);
  box-shadow: 0 18px 42px rgba(74, 45, 24, .15);
  transform: translateY(0) scale(1);
  transition: transform var(--ashg-transition-duration) ease, box-shadow var(--ashg-transition-duration) ease, border-color var(--ashg-transition-duration) ease;
}
.amaley-shg-og-card:hover {
  transform: translateY(var(--ashg-hover-translate)) scale(var(--ashg-hover-scale));
  box-shadow: var(--ashg-hover-shadow);
  border-color: var(--ashg-hover-border-color);
}

.amaley-shg-og-card__media {
  position: relative;
  height: var(--ashg-image-height);
  min-height: 124px;
  flex: 0 0 auto;
  overflow: hidden;
  background: linear-gradient(135deg, #eadbc6, #f9f0df);
}
.amaley-shg-og-card__media::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(28, 14, 5, .08), rgba(28, 14, 5, 0) 62%);
}
.amaley-shg-og-card--overlay-off .amaley-shg-og-card__media::before { display: none; }
.amaley-shg-og-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--ashg-img-x) var(--ashg-img-y);
  transition: transform var(--ashg-transition-duration) ease;
}
.amaley-shg-og-card:hover .amaley-shg-og-card__media img { transform: scale(var(--ashg-image-hover-scale)); }
.amaley-shg-og-card__initials {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  font: 700 30px/1 Georgia, serif;
  color: rgba(83, 55, 31, .45);
  letter-spacing: .08em;
}

.amaley-shg-og-card__active-badge {
  position: absolute;
  z-index: 5;
  top: 14px;
  left: 16px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 27px;
  max-width: calc(100% - 32px);
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--ashg-terracotta);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .52);
  box-shadow: 0 7px 18px rgba(64, 35, 22, .16);
  font: 850 9.25px/1.1 'Lato', Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: .055em;
  white-space: nowrap;
}
.amaley-shg-og-card__badge-icon { width: 13px; height: 13px; flex: 0 0 auto; }

.amaley-shg-og-card__body {
  position: relative;
  z-index: 4;
  display: flex;
  flex-direction: column;
  gap: var(--ashg-content-gap);
  flex: 1 1 auto;
  min-height: 0;
  padding-top: var(--ashg-body-padding-top);
  padding-right: var(--ashg-body-padding-right);
  padding-bottom: var(--ashg-body-padding-bottom);
  padding-left: var(--ashg-body-padding-left);
  text-align: var(--ashg-text-align);
  background: var(--ashg-card-bg);
}

.amaley-shg-og-card__category {
  display: flex;
  align-items: center;
  justify-content: var(--ashg-category-justify, flex-start);
  gap: 7px;
  color: var(--ashg-terracotta);
  font: 850 8.4px/1.12 'Lato', Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: .12em;
  min-width: 0;
}
.amaley-shg-og-card__category::after {
  content: '';
  display: block;
  flex: 1 1 auto;
  max-width: 42px;
  height: 1px;
  background: currentColor;
  opacity: .22;
  margin-left: 5px;
}
.amaley-shg-og-card__category-icon { width: 12px; height: 12px; flex: 0 0 auto; }

.amaley-shg-og-card__title {
  margin: 0;
  color: var(--ashg-cocoa);
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
  font-weight: 600;
  font-size: clamp(22px, 2vw, 25px);
  line-height: 1.03;
  letter-spacing: -.035em;
  overflow-wrap: break-word;
  word-break: normal;
  text-wrap: balance;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--ashg-title-lines);
  overflow: hidden;
}
.amaley-shg-og-card__description {
  margin: 0;
  color: var(--ashg-muted);
  font: 450 clamp(11px, 3.15cqw, 13px)/1.52 'Lato', Arial, sans-serif;
  overflow-wrap: break-word;
  word-break: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--ashg-description-lines);
  overflow: hidden;
}

.amaley-shg-og-card__divider {
  display: flex;
  align-items: center;
  width: 100%;
  color: var(--ashg-terracotta);
  margin: -1px 0 0;
}
.amaley-shg-og-card__divider span { display: block; width: 34px; height: 1.5px; background: currentColor; opacity: .9; }

.amaley-shg-og-card__info-grid {
  --ashg-info-columns: 2;
  display: grid;
  grid-template-columns: repeat(var(--ashg-info-columns), minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  margin-top: 2px;
}
.amaley-shg-og-card__info-box {
  min-width: 0;
  min-height: 50px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 9px;
  border: 1px solid var(--ashg-line);
  border-radius: 14px;
  background: rgba(255, 250, 242, .94);
  box-shadow: 0 8px 18px rgba(78, 46, 24, .045);
}
.amaley-shg-og-card__info-icon { width: 19px; height: 19px; flex: 0 0 auto; color: var(--ashg-terracotta); }
.amaley-shg-og-card__info-copy { min-width: 0; display: grid; gap: 2px; text-align: left; }
.amaley-shg-og-card__info-label { color: #a05a42; font: 850 7px/1.05 'Lato', Arial, sans-serif; text-transform: uppercase; letter-spacing: .055em; }
.amaley-shg-og-card__info-copy strong { color: #22120c; font: 850 clamp(10.5px, 2.95cqw, 12px)/1.08 'Lato', Arial, sans-serif; overflow-wrap: break-word; }

.amaley-shg-og-card__tags {
  --ashg-tag-columns: 2;
  --ashg-tag-width: auto;
  display: flex;
  flex-wrap: wrap;
  grid-template-columns: repeat(var(--ashg-tag-columns), minmax(0, 1fr));
  justify-content: var(--ashg-tags-justify, flex-start);
  justify-items: start;
  align-items: center;
  gap: 6px;
  width: 100%;
}
.amaley-shg-og-card__tag {
  min-width: 0;
  width: var(--ashg-tag-width);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 25px;
  padding: 5.5px 8.5px;
  border-radius: 999px;
  border: 1px solid rgba(128, 111, 64, .42);
  background: rgba(255, 250, 241, .88);
  color: #746d43;
  font: 760 clamp(8.5px, 2.42cqw, 10.2px)/1.05 'Lato', Arial, sans-serif;
  overflow-wrap: break-word;
  white-space: nowrap;
}
.amaley-shg-og-card__tag-icon { width: 12px; height: 12px; flex: 0 0 auto; }

.amaley-shg-og-card__footer {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: flex-start;
  margin-top: auto;
  padding: 0 19px 16px;
  background: var(--ashg-card-bg);
}
.amaley-shg-og-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  text-decoration: none;
  color: var(--ashg-terracotta-dark);
  font: 900 9.7px/1.1 'Lato', Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: .15em;
}
.amaley-shg-og-card__cta:hover { color: #7b361f; }
.amaley-shg-og-card__cta-arrow { font-size: 1.2em; letter-spacing: 0; transform: translateY(-1px); }


.amaley-shg-og-card__decor { position: absolute; z-index: -1; pointer-events: none; color: #d4b98f; opacity: .20; }
.amaley-shg-og-card__decor svg { display: block; width: 100%; height: 100%; }
.amaley-shg-og-card__decor--botanical { width: 82px; height: 68px; right: -14px; bottom: 2px; }
.amaley-shg-og-card__decor--mountain { display: none; }

/* OG SHG Card 3 - Himalayan Preserve: compact archive version of the approved card. */
.amaley-shg-og-card--3 { --ashg-terracotta: #bf6744; --ashg-olive: #61743f; --ashg-body-padding-top: 19px; }
.amaley-shg-og-card--3 .amaley-shg-og-card__body { padding-top: var(--ashg-body-padding-top); }
.amaley-shg-og-card--3 .amaley-shg-og-card__category::after { display: block; max-width: 58px; opacity: .24; }
.amaley-shg-og-card--3 .amaley-shg-og-card__divider span { width: 36px; height: 1.5px; }
.amaley-shg-og-card--3 .amaley-shg-og-card__info-icon {
  display: grid;
  place-items: center;
  width: 35px;
  height: 35px;
  padding: 7px;
  border-radius: 50%;
  color: #fff;
  background: var(--ashg-olive);
}
.amaley-shg-og-card--3 .amaley-shg-og-card__info-box { background: rgba(255, 249, 239, .90); }
.amaley-shg-og-card--3 .amaley-shg-og-card__footer { padding-top: 14px; min-height: 56px; background: #f6eddb; }
.amaley-shg-og-card--3 .amaley-shg-og-card__decor--botanical { left: -36px; right: auto; bottom: 8px; opacity: .18; }
.amaley-shg-og-card--3 .amaley-shg-og-card__decor--mountain { display: block; width: 132px; height: 60px; right: -20px; bottom: 2px; opacity: .24; }

/* Design demo uses the same scoped controls as real cards. */

/* CTA style modes controlled from Elementor. */
.amaley-shg-og-card--cta-normal .amaley-shg-og-card__cta,
.amaley-shg-og-card--cta-pill .amaley-shg-og-card__cta {
  padding: 9px 14px;
  border-radius: 12px;
  border: 1px solid rgba(176, 87, 53, .28);
  background: rgba(255, 248, 236, .82);
  box-shadow: 0 8px 18px rgba(64, 35, 22, .10);
}
.amaley-shg-og-card--cta-pill .amaley-shg-og-card__cta { border-radius: 999px; }
.amaley-shg-og-card--cta-underline .amaley-shg-og-card__cta {
  padding-bottom: 3px;
  border-bottom: 1px solid currentColor;
}
.amaley-shg-og-card--cta-text .amaley-shg-og-card__cta { letter-spacing: .08em; text-transform: none; font-weight: 800; }
.amaley-shg-og-card__tag,
.amaley-shg-og-card__cta,
.amaley-shg-og-card__active-badge,
.amaley-shg-og-card__info-box { transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.amaley-shg-og-card__tag:hover,
.amaley-shg-og-card__cta:hover { transform: translateY(-1px); }

/* Divider type controls. */
.amaley-shg-og-card__divider--dotted span {
  width: 100%;
  height: 1px;
  background: repeating-linear-gradient(to right, currentColor 0 5px, transparent 5px 12px);
  opacity: .45;
}
.amaley-shg-og-card__divider--motif { justify-content: center; }
.amaley-shg-og-card__divider--motif span { width: 58px; height: 1px; position: relative; opacity: .45; }
.amaley-shg-og-card__divider--motif span::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5px;
  height: 5px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: currentColor;
}
.amaley-shg-og-card__divider--short span { width: 34px; height: 1.5px; }
.amaley-shg-og-card__divider--solid span { width: 100%; height: 1px; opacity: .45; }

@container (max-width: 250px) {
  .amaley-shg-og-card { --ashg-card-min-height: 410px; --ashg-image-height: 138px; --ashg-content-gap: 9px; }
  .amaley-shg-og-card { --ashg-body-padding-left: 15px; --ashg-body-padding-right: 15px; }
  .amaley-shg-og-card__footer { padding-left: 15px; padding-right: 15px; }
  .amaley-shg-og-card__title { font-size: clamp(20px, 9cqw, 25px); }
  .amaley-shg-og-card__description { font-size: 11px; }
  .amaley-shg-og-card__category { font-size: 7.8px; }
  .amaley-shg-og-card__info-box { padding: 7px 7px; gap: 6px; }
  .amaley-shg-og-card__info-icon { width: 17px; height: 17px; }
  .amaley-shg-og-card--3 .amaley-shg-og-card__info-icon { width: 30px; height: 30px; }
  .amaley-shg-og-card__tag { padding-inline: 7px; }
}

@media (max-width: 767px) {
  .amaley-shg-og-grid { --ashg-grid-min-width: 100%; --ashg-grid-item-max-width: 100%; }
  .amaley-shg-og-card { --ashg-card-max-width: 100%; }
  .amaley-shg-og-card__info-grid { --ashg-info-columns: 1; }
}
@media (max-width: 420px) {
  .amaley-shg-og-card__tag { width: 100%; justify-content: center; }
}

.amaley-core-shg-grid-section-og .amaley-card-rail__slide {
  display: flex;
  justify-content: center;
  align-items: stretch;
  min-width: 0;
}
.amaley-core-shg-grid-section-og .amaley-card-rail__slide > .amaley-shg-og-card {
  width: 100%;
  max-width: 360px;
}

/* 0.4.183 custom icon / illustration support. */
.amaley-shg-og-card__custom-icon {
  display: inline-block;
  flex: 0 0 auto;
  object-fit: contain;
  vertical-align: middle;
}
img.amaley-shg-og-card__custom-icon { object-fit: contain; }
.amaley-shg-og-card__custom-svg svg {
  display: block;
  width: 100%;
  height: 100%;
}
.amaley-shg-og-card__decor img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.amaley-shg-og-card__cta-icon {
  width: 1.1em;
  height: 1.1em;
  transform: translateY(-1px);
}