/*
Theme Name: Archihub Platform
Theme URI: https://remotecosmo.com
Description: Archihub Platform — Architecture & Design Professional Marketplace. Custom child theme for the Archihub platform built on Workreap.
Template: workreap
Author: Orlando Toro — Remote Cosmo
Author URI: https://remotecosmo.com
Version: 1.8.4
Text Domain: archihub
License: Proprietary
License URI: https://remotecosmo.com/license
*/

/* Child theme styles will go here */

/* ==========================================================================
   Login Page - Social Button Alignment Fix
   ========================================================================== */

/**
 * Fix Facebook button alignment on login/register pages
 * Ensures all social login buttons are properly centered
 */
.wt-loginicon ul li,
.single-social-style .wt-loginicon ul li,
.wc-login .wt-loginicon ul li,
.wc-register_single .wt-loginicon ul li {
    text-align: center !important;
    display: inline-block !important;
    float: none !important;
}

.wt-loginicon ul {
    text-align: center !important;
    display: block !important;
}

.wt-loginicon ul li a {
    margin: 0 auto !important;
    display: block !important;
}

/* ==========================================================================
   Mobile sidebar toggle button color override
   ========================================================================== */
@media (max-width: 1199px) {
    .wr-dashboard-sidebar-wrapper .wr-dashboard-sidebar-toggle-btn {
        background: #000000 !important;
        color: #ffffff !important;
    }

    .wr-dashboard-sidebar-wrapper .wr-dashboard-sidebar-toggle-btn:focus .wr-icon-layout,
    .wr-dashboard-sidebar-wrapper .wr-dashboard-sidebar-toggle-btn:hover .wr-icon-layout {
        color: #ffffff !important;
    }
}

/* ==========================================================================
   Easy Post Submission color override
   ========================================================================== */
.rbsm-container {
    --g-color: #000000;
    --btn-primary: #000000;
    --btn-accent: #ffffff;
    --rbsm-gray: #111111;
}

.rbsm-container .rbsm-btn-primary,
.rbsm-container .rbsm-button,
.rbsm-container .rbsm-btn {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}

.rbsm-container .rbsm-btn-primary:hover,
.rbsm-container .rbsm-button:hover,
.rbsm-container .rbsm-btn:hover {
    background-color: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
}

.rbsm-container .rbsm-button.secondary {
    background-color: #ffffff !important;
    border-color: #000000 !important;
    color: #000000 !important;
}

.rbsm-container .rbsm-button.secondary:hover {
    background-color: #f5f5f5 !important;
    border-color: #000000 !important;
    color: #000000 !important;
}

.rbsm-container .rbsm-form-group input:focus,
.rbsm-container .rbsm-input:focus {
    border-color: #000000 !important;
}

.rbsm-container .rbsm-form-group input.error,
.rbsm-container .rbsm-input.error,
.rbsm-container .rbsm-input.error:focus,
.rbsm-container .rbsm-field-error {
    border-color: #000000 !important;
    color: #111111 !important;
}

.rbsm-container .rbsm-popup-box.is-error .v-card,
.rbsm-container .rbsm-failed-snackbar .v-snackbar__wrapper {
    border-top-color: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
}

.rbsm-container .rbsm-popup-box.is-error .v-card-actions .v-btn__content,
.rbsm-container .rbsm-failed-snackbar .v-snackbar__wrapper,
.rbsm-container .rbsm-account-error {
    color: #ffffff !important;
}

.rbsm-container .rbsm-snackbar .v-snackbar__wrapper,
.rbsm-container .v-card-title .mdi-content-save-check-outline {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.rbsm-container .rbsm-status-pending,
.rbsm-container .rbsm-status-publish,
.rbsm-container .rbsm-status-draft,
.rbsm-container .rbsm-post-title i,
.rbsm-container .rbsm-btn-red:hover {
    background: #000000 !important;
    color: #ffffff !important;
}

.rbsm-container .rbsm-status-pending,
.rbsm-container .rbsm-status-publish,
.rbsm-container .rbsm-status-draft {
    color: #ffffff !important;
}

.rbsm-container .rbsm-table-row-header,
.rbsm-container .rbsm-account-message,
.rbsm-container .rbsm-account-error,
.rbsm-container .rbsm-admin-placeholder {
    background-color: #111111 !important;
    color: #ffffff !important;
}

.rbsm-container .rbsm-account-message a,
.rbsm-container .rbsm-account-error a,
.rbsm-container .rbsm-admin-placeholder a {
    color: #ffffff !important;
}

.rbsm-container .rbsm-form-group label .required,
.rbsm-container .rbsm-status-draft,
.rbsm-container .rbsm-status-pending,
.rbsm-container .rbsm-button.secondary,
.rbsm-container .rbsm-btn-red {
    color: #000000 !important;
}

.rbsm-container .rbsm-popup-box.is-error .is-btn,
.rbsm-container .rbsm-account-message .rbsm-button:not(.secondary),
.rbsm-container .rbsm-status-pending,
.rbsm-container .rbsm-btn-red:hover {
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}

.rbsm-container .rbsm-button.secondary,
.rbsm-container .rbsm-btn-red {
    color: #000000 !important;
}