/*
	SOFTPAE.com - vlastné štýly nad Bootstrapom
	Farby a typografia prevzaté z pôvodného css/style.css
*/

:root {
	--color-text: #444;
	--color-link: #0C64E8;
	--color-link-hover: #E80C0C;
	--color-heading: #D0590A;
	--color-highlight-bg: #FEFDC2;
	--color-box-bg: #F8F8F8;
	--font-base: "Trebuchet MS", Verdana, Arial, sans-serif;
}

html, body { height:100%; }

body {
	font-family: var(--font-base);
	font-size: 14px;
	line-height: 1.7;
	color: var(--color-text);
	background: #efefef;
}

a { color: var(--color-link); text-decoration: underline; }
a:hover { color: var(--color-link-hover); text-decoration: underline; }

h1, h2, h3 { font-weight: bold; }

/* širší container ako štandardný bootstrap */
.container-wide {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}

/* biely "papier" s tieňom - ako pôvodný #main, štandardná bootstrap šírka */
.site-wrapper {
	width: 100%;
	max-width: 1140px;
	margin: 0px auto;
	background: #fff;
	padding: 30px 60px 0;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.site-divider {
	height: 2px;
	background: repeat-x url("../images/web-stranky-seo-marketing-line.gif");
	margin: 20px 0;
}

/* NAVBAR (nahrádza #topdiv) */
.navbar-softpae { padding: 15px 0; }
.navbar-softpae .navbar-brand img { height: 55px; }

.navbar-softpae .nav-link {
	color: var(--color-link) !important;
	font-weight: bold;
	font-size: 1.05rem;
	margin-left: 15px;
}
.navbar-softpae .nav-link:hover { color: var(--color-link-hover) !important; }
.navbar-softpae .nav-link.fred { color: var(--color-link-hover) !important; }

/* nadpisy sekcii (horange) */
h2.horange, .horange {
	color: var(--color-heading);
	font-weight: normal;
	font-size: 1.5rem;
	margin: 20px 0;
}

/* referencie a aplikácie - stĺpce s obrázkom */
.ref-card { text-align: center; margin-bottom: 25px; }
.ref-card img {
	border: 1px solid #ccc;
	padding: 4px;
	max-width: 100%;
	height: auto;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	transition: opacity .3s, border-color .3s;
}
.ref-card img:hover { opacity: 0.8; border-color: #FC5E4E; }
.ref-card p { margin-top: 8px; margin-bottom: 0; }
.ref-card strong { font-weight: bold; }

/* Naša ponuka - 4 stĺpce */
.offer-section {
	padding: 30px 0;
	background: repeat-x bottom url("../images/web-stranky-seo-marketing-back.png");
}
.offer-col h2 { font-size: 1.05rem; margin: 3px 0 10px; }
.offer-col p { font-size: 0.85rem; margin-bottom: 15px; }

/* hlavný obsah: lavy box (8) + pravy box (3) */
.content-section { padding: 15px 0; background: repeat-x url("../images/web-stranky-seo-marketing-line.gif"); }

.leftbox h2 { color: var(--color-heading); font-weight: normal; font-size: 1.4rem; margin: 20px 0; }
.leftbox .highlight { background: var(--color-highlight-bg); }

.rightbox-panel { background: var(--color-box-bg); padding: 20px; }
.rightbox-panel h2 { margin-top: 0; }
.rightbox-panel h3 { margin: 0 0 5px; color: var(--color-link); font-size: 1rem; }
.rightbox-panel p { margin: 5px 0 15px; }
.rightbox-panel .reflink { text-align: right; }

/* formuláre */
fieldset { border: 1px solid #ccc; padding: 10px 20px; }
fieldset legend { width: auto; font-weight: bold; color: #c00000; font-size: 1rem; padding: 0 8px; }

.btn-brand {
	background: #ca5a5a;
	border-color: #ca5a5a;
	color: #fff;
	font-weight: bold;
}
.btn-brand:hover { background: #b84848; border-color: #b84848; color: #fff; }

.adwords-img { max-width: 100%; height: auto; }

/* pätička */
.site-footer {
	background: #fcfcfc;
	color: #888;
	padding: 30px 20px;
	margin-top: 20px;
}
.site-footer h2 { font-size: 1.2rem; color: #666; }
.site-footer p { color: var(--color-text); }
.site-footer a { color: var(--color-text); text-decoration: underline; }
.site-footer a:hover { color: #fff; background: #0C64E8; text-decoration: none; }
.site-footer .footer-bottom { text-align: center; padding-top: 15px; font-size: 0.85rem; }

/* ================= REFERENCIE - textové referencie bez obrázka ================= */
.referencia-card { margin-bottom: 20px; }
.referencia-card h3 {
	display: inline-block;
	margin: 0 0 8px;
	padding-bottom: 2px;
	color: var(--color-heading);
	border-bottom: 1px dotted #666;
	font-size: 1rem;
}
.referencia-card p { margin: 5px 0; }
.referencia-card .services { font-style: italic; color: #555; }

/* ================= LOGÁ PARTNEROV (cplogo) ================= */
.partner-logo { text-align: center; margin-bottom: 20px; }
.partner-logo img { max-width: 100%; max-height: 60px; width: auto; }

/* ================= KONTAKT - intro text ================= */
.intro-text h2 { color: #000; font-weight: normal; font-size: 1.4rem; margin-bottom: 12px; }
.intro-text p { font-size: 1.05rem; line-height: 1.6; }

/* ================= KONTAKT - menubar (kotvové odkazy) ================= */
.menubar {
	color: #E80C0C;
	font-size: 1.05rem;
	font-weight: bold;
	padding: 15px 0;
	margin-bottom: 10px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	text-align: center;
}
.menubar a { color: #E80C0C; margin: 0 10px; }
.menubar a:hover { color: #fff; background: #0C64E8; text-decoration: none; }

/* breadcrumb */
.breadcrumb-custom { font-size: 0.8rem; color: #666; margin-bottom: 10px; }

/* pravé menu služieb (submenu) */
.rightmenu { font-size: 1.05rem; font-weight: bold; color: #E80C0C; margin-top: 0; }
.submenu-list { list-style: none; padding: 0; margin: 0 0 15px; }
.submenu-list h3 { margin: 0 0 6px; font-size: 1rem; }
.submenu-list h3 a { font-weight: bold; }

@media (max-width: 767.98px) {
	.site-wrapper { padding: 20px 15px 0; margin: 0; }
	.navbar-softpae .navbar-brand img { height: 45px; }
	.leftbox, .rightbox-panel { margin-bottom: 20px; }
}