/*
Theme Name: SP Verification & Services Theme
Theme URI: https://skbplatform.com/
Author: Jules
Author URI: https://skbplatform.com/
Description: A premium, ultra-fast, and responsive modern theme designed for the SP Verification & Services Platform, featuring beautiful cyber cafe, identity service, and self-service layouts.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: skb-theme
*/

:root {
    --primary-color: #0b6623;
    --secondary-color: #1e7e34;
    --text-color: #212529;
    --bg-color: #f8f9fa;
    --border-color: #dee2e6;
    --font-size: 16px;
    --heading-size: 24px;
    --container-padding: 20px;
    --border-radius: 8px;
}

/* Eliminate underline text-decorations globally */
a, a:hover, a:focus, a:active,
button, .btn, .nav-link, .toggle-section, .list-group-item,
.skb-auth-container a, .skb-auth-container a:hover {
    text-decoration: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

body {
    background-color: var(--bg-color) !important;
    color: var(--text-color) !important;
    font-size: var(--font-size) !important;
    font-family: system-ui, -apple-system, sans-serif !important;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--primary-color) !important;
    font-weight: 700 !important;
}

h1 { font-size: calc(var(--heading-size) * 1.5) !important; }
h2 { font-size: calc(var(--heading-size) * 1.3) !important; }
h3 { font-size: calc(var(--heading-size) * 1.1) !important; }
h4, h5, h6 { font-size: var(--heading-size) !important; }

.btn-deep-green {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
    font-weight: 600;
}
.btn-deep-green:hover {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: #fff !important;
}
.text-deep-green {
    color: var(--primary-color) !important;
}
.bg-deep-green {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}
.border-content-container {
    padding: var(--container-padding) !important;
    border-radius: var(--border-radius) !important;
    border: 1px solid var(--border-color) !important;
    background-color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
}
.theme-header {
    background: #ffffff;
    border-bottom: 1px solid var(--border-color);
    transition: all 0.3s;
    z-index: 1030;
}
.theme-footer {
    background: #ffffff;
    border-top: 1px solid var(--border-color);
    padding: 15px 0;
    margin-top: auto;
    font-size: 0.9rem;
    color: var(--text-color);
    z-index: 1030;
}

/* 2px border styles for dashboard cards and service cards */
.card, .service-card, .skb-dashboard-card {
    border: 2px solid var(--border-color) !important;
}

/* Force white text inside the virtual account details card to override global text colors */
.skb-virtual-account-header-card, .skb-virtual-account-header-card * {
    color: #ffffff !important;
}

.skb-virtual-account-number-bubble {
    font-size: 10px !important;
}