/**
 * bootstrap-grid-only.css
 * Základní mřížka Bootstrap 3 bez .container – pouze .row a .col-*-*.
 * Načítá se pouze mimo homepage (podmíněně v header.tpl).
 * Breakpointy: xs (výchozí), sm 768px, md 992px, lg 1200px.
 */

/* Clearfix pro .row */
.row::before,
.row::after {
	display: table;
	content: " ";
}
.row::after {
	clear: both;
}

/* Row – negativní margin kvůli paddingu sloupců (gutter 15px) */
.row {
	margin-left: -15px;
	margin-right: -15px;
	box-sizing: border-box;
}

/* Sloupce – základní chování (float, padding, box-sizing) */
[class*="col-"] {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
	float: left;
}

/* ========== Extra small (xs) – výchozí, bez media query ========== */
.col-xs-1  { width: 8.33333333%; }
.col-xs-2  { width: 16.66666667%; }
.col-xs-3  { width: 25%; }
.col-xs-4  { width: 33.33333333%; }
.col-xs-5  { width: 41.66666667%; }
.col-xs-6  { width: 50%; }
.col-xs-7  { width: 58.33333333%; }
.col-xs-8  { width: 66.66666667%; }
.col-xs-9  { width: 75%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-12 { width: 100%; }

/* ========== Small (sm) – ≥768px ========== */
@media (min-width: 768px) {
	.col-sm-1  { width: 8.33333333%; }
	.col-sm-2  { width: 16.66666667%; }
	.col-sm-3  { width: 25%; }
	.col-sm-4  { width: 33.33333333%; }
	.col-sm-5  { width: 41.66666667%; }
	.col-sm-6  { width: 50%; }
	.col-sm-7  { width: 58.33333333%; }
	.col-sm-8  { width: 66.66666667%; }
	.col-sm-9  { width: 75%; }
	.col-sm-10 { width: 83.33333333%; }
	.col-sm-11 { width: 91.66666667%; }
	.col-sm-12 { width: 100%; }
}

/* ========== Medium (md) – ≥992px ========== */
@media (min-width: 992px) {
	.col-md-1  { width: 8.33333333%; }
	.col-md-2  { width: 16.66666667%; }
	.col-md-3  { width: 25%; }
	.col-md-4  { width: 33.33333333%; }
	.col-md-5  { width: 41.66666667%; }
	.col-md-6  { width: 50%; }
	.col-md-7  { width: 58.33333333%; }
	.col-md-8  { width: 66.66666667%; }
	.col-md-9  { width: 75%; }
	.col-md-10 { width: 83.33333333%; }
	.col-md-11 { width: 91.66666667%; }
	.col-md-12 { width: 100%; }
}

/* ========== Large (lg) – ≥1200px ========== */
@media (min-width: 1200px) {
	.col-lg-1  { width: 8.33333333%; }
	.col-lg-2  { width: 16.66666667%; }
	.col-lg-3  { width: 25%; }
	.col-lg-4  { width: 33.33333333%; }
	.col-lg-5  { width: 41.66666667%; }
	.col-lg-6  { width: 50%; }
	.col-lg-7  { width: 58.33333333%; }
	.col-lg-8  { width: 66.66666667%; }
	.col-lg-9  { width: 75%; }
	.col-lg-10 { width: 83.33333333%; }
	.col-lg-11 { width: 91.66666667%; }
	.col-lg-12 { width: 100%; }
}

/* Offsety (volitelné – pro odsazení sloupců) */
.col-xs-offset-1  { margin-left: 8.33333333%; }
.col-xs-offset-2  { margin-left: 16.66666667%; }
.col-xs-offset-3  { margin-left: 25%; }
.col-xs-offset-4  { margin-left: 33.33333333%; }
.col-xs-offset-5  { margin-left: 41.66666667%; }
.col-xs-offset-6  { margin-left: 50%; }
.col-xs-offset-7  { margin-left: 58.33333333%; }
.col-xs-offset-8  { margin-left: 66.66666667%; }
.col-xs-offset-9  { margin-left: 75%; }
.col-xs-offset-10 { margin-left: 83.33333333%; }
.col-xs-offset-11 { margin-left: 91.66666667%; }

@media (min-width: 768px) {
	.col-sm-offset-1  { margin-left: 8.33333333%; }
	.col-sm-offset-2  { margin-left: 16.66666667%; }
	.col-sm-offset-3  { margin-left: 25%; }
	.col-sm-offset-4  { margin-left: 33.33333333%; }
	.col-sm-offset-5  { margin-left: 41.66666667%; }
	.col-sm-offset-6  { margin-left: 50%; }
	.col-sm-offset-7  { margin-left: 58.33333333%; }
	.col-sm-offset-8  { margin-left: 66.66666667%; }
	.col-sm-offset-9  { margin-left: 75%; }
	.col-sm-offset-10 { margin-left: 83.33333333%; }
	.col-sm-offset-11 { margin-left: 91.66666667%; }
}

@media (min-width: 992px) {
	.col-md-offset-1  { margin-left: 8.33333333%; }
	.col-md-offset-2  { margin-left: 16.66666667%; }
	.col-md-offset-3  { margin-left: 25%; }
	.col-md-offset-4  { margin-left: 33.33333333%; }
	.col-md-offset-5  { margin-left: 41.66666667%; }
	.col-md-offset-6  { margin-left: 50%; }
	.col-md-offset-7  { margin-left: 58.33333333%; }
	.col-md-offset-8  { margin-left: 66.66666667%; }
	.col-md-offset-9  { margin-left: 75%; }
	.col-md-offset-10 { margin-left: 83.33333333%; }
	.col-md-offset-11 { margin-left: 91.66666667%; }
}

@media (min-width: 1200px) {
	.col-lg-offset-1  { margin-left: 8.33333333%; }
	.col-lg-offset-2  { margin-left: 16.66666667%; }
	.col-lg-offset-3  { margin-left: 25%; }
	.col-lg-offset-4  { margin-left: 33.33333333%; }
	.col-lg-offset-5  { margin-left: 41.66666667%; }
	.col-lg-offset-6  { margin-left: 50%; }
	.col-lg-offset-7  { margin-left: 58.33333333%; }
	.col-lg-offset-8  { margin-left: 66.66666667%; }
	.col-lg-offset-9  { margin-left: 75%; }
	.col-lg-offset-10 { margin-left: 83.33333333%; }
	.col-lg-offset-11 { margin-left: 91.66666667%; }
}