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

/* © Arkadiusz Wawer - All rights reserved */

.hero-section .wp-block-button__link {
  background: transparent;
  border: 1px solid var(--color-accent);
  color: var(--color-text-main);
  padding: 10px 20px;
  transition: 0.3s ease;
}

.hero-section .wp-block-button__link:hover {
  background: var(--color-accent);
  color: var(--color-bg-main);
}

/* =========================
   GALLERY BUTTON – FINAL
========================= */

.gallery-caption .kb-button {
  background: rgba(0,0,0,0.6) !important;
  color: #fff !important;

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

  padding: 10px 18px !important;
  border-radius: 6px !important;

  font-size: 11px !important;
  letter-spacing: 0.12em !important;

  backdrop-filter: blur(6px);

  transition: all 0.3s ease;
}

/* 🔥 HOVER */
.gallery-caption .kb-button:hover {
  background: rgba(255,255,255,0.2) !important;
  color: #fff !important;

  transform: translateY(-1px);
}

/* =========================
   BUTTON – KADENCE FIX
========================= */

.gallery-caption .kb-button {
  align-self: flex-start;

  background: rgba(0,0,0,0.65) !important;
  color: #fff !important;

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

  padding: 10px 18px !important;
  border-radius: 6px !important;

  font-size: 11px !important;
  letter-spacing: 0.12em !important;

  transition: all 0.3s ease;
}

.gallery-caption .kb-button:hover {
  background: rgba(255,255,255,0.2) !important;
  transform: translateY(-1px);
}

/* =========================
   BUTTON GALLERY CTA
========================= */

.gallery-caption .gallery-cta {
  display: inline-block;

  margin-top: 14px;

  padding: 10px 18px;

  background: rgba(0,0,0,0.7) !important;
  color: #fff !important;

  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 6px;

  font-size: 11px;
  letter-spacing: 0.12em;

  transition: all 0.25s ease;
}

.gallery-caption .gallery-cta:hover {
  background: rgba(255,255,255,0.15) !important;
  transform: translateY(-1px);
}