/*
 * Brand Overrides (Child Theme)
 * Edit the variables below to adjust colors site-wide.
 */

:root{
  --brand-primary: #FF3385;     /* primary buttons/CTAs, links */
  --brand-primary-hover: #D92A6F;
  --brand-secondary: #BDDC00;   /* accents, highlights */
  --brand-dark: #282828;        /* dark UI elements */
  --brand-text: #282828;        /* default text (when overridden) */
  --brand-border: rgba(40,40,40,.18);
  --brand-focus: rgba(255,51,133,.25);
}

/* Links */
a,
a:visited{
  color: var(--brand-primary);
}
a:hover,
a:focus{
  color: var(--brand-primary-hover);
}

/* Text selection */
::selection{
  background: var(--brand-primary);
  color: #fff;
}

/* Focus states */
:focus-visible{
  outline: 2px solid var(--brand-primary);
  outline-offset: 2px;
}
input:focus,
textarea:focus,
select:focus{
  border-color: var(--brand-primary) !important;
  box-shadow: 0 0 0 3px var(--brand-focus) !important;
}

/* Buttons (generic + common WordPress/WooCommerce patterns + Soledad/Penci patterns) */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.wp-block-button__link,
.button,
.btn,
a.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.penci-btn,
.penci-button{
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: #fff !important;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.wp-block-button__link:hover,
.button:hover,
.btn:hover,
a.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.penci-btn:hover,
.penci-button:hover{
  background: var(--brand-primary-hover) !important;
  border-color: var(--brand-primary-hover) !important;
  color: #fff !important;
}

/* Secondary buttons (if used) */
.btn-secondary,
.is-style-outline .wp-block-button__link,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
  background: var(--brand-secondary) !important;
  border-color: var(--brand-secondary) !important;
  color: var(--brand-dark) !important;
}
.btn-secondary:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover{
  filter: brightness(.92);
}

/* Navigation / menu hover (keeps your header background unchanged) */
.main-navigation a:hover,
.main-navigation a:focus,
#navigation a:hover,
#navigation a:focus,
.penci-menu a:hover,
.penci-menu a:focus{
  color: var(--brand-primary) !important;
}
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
#navigation .current-menu-item > a,
#navigation .current_page_item > a{
  color: var(--brand-primary) !important;
}

/* Pagination / current page chips */
.page-numbers.current,
.pagination .current,
.penci-pagination .current,
.penci-pagination a:hover{
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: #fff !important;
}

/* Badges, category labels, tag hover */
.tagcloud a:hover,
.entry-meta a:hover,
.cat-links a:hover,
.penci-cat-name a:hover{
  color: var(--brand-primary) !important;
}

/* Borders used in cards/widgets (subtle, safe) */
.widget,
.comment-body,
.penci-post-item,
.penci-grid-item{
  border-color: var(--brand-border);
}