/* Inalbum theme overrides (loaded only when appSetting SoftwareDesign=inalbum)
   Keep this file limited to color/visual changes.
*/

/* Brand colors (inalbum) */
:root {
	--inalbum-primary: #68756C;
	--inalbum-bg: #ffffff;
	--inalbum-bg-soft: #f5f3f3; /* light, warm gray */
	--inalbum-text: #2b2f2c;
	--inalbum-border: rgba(104, 117, 108, 0.22);
	--inalbum-link-hover: #56625A;
}

body {
	background-color: var(--inalbum-bg-soft) !important;
	color: var(--inalbum-text);
}

/* Labels (override old orange theme) */
.search-input label,
.filter-input label {
	color: var(--inalbum-primary) !important;
}

.product-single .product-data .pd-ean,
.product-single .invoice-data .pd-ean,
.invoice-single .product-data .pd-ean,
.invoice-single .invoice-data .pd-ean {
	color: var(--inalbum-primary) !important;
}

.form-group label {
	color: var(--inalbum-text) !important;
}

/* Top navbar */
.navbar-fixed-top {
	background-color: #ffffff !important;
	border-color: #ffffff;
	box-shadow: 0px 6px 18px rgba(26, 32, 44, 0.10);
}

.navbar-fixed-top ul > li > a {
	color: var(--inalbum-primary) !important;
}

/* Buttons / links */
a {
	color: var(--inalbum-primary);
}

a:hover, a:focus {
    color: var(--inalbum-link-hover);
}

.btn-primary {
	background-color: var(--inalbum-primary) !important;
	border-color: var(--inalbum-primary) !important;
}

.btn-primary:hover, .btn-primary:focus {
   background-color: var(--inalbum-link-hover) !important;
	border-color: var(--inalbum-link-hover) !important;
}

/* Bootstrap success buttons are used across UI; recolor for inalbum */
.btn-success {
	background-color: var(--inalbum-primary) !important;
	border-color: var(--inalbum-primary) !important;
}

.btn-success:hover, .btn-success:focus {
	background-color: var(--inalbum-link-hover) !important;
	border-color: var(--inalbum-link-hover) !important;
}

/* Small action buttons and accents that were orange */
.add-new-btn {
	color: var(--inalbum-primary) !important;
}

.invoice-table button {
	color: var(--inalbum-primary) !important;
}

.search-input button,
.filter-input button {
	color: var(--inalbum-primary) !important;
}

.product-single .product-ico,
.product-single .invoice-ico,
.invoice-single .product-ico,
.invoice-single .invoice-ico {
	border-color: var(--inalbum-primary) !important;
}

.product-single .list-btns button i,
.invoice-single .list-btns button i {
	border-color: var(--inalbum-primary) !important;
	color: var(--inalbum-primary) !important;
}

/* Overview action links */
.overview-revoke {
	background: var(--inalbum-primary) !important;
}

.overview-revoke:hover, .overview-revoke:focus {
	background: var(--inalbum-link-hover) !important;
}

/* Navbar dropdown + user icon (override old theme color from .navbar-inverse *) */
.navbar-inverse * {
	color: var(--inalbum-primary) !important;
}

.navbar-inverse .dropdown-menu {
	border: 1px solid var(--inalbum-border) !important;
}

.navbar-inverse .dropdown-menu .dropdown-item {
	color: var(--inalbum-text) !important;
}

.navbar-inverse .dropdown-menu .dropdown-item:hover,
.navbar-inverse .dropdown-menu .dropdown-item:focus {
	color: var(--inalbum-link-hover) !important;
	background-color: rgba(104, 117, 108, 0.08) !important;
}

.navbar-inverse .glyphicon-user {
	color: var(--inalbum-primary) !important;
}

/* Page cover replaces orange gradient */
.page-cover {
 background: var(--inalbum-primary);
   background: linear-gradient(90deg, var(--inalbum-primary) 0%, #8f9a92 100%);
}

/* Home squares: switch from oranges to cool palette */
.home-squares {
	background-color: var(--inalbum-primary);
}

.home-squares .sq1 {
  background-color: #68756C;
}

.home-squares .sq2 {
  background-color: #7b867e; /* lighter primary */
}

.home-squares .sq3 {
    background-color: #8f9a92; /* lighter primary */
}

.home-squares .sq4 {
    background-color: #aab2ac; /* lightest primary */
}

/* Subtle inputs */
input, select, textarea {
	border-radius: 6px;
 border-color: var(--inalbum-border);
}

/* Loader overlay tint */
#simple-loader {
 background-color: rgba(104, 117, 108, 0.08);
}