/*
Theme Name:  Akdadoc Music Child
Theme URI:   https://akdadocmusic.com
Description: Child theme for "My Site Blueprint"
Author:      @akdadoc
Template:    business-identity-mvp
Version:     1.0.0
Text Domain: akdadoc-music-child
*/


/* Outline button (Gutenberg) — white border, subtle hover tint, no click flash */
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline .wp-element-button {
  background: transparent;
  color: #fff;                         /* text */
  border: 2px solid #fff;              /* white outline */
  border-radius: 999px;
  padding: 0.65rem 1.25rem;
  text-decoration: none;
  box-shadow: none;                    /* kill theme default */
  transition: background-color .25s, box-shadow .25s, transform .2s;
}

/* Hover: faint tint, keep white text */
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-element-button:hover {
  background-color: rgba(255,255,255,0.12);
  color: #fff;
  border-color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 0 12px rgba(255,255,255,0.25);
}

/* Active/clicked: no fill, no glow */
.wp-block-button.is-style-outline .wp-block-button__link:active,
.wp-block-button.is-style-outline .wp-element-button:active {
  background: transparent;
  box-shadow: none;
  transform: none;
}

/* Focus-visible for keyboard users (accessibility) */
.wp-block-button.is-style-outline .wp-block-button__link:focus-visible,
.wp-block-button.is-style-outline .wp-element-button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
  box-shadow: none;
}

/* If Gutenberg’s color classes fight you, force white text on outline buttons */
.wp-block-button.is-style-outline .wp-block-button__link.has-text-color,
.wp-block-button.is-style-outline .wp-element-button.has-text-color {
  color: #fff !important;
}

/* Optional: use your brand accent instead of white on hover */
:root {
  --amg-accent: #00ccff;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-element-button:hover {
  /* swap the tint */
  background-color: rgba(0,204,255,0.15);
  border-color: #fff; /* keep border white; or use var(--amg-accent) */
}