/*
 * SANOME — Card Share
 * Owner canonico do compartilhamento dos Property Cards e Guide Cards.
 * Includes: .sn-card-share-actions, .sn-card-share-toggle, .sn-card-share-menu,
 *           .sn-card-share-menu-btn, .sn-card-share-icon, .sn-card-share-copy,
 *           Guide Card share stacking context.
 * NOT included: .sn-price-block .sn-single-share-* (detail page share — stays in monolith).
 */

/* ========================================
   1. Card Share Base Rules (initial)
   ======================================== */
.sn-card .sn-card-share-actions {
  position:absolute!important;
  right:8px!important;
  bottom:8px!important;
  z-index:30!important;
}

.sn-card .sn-card-share-toggle {
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  padding:0!important;
  border-radius:0!important;
  border:1px solid rgba(255,255,255,.38)!important;
  background:rgba(15,23,42,.78)!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-family:inherit!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:800!important;
  cursor:pointer!important;
  box-shadow:0 2px 8px rgba(0,0,0,.2)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
}

.sn-card .sn-card-share-toggle:active,.sn-card .sn-card-share-toggle:focus,.sn-card .sn-card-share-toggle:hover {
  border-radius:0!important;
  background:rgba(15,23,42,.92)!important;
  color:#fff!important;
  outline:0!important;
}

.sn-card .sn-card-share-menu {
  position:absolute!important;
  right:0!important;
  bottom:32px!important;
  width:152px!important;
  padding:6px!important;
  border-radius:0!important;
  border:1px solid rgba(15,23,42,.12)!important;
  background:#fff!important;
  color:#111827!important;
  box-shadow:0 10px 28px rgba(15,23,42,.22)!important;
  display:grid!important;
  gap:2px!important;
  z-index:40!important;
}

.sn-card .sn-card-share-menu[hidden] {
  display:none!important;
}

.sn-card .sn-card-share-menu::after {
  content:"";
  position:absolute;
  right:8px;
  bottom:-6px;
  width:10px;
  height:10px;
  background:#fff;
  border-right:1px solid rgba(15,23,42,.12);
  border-bottom:1px solid rgba(15,23,42,.12);
  transform:rotate(45deg);
}

.sn-card .sn-card-share-menu-btn {
  width:100%!important;
  height:30px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:0!important;
  background:0 0!important;
  color:#111827!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  font-family:inherit!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:600!important;
  text-align:left!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:1!important;
}

.sn-card .sn-card-share-menu-btn:focus,.sn-card .sn-card-share-menu-btn:hover {
  background:#f3f4f6!important;
  outline:0!important;
}

.sn-card .sn-card-share-icon {
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
}

.sn-card .sn-card-share-icon-wa {
  color:#16a34a!important;
  font-size:13px!important;
}

.sn-card .sn-card-share-icon-fb {
  color:#1877f2!important;
  font-family:Arial,sans-serif!important;
  font-size:17px!important;
  font-weight:900!important;
}

.sn-card .sn-card-share-copy.is-copied span:last-child {
  font-size:11px!important;
}

/* ========================================
   2. Card Share Overrides (winners)
   ======================================== */
.sn-card .sn-card-share-actions {
  right:8px!important;
  bottom:8px!important;
  z-index:35!important;
}

.sn-card .sn-card-share-toggle {
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  min-height:25px!important;
  border-radius:0!important;
  border:1px solid rgba(255,255,255,.9)!important;
  background:rgba(255,255,255,.96)!important;
  color:#24362f!important;
  font-size:14px!important;
  font-weight:900!important;
  box-shadow:0 2px 8px rgba(0,0,0,.18)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.sn-card .sn-card-share-toggle:active,.sn-card .sn-card-share-toggle:focus,.sn-card .sn-card-share-toggle:hover {
  border-radius:0!important;
  background:#fff!important;
  color:#24362f!important;
  border-color:#fff!important;
}

.sn-card .sn-card-share-menu {
  right:0!important;
  bottom:31px!important;
}

/* ========================================
   3. Card Title Share (higher specificity)
   ======================================== */
.sn-card .sn-card-title .sn-card-share-actions {
  position:absolute!important;
  right:8px!important;
  bottom:8px!important;
  z-index:35!important;
}

.sn-card .sn-card-title .sn-card-share-toggle {
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  min-height:25px!important;
  padding:0!important;
  border-radius:0!important;
  border:1px solid rgba(255,255,255,.92)!important;
  background:rgba(255,255,255,.96)!important;
  color:#24362f!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  box-shadow:0 2px 8px rgba(0,0,0,.18)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.sn-card .sn-card-title .sn-card-share-toggle:active,.sn-card .sn-card-title .sn-card-share-toggle:focus,.sn-card .sn-card-title .sn-card-share-toggle:hover {
  border-radius:0!important;
  background:#fff!important;
  color:#24362f!important;
  border-color:#fff!important;
  outline:0!important;
}

.sn-card .sn-card-title .sn-card-share-menu {
  right:0!important;
  bottom:31px!important;
}

.sn-card .sn-card-title .sn-card-share-toggle {
  background:rgba(255,255,255,.42)!important;
  border-color:rgba(255,255,255,.55)!important;
  color:#24362f!important;
  box-shadow:0 2px 7px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
}

.sn-card .sn-card-title .sn-card-share-toggle:active,.sn-card .sn-card-title .sn-card-share-toggle:focus,.sn-card .sn-card-title .sn-card-share-toggle:hover {
  background:rgba(255,255,255,.58)!important;
  border-color:rgba(255,255,255,.7)!important;
  color:#24362f!important;
}

.sn-card .sn-card-title .sn-card-share-toggle,.sn-card .sn-card-title .sn-card-share-toggle:active,.sn-card .sn-card-title .sn-card-share-toggle:focus,.sn-card .sn-card-title .sn-card-share-toggle:hover {
  border-color:transparent!important;
  border:0!important;
}

/* ========================================
   4. Card Title Share — Mobile MQ
   ======================================== */
@media (max-width:640px) {
  .sn-card .sn-card-title .sn-card-share-menu {
    width:178px!important;
    padding:8px!important;
    bottom:34px!important;
  }

  .sn-card .sn-card-title .sn-card-share-menu-btn {
    height:36px!important;
    padding:0 10px!important;
    gap:10px!important;
    font-size:13px!important;
  }

  .sn-card .sn-card-title .sn-card-share-icon {
    width:20px!important;
    min-width:20px!important;
    height:20px!important;
    font-size:13px!important;
  }

  .sn-card .sn-card-title .sn-card-share-icon-fb {
    font-size:18px!important;
  }
}

/* ========================================
   5. Guide Card Share Stacking
   ======================================== */
article.sn-card.sn-guide-card .sn-card-share-actions {
  position:relative!important;
  overflow:visible!important;
  contain:none!important;
  z-index:110!important;
}

article.sn-card.sn-guide-card .sn-card-title .sn-card-share-menu {
  position:absolute!important;
  top:auto!important;
  right:0!important;
  bottom:31px!important;
  left:auto!important;
  z-index:1000!important;
}

article.sn-card.sn-guide-card:has(
.sn-card-share-toggle[aria-expanded=true]
),article.sn-card.sn-guide-card:has(.sn-card-share-menu:not([hidden])) {
  z-index:10000!important;
}

article.sn-card.sn-guide-card:has(
.sn-card-share-menu:not([hidden])
) .sn-video-card-title,article.sn-card.sn-guide-card:has(
.sn-card-share-toggle[aria-expanded=true]
) .sn-video-card-title {
  z-index:10010!important;
}

article.sn-card.sn-guide-card:has(
.sn-card-share-menu:not([hidden])
) .sn-card-share-actions,article.sn-card.sn-guide-card:has(
.sn-card-share-toggle[aria-expanded=true]
) .sn-card-share-actions {
  z-index:10020!important;
}

article.sn-card.sn-guide-card:has(
.sn-card-share-menu:not([hidden])
) .sn-card-share-menu,article.sn-card.sn-guide-card:has(
.sn-card-share-toggle[aria-expanded=true]
) .sn-card-share-menu {
  z-index:10030!important;
}

/* ========================================
   6. Guide Card Share — Mobile MQ + Final Rules
   ======================================== */
@media (max-width:767px) {
  .sn-guia-single .sn-detail-lead-card .sn-price-value.sn-guia-name-value {
    font-size:19px!important;
    line-height:1.2!important;
  }

  article.sn-card.sn-guide-card .sn-card-title .sn-card-share-menu {
    top:auto!important;
    bottom:34px!important;
  }
}

article.sn-card.sn-guide-card .sn-video-card-title {
  position:relative!important;
}

article.sn-card.sn-guide-card .sn-card-share-actions {
  position:absolute!important;
  right:8px!important;
  bottom:8px!important;
  top:auto!important;
  left:auto!important;
  margin:0!important;
  overflow:visible!important;
  z-index:110!important;
}

article.sn-card.sn-guide-card .sn-card-share-toggle {
  margin:0!important;
}

article.sn-card.sn-guide-card .sn-card-title .sn-card-share-menu {
  top:auto!important;
  right:0!important;
  bottom:31px!important;
  left:auto!important;
}