/*!
Theme Name: PaymentIHC
Theme URI: https://example.com/paymentihc
Author: PaymentIHC Team
Author URI: https://example.com
Description: Custom WordPress theme for PaymentIHC. Built on an Underscores-style starter with Bootstrap 5 and Alpine.js for approval-flow interactions.
Version: 0.1.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: paymentihc
Tags: custom, bootstrap-5, alpine-js, approval-workflow
*/

/* Theme overrides go here. Bootstrap 5 is loaded as a separate stylesheet. */

body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

main {
	flex: 1 0 auto;
}

footer.site-footer {
	flex-shrink: 0;
}

.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 9999;
	padding: 0.5rem 1rem;
	background: #000;
	color: #fff;
}

.skip-link:focus {
	left: 1rem;
	top: 1rem;
}

/* Brand button: every Bootstrap variant resolves to #02274c bg + white text. */
:root {
	--paymentihc-brand:        #02274c;
	--paymentihc-brand-hover:  #043567;
	--paymentihc-brand-active: #011a34;
}

.btn-primary,
.btn-secondary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-light,
.btn-dark {
	--bs-btn-color:                 #fff;
	--bs-btn-bg:                    var(--paymentihc-brand);
	--bs-btn-border-color:          var(--paymentihc-brand);
	--bs-btn-hover-color:           #fff;
	--bs-btn-hover-bg:              var(--paymentihc-brand-hover);
	--bs-btn-hover-border-color:    var(--paymentihc-brand-hover);
	--bs-btn-active-color:          #fff;
	--bs-btn-active-bg:             var(--paymentihc-brand-active);
	--bs-btn-active-border-color:   var(--paymentihc-brand-active);
	--bs-btn-disabled-color:        #fff;
	--bs-btn-disabled-bg:           var(--paymentihc-brand);
	--bs-btn-disabled-border-color: var(--paymentihc-brand);
	--bs-btn-focus-shadow-rgb:      2, 39, 76;
}

.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-success,
.btn-outline-danger,
.btn-outline-warning,
.btn-outline-info,
.btn-outline-light,
.btn-outline-dark {
	--bs-btn-color:               var(--paymentihc-brand);
	--bs-btn-border-color:        var(--paymentihc-brand);
	--bs-btn-hover-color:         #fff;
	--bs-btn-hover-bg:            var(--paymentihc-brand);
	--bs-btn-hover-border-color:  var(--paymentihc-brand);
	--bs-btn-active-color:        #fff;
	--bs-btn-active-bg:           var(--paymentihc-brand);
	--bs-btn-active-border-color: var(--paymentihc-brand);
	--bs-btn-focus-shadow-rgb:    2, 39, 76;
}