/* Default brand tokens for this installation. Customer content remains data-driven. */
:root {
    --oiiax-orange: #ff751f;
    --oiiax-charcoal: #1e1e1e;
    --oiiax-light-gray: #eaeaea;
    --oiiax-white: #ffffff;
    --primary-rgb: 255, 117, 31;
    --dark-rgb: 30, 30, 30;
    --light-rgb: 234, 234, 234;
    --body-bg-rgb: 234, 234, 234;
    --default-text-color: var(--oiiax-charcoal);
    --default-border: var(--oiiax-light-gray);
    --default-background: var(--oiiax-light-gray);
    --menu-bg: var(--oiiax-white);
    --menu-prime-color: var(--oiiax-charcoal);
    --menu-border-color: var(--oiiax-light-gray);
    --header-bg: var(--oiiax-white);
    --header-prime-color: var(--oiiax-charcoal);
    --header-border-color: var(--oiiax-light-gray);
    --bootstrap-card-border: var(--oiiax-light-gray);
    --input-border: var(--oiiax-light-gray);
    --form-control-bg: var(--oiiax-white);
    --default-font-family: "Poppins", "Montserrat", "Segoe UI", Arial, sans-serif;
}

html[dir="rtl"],
[dir="rtl"] {
    --default-font-family: "Cairo", "Tajawal", "Droid Arabic Kufi", Tahoma, sans-serif;
}

.btn-primary {
    --bs-btn-bg: var(--oiiax-orange);
    --bs-btn-border-color: var(--oiiax-orange);
    --bs-btn-hover-bg: #df5f0c;
    --bs-btn-hover-border-color: #df5f0c;
    --bs-btn-active-bg: #c95309;
    --bs-btn-active-border-color: #c95309;
    --bs-btn-disabled-bg: var(--oiiax-orange);
    --bs-btn-disabled-border-color: var(--oiiax-orange);
}

/* Authentication loads the theme twice, so make the primary action explicit. */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled) {
    background-color: var(--oiiax-orange) !important;
    border-color: var(--oiiax-orange) !important;
    color: var(--oiiax-white) !important;
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):hover,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #df5f0c !important;
    border-color: #df5f0c !important;
}

/* Replace the legacy sign-in cover injected by the theme pseudo-element. */
.authentication .authentication-cover::before {
    background-image: url('../images/oiiax-auth-cover.svg') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: var(--oiiax-orange);
    box-shadow: 0 0 0 .2rem rgba(255, 117, 31, .2);
}

.platform-attribution {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: .4rem;
    justify-content: center;
    text-align: center;
}

.platform-attribution__logo {
    display: block;
    flex: 0 0 auto;
    height: 1rem;
    max-width: 5.5rem;
    object-fit: contain;
    width: auto;
}

.platform-attribution__technology {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: .18rem;
}

.platform-attribution__eyebrow,
.platform-attribution__support {
    color: #64748b;
    font-size: .68rem;
    line-height: 1.35;
}

.platform-attribution__link--main {
    margin: .03rem 0;
}

.platform-attribution__logo--main {
    height: 1.25rem;
    max-width: 6.8rem;
}

.platform-attribution__support {
    align-items: center;
    display: inline-flex;
    gap: .24rem;
}

.platform-attribution__logo--inline {
    height: .72rem;
    max-width: 4rem;
}

.platform-attribution__link {
    display: inline-flex;
    line-height: 1;
}

.platform-attribution__link:hover .platform-attribution__logo {
    opacity: .78;
}