/*
 Theme Name:   Al Wafa Bank – Astra Child
 Theme URI:    https://example.com/alwafa-bank-child
 Description:  Modern banking theme built on Astra. Uses Al Wafa Bank brand colors.
 Author:       You
 Author URI:   https://example.com
 Template:     astra
 Version:      1.0
 License:      GPLv2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Tags:         banking, clean, responsive
 Text Domain:  alwafa-bank-child
*/

/* ----- Brand Colors ----- */
:root {
    --bank-orange: #FFB31A;
    --bank-navy  : #002F6C;
}

/* Header background */
header.site-header {
    background-color: var(--bank-navy);
    color: #fff;
}

/* Footer background */
footer.site-footer {
    background-color: var(--bank-navy);
    color: #fff;
}

/* Primary buttons */
button,
 a.uk-button,
 input[type="submit"],
 .woocommerce button.button,
 .ast-button,
 .ast-primary-button {
    background-color: var(--bank-orange);
    border: none;
    color: #fff;
    border-radius: 4px;
    padding: 0.6rem 1.2rem;
    transition: background 0.25s ease, transform 0.1s ease;
}
button:hover,
 a.uk-button:hover,
 input[type="submit"]:hover,
 .ast-button:hover,
 .ast-primary-button:hover {
    background-color: #e6a00d;
    transform: translateY(-2px);
}

/* Links */
a {
    color: var(--bank-navy);
}
a:hover {
    color: var(--bank-orange);
}

/* Typography – use a clean sans‑serif */
body {
    font-family: 'Inter', system-ui, sans-serif;
    line-height: 1.6;
}

/* Add a subtle shadow to cards/containers */
.card,
 .widget,
 .ast-header-break-point .ast-header-section {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}