/**
Tienda Simple - Estilo
**nombre:**
*/


@import "/less/bootstrap/bootstrap.less";
@import "/less/estiloaddons.less";


///////////////////////////////////////////////////

@import "customization";

///////////////////////////////////////////////////





//
// Accordion
// --------------------------------------------------
// Group == heading + body
.accordion-group {
	border-color: @componentBackground;
	background: @componentBackground;
}

// Inner needs the styles because you can't animate properly with any styles on the element
.accordion-inner {
  border-color: @componentBackground;
}




//
// Typography
// --------------------------------------------------


// Page header
// -------------------------
.page-header{
	border-color: @componentBackground;
}


// Headings
// -------------------------
h1, h2, h3, h4, h5, h6 {
	small{
		color: @headingSmallColor;
	}
}

// MISC
// ----

// Horizontal rules
hr {
	border-color: @componentBackground;
}


// Buttons
// -------------------------

#tiendasimple{
	.fixBtn(@prefix: ''){
		@color: '`"btn" + @{prefix} + "TextColor" `';
		@textShadow: '`"btn" + @{prefix} + "TextShadowColor" `';
		@backgroundColor: '`"btn" + @{prefix} + "BackgroundHighlight" `';

		color: @@color;
		text-shadow: 0 1px 1px @@textShadow;

		&:hover {
			background-color: @@backgroundColor; 
			color: @@color;
		}
	}
}

.btn{
	#tiendasimple .fixBtn();
}

.btn-primary{
	#tiendasimple .fixBtn('Primary');
}

.btn-info{
	#tiendasimple .fixBtn('Info');
}

.btn-success{
	#tiendasimple .fixBtn('Success');
}

.btn-warning{
	#tiendasimple .fixBtn('Warning');
}

.btn-danger{
	#tiendasimple .fixBtn('Danger');
}

.btn-inverse{
	#tiendasimple .fixBtn('Inverse');
}


// Thumbnails
// -------------------------

.thumbnail {
	background-color: @componentBackground;

	.caption {
		color: @thumbnailCaptionColor;
	}

	border-color: @componentBackground;
}

// Breadcrumbs 
// --------------------------

.breadcrumb{
	background: @componentBackground;
	
	li {
		text-shadow: 0 1px 0 darken(@componentBackground, 80%);
	}

}


//
// Navbars (Redux)
// --------------------------------------------------


// NAVIGATION
// ----------

// Links
.navbar .nav > li.active > a {
	text-shadow: 0 1px 0 rgba(0,0,0,.3);
}



// STACKED NAV
// -----------

// Tabs
.nav-tabs.nav-stacked > li > a {
	border-color: @componentBackground;
	background: @componentBackground;
}

.nav-tabs.nav-stacked > li > a:hover {
	color: @linkColor; 
	background-color: @componentActiveBackground;
}


// Form controls
// -------------------------

// Shared size and type resets
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	color: @textColor;
}

.form-actions {
	border-color: @componentBackground;
}

// Navigation
// --------------------------
.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: @paginationActiveBackground;
}


// Modal
// ----------------------------
.modal {
	background-color: @bodyBackground;
}

.modal-footer {
	background-color: darken(@bodyBackground, 10%);
	.box-shadow(none);
	border: none;
}

.modal-header {
	border-color: @componentBackground;

}