/*
==================================================
 FILE: buttons.css
 PURPOSE: Buttons, CTA, interactions (gold theme)
 AUTHOR: Arkadiusz Wawer
==================================================
*/

/* © Arkadiusz Wawer - All rights reserved */

/* =========================
   HEADER CTA GOLD
========================= */

.site-header .header-button {
  background: linear-gradient(
    135deg,
    #b8962e 0%,
    #f7e08a 20%,
    #d4af37 40%,
    #a8841f 70%,
    #e6c65a 100%
  ) !important;

  color: #1a1a1a !important;
  font-weight: 600;
  margin-top: 10px;
  padding: 14px 34px;

  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,0.25) !important;

  transition: all 0.25s ease !important;

  box-shadow:
    0 6px 18px rgba(180, 140, 40, 0.3) !important;

  position: relative;
  overflow: hidden;
}

.site-header .header-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(212, 175, 55, 0.35);
}


/* =========================
   HEADER CTA (MOBILE)
========================= */

.site-header .button.mobile-header-button {

  background: linear-gradient(
    135deg,
    #b8962e 0%,
    #f7e08a 20%,
    #d4af37 40%,
    #a8841f 70%,
    #e6c65a 100%
  ) !important;

  color: #1a1a1a !important;
  font-weight: 600;
  margin-top: 10px;
  padding: 14px 34px;

  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,0.25) !important;

  transition: all 0.25s ease !important;

  box-shadow:
    0 6px 18px rgba(180, 140, 40, 0.3) !important;

  position: relative;
  overflow: hidden;
}

.site-header .button.mobile-header-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(212, 175, 55, 0.35);
}


@media (max-width: 1024px) {


  .site-header .button.mobile-header-button {

    padding: 8px 14px !important;
    font-size: 12px !important;
    font-weight: 600;
  
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
  
    line-height: 0.8;
    min-height: auto;

    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2);
  }

  .site-header .button.mobile-header-button.button-size-medium {
    padding: 8px 14px !important;
  }

}

/* =========================
   HERO CTA GOLD
========================= */

.hero-button {
  background: linear-gradient(
    135deg,
    #b8962e 0%,
    #f7e08a 20%,
    #d4af37 40%,
    #a8841f 70%,
    #e6c65a 100%
  ) !important;

  color: #1a1a1a !important;
  font-weight: 600;
  margin-top: 40px;  
  padding: 14px 34px;

  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,0.25) !important;

  transition: all 0.25s ease !important;

  box-shadow:
    0 6px 18px rgba(180, 140, 40, 0.3) !important;

  position: relative;
  overflow: hidden;
}

.hero-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(212, 175, 55, 0.35);  
}


/* =========================
   HERO CTA (MOBILE)
========================= */

.button.mobile-hero-button {

  background: linear-gradient(
    135deg,
    #cfae3c 0%,
    #f4d96b 25%,
    #d4af37 50%,
    #b8962e 75%,
    #e6c65a 100%
  ) !important;

  color: #1a1a1a !important;

  border-radius: 16px !important;

  padding: 10px 18px !important;

  font-weight: 600 !important;
  font-size: 14px !important;

  box-shadow: 0 6px 18px rgba(212, 175, 55, 0.25);

  transition: all 0.25s ease;
}

.button.mobile-hero-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(212, 175, 55, 0.35);
}