/* ShareSoil Custom Styles - Modern Design with Sky Blue Theme */

:root {
	--sharesoil-primary: #4A90E2;
	--sharesoil-secondary: #87CEEB;
	--sharesoil-accent: #1E88E5;
	--sharesoil-light: #B3E5FC;
	--sharesoil-bg: #F0F8FF;
	--sharesoil-dark: #000000;
	--sharesoil-white: #FFFFFF;
}

/* Override primary colors with Sky Blue theme */
body {
	background-color: var(--sharesoil-bg) !important;
}

.appHeader {
	background: linear-gradient(135deg, var(--sharesoil-primary) 0%, var(--sharesoil-accent) 100%) !important;
	box-shadow: 0 2px 12px rgba(74, 144, 226, 0.2);
}

.appBottomMenu {
	background: var(--sharesoil-white);
	box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
}

.appBottomMenu .item.active span,
.appBottomMenu .item.active i {
	color: var(--sharesoil-primary) !important;
}

/* Replace all instances of green colors with Sky Blue */
[style*="#2d5016"],
[style*="#4a7c2a"],
[style*="#6b9f3d"],
[style*="092c9f"] {
	background: var(--sharesoil-primary) !important;
}

/* Button and link styles */
.btn-primary,
.btnyu,
button[type="submit"] {
	background: linear-gradient(135deg, var(--sharesoil-primary) 0%, var(--sharesoil-accent) 100%) !important;
	border: none !important;
	color: var(--sharesoil-white) !important;
	transition: all 0.3s ease;
}

.btn-primary:hover,
.btnyu:hover,
button[type="submit"]:hover {
	opacity: 0.9;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(74, 144, 226, 0.3);
}

/* Card and item styles */
.postItem,
.itemList .item {
	background: var(--sharesoil-white);
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
}

.postItem:hover,
.itemList .item:hover {
	box-shadow: 0 4px 16px rgba(74, 144, 226, 0.15);
	transform: translateY(-4px);
}

/* Input and form styles */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
select,
textarea {
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	transition: all 0.3s ease;
	background: var(--sharesoil-white);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
	border-color: var(--sharesoil-primary);
	box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
	outline: none;
}

/* Modern gradient backgrounds */
.aui-palace,
.sectionTitle {
	background: linear-gradient(135deg, var(--sharesoil-primary) 0%, var(--sharesoil-accent) 100%);
}

/* Text colors */
h1, h2, h3, h4, h5, h6 {
	color: var(--sharesoil-dark);
}

a {
	color: var(--sharesoil-primary);
	transition: color 0.3s ease;
}

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

/* Modern shadows and effects */
.card,
.contentBox {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	border-radius: 12px;
	transition: all 0.3s ease;
	background: var(--sharesoil-white);
}

.card:hover,
.contentBox:hover {
	box-shadow: 0 4px 16px rgba(74, 144, 226, 0.15);
}

/* Loading and spinner */
.loading,
.spinner {
	border-color: var(--sharesoil-primary);
}

/* Success/Error messages */
.alert-success {
	background-color: rgba(74, 144, 226, 0.1);
	border-color: var(--sharesoil-primary);
	color: var(--sharesoil-dark);
}

.alert-danger {
	background-color: rgba(220, 53, 69, 0.1);
	border-color: #dc3545;
	color: #721c24;
}

/* Modern scrollbar */
::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	background: var(--sharesoil-bg);
}

::-webkit-scrollbar-thumb {
	background: var(--sharesoil-primary);
	border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
	background: var(--sharesoil-accent);
}

/* Form controls */
.form-control {
	background: var(--sharesoil-white);
	border-color: #e0e0e0;
}

.form-control:focus {
	border-color: var(--sharesoil-primary);
	box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
}

/* Background colors */
.baney {
	background: linear-gradient(135deg, var(--sharesoil-primary) 0%, var(--sharesoil-accent) 100%) !important;
}

.banyue {
	background: var(--sharesoil-white) !important;
}

/* Text colors */
.text-dark {
	color: var(--sharesoil-dark) !important;
}

.text-muted {
	color: #666 !important;
}

/* Override any green colors */
[style*="background.*#2d5016"],
[style*="background.*#4a7c2a"],
[style*="background.*#6b9f3d"],
[style*="background.*#092c9f"] {
	background: var(--sharesoil-primary) !important;
}

[style*="color.*#2d5016"],
[style*="color.*#4a7c2a"],
[style*="color.*#6b9f3d"] {
	color: var(--sharesoil-primary) !important;
}

:root {
	--sharesoil-primary: #4A90E2;
	--sharesoil-secondary: #87CEEB;
	--sharesoil-accent: #1E88E5;
	--sharesoil-light: #B3E5FC;
	--sharesoil-bg: #F0F8FF;
	--sharesoil-dark: #000000;
	--sharesoil-white: #FFFFFF;
}

/* Override primary colors with Sky Blue theme */
body {
	background-color: var(--sharesoil-bg) !important;
}

.appHeader {
	background: linear-gradient(135deg, var(--sharesoil-primary) 0%, var(--sharesoil-accent) 100%) !important;
	box-shadow: 0 2px 12px rgba(74, 144, 226, 0.2);
}

.appBottomMenu {
	background: var(--sharesoil-white);
	box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
}

.appBottomMenu .item.active span,
.appBottomMenu .item.active i {
	color: var(--sharesoil-primary) !important;
}

/* Replace all instances of green colors with Sky Blue */
[style*="#2d5016"],
[style*="#4a7c2a"],
[style*="#6b9f3d"],
[style*="092c9f"] {
	background: var(--sharesoil-primary) !important;
}

/* Button and link styles */
.btn-primary,
.btnyu,
button[type="submit"] {
	background: linear-gradient(135deg, var(--sharesoil-primary) 0%, var(--sharesoil-accent) 100%) !important;
	border: none !important;
	color: var(--sharesoil-white) !important;
	transition: all 0.3s ease;
}

.btn-primary:hover,
.btnyu:hover,
button[type="submit"]:hover {
	opacity: 0.9;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(74, 144, 226, 0.3);
}

/* Card and item styles */
.postItem,
.itemList .item {
	background: var(--sharesoil-white);
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
}

.postItem:hover,
.itemList .item:hover {
	box-shadow: 0 4px 16px rgba(74, 144, 226, 0.15);
	transform: translateY(-4px);
}

/* Input and form styles */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
select,
textarea {
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	transition: all 0.3s ease;
	background: var(--sharesoil-white);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
	border-color: var(--sharesoil-primary);
	box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
	outline: none;
}

/* Modern gradient backgrounds */
.aui-palace,
.sectionTitle {
	background: linear-gradient(135deg, var(--sharesoil-primary) 0%, var(--sharesoil-accent) 100%);
}

/* Text colors */
h1, h2, h3, h4, h5, h6 {
	color: var(--sharesoil-dark);
}

a {
	color: var(--sharesoil-primary);
	transition: color 0.3s ease;
}

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

/* Modern shadows and effects */
.card,
.contentBox {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	border-radius: 12px;
	transition: all 0.3s ease;
	background: var(--sharesoil-white);
}

.card:hover,
.contentBox:hover {
	box-shadow: 0 4px 16px rgba(74, 144, 226, 0.15);
}

/* Loading and spinner */
.loading,
.spinner {
	border-color: var(--sharesoil-primary);
}

/* Success/Error messages */
.alert-success {
	background-color: rgba(74, 144, 226, 0.1);
	border-color: var(--sharesoil-primary);
	color: var(--sharesoil-dark);
}

.alert-danger {
	background-color: rgba(220, 53, 69, 0.1);
	border-color: #dc3545;
	color: #721c24;
}

/* Modern scrollbar */
::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	background: var(--sharesoil-bg);
}

::-webkit-scrollbar-thumb {
	background: var(--sharesoil-primary);
	border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
	background: var(--sharesoil-accent);
}

/* Form controls */
.form-control {
	background: var(--sharesoil-white);
	border-color: #e0e0e0;
}

.form-control:focus {
	border-color: var(--sharesoil-primary);
	box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
}

/* Background colors */
.baney {
	background: linear-gradient(135deg, var(--sharesoil-primary) 0%, var(--sharesoil-accent) 100%) !important;
}

.banyue {
	background: var(--sharesoil-white) !important;
}

/* Text colors */
.text-dark {
	color: var(--sharesoil-dark) !important;
}

.text-muted {
	color: #666 !important;
}

/* Override any green colors */
[style*="background.*#2d5016"],
[style*="background.*#4a7c2a"],
[style*="background.*#6b9f3d"],
[style*="background.*#092c9f"] {
	background: var(--sharesoil-primary) !important;
}

[style*="color.*#2d5016"],
[style*="color.*#4a7c2a"],
[style*="color.*#6b9f3d"] {
	color: var(--sharesoil-primary) !important;
}