/*
 * ظاهر مشترک تمام دکمه‌های طلایی عملیاتی.
 * رنگ، گوشه‌ها، سایه و حرکت نور از دکمه حساب کاربری گرفته شده است.
 */

html body :is(
  .login,
  .search-button,
  .promo-cta--gold,
  .compare-action,
  .confidence-action,
  .home-mobile-search-action,
  .listing-search-submit,
  .listing-filter-apply,
  .hotel-list-promo > button,
  .hotel-result-offer > button,
  .hotel-result-offer > a,
  .hotel-policy-dialog > footer button,
  .hotel-guide-more-toggle,
  .listing-support-card > a,
  .listing-mobile-search-action,
  .hotel-section-cta,
  .hotel-room-offer > button,
  .hotel-review-submit,
  .hotel-room-modal-body > button,
  .hotel-room-contact-form > button,
  .hotel-review-form-submit > button,
  .hotel-mobile-bar button,
  .reviews-hero-search button,
  .primary-action,
  .form-submit,
  .panel-action,
  .reservation-footer a,
  .reserve-submit,
  .reserve-room-picker-footer > button:not(:disabled),
  .reserve-mobile-bar button,
  .payment-submit,
  .payment-mobile-bar button,
  .voucher-actions button,
  .site-promo-form button,
  .site-promo-offer-copy > a
) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #24231f !important;
  background: linear-gradient(135deg, #f1cf83, #d9a846) !important;
  border: 1px solid #e2b75e !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(7, 7, 6, .22), inset 0 1px 0 rgba(255, 255, 255, .34) !important;
  filter: none;
  transition: color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

html body :is(
  .login,
  .search-button,
  .promo-cta--gold,
  .compare-action,
  .confidence-action,
  .home-mobile-search-action,
  .listing-search-submit,
  .listing-filter-apply,
  .hotel-list-promo > button,
  .hotel-result-offer > button,
  .hotel-result-offer > a,
  .hotel-policy-dialog > footer button,
  .hotel-guide-more-toggle,
  .listing-support-card > a,
  .listing-mobile-search-action,
  .hotel-section-cta,
  .hotel-room-offer > button,
  .hotel-review-submit,
  .hotel-room-modal-body > button,
  .hotel-room-contact-form > button,
  .hotel-review-form-submit > button,
  .hotel-mobile-bar button,
  .reviews-hero-search button,
  .primary-action,
  .form-submit,
  .panel-action,
  .reservation-footer a,
  .reserve-submit,
  .reserve-room-picker-footer > button:not(:disabled),
  .reserve-mobile-bar button,
  .payment-submit,
  .payment-mobile-bar button,
  .voucher-actions button,
  .site-promo-form button,
  .site-promo-offer-copy > a
):is(:hover, :focus-visible) {
  color: #191914 !important;
  background: linear-gradient(135deg, #f7dea4, #e7b967) !important;
  border-color: #f0cb7c !important;
  box-shadow: 0 11px 25px rgba(7, 7, 6, .26), inset 0 1px 0 rgba(255, 255, 255, .42) !important;
  filter: none !important;
  transform: translateY(-1px) !important;
}

html body :is(
  .login,
  .search-button,
  .promo-cta--gold,
  .compare-action,
  .confidence-action,
  .listing-search-submit,
  .listing-filter-apply,
  .hotel-list-promo > button,
  .hotel-result-offer > button,
  .hotel-result-offer > a,
  .hotel-policy-dialog > footer button,
  .hotel-guide-more-toggle,
  .listing-support-card > a,
  .hotel-section-cta,
  .hotel-room-offer > button,
  .hotel-review-submit,
  .hotel-room-modal-body > button,
  .hotel-room-contact-form > button,
  .hotel-review-form-submit > button,
  .hotel-mobile-bar button,
  .reviews-hero-search button,
  .primary-action,
  .form-submit,
  .panel-action,
  .reservation-footer a,
  .reserve-submit,
  .reserve-room-picker-footer > button:not(:disabled),
  .reserve-mobile-bar button,
  .payment-submit,
  .payment-mobile-bar button,
  .voucher-actions button,
  .site-promo-form button,
  .site-promo-offer-copy > a
):active {
  box-shadow: 0 5px 13px rgba(7, 7, 6, .2), inset 0 1px 0 rgba(255, 255, 255, .3) !important;
  transform: translateY(0) scale(.985) !important;
}

html body :is(
  .login,
  .search-button,
  .promo-cta--gold,
  .compare-action,
  .confidence-action,
  .listing-search-submit,
  .listing-filter-apply,
  .hotel-list-promo > button,
  .hotel-result-offer > button,
  .hotel-policy-dialog > footer button,
  .hotel-guide-more-toggle,
  .hotel-review-submit,
  .hotel-room-modal-body > button,
  .hotel-room-contact-form > button,
  .hotel-review-form-submit > button,
  .reserve-submit,
  .reserve-room-picker-footer > button,
  .payment-submit,
  .site-promo-form button,
  .voucher-actions button
):disabled {
  cursor: not-allowed;
  box-shadow: none !important;
  opacity: .58;
  transform: none !important;
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  html body :is(
    .login,
    .search-button,
    .promo-cta--gold,
    .compare-action,
    .confidence-action,
    .home-mobile-search-action,
    .listing-search-submit,
    .listing-filter-apply,
    .hotel-list-promo > button,
    .hotel-result-offer > button,
    .hotel-result-offer > a,
    .hotel-policy-dialog > footer button,
    .hotel-guide-more-toggle,
    .listing-support-card > a,
    .listing-mobile-search-action,
    .hotel-section-cta,
    .hotel-room-offer > button,
    .hotel-review-submit,
    .hotel-room-modal-body > button,
    .hotel-room-contact-form > button,
    .hotel-review-form-submit > button,
    .hotel-mobile-bar button,
    .reviews-hero-search button,
    .primary-action,
    .form-submit,
    .panel-action,
    .reservation-footer a,
    .reserve-submit,
    .reserve-room-picker-footer > button:not(:disabled),
    .reserve-mobile-bar button,
    .payment-submit,
    .payment-mobile-bar button,
    .voucher-actions button,
    .site-promo-form button,
    .site-promo-offer-copy > a
  )::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -50%;
    bottom: -50%;
    left: -42%;
    width: 27%;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .58), transparent);
    transform: translateX(-180%) skewX(-18deg);
    transition: transform .68s ease;
  }

  html body :is(
    .login,
    .search-button,
    .promo-cta--gold,
    .compare-action,
    .confidence-action,
    .listing-search-submit,
    .listing-filter-apply,
    .hotel-list-promo > button,
    .hotel-result-offer > button,
    .hotel-result-offer > a,
    .hotel-policy-dialog > footer button,
    .hotel-guide-more-toggle,
    .listing-support-card > a,
    .hotel-section-cta,
    .hotel-room-offer > button,
    .hotel-review-submit,
    .hotel-room-modal-body > button,
    .hotel-room-contact-form > button,
    .hotel-review-form-submit > button,
    .hotel-mobile-bar button,
    .reviews-hero-search button,
    .primary-action,
    .form-submit,
    .panel-action,
    .reservation-footer a,
    .reserve-submit,
    .reserve-room-picker-footer > button:not(:disabled),
    .reserve-mobile-bar button,
    .payment-submit,
    .payment-mobile-bar button,
    .voucher-actions button,
    .site-promo-form button,
    .site-promo-offer-copy > a
  ):is(:hover, :focus-visible)::after,
  .home-mobile-search-summary:is(:hover, :focus-visible) .home-mobile-search-action::after,
  .listing-mobile-search-summary:is(:hover, :focus-visible) .listing-mobile-search-action::after {
    transform: translateX(650%) skewX(-18deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  html body :is(
    .login,
    .search-button,
    .promo-cta--gold,
    .compare-action,
    .confidence-action,
    .home-mobile-search-action,
    .listing-search-submit,
    .listing-filter-apply,
    .hotel-list-promo > button,
    .hotel-result-offer > button,
    .hotel-result-offer > a,
    .hotel-policy-dialog > footer button,
    .hotel-guide-more-toggle,
    .listing-support-card > a,
    .listing-mobile-search-action,
    .hotel-section-cta,
    .hotel-room-offer > button,
    .hotel-review-submit,
    .hotel-room-modal-body > button,
    .hotel-room-contact-form > button,
    .hotel-review-form-submit > button,
    .hotel-mobile-bar button,
    .reviews-hero-search button,
    .primary-action,
    .form-submit,
    .panel-action,
    .reservation-footer a,
    .reserve-submit,
    .reserve-room-picker-footer > button:not(:disabled),
    .reserve-mobile-bar button,
    .payment-submit,
    .payment-mobile-bar button,
    .voucher-actions button,
    .site-promo-form button,
    .site-promo-offer-copy > a
  ) {
    transition: none !important;
  }

  html body :is(
    .login,
    .search-button,
    .promo-cta--gold,
    .compare-action,
    .confidence-action,
    .home-mobile-search-action,
    .listing-search-submit,
    .listing-filter-apply,
    .hotel-list-promo > button,
    .hotel-result-offer > button,
    .hotel-result-offer > a,
    .hotel-policy-dialog > footer button,
    .hotel-guide-more-toggle,
    .listing-support-card > a,
    .listing-mobile-search-action,
    .hotel-section-cta,
    .hotel-room-offer > button,
    .hotel-review-submit,
    .hotel-room-modal-body > button,
    .hotel-room-contact-form > button,
    .hotel-review-form-submit > button,
    .hotel-mobile-bar button,
    .reviews-hero-search button,
    .primary-action,
    .form-submit,
    .panel-action,
    .reservation-footer a,
    .reserve-submit,
    .reserve-room-picker-footer > button:not(:disabled),
    .reserve-mobile-bar button,
    .payment-submit,
    .payment-mobile-bar button,
    .voucher-actions button,
    .site-promo-form button,
    .site-promo-offer-copy > a
  )::after {
    display: none;
  }
}

@media print {
  html body :is(.voucher-actions button, .primary-action) {
    box-shadow: none !important;
  }
}