/* Dynamic Theme CSS for subdomain: social */
/* Generated on: 2025-12-07 01:02:28 */

:root {
    --color-primary: #007BFF;
    --color-secondary: #6C757D;
    --color-accent: #FFC107;
    --color-background: #FFFFFF;
    --color-surface: #FFFFFF;
    --color-text-primary: #212529;
    --color-text-secondary: #6C757D;
    --color-text-muted: #ADB5BD;
    --color-border: #DEE2E6;
    --color-success: #28A745;
    --color-warning: #FFC107;
    --color-error: #DC3545;
    --color-info: #17A2B8;
    --font-primary: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-secondary: 'Arial', sans-serif;
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
}

body {
    background-color: var(--color-background);
    color: var(--color-text-primary);
    font-family: var(--font-primary);
}

.theme-default-theme {
    /* Theme-specific overrides for default-theme */
}

/* Dynamic Theme CSS - Generated by Theme System */

/* Theme CSS Variables - These will be overridden by PHP */


/* Theme-aware utility classes */
.bg-primary { background-color: var(--color-primary) !important; }
.bg-secondary { background-color: var(--color-secondary) !important; }
.bg-accent { background-color: var(--color-accent) !important; }
.bg-surface { background-color: var(--color-surface) !important; }
.bg-success { background-color: var(--color-success) !important; }
.bg-warning { background-color: var(--color-warning) !important; }
.bg-error { background-color: var(--color-error) !important; }
.bg-info { background-color: var(--color-info) !important; }

.text-primary { color: var(--color-text-primary) !important; }
.text-secondary { color: var(--color-text-secondary) !important; }
.text-muted { color: var(--color-text-muted) !important; }
.text-success { color: var(--color-success) !important; }
.text-warning { color: var(--color-warning) !important; }
.text-error { color: var(--color-error) !important; }
.text-info { color: var(--color-info) !important; }

.border-primary { border-color: var(--color-primary) !important; }
.border-secondary { border-color: var(--color-secondary) !important; }
.border-accent { border-color: var(--color-accent) !important; }
.border-surface { border-color: var(--color-surface) !important; }

/* Button styles with theme colors */
.btn-primary {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: white !important;
}

.btn-secondary {
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
    color: white !important;
}

.btn-accent {
    background-color: var(--color-accent) !important;
    border-color: var(--color-accent) !important;
    color: white !important;
}

.btn-success {
    background-color: var(--color-success) !important;
    border-color: var(--color-success) !important;
    color: white !important;
}

.btn-warning {
    background-color: var(--color-warning) !important;
    border-color: var(--color-warning) !important;
    color: white !important;
}

.btn-error {
    background-color: var(--color-error) !important;
    border-color: var(--color-error) !important;
    color: white !important;
}

/* Card styles */
.card {
    background-color: var(--color-surface) !important;
    border: 1px solid var(--color-border) !important;
}

.card-header {
    background-color: var(--color-primary) !important;
    color: white !important;
}

/* Form styles */
.form-control {
    border-color: var(--color-border) !important;
    color: var(--color-text-primary) !important;
}

.form-control:focus {
    border-color: var(--color-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--color-primary-rgb), 0.25) !important;
}

/* Alert styles */
.alert-success {
    background-color: var(--color-success) !important;
    color: white !important;
    border-color: var(--color-success) !important;
}

.alert-warning {
    background-color: var(--color-warning) !important;
    color: white !important;
    border-color: var(--color-warning) !important;
}

.alert-error {
    background-color: var(--color-error) !important;
    color: white !important;
    border-color: var(--color-error) !important;
}

.alert-info {
    background-color: var(--color-info) !important;
    color: white !important;
    border-color: var(--color-info) !important;
}

/* Navigation styles */
.navbar {
    background-color: var(--color-surface) !important;
    border-bottom: 1px solid var(--color-border) !important;
}

.navbar-brand {
    color: var(--color-primary) !important;
}

.nav-link {
    color: var(--color-text-primary) !important;
}

.nav-link:hover {
    color: var(--color-primary) !important;
}

/* Sidebar styles */
.sidebar {
    background-color: var(--color-surface) !important;
    border-right: 1px solid var(--color-border) !important;
}

/* Footer styles */
.footer {
    background-color: var(--color-surface) !important;
    border-top: 1px solid var(--color-border) !important;
    color: var(--color-text-muted) !important;
}

/* Link styles */
a {
    color: var(--color-primary) !important;
}

a:hover {
    color: var(--color-accent) !important;
}

/* Body background */
body {
    background-color: var(--color-background) !important;
    color: var(--color-text-primary) !important;
    font-family: var(--font-primary) !important;
}

/* Theme-specific overrides */
.theme-app1-theme {
    /* App1 specific styles can go here */
}

.theme-shop-theme {
    /* Shop specific styles can go here */
}

.theme-business-theme {
    /* Business specific styles can go here */
}

.theme-creative-theme {
    /* Creative specific styles can go here */
}

.theme-default-theme {
    /* Default theme styles */
} 

.right-sidebar {
    background-color: var(--color-background) !important;
    color: var(--color-text-primary) !important;
    font-family: var(--font-primary) !important;
}

.site-header-box{
    background-color: var(--color-background) !important;
    color: var(--color-text-primary) !important;
    font-family: var(--font-primary) !important;
}