/* Mobile Media */
@media screen and (max-width: 1024px) and (pointer: coarse) {

html, body {
margin:0px;
padding:0px;
width:100%;
max-width:100%;
height:100%
}

.grid-container {padding:0px}
	
.top-bar {
color: #ffffff;
background: rgba(0, 0, 0, 50%);
border-bottom:solid 1px #000000;
padding-left:0px;
padding-right:0px;
margin-left:0px;
margin-right:0px;
}	
	
.top-bar .inside-top-bar {
margin-left:0px;
margin-right:0px;
padding-left:15px;
padding-right:5px;
}
	
.menu-languages-and-social-container {
display:flex;
justify-content: flex-end;
}
	
.top-bar .widget_nav_menu li {
    margin: 0 8px !important;
}

	
.top-bar .widget_nav_menu>div>ul {
margin-right: 0px !important;
 margin-left: 0px !important;
justify-content: space-between;
}
	
.top-bar .inside-top-bar>.widget {
        order: 1;
        margin: 0px;
        flex: 1;	
}
	
	
/* Top Social Languages */

.top-bar .inside-top-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}	
	
	.top-bar .widget_nav_menu>div>ul {
width:100%;
max-width: 480px;
}	
	
	
.site-logo {
    display: inline-block;
    width: 45px;
    position: absolute;
    top: 18px;
    left: 10px;
    /* background: #000000; */
    border-radius: 100%;
    padding: 2px;
}
	
.site-logo a {
        background: url(https://business-office.cz/wp-content/uploads/2026/03/Business-Office-Solutions-Logo-500x500px.png);
        background-position: center;
        background-size: 35px;
        background-repeat: no-repeat;
        width: 55px;
        height: 50px;
        display: block;
        border: solid 2px #000000;
        border-radius: 5px;
        background-color: rgba(255, 255, 255, 0.5);
transition:background-color 0.5 ease;

    }
	
.site-logo a:hover {background-color:#ebb845}	
	
.site-logo img {display:none}
	
	
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header	 {
        padding: 20px !important;
    }
	
/* Mobil - Poptavka zalozka a panel */	

#poptavka-tab {
		position:fixed;
		right:0;
		top:71%;
		background:#f5b731;
		color:#000;
		font-size:16px;
		padding:8px 10px;
		border-radius:5px 0 0 5px;
		cursor:pointer;
		z-index:9999;
		border-top:solid 1px #000000;
		border-left:solid 1px #000000;
		border-bottom:solid 1px #000000;
}

#poptavka-tab i {}
#poptavka-tab span.Poptavka-text {display:none}	

#poptavka-panel {
		position:fixed;
		right:-400px;
		top:0;
		width:350px;
		height:100%;
		background:#fff;
		box-shadow:-2px 0 8px rgba(0,0,0,0.2);
		padding:20px;
		z-index:9998;
		overflow-y:auto;
		transition:all 0.3s ease;
}

#poptavka-panel h4 {
font-family:Oswald;
font-size:18px;
font-weight:500;
color:#000000;
text-align:center;
padding:5px;
background: rgba(206, 206, 206, 0.2);
letter-spacing:1px;
}
	
#poptavka-seznam p.sidepanel-ServiceName {
margin:0px !important;
padding-bottom:10px;
}
	
#poptavka-seznam p.sidepanel-odebrat {
display:flex;
width:100%
}
	
.sidepanel-odebrat {
border-bottom:solid 1px #000000;
padding-bottom:10px;
}		

p.sidepanel-odebrat span {flex:1}

p.sidepanel-odebrat span button.odebrat-variantu {
margin:0px !important;
background:none;
border:none;
color:red;
cursor:pointer;
font-size:26px;
padding-top:2px !important;
line-height: 16px;
text-align:right;

}

#poptavka-panel .Ceny_panel {
display:flex; gap:10px; margin-bottom:40px;
}	

#poptavka-panel .Ceny_panel p {
margin: 0px;
background: rgba(15, 21, 53, 0.8);
text-align: center;
padding: 5px;
font-size: 14px;
color: #FFFFFF;
flex:1;
display:flex;
flex-direction: column;
border-radius:5px;
	}	
	
#poptavka-panel	a.tlacitko-varianty {
text-align:center;
color:#000000;
display:block;
background: #f5b731;
padding: 10px 5px 10px 5px;
font-size: 16px;
border-radius: 5px;
}

/* Mobil - Poptavka zalozka a panel END */	

#mobile-menu-control-wrapper {
				margin-right: 30px;
        border: solid 2px #000000;
				border-radius:5px;
        margin-right: 14px;
        border: solid 2px #000000;
        border-radius: 5px;
        background: url(https://business-office.cz/wp-content/uploads/2025/05/cropped-Logo-Business-Office-Blue.png) #f5b73b;
        background-position: 10px;
        background-size: 33%;
        background-repeat: no-repeat;
margin-bottom:145px;
}
	
.menu-toggle {
				font-size: 30px;
				line-height: 16px;
        padding: 6px 10px 10px 50px;
}
	
.gp-icon svg {
    height: 1em;
    top: .125em;
    position: relative;
    fill: rgba(255, 255, 255, 0.9);
    font-size: 30px;
    width: 70%;
    text-align: center;
    left: 4px;
}	
	
.has-inline-mobile-toggle #site-navigation.toggled {
    margin-top: -120px;
    padding-bottom: 8px;
    padding-top: 8px;
    border-top: solid 1px #FFFFFF;
    border-bottom: solid 0px #FFFFFF;
}	
	
.main-navigation, .main-navigation ul ul {
    background-color: rgba(245, 183, 59, 0.9);
}	
	
.main-navigation ul#menu-top-company-menu li
 {
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
}	
	
	.main-navigation ul#menu-top-company-menu li:first-child {margin-top:0px;}	
	
.main-navigation .main-nav ul#menu-top-company-menu li a {
    padding-left: 20px;
    padding-right: 0px;
		padding-top:8px;
		padding-bottom:8px;
    line-height: 30px;
border-bottom: solid 1px #000000;
border-left: solid 10px #0f1535;
border-top: solid 1px #000000;
border-right: solid 0px #FFFFFF;
    border-radius: 0px;
		color:#000000;
		font-size:18px;
transition: 0.5s;
background-image: linear-gradient(to right, rgba(245, 183, 59, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%)
}	
	
.main-navigation .main-nav ul#menu-top-company-menu li a:hover {
border-left: solid 10px #0f1535;
background-position: left right;
}	
	
	
/* Mobile Top Menu Services */	

	
.nav-float-right .header-widget {
    flex: 0 0 100%;
    background-image: url('https://business-office.cz/wp-content/uploads/2025/05/Digital-Transformation-Services-Mobile.png');
    background-position: 0px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    border-top: solid 1px #FFFFFF;
    margin-left: 0px;
    margin-top: 0px;
    border-radius: 2px;
		background-color: rgba(0, 0, 0, 50%);
}	

.widget .widget_nav_menu {
display: flex;
flex-direction: column;
align-items: center;
}	
	
.menu-top-services-menu-container {
width:100%;
padding-left:15px;
padding-right:15px;

}

.header-widget aside section.TopServices-box {
padding: 26px 0px 26px 0px;
background: rgba(0, 0, 0, 50%);
}
	
.ServicesClaim {
		flex: 0 0 15%;
		font-family:Oswald;
    font-size: 1.4em;
    text-align: center;
    color: #FFFFFF;
    margin-right: 0px;
		padding-bottom:20px;
}	

.ServicesClaim {display:flex;
width:auto;
font-size:1.2em;
justify-content: center;}	
.ServicesClaim span {margin:8px}	
	
.menu-top-services-menu-container {width:100%;}

#menu-top-services-menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

#menu-top-services-menu li {
		display: inline-block;
    width: 46%;
    border-left: solid 5px #f5b73b;
}

#menu-top-services-menu li a {display:block;font-size:18px}
	
.widget .widget_nav_menu ul#menu-top-services-menu li a
{
    background: #FFFFFF;
    padding: 10px 0px 10px 0px;
    color: #000000;
    font-weight: 400;
    font-size: 18px;
    font-family: 'Oswald';
		position:relative;
text-align:center;
white-space: nowrap;
}

.widget .widget_nav_menu ul#menu-top-services-menu li a:hover {
		background:#F6B93B;
}
	
	
/* Mobile Top Menu Services End */	
	
/* Mobile Breadcrumbs */	
	
nav#breadcrumbs {
background:#FFFFFF;
padding: 10px 15px 15px 18px;
}

nav#breadcrumbs a {color:#000000}


/* Hlavni a Variantni sluzba lineheight - ul, ol */
	
body.single-sluzba .site-main article .inside-article {
line-height:1.6em;
font-size:1em
}		
	
body.single-varianta_sluzby .site-main article .inside-article {
line-height:1.6em;
font-size:1em
}		
	
#ez-toc-container {
display:flex;
flex-direction: row;
position:relative;
width:auto;
flex-wrap: wrap;
align-content: center;
align-items: center;
}	

#ez-toc-container .ez-toc-title {flex:1}

#ez-toc-container label.ez-toc-cssicon-toggle-label {flex:1}
	
/* Hlavni a Variantni sluzba prvky */	
	
body.single-sluzba .site-main article .inside-article article.bo-post-slider h2, body.single-varianta_sluzby .site-main article .inside-article h2  {
line-height:1.6em;
}	
	
body.single-sluzba .site-main article .inside-article ul li:before, body.single-varianta_sluzby .site-main article .inside-article ul li:before {top:0px !important}
	
	
/* Mobile - Hlavni Sluzby list*/		
	
.sluzby-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: space-between;
}		

.sluzba-box {
    flex: 1 1 calc(50% - 1rem);
    border: 2px solid #000000;
    border-radius:5px;
    padding: 1em;
    box-sizing: border-box;
    margin-bottom: 0px;
    padding: 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
position:relative;
}		
		
.sluzby_imagewrapper {
		padding-right:0px !important;
		width: 100%;
    text-align: center;
}	
	
.sluzby_imagewrapper img {
width:100% !important;
max-width:400px !important;
display:none;
}
	
.sluzby_imagewrapper .cena  {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 38px;
    font-size: 14px;
    color: #000000;
    font-weight: 500;
    padding: 7px 0px 6px 0px;
    display: inline-block;
line-height:18px;
    border-radius: 0px;
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    border: solid 1px #f5b732;
}	
	
.sluzby_textwrapper {
flex: 1 1 50%; 
padding-bottom:60px;
padding-top:0px;
}
	
.sluzby_textwrapper .popis {padding-bottom:0px;padding-top:10px;}
	
.sluzby_textwrapper h3 {margin-bottom: 10px;margin-top:0px;padding-top:10px;}
	
.sluzby_textwrapper h3 a {
color:#000000;
position: relative;
transition: all .3s ease-in-out;
display: block;
padding: 10px 0px 10px 0px;
}

.sluzby_textwrapper h3 a:hover {
text-decoration:none;
}

.sluzby_textwrapper h3 a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #f5b73b, #0f1535);
  top: -5px;
  left: 0;	
	}	

.sluzby_textwrapper h3 a::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #f5b73b, #0f1535);
  bottom: -8px;
  left: 0;
}


.sluzby_textwrapper .popis {
padding-bottom: 50px;
}	
	
p.Button-Variants {
		position:absolute;
    right: 0px;
    bottom: 0px;
		text-align:leftt;
		margin-bottom:0px;
    left: 0px;
    width: 100%;
    display: block;
    background: #f6b63a;
    border-top: solid 1px #000000;
}

p.Button-Variants a.tlacitko-varianty {
    padding: 8px 20px 8px 35px;
    display: inline-block;
    border-radius: 0px;
    background-color: #f5b73b;
    font-size: 14px;
    color: #000000;
    font-weight: 500;
		transition: all .8s ease;
		position:relative;
}	
	
p.Button-Variants a.tlacitko-varianty:before {
				font-family: "Font Awesome 6 Free" !important;
        content: "\f14e" !important;
        font-weight: 500 !important;
        position: absolute;
        left: 10px;
        font-size: 18px;
        top: 6px;
}

p.Button-Variants a.tlacitko-varianty:hover {
		background-color: #0f1535;
    color: #FFFFFF;
		text-decoration:none;
}		
	
	
body.page-id-76 .sluzba-box:last-child .sluzby_imagewrapper, body.page-id-78 .sluzba-box:last-child .sluzby_imagewrapper {
flex: 0 0 15.5%;
padding-right: 20px;
}

body.page-id-76 .sluzba-box:last-child .sluzby_textwrapper, body.page-id-78 .sluzba-box:last-child .sluzby_textwrapper{
flex: 1 1 76%;
padding-bottom:50px;
}	

	
/* Mobil - Varianty hlavni sluzby List */
	
section.varianty-sluzby {clear:both;}	
	
.varianta-box {
    display: flex;
flex-wrap: wrap;
    gap: 1.2em;
    margin-bottom: 2em;
    padding-bottom: 1em;
border-radius:5px;
}	

section.varianty-sluzby h2, .varianta-box h3 {display: flex;}
	
section.varianty-sluzby .varianta-box h3 {
margin-bottom:0px;
border-bottom: solid 2px #000000;
padding-bottom: 20px;
flex: auto;
flex-direction: column;
width:auto;
position:relative;
}
	
section.varianty-sluzby .varianta-box h3 a {color:#000000;display:block}
	
	
/* Mobil - Obchodni tagy Seznam Varianty List */

.varianta-box h3 a .obchodni_tag_sluzby {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    margin-right:0px;
    margin-bottom:0px;
    width:100%;
    position: absolute;
    right: 0px;
    bottom: -15px;
}

.varianta-box h3 a .obchodni_tag_sluzby > span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 7px 12px;
        border-radius: 5px;
        font-size: 12px;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 1.3px;
        border: 1px solid #1a1d3f;
        background: #ffffff;
        color: #1a1d3f;
        white-space: nowrap;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    }
		
.varianta-box h3 a .obchodni_tag_sluzby .top {
    background: #f2b642;
    color: #000000;
border:solid 2px #000000;
}

.varianta-box h3 a .obchodni_tag_sluzby .zadane {
    background: #f3f6fb;
    color: #000000;
border:solid 2px #000000;
}	

/* Mobil - Obchodni tagy Seznam Varianty List END */	
	
.varianta-tags-wrapper {
border-top: solid 1px #CECECE;
padding-top: 20px;
display: flex;
flex-direction: column;
height: 240px;
justify-content: flex-start;
}
	
.varianta-box .varianta-tags-wrapper p.varianta-tags {
margin-bottom:0px !important;
display:flex;
flex-direction: column;
}
	
.varianta-box .varianta-tags-wrapper p.varianta-cena {
margin-bottom:0px !important;
display:flex;
flex-direction: row;
justify-content: flex-start;
gap: 5px;
}
	
.varianta-box .varianta-tags-wrapper p.varianta-akcni-cena {
margin-bottom:0px !important;
display:flex;
flex-direction: row;
justify-content: flex-start;
gap: 5px;
margin-top: 10px;
padding-top: 3px;
padding-bottom: 3px;
position:relative;
}	
	
.varianta-box .varianta-tags-wrapper p.varianta-akcni-cena span.akcni_cena {
border-bottom: dashed 1px #000000;
padding:0px;
}		

.varianta-box .varianta-tags-wrapper p.varianta-akcni-cena span.akcni_cena_info {
position:absolute;
bottom:0px;
left:0px;
background: rgba(255, 255, 255, 0.8);
border-radius: 5px;
padding: 4px 8px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.9);
color:#000000;
font-weight:500;
font-size:14px;
opacity: 0;
transform: translateY(0px);
pointer-events: none;
transition: all 0.3s ease;
}			
	
.varianta-box .varianta-tags-wrapper p.varianta-akcni-cena:hover span.akcni_cena_info {
position:absolute;
bottom:0px;
left:0px;
z-index: 10;
background: rgba(255, 255, 255, 0.8);
border-radius: 5px;
padding: 4px 8px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.9);
color:#000000;
font-weight:500;
font-size:14px;
opacity: 1;
transform: translateY(-30px);
pointer-events: auto;
}		
	
	
.varianta-tags-wrapper .dotaz-poptavka-box {
        position: absolute;
        left: 0px;
        bottom: 20px;
        display: flex;
        gap: 15px;
        z-index: 10;
        background: rgba(255, 255, 255, 0.8);
        padding: 0px 20px 0px 20px;
        width: 100%;
        align-items: center;
        transform: translateX(0px);
justify-content: flex-start;

}
	
	.dotaz-poptavka-box .dotaz-box, .dotaz-poptavka-box .poptavka-box {
		width: 50%;
        padding-left: 0px;
        padding-right: 0px;
	}
	
.dotaz-poptavka-box .dotaz-box button.js-dotaz-open, .dotaz-poptavka-box .poptavka-box button.btn-poptavka {
        display: flex;
        flex-direction: row;
        border: none;
        border-radius: 5px;
        font-size: 16px;
        cursor: pointer;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        padding: 6px 10px 6px 10px;
border: solid 2px #000000;
flex-wrap: nowrap;
    }
	
.dotaz-poptavka-box .dotaz-box button.js-dotaz-open span, .dotaz-poptavka-box .poptavka-box button.btn-poptavka span {
 text-wrap:nowrap;
    }	
	
section.varianty-sluzby h2 i, .varianta-box h3 i {
    margin-right: 10px;
    margin-top: 4px;
display:none;
}
	
/* Mobil - Scrolbar Controls */

.scroll-controls {
  position: absolute;
  bottom: 155px;
  right: -34px;
  transform: translateX(-50%);
  display: flex;
  gap: 15px;
  z-index: 10;
  background:#f3f6fb;
  border-radius: 5px;
  padding: 5px 5px;
  border:solid 1px #fbfcfe;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.scroll-controls button {
  background: #f5b73b;
  border: solid 2px #000000;
  border-radius: 5px;
  width: 42px;
  height: 42px;
  font-size: 18px;
  cursor: pointer;
padding: 0px 0px 0px 0px;
}

.scroll-controls button:hover {color:#0f1537}	

.scroll-controls button.scroll-up {}
.scroll-controls button.scroll-down {}

	.varianta-box .Send-Play-Box {
position: absolute;
	      bottom: 90px;
        right: 0px;
        display: flex;
        gap: 15px;
        z-index: 10;
        background: rgba(255, 255, 255, 0.8);
        padding: 0px 20px 0px 20px;
width: 100%;
justify-content: flex-start;
align-items: center;
        transform: translateX(0px);
	
	}
	
.varianta-box .Send-Play-Box .email-box, .varianta-box .Send-Play-Box .audio-box {
width:50%;
padding-left: 0px;
padding-right: 0px;
}
	
	.varianta-box .Send-Play-Box button {
		display: flex;
    flex-direction: row;
 		border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
width:100%;
        align-items: center;
        justify-content: space-between;
     padding: 6px 10px 6px 10px;
border:solid 2px #000000;
flex-wrap: nowrap;
border:solid 2px #000000;
	}

.email-overlay  {
width:380px;
position: fixed; 
top: 50%; 
left: 50%; 
transform: translate(-50%, -50%); z-index: 9999; 
background: rgba(244, 183, 48, 0.9); 
padding: 20px; 
border: 4px solid #CECECE;
}
	
	.email-overlay-btns {
		display: flex;
    flex-direction: row;
gap:10px;
}	

#email-body-main {height:60px;color:#CECECE}		
	
.email-overlay button {
				display: flex;
        flex-direction: row;
        border: none;
        border-radius: 5px;
        font-size: 16px;
        cursor: pointer;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        padding: 8px 12px 8px 12px;
	}
	
	
/* Mobil - Page Detail */
	
.one-container .site-content {padding-top: 0px;}
	
.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
    margin-top: 1em;
}	
	
.featured-image img.attachment-full {
width:100%;
max-width:400px;
float:left;
margin-right:20px;
margin-bottom:20px;
}	

ul.wp-block-list li {
position:relative;
padding-left:20px;
margin-left:0px;
}

ul.wp-block-list li:before {
    content: "\f192";
    font-family: "Font Awesome 6 Free";
    font-weight: 500;
    position: absolute;
    left: 0;
    font-size: 12px;
    top: 5px;
}
	
.wp-block-buttons.is-content-justification-right {
    justify-content: center !important;
}
	
/* Mobile Intro text BOS s.r.o. */	
	
.Hp-Intro-Clmn {position:relative !important}

.Hp-Intro-Clmn .NasTymBtn {
position:absolute;
left:15px;
right:15px;
bottom:15px;
}
	
.Category-article h2.HP-TopHeader {position:relative;}

.Category-article h2.HP-TopHeader:after {
font-family: "Font Awesome 6 Free" !important;
        content: "\e561" !important;
        font-weight: 600 !important;
        position: absolute;
        right: 2px;
        font-size: 22px;
        top: 0px;
        color: #080b2a;
}	
	
/* Mobil - HP Intro video */

.HP-Video-box {
position:relative;
margin: 0px;
padding: 0px;
height:220px
}

button#replay-button {
position: absolute;
z-index: 1;
top: 0px;
right: 50%;
margin-right: -50vw;
border-radius: 5px 0px 0px 5px;
background: rgba(0, 0, 0, 50%);
padding: 5px 10px;
width: 60px;
}	

button#replay-button i {
	font-size: 22px;
  margin-top: 5px;			
	}

	
figure.Hp-intro-video {
        border-radius: 0px;
        position: absolute;
        left: 50%;
        right: 50%;
        top: 0px;
        width: 100vw;
        margin-left: -50vw;
        margin-right: -50vw;
    }

figure.Hp-intro-video video {
border-radius:0px;
padding:0px;
background:transparent;
border:0px;
margin:0px;
padding:0px
}

	
.HP-Banner-Claim {border:solid 1px #000000;padding:15px;}

/* Mobil - HP Services boxes */
	
.HP-Services-Boxes {flex-direction: column;}	

.HP-Services-Boxes section {
background: rgba(255, 255, 255, 0.9);
        padding: 15px 15px 20px 15px;
        transition: all .8s ease;
        border-radius: 5px;
	height:100%
}

.HP-Services-Boxes section:hover {background:#F6B93B;}

.HP-Services-Boxes ul li {font-weight:500;margin-top:10px;margin-bottom:10px}

.site-main .wp-block-group__inner-container {padding:0px;}


.HP-Obchod {
	padding: 20px;
        background-image: linear-gradient(to right, #f5b73b, #0f1535), /* horní gradient */ linear-gradient(to right, #f5b73b, #0f1535), /* spodní gradient */ url(https://business-office.cz/wp-content/uploads/2025/05/Obchod-BackOffice.png);
        background-position: top, bottom left, center;
        background-repeat: no-repeat;
        background-size: 100% 5px, 100% 5px, cover;
        border-right: 5px solid #0f1535;
        border-left: solid 5px #f5b73b;
        padding-top: 25px;
        padding-bottom: 25px;
        border-radius: 5px;
}

.HP-Marketing {
	padding: 20px;
        background-size: contain;
        background-position: top;
        background-image: linear-gradient(to right, #f5b73b, #0f1535), /* horní gradient */ linear-gradient(to right, #f5b73b, #0f1535), /* spodní gradient */ url(https://business-office.cz/wp-content/uploads/2025/05/On-Line-Marketing.png);
        background-position: top, bottom left, center;
        background-repeat: no-repeat;
        background-size: 100% 5px, 100% 5px, cover;
        border-right: 5px solid #0f1535;
        border-left: solid 5px #f5b73b;
        padding-top: 25px;
        padding-bottom: 25px;
        border-radius: 5px;
}

.HP-Management {
	padding: 20px;
        background-size: contain;
        background-position: top;
        background-image: linear-gradient(to right, #f5b73b, #0f1535), /* horní gradient */ linear-gradient(to right, #f5b73b, #0f1535), /* spodní gradient */ url(https://business-office.cz/wp-content/uploads/2025/05/Management.png);
        background-position: top, bottom left, center;
        background-repeat: no-repeat;
        background-size: 100% 5px, 100% 5px, cover;
        border-right: 5px solid #0f1535;
        border-left: solid 5px #f5b73b;
        padding-top: 25px;
        padding-bottom: 25px;
        border-radius: 5px;
}

.HP-Services-Boxes section h2 {margin-bottom:0px}
	
.HP-Services-Boxes section h2 a {
color:#000000;
position:relative;
display:block;
background:url(https://business-office.cz/wp-content/uploads/2025/07/Hover-Icon-trans.png) no-repeat;
background-size:12%;
background-position: bottom right;
padding-right:20px;
padding-bottom:10px;

}

x.HP-Services-Boxes section.HP-Obchod-Inner h2 a:after {
    content: "\f2b5";
    font-weight: 500;
}


x.HP-Services-Boxes section.HP-Marketing-Inner h2 a:after {
    content: "\f140";
    font-weight: 600;
}

x.HP-Services-Boxes section.HP-Management-Inner h2 a:after {
    content: "\f5dc";
    font-weight: 600;
}

x.HP-Services-Boxes section h2 a:after {
    font-family: "Font Awesome 6 Free";
    position: absolute;
    right: 10px;
    font-size: 30px;
    top: 50%;
    transform: translateY(-40%);
    color: #154b85;
}
.HP-Services-Boxes section h2 a:hover {
		color: #000000
}
.HP-Services-Boxes section h2 a:hover:after {
		color:#000000;
}

/* Mobil - HP Services boxes END */	
	
/* Mobil - HP Reference boxes */

.Reference_klientu	{flex-direction: column;}
	
/* Mobil - Nas tym Page */

	.Nas_tym_page .wp-block-column {
border:solid 1px #CECECE;
padding:20px;
border-radius:10px;
}	

p.Tym_funkce strong {position:relative;padding-left:22px;}

p.Tym_funkce strong:before {
        font-family: "Font Awesome 6 Free";
        position: absolute;
        left: 0px;
        font-size: 15px;
        top: 0px;
	content: "\f013";
        font-weight: 600;
color:#3c3c3c
    }
	
	.Nas_Tym_Tabs ul li {font-size:15px;}
	
	.Nas_Tym_Tabs ul li:before {
        font-size: 12px;
        top: 3px;
    }

.gutena-tab-title-text {
    font-family: 'Oswald';
    letter-spacing: 0.2px;
    font-size: 15px;
}
	
 .gutena-tabs-block>.gutena-tabs-content>.gutena-tab-block {
        margin-top: 10px;
        border: solid 0px #f5b732 !important;
    }	

	
/* Mobil - Pripadove studie page list HP */

.page-list-ext {
display: flex;
gap: 20px;
flex-direction: column;
} 	
	
.page-list-ext .page-list-ext-date {
    font-size: 90%;
    font-weight: 500;
		color:#080b2a;
}	

.page-list-ext .page-list-ext-date i {margin-right:5px;}	
	
/* Mobil - Poptavka List s WP form */

table.Poptavka_List_tbl {width:100%; border-collapse: collapse;}
	
table.Poptavka_List_tbl tr th.Varianta_text {text-align:left; border-bottom: 1px solid #ccc;width:80%}

table.Poptavka_List_tbl tr th {
background: rgba(206, 206, 206, 0.2);
color:rgba(15, 21, 53, 1)
	}
	
table.Poptavka_List_tbl tr th.Cena_text {text-align:right; border-bottom: 1px solid #ccc;}

table.Poptavka_List_tbl tr thead {margin-bottom:10px}
	
	table.Poptavka_List_tbl tr td {padding: 12px 10px 10px 10px}	
	
table.Poptavka_List_tbl tr td a {color:rgba(15, 21, 53, 1);}
	
table.Poptavka_List_tbl tr td a:hover {color:#eab74b}		
	
table.Poptavka_List_tbl tr td.Cena_PoptavkaPage {background:rgba(15, 21, 53, 0.1);color:#000000}
	
table.Poptavka_List_tbl tr td button.odebrat-polozku {
margin-left: 0px;
        color: red;
        font-size: 30px;
        padding: 5px 5px 5px 5px;
        line-height: 19px;
        background: transparent;
        border: solid 1px grey;
        border-radius: 5px;
	}		
	
table.Poptavka_List_tbl tr td button.odebrat-polozku:hover {background:rgba(15, 21, 53, 1)}	
	
	
.Poptavka_form {
		background: rgba(15, 21, 53, 0.9) !important;
    padding: 20px !important;
    border-radius: 5px !important;
}

#wpforms-form-1055 legend, #wpforms-form-1055 label {color:#FFFFFF;font-weight: 400;}
	
#wpforms-form-1055 .wpforms-required-label {color:yellow}	
	
.wpforms-submit-container {text-align:right}
	
#wpforms-submit-1055.Odeslat_Poptavku_btn, #wpforms-submit-37.Odeslat_Poptavku_btn  {
    padding: 18px 20px 32px 45px;
    display: inline-block;
    border-radius: 5px;
    background-color: #f5b73b;
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    transition: all .8s ease;
    position:relative;
border-radius:5px;
line-height:16px;
border:solid 1px #000000;
}

#wpforms-submit-1055.Odeslat_Poptavku_btn:before, #wpforms-submit-37.Odeslat_Poptavku_btn:before {
content: "\f0e0";
        font-weight: 500;
        font-family: "Font Awesome 6 Free";
        position: absolute;
        left: 12px;
        font-size: 22px;
        top: 18px;
}	
	
#wpforms-submit-1055.Odeslat_Poptavku_btn:hover, #wpforms-submit-37.Odeslat_Poptavku_btn:hover {
		background-color: #0f1535;
    color: #FFFFFF;
		text-decoration:none;
}
	
	
/* Mobil - Poptavka List s WP form END */	

	
/* Mobil - Sluzby na miru - konfigurator */
	
.Config-wrapper {
display:flex;
gap:20px;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom:40px;
}

.Config-wrapper .Config-budget {
flex:1;
background:rgba(206, 206, 206, 0.2);
padding:20px;
text-align:left;
border-radius:5px;
}

.Config-wrapper .Cena_AddButton {
flex:1;
background:rgba(206, 206, 206, 0.2);
padding:20px;
text-align:center;
border-radius:5px;
}
	
.Config-wrapper .Cena_AddButton .tlacitko-varianty {
    padding: 12px 15px 12px 15px;
    border-radius: 5px;
    background-color: #f5b73b;
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    transition: all .8s ease;
    position: relative;
		border:solid 1px #000000;
}	

.Config-wrapper .Cena_AddButton .tlacitko-varianty:hover {
		background-color: #0f1535;
    color: #FFFFFF;
		text-decoration:none;
}	

	.Config-wrapper .Cena_AddButton .tlacitko-varianty i {margin-right:10px;}
	


.Config-budget {margin-bottom:20px;}	
.Config-budget .BudgetType p {margin-bottom:10px;}
.Config-budget .BudgetRange {}
.Config-budget .BudgetRange input {
width:300px;
background:#FFFFFF;
border:solid 1px #000000;
margin-top:5px;
border-radius:5px;
}
	
	.Config-budget .BudgetType 	.typrozpoctu_choice label {cursor:pointer}

/* Mobil - Obchodni zamery buttons */	
	
#sluzby-config-presets {
margin-bottom:30px;
border: solid 1px #000000;
padding: 20px;
border-radius: 5px;
} 

#sluzby-config-presets .presets-text {margin-bottom:15px;font-size: 22px;}

/*	
#sluzby-config-buttons{
display:flex;
gap:20px;
align-items: center;
flex-direction: column;
}
*/	
	
 #sluzby-config-buttons {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 16px;
        align-items: stretch;
    }	

/*		
	#sluzby-config-buttons div {
flex:1;
text-align:center;
padding: 12px 15px 12px 15px;
        border-radius: 5px;
        background-color: rgba(206, 206, 206, 0.2);
        font-size: 16px;
        color: #000000;
        font-weight: 500;
        transition: all .8s ease;
        position: relative;
border:solid 1px #000000;
width: 100%;
}
*/	
	
   #sluzby-config-buttons div {
        text-align: center;
        padding: 12px 15px 12px 15px;
        border-radius: 5px;
        background-color: rgba(206, 206, 206, 0.2);
        font-size: 15px;
        color: #000000;
        font-weight: 500;
        transition: all .8s ease;
        position: relative;
        border: solid 1px #000000;
        display: flex
;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        min-height: 70px;
    }
	
	
	#sluzby-config-buttons div:hover {background:#fdb140;cursor:pointer;}	

div[data-zamer] {position: relative;}

[data-zamer].aktivni-zamer {
  background-color: #fbb040;
  border-color: #d88b00;
  color: #000;
}

#sluzby-config-buttons div.aktivni-zamer {background:#fbb040}

span.pocet-navrhu {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-top: 0px;
  color: #333;
bottom:0px;
right:5px;
position:absolute;
}

/* efekt boxiku hoover popisu */
.Zamer-Title,
.Zamer-Info {
  transition: opacity 0.4s ease;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  padding: 0 10px;
  pointer-events: none;
}

.Zamer-Info {
  opacity: 0;
}

[data-zamer]:hover .Zamer-Title,
[data-zamer]:focus .Zamer-Title {
  opacity: 0;
}

[data-zamer]:hover .Zamer-Info,
[data-zamer]:focus .Zamer-Info {
  opacity: 1;
}
	
/* Mobil - Obchodni zamery buttons END */	
	
	
#sluzby-konfigurator {
display:flex;gap:10px;flex-direction: column;
}

#sluzby-konfigurator .sekce-box {
padding:10px;
border:solid 1px #000000;
border-radius:5px;
flex:1;

}

#sluzby-konfigurator .sekce-box h3 {
font-family:Oswald;
font-size:20px;
}

	#sluzby-konfigurator .sekce-box .frekvence-group {padding:10px;}

#sluzby-konfigurator .sekce-box .frekvence-group h4 {
font-family:Oswald;
font-size:20px;
}
	#sluzby-konfigurator .Sluzba-Tbl {margin-bottom:5px}

	#sluzby-konfigurator .Sluzba-Tbl td {padding: 2px 5px 2px 5px;font-size:15px;}
	
	
	#sluzby-konfigurator .Sluzba-Tbl td.Check-TitleTd {border-bottom:solid 0px}
	
	#sluzby-konfigurator .Sluzba-Tbl td.Check-TitleTd label {cursor:pointer}
	
#sluzby-konfigurator .Sluzba-Tbl .PriceTd {display:flex}

	#sluzby-konfigurator .Sluzba-Tbl .PriceTd div {flex:auto}

	#sluzby-konfigurator .Sluzba-Tbl .PriceTd div.ServiceInfo {text-align:right;position:relative;}
	
	#sluzby-konfigurator .Sluzba-Tbl .PriceTd div.ServiceInfo i {
cursor:pointer;
font-size:18px;
color:#f5b731;
}
	
	#sluzby-konfigurator .Sluzba-Tbl .PriceTd div.ServiceInfo .popis-box {
  position: absolute;
  background: #ffffff;
  border: 1px solid #ccc;
  padding: 10px;
  width: 300px;
max-height:400px;
  max-width: 90vw;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  border-radius: 6px;
  cursor: move;
  z-index: 1000;
text-align:left;
top:-100px;
left:-100%;
 cursor: move;
  pointer-events: auto;
  user-select: none;
		color:#000000;
}
	
.popis-box i.fa-arrows-up-down-left-right
 {
    z-index: 1000;
    position: absolute;
    left: -15px;
    top: -15px;
    background: #FFFFFF;
    border-radius: 20%;
    padding: 4px;
    border: solid 1px #ccc;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
font-size:22px !important;
}	

.popis-box .Audio {margin-top:10px;margin-bottom:10px}	
.popis-box .Audio audio {
width:100%; 
height:40px;
border-radius: 5px;
background: #eff1f2;
}
	
.popis-box p {margin-bottom:5px}

.popis-box .popis-box-title {font-weight:500;padding-right: 25px;}

.popis-box .popis-box-title i {
position: absolute;
    right: 10px;
    top: 12px;
}

.popis-box .popis-box-cena {line-height: 18px;}

.popis-box .popis-box-cena 	span.cena-text-typ {font-size:11px;}
	
.popis-box .popis-box-popis {
max-height:150px;
overflow:hidden;
        border-top: solid 1px #CECECE;
        border-bottom: solid 1px #CECECE;
        padding-top: 5px;
        padding-bottom: 5px;
}

		
	.popis-box .Detail-text {font-size:14px;color:#000000}

	.popis-box .Detail-text a {color:#000000}

	.popis-box .Detail-text a i {
margin-right:10px;
font-size:12px !important;
color:#000000 !important;}
	
.popis-box .Pridat input.sluzba {
width:18px;
height:18px;
top: 3px;
position: relative;
left: 0px;
}	

.popis-box .Pridat label span {
font-weight:500;
font-size:14px;
text-decoration:underline;
cursor:pointer;
}

/* Šipka vlevo od boxu */
.popis-box::before {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 50%;
  border: 6px solid transparent;
  border-top-color: #f5b731; 
}
	
svg.vazba-spojnice {
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 999;
color:#000000;
}	
	
	
/* Mobil outsourcing kalkulacka uspor  */

#outsourcing-kalkulacka {
display:flex;
flex-direction: column;
}

.outsourcing-kalkulacka-box {
display:flex; 
flex-wrap: wrap;
gap:20px; 
flex:1;
align-content: flex-start;
flex-direction: column;
}

.fields-box {
border: 1px solid #ccc; 
padding: 20px;
flex:1;
border-radius: 5px;
width: 100%;
}

.fields-box label {font-size:15px;font-weight: 500;}

.fields-box select, .fields-box input 
{
width:100%;font-size:14px;
} 

.spocitat-box {
flex-basis: 100%;
text-align: center; 	
}

#spocitat {border-radius:5px;}

.vysledek-box {
width:100%;
margin-left:0px; 
display:flex; 
flex-direction:column;
gap:20px;
margin-top: 20px;
}

.vysledek-text h2 {
font-family: Oswald, sans-serif;
font-size: 22px;
font-weight:400;
margin-bottom: 0px;
}

.naklady-text {flex-basis: 100%;}

.naklady-text h2 {
font-family: Oswald, sans-serif;
font-size: 22px;
font-weight:400;
margin-bottom: 0px;
}

#vysledek {
border:solid 1px #000000;
height:120px;
padding:20px;
height:200px;
border-radius: 5px;
font-size: 16px;
}

#vysledek strong:last-child {color:red}

#ai-doporuceni {
border:solid 1px #000000;
min-height:200px;
padding:20px;
border-radius: 5px;
}

.Sofie-poradce {
    background-color: #f5b73b;
    padding: 10px 10px 10px 20px;
    font-weight: 400;
    color: #16214C;
    text-align: center;
    background-image: url(https://business-office.cz/wp-content/uploads/2025/07/AI-Gemini-Chat-Square-100x100-1.png);
    background-position: -7px 0px;
    background-size: 12%;
    background-repeat: no-repeat;
    font-family: 'Oswald';
    font-size: 18px;
border-radius: 5px;
}

#ai-doporuceni ul {padding-left: 20px;}

.Gemini-loader-logo {
width:300px;
display:flex;
flex-direction:column;
}

.Gemini-text {font-weight:500}

#sofie-loader {
text-align: center;
margin: auto;
}

#sofie-loader img {
  animation: pulse 1.4s infinite ease-in-out;
}

@keyframes pulse {
  0% { transform: scale(1); opacity: 0.7; }
  50% { transform: scale(1.1); opacity: 1; }
  100% { transform: scale(1); opacity: 0.7; }
}	
	
/* Mobil outsourcing kalkulacka uspor - END */	
	
	
/* Mobil - Služby varianty List + Detail další varianty */

.varianty-hlavni-sluzby {
    margin-top: 3em;
    border-top: 1px solid #ccc;
    padding-top: 2em;
}

.varianty-hlavni-sluzby .varianty-wrapper {display:flex;gap:20px;flex-direction: column;}
	
	.varianty-hlavni-sluzby h3 {padding-bottom: 15px;}

.varianty-hlavni-sluzby h3 a {color:#000000;}

.varianta-box {
    display: flex;
		flex-direction: column;
    gap: 1.5em;
    margin-bottom: 2em;
    padding-bottom: 1em;
padding-left:20px !important;
border-radius:5px;
}

.varianta-thumbnail img {
    max-width: 150px;
    height: auto;
    border-radius: 5px;
}

.varianta-info h4 {
    margin-top: 0;
    margin-bottom: 0.5em;
font-family:Oswald;
font-size:23px;
}

.varianta-info h4 a {color:#000000;}

.varianta-info p {
    margin: 0.3em 0;
}

.varianta-odkaz-blok {
display:flex;
flex-direction: column;
font-size:15px;
color:#000000;
margin-top: 10px !important;
    text-align: left;
    background: #FFFFFF;
border: solid 1px #000000;
    padding: 10px;
    border-radius: 5px;
background: linear-gradient(to right, #FFFFFF, #e6e7eb);
transition: all .8s ease;
}

.varianta-odkaz {
    display: inline-block;
    margin-top: 0px;
    text-decoration: underline;
color:#000000;
font-weight:500;
position: relative;
padding-right: 20px;
}	
	
.varianta-odkaz	i {
		position: absolute;
    right: 0px;
    text-align: right;
    bottom: 2px;
    font-size: 18px;
}
	
.varianta-odkaz-blok:hover {background:#f5b731}	
	
/* Mobil Varianta detail - button poptavka a tags  */	
	
	.varianta-tags-wrapper-detail {
width: 30%;
float:right;
background:rgba(14, 23, 53,0.1);
padding: 10px;
border-radius: 5px 5px 0px 0px;
text-align:center;
margin-bottom:0px;
font-size:14px;
border:solid 1px #000000;
margin-left:10px;
}

.varianta-tags-wrapper-detail p {margin:0px !important;}
	
.varianta-tags-wrapper-detail p strong {display:block;}
	
.varianta-tags-wrapper-detail p.varianta-akcni-cena {
    background: #e2ecf8;
    border-radius: 5px;
    color: #000000;
    border: dashed 1px #000000;
    margin-top: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    position:relative;
}	
	
.varianta-tags-wrapper-detail p.varianta-akcni-cena span.akcni_cena_info {
position:absolute;
top:44px;
left:0px;
background: rgba(255, 255, 255, 0.9);
border-radius: 5px;
padding: 4px 8px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.9);
color:#000000;
font-weight:500;
font-size:14px;
opacity: 0;
transform: translateY(-10px);
pointer-events: none;
transition: all 0.3s ease;
}			
	
.varianta-tags-wrapper-detail p.varianta-akcni-cena:hover span.akcni_cena_info {
position:absolute;
top:44px;
left:0px;
z-index: 9999;
background: rgba(255, 255, 255, 0.9);
border-radius: 5px;
padding: 4px 8px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.9);
color:#000000;
font-weight:500;
font-size:14px;
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}	
	
.varianta-tags .obchodni_tag_sluzby {
display:flex;
flex-direction: column;
margin-top:10px;
}
	
.varianta-tags .obchodni_tag_sluzby span {
font-size:12px;
font-weight:500;
border:solid 1px #000000;
padding: 3px 8px 3px 8px;
background:#f3f6fb;
border-radius:5px;
color:#FFFFFF;
margin-bottom:8px;
line-height:14px;
display:inline-block;
}	
	
.varianta-tags .obchodni_tag_sluzby .top {
    background: #f2b642;
    color: #000000;
border:solid 1px #000000;
}

.varianta-tags .obchodni_tag_sluzby .zadane {
    background: #f3f6fb;
    color: #000000;
border:solid 1px #000000;
}	
	
.varianta-tags .obchodni_tag_sluzby .bezakce {display:none !important}
              

.varianta-poptavka-stickybtn {
        position: sticky;
        right: 0px;
        background:transparent;
        top: 0px;
        padding: 0px;
        float: right;
        z-index: 100;
				text-align:center;
				clear:both;
				margin-top:0px;
width: 30%;
border-top:solid 0px #000000;
border-bottom:solid 1px #000000;
border-left:solid 1px #000000;
border-right:solid 1px #000000;
border-radius: 0px 0px 4px 4px !important;
margin-left:10px;
background:#f5b63b;
    }

.varianta-poptavka-stickybtn .poptavka-box {
text-align:center !important
}
	
.varianta-poptavka-stickybtn .poptavka-box button.btn-poptavka, .varianta-poptavka-stickybtn .dotaz-box button.js-dotaz-open {
display: flex;
    flex-direction: row;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px 8px 12px;
line-height: 16px;
}
	
.varianta-poptavka-stickybtn .poptavka-box button.btn-poptavka i, .varianta-poptavka-stickybtn .dotaz-box button.js-dotaz-open i {margin: 3px 0px 0px 0px !important;}
	
.varianta-poptavka-stickybtn .poptavka-box button.btn-poptavka span, .varianta-poptavka-stickybtn .dotaz-box button.js-dotaz-open span {
margin: 0px 0px 0px 8px !important;
text-align:left;
}	
	
	

	
	
/* Mobil - Paticka */
	
.inside-footer-widgets>div
 {
        margin-bottom: 40px;
        padding: 15px;
    }
	
.inside-footer-widgets aside h3 {padding-bottom:15px;}
	
.inside-footer-widgets .footer-widget-1 {
    background: #f5b731;
    border: solid 1px #000000;
    padding: 20px;
}	
	
.inside-footer-widgets .footer-widget-1 nav figure {
width: 100%;text-align: center;
}

.inside-footer-widgets .footer-widget-1 nav figure img {border: solid 2px #FFFFFF;}	

.inside-footer-widgets .footer-widget-1 nav figure figcaption {font-weight:600;font-size:110%}
	
.inside-footer-widgets .footer-widget-1 aside#block-41 a {
word-break: keep-all;
  overflow-wrap: normal;
  hyphens: none;
  white-space: normal;
        text-align: center;
        padding: 8px;
}	
	
	.inside-footer-widgets .footer-widget-2 aside#block-45 p {display:none}
	 
	.inside-footer-widgets .footer-widget-2 aside#block-45 ul li {position: relative;
        padding-left: 20px;
        margin-left: 0px;}
	
	.inside-footer-widgets .footer-widget-2 p.MoreNews {padding-top:20px;}
	
 .inside-footer-widgets .footer-widget-2 aside#block-45 ul li:before {
        content: "\f192";
        font-family: "Font Awesome 6 Free";
        font-weight: 500;
        position: absolute;
        left: 0;
        font-size: 12px;
        top: 5px;
    }	
	
.site-info {
    background: linear-gradient(to right, #FFFFFF, #080b2a);
    color: #FFFFFF;
}	
	
.footer-bar a {color: #FFFFFF}
	
/* Mobil - LinkedIn Facebook */
	
#block-31 h3.wp-block-heading {position:relative}
#block-31 h3.wp-block-heading::before {
		font-family: dashicons;
        font-weight: 400;
        font-style: normal;
        text-decoration: inherit;
        text-transform: none;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-size: 18px;
        vertical-align: bottom;
        border: solid 1px #000000;
        color: #f5b731;
        background: #000000;
        border-radius: 5px;
padding:2px;
margin-right: 8px;
	}
	
#block-30 h3.wp-block-heading {position:relative}
#block-30 h3.wp-block-heading::before {
		font-family: dashicons;
        font-weight: 400;
        font-style: normal;
        text-decoration: inherit;
        text-transform: none;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-size: 18px;
        vertical-align: bottom;
        border: solid 1px #000000;
        color: #f5b731;
        background: #000000;
        border-radius: 5px;
padding:2px;
margin-right: 8px;
	}	
	

#block-43, #block-44 {padding-top:20px;text-align:center}
	
	#block-44 .fb-xfbml-parse-ignore blockquote {font-family:Oswald;font-size:20px;}
	
	#block-44 .fb-page.fb_iframe_widget {border:solid 1px #CECECE;}

#block-43 .sk-header-followers, #block-43 .sk-header-buttons, #block-43 .sk_branding a {display:none}

#block-43 .sk-ww-linkedin-page-post {    padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background:#f5f6f8;
height:400px;
border:solid 1px #CECECE;
overflow: hidden;
}

#block-43 .sk-ww-linkedin-page-post .sk-header-top {
gap:15px;
display: flex;
align-items: flex-start;
flex-direction: row;
}

#block-43 .sk-header-picture {
width: 50px;
height: 50px;
}

#block-43 .sk-ww-linkedin-page-post .sk-post-userpic {
    width: 45px;
    height: 45px;
	}
	
	

#block-43 .sk-posts-header {
background: #080b2a;
    padding: 8px;
    color: #FFFFFF;
}
	
#block-43 .sk-header-details {width:82%;align-items: self-start;}

#block-43 .sk-header-details .sk-header-name {
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 400;
text-align: left;
}

#block-43 .sk-header-details .sk-header-desc {
		margin-top: -10px;
    color: #f5b731;
text-align: left;
padding-right:10px;
font-size: 15px;
}



#block-43 .sk-ww-linkedin-page-post .sk-posts-body {
    margin: 0px 0px 0px 0px;
		background:#f5f6f8;
}

#block-43 .sk-posts-masonry {
background:transparent;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#block-43 .sk-post-item {
width: 100%;
box-shadow: 0px 0px 0px 0px;
background:transparent;
padding: 15px;
text-align:left;
}

#block-43 .sk-ww-linkedin-page-post .sk-post-header {
    display: flex;
    align-items: flex-start;
gap: 15px;
}
	
#block-43 .sk-ww-linkedin-page-post .sk-post-body-full {position:relative;cursor:pointer;}
	
#block-43 .sk-ww-linkedin-page-post .sk-post-body-full:after {
content: "\f00e";
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    position: absolute;
            right: 0px;
        font-size: 16px;
        top: 0px;
        color: #FFFFFF;
border:solid 1px #f5b731;
background:#080b2a;
		padding:3px 7px 2px 7px;
border-radius:100%;
transform: translate(0%, 0%);
	}	
	
#block-43 .sk-ww-linkedin-page-post .sk-post-body-full:hover:after
	{
		background: #f5b731;
		color:#000000;	}

#block-43 a:hover {color:#080b2a}

#fb-box-wrapper {width:100%;text-align:center}

#facebook img._1drn._-s.img {border-radius: 5px;}

/* Mobil - LinkedIn Faacebook END */	
	
	.EmptyWhite {display:none}
	

/* Mobil - Vodafone Akce + podpora Business Office */

.Vodafone-clmn {
position:relative;
padding-bottom:80px !important;
border-top: solid 2px #000000;
}

.Vodafone-clmn h2 {height:50px;}

.Vodafone-btn {
position:absolute; 
bottom:20px;
display:flex;
}
.Vodafone-clmn a.Vodafone-btn {color:#FFFFFF !important}

body.page-id-3757 #content {
    background-color: transparent;
    background-image: url(https://business-office.cz/wp-content/uploads/2025/10/Robert-Machalla-Business-Office-white2.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 100%;
	}
	
body.page-id-3757 #content header.entry-header {padding-top:20px;}
	
.Vodafone-Intro-text {font-size: 110%}
.Vodafone-Intro-text p:first-child {
font-weight:800;
padding-top:40px;
}

/*
.Vodafone-Intro-text p {
background:rgba(255, 255, 255, 0.8);
padding:5px;
border-radius:10px;
margin-left:5px;
margin-right:5px;
}
*/

.Vodafone-Price {
	position:absolute; 
bottom:80px;
text-align:center;
left:20%;
}
	
/* Mobil - Blog Articles CTA */

.cta-box p {text-align:center}

.cta-link {
    background: #f5b73b;
    color: #000000;
    padding: 10px 20px 10px 20px;
    width: 100%;
    border-radius: 5px;
    border: solid 2px #000000;
    font-weight: bold;
}


.BlogArticle-Clmn {
	flex-basis: 0;
        flex-grow: 1;
        border: solid 2px #262642;
        padding: 10px;
        border-radius: 5px;
}

/* Mobil - Blog Articles CTA */

.cta-box {padding-bottom:20px;}
.cta-box p {text-align:center}

.cta-link {
    background: #f5b73b;
    color: #000000;
    padding: 10px 20px 10px 20px;
    width: 100%;
    border-radius: 5px;
    border: solid 2px #000000;
    font-weight: bold;
}
	
.BlogArticle-Clmn {
	flex-basis: 0;
  flex-grow: 1;
  border: solid 2px #262642;
  padding: 10px;
  border-radius: 5px;
}
	
/* Mobil - mapa stranek */

.aioseo-html-sitemap {
display: flex;
gap: 10px;
flex-direction: column;
}

.aioseo-html-sitemap h4 {
font-size:24px;
font-family:Oswald;
}
	
.aioseo-html-sitemap div {
flex: 1;
padding:10px;
border:solid 1px #000000;
border-radius: 5px;
}

.aioseo-html-sitemap div ul {margin-left: 20px;}
	
.aioseo-html-sitemap div ul li a {display:block;padding:6px;border:solid 1px #FFFFFF;}	
	
.aioseo-html-sitemap div ul li a:hover {display:block;padding:6px;background:#f7f8fa;border-radius:5px;border:solid 1px #CECECE;}	
	
/* Mobil - On line nástroje Company page */	

/* Mobil - On line nástroje Company page */	

body.page-id-4240 h2.Company-header, body.page-id-4360 h2.Company-header, body.page-id-4399 h2.Company-header, body.page-id-4434 h2.Company-header,
body.page-id-5026 h2.Company-header
{
    padding: 10px;
    border-radius: 5px;
    background: linear-gradient(to right, #f5b73b, #0f1535), linear-gradient(to right, #f5b73b, #0f1535);
    color: #FFFFFF;
    border: solid 1px #000000;
}	
	
body.page-id-4240 .Company-Clmn, body.page-id-4360 .Company-Clmn, body.page-id-4399 .Company-Clmn, body.page-id-4434 .Company-Clmn,
body.page-id-5026 .Company-Clmn {
display: flex;
flex-direction: column;
position:relative;
}	

body.page-id-4240 .Company-Clmn h3, body.page-id-4360 .Company-Clmn h3, body.page-id-4399 .Company-Clmn h3, body.page-id-4434 .Company-Clmn h3,
body.page-id-5026 .Company-Clmn h3 {
	 background: #f5b732;
    border-radius: 5px;
    border: solid 2px #000000;
		padding:10px;
		color:#000000;
		text-align:center;
font-size:100%;
	}
	
	body.page-id-4240 .Company-Clmn a, body.page-id-4360 .Company-Clmn a, body.page-id-4399 .Company-Clmn a, body.page-id-4434 .Company-Clmn a,
body.page-id-5026 .Company-Clmn a {
position:absolute; 
bottom:10px;
right: 15px;
color:#FFFFFF;
}	
	
	
body.page-id-4240 .Company-Clmn .Company-Text, body.page-id-4360 .Company-Clmn .Company-Text, body.page-id-4399 .Company-Clmn .Company-Text, body.page-id-4434 .Company-Clmn .Company-Text, body.page-id-5026 .Company-Clmn .Company-Text {
    background: #262642;
    border-radius: 5px;
    border: solid 2px #ffdc5c;
		padding:15px;
		color:#FFFFFF;
    flex: 1;
    display: flex;
    flex-direction: column;
}
	
body.page-id-4240 .Company-Clmn .Company-Text p, body.page-id-4360 .Company-Clmn .Company-Text p, body.page-id-4399 .Company-Clmn .Company-Text p, body.page-id-4434 .Company-Clmn .Company-Text p, body.page-id-5026 .Company-Clmn .Company-Text p {
margin-top:0px;
margin-bottom:5px;
}		
	
body.page-template-default.page article .inside-article figure.wp-block-image img {width:100%}	
	
/* Mobile - Vyhledávání page */
	
.gutena-tabs-block>.gutena-tabs-tab {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gutena--tabs-tab-spacing, 10px);
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    flex-direction: column;
}	
	
	ul.gutena-tabs-tab.tab-center li.gutena-tab-title {display: flex;
    align-items: center;
    justify-content: center;
}

	.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title>.gutena-tab-title-content.icon-left .gutena-tab-title-icon {display:flex}

	
.gutena-tabs-block>.gutena-tabs-tab .gutena-tab-title-text {font-size:110%}
	
.gutena-tabs-block>.gutena-tabs-tab .gutena-tab-title {border:solid 1px #000000;margin-bottom:10px;}
	
.gutena-tabs-block>.gutena-tabs-content>.gutena-tab-block {
margin-top:10px;
border:solid 2px #f5b732
}	
	
ul.wp-block-social-links li.wp-social-link {border-radius:5px;border:solid 2px #f4b63b}

nav.SearchNav ul {
padding: 0px 20px 0px 20px;
}

nav.SearchNav ul.wp-block-page-list > li > a {font-weight:500}	
	
nav.SearchNav ul ul {
padding: 0px 20px 10px 20px;
margin:0px 0px 10px 0px;
border-bottom: solid 2px #f5b732;
}

nav.SearchNav ul li a {
padding:5px;
border:solid 1px #FFFFFF;
border-radius: 5px;
background:#FFFFFF;
display:block;
}

nav.SearchNav ul li a:hover {
padding:5px;
background: #f7f8fa;
border-radius: 5px;
border: solid 1px #CECECE;
display:block;
}

.wp-block-search__button-outside input.wp-block-search__input {height:63px;border:solid 1px #000000}

.wp-block-search__button-outside button.wp-block-search__button {
width: 150px;
background:#080b2a;
font-weight:bold
}


ul.gutena-tabs-tab li.gutena-tab-title {
margin-top:0px !important;
}

ul.gutena-tabs-tab li.gutena-tab-title.active {
border-bottom: solid 1px #000000 !important;
}


.searchwp-live-search-results-showing {
display: block;
opacity: 1;
height: auto;
overflow: auto;
width: 86% !important;
border:solid 2px #080b2a;
scrollbar-width: auto; /* pro Firefox */
scrollbar-color: #f5b73b #0f1535;

}
	
/* WebKit prohlížeče (Chrome, Safari, Edge) */
.searchwp-live-search-results-showing::-webkit-scrollbar {
  width: 16px;
}

.searchwp-live-search-results-showing::-webkit-scrollbar-track {
background: #0f1535;
border-radius: 5px;
border-radius: 999px;
}

.searchwp-live-search-results-showing::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #f5b73b, #000000); 
border-radius: 5px;
margin: 4px;
}

.searchwp-live-search-results-showing::-webkit-scrollbar-thumb:hover {
background: #f5b73b;
}	

h4.searchwp-live-search-result--title {margin-bottom:10px !important;}

h4.searchwp-live-search-result--title a {color:#000000 !important;}

.searchwp-live-search-result--info p.searchwp-live-search-result--desc a.read-more {color:#000000 !important;}

/* Mobil - Vyhledávání page END */	

/* Mobil Top Menu Search Link */

#menu-languages-and-social li#menu-item-4615 {
margin-top:0px;margin-right:-20px;
}

#menu-languages-and-social li#menu-item-4615 a {
        background: #FFFFFF;
        padding: 7px 10px 7px 10px;
        font-size: 14px;
        border-radius: 5px;
        border: solid 2px #000000;
        color: #000000;
        position: relative;
        padding-left: 6px;
        padding-right: 6px;
        text-decoration: none;
        font-weight: 500;
    }


#menu-languages-and-social li#menu-item-4615 a:hover {
        background: #FFFFFF;
        padding: 7px 10px 7px 10px;
        font-size: 14px;
        border-radius: 5px;
        border: solid 2px #000000;
        color: #000000;
        position: relative;
        padding-left: 6px;
        padding-right: 6px;
        text-decoration: none;
        font-weight: 500;
    }
	
#menu-languages-and-social li#menu-item-4615 .dashicons-code-standards:before {
    margin-left: -6px;
}

#menu-languages-and-social li#menu-item-4615 .dashicons, .dashicons-before:before {
    font-size: 20px;
    width: 20px;
    height: 20px;
    text-decoration: none;
    border: solid 1px transparent;
    border-radius: 100%;
    background: transparent;
    padding-top: 0px;
} 
	
#menu-languages-and-social li#menu-item-4615 .dashicons {
margin-top:-6px !important;
}	
	
.dashicons, .dashicons-before:before	{
padding: 7px 6px 6px 6px;	
	padding-top:7px !important;
	}

/* Mobil Top Menu Search link END */	


.Intro-Services-tbl {
border:solid 2px #afafb9;
padding:20px;
border-radius:5px;
}
	
section div.Intro-Services-tbl.box1 {
background: url('https://business-office.cz/wp-content/uploads/2026/02/AI-Agenti-Business-Office-vers1.png');
background-repeat:no-repeat;
background-position:bottom;
}

section div.Intro-Services-tbl.box2 {
background: url('https://business-office.cz/wp-content/uploads/2026/02/LMS-nastroje-vers1.png');
background-repeat:no-repeat;
background-position:bottom;
}

section div.Intro-Services-tbl.box3 {
background: url('https://business-office.cz/wp-content/uploads/2026/02/CRM-obchodni-nastroje-vers1.png');
background-repeat:no-repeat;
background-position:bottom;
}

section div.Intro-Services-tbl.box4 {
background: url('https://business-office.cz/wp-content/uploads/2026/02/ERP-nastroje-vers1.png');
background-repeat:no-repeat;
background-position:bottom;
}

section div.Intro-Services-tbl.box5 {
background: url('https://business-office.cz/wp-content/uploads/2026/02/Email-nastroje-vers1.png');
background-repeat:no-repeat;
background-position:bottom;
}

section div.Intro-Services-tbl.box6 {
background: url('https://business-office.cz/wp-content/uploads/2026/02/SEO-nastroje-vers1.png');
background-repeat:no-repeat;
background-position:bottom;
}	
	
section div.Intro-Services-tbl h2 a {color:#000000}
	
section div.Intro-Services-tbl:hover {
background:#080b2a;
color:#FFFFFF !important;		
	}
	
section div.Intro-Services-tbl:hover {
background:#080b2a;
color:#FFFFFF !important;		
}

section div.Intro-Services-tbl:hover h2 a {
  color: #FFFFFF;
}	
	
#main .wp-block-image.Sluzby-Garant-Photo img {
border-radius: 5px !important;
        opacity: 0.8;
        border-radius: 5px;
        border: solid 2px #afafb9}	
	
/* Mobil - dotaz u variant */
	
	.dotaz-modal {
display:none;
  position: fixed;
  inset: 0;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 16px;
align-items: flex-start;
}

.dotaz-modal-content {
	position: fixed;
  width: 100%;
  max-width: 380px;
  max-height: 90vh;
  overflow-y: auto;
	z-index: 9999;
  background: rgba(244, 183, 48, 1);
  padding: 0px 20px 0px 20px;
  border: 4px solid #CECECE;
top:0px;
}
	
	.AgentClmn {
background: none;
    background-repeat: no-repeat;
    background-size: 35%;
    background-position: 102% 92%;
}
	
.AgentClmn_half {
        background: none
    }	


/* Mobil - Footer fixed navigace */

.generate-back-to-top {
    font-size: 20px;
    border-radius: 5px;
    position: fixed;
    bottom: 75px;
    right: 12px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    z-index: 10;
    transition: opacity 300ms ease-in-out;
}



.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3469a5 !important;
    width: 25px !important;
    height: 25px !important;
    border-radius: 50%;
    position: fixed;
    z-index: 999999;
    cursor: pointer;
    left: 5px !important;
    bottom: 75px !important;
    border-radius: 5px;
}



/* Mobil - Pop up slide Akce RAG AI poradce  */

.hustle-ui.module_id_2 .hustle-layout {
background-image: url(https://business-office.cz/wp-content/uploads/2026/04/1-RAG-AI-Chat-Busienss-Office-Solutions-1-800-686px.png);
    background-repeat: no-repeat;
    background-position: right top;
background-color: #0c0c0c;
height: auto;
padding-bottom: 0px;
}

.hustle-ui.hustle-slidein.hustle-slidein-position--west .hustle-slidein-content>[class*=hustle-] {
    width: calc(100vw - 0px) !important;
}


.hustle-ui.module_id_2 .hustle-layout {
border-radius: 0px 10px 10px 0px;
min-height: 686px !important;
border-width: 2px 2px 2px 0px;
    border-color: #FFFFFF;
}

.hustle-ui.module_id_2 .hustle-layout .hustle-layout-header {
background-color: rgba(3, 6, 13, 0.6);
padding: 10px 10px 10px 25px;
}

.hustle-ui.module_id_2 .hustle-layout h3.hustle-title {
font-family: 'Oswald';
padding: 10px 30px 0px 0px;
font-size: 20px;
}


.hustle-ui.module_id_2 .hustle-layout h4.hustle-subtitle {
padding:0px;
font-family: 'Open Sans';
font-size: 14px;
margin-top: 5px;
}

.hustle-ui.module_id_2 .hustle-layout .hustle-layout-content {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.45em;
    font-family: Open Sans;
    padding: 315px 0px 0px 0px;

}

.hustle-ui.module_id_2 .hustle-layout .hustle-layout-content p {display:none;}

.hustle-ui:not(.hustle-size--small) .hustle-info.hustle-info--default .hustle-layout .hustle-layout-content .hustle-content {
        padding: 0px 0px 0px 0px;
}

.hustle-ui.module_id_2 .hustle-layout .hustle-content .hustle-content-wrap {padding: 0px 0px 20px 0px;}

.hustle-ui.module_id_2 .hustle-layout .hustle-group-content {
    padding: 10px 10px 0px 25px;
    background-color: rgba(3, 6, 13, 0.6);
    border-radius: 0px 15px 15px 0px;
    border-width: 2px 2px 2px 0px;
    border-color: #000000;
}

.hustle-ui.module_id_2 .hustle-layout .hustle-group-content p {font-size:16px !important;}

.hustle-ui.module_id_2 .hustle-layout .hustle-group-content hr {
    margin: 20px 0px 20px 0px;
    padding-top: 0px;
    padding-bottom: 0;
    border-bottom: solid 1px #FFFFFF;
    height: 1px;
    display:none;
}

.hustle-ui.module_id_2 .hustle-layout .hustle-group-content ol:not([class*="forminator-"]):last-child, .hustle-ui.module_id_2 .hustle-layout .hustle-group-content ul:not([class*="forminator-"]):last-child {
    list-style: none;
    padding-left: 0px;
    margin-left: 3px;
}


.hustle-ui:not(.hustle-size--small).module_id_2 .hustle-layout .hustle-group-content li:not([class*="forminator-"]) {
        position: relative;
        padding-left: 20px;
        margin-left: 0px;
        font-size:16px;
    }

.hustle-ui.module_id_2 .hustle-layout .hustle-group-content ul:not([class*="forminator-"]) li:before {
        content: "\f192";
        font-family: "Font Awesome 6 Free";
        font-weight: 500;
        position: absolute;
        left: 0;
        font-size: 12px;
        top: 1px;
    }


.hustle-ui.module_id_2 .hustle-layout .hustle-layout-footer {padding-left: 10px;padding-right: 10px;padding-top:0px;}


.hustle-ui.module_id_2 .hustle-layout .hustle-cta-container {
    justify-content: flex-start;
    display: flex;
    align-content: center;
    padding-left: 0px;
    margin:0px !important
}


.hustle-ui.module_id_2 .hustle-layout .hustle-cta-container .hustle-button-cta {
    width: 100%;
    display: inline-block;
    border: solid 2px #000000;
    border-radius: 10px;
    font-size: 14px;
    padding: 5px 5px 5px 5px;
}


.hustle-ui.module_id_2 .hustle-layout p.hustle-cta-helper-text {
    background: rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 5px;
    font-weight: 500;
    color:#FFFFFF;
    position:absolute;
    bottom:20px;
    left:50px;
}

.hustle-ui.module_id_2 button.hustle-button-close {
right: 10px;
top: 10px;
}


/* Mobil - Pop up slide Akce RAG AI poradce END */



}


/* PC Media */
@media screen and (min-width: 769px) and (pointer: fine) {
	
html {
		background-image: url('https://business-office.cz/wp-content/uploads/2026/03/Business-Office-Site-Bg.png');
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
background-attachment: fixed;
position: relative;
}

/*	
html::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 270px;
  background: rgba(10, 15, 25, 0.6);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  z-index: 1;	
	}		
*/

html::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    width: 100%;
    height: 271px;
    z-index: 0;
    pointer-events: none;

    background:
        linear-gradient(to bottom,
            rgba(6, 12, 24, 0.92) 0%,
            rgba(8, 15, 30, 0.82) 38%,
            rgba(10, 18, 34, 0.58) 70%,
            rgba(10, 18, 34, 0.00) 100%
        ),
        radial-gradient(circle at 18% 18%,
            rgba(255, 170, 60, 0.18) 0%,
            rgba(255, 170, 60, 0.00) 32%
        ),
        radial-gradient(circle at 82% 16%,
            rgba(90, 150, 255, 0.14) 0%,
            rgba(90, 150, 255, 0.00) 34%
        );

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    border-bottom: 2px solid rgba(255, 180, 70, 0.22);
    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.34),
        inset 0 -1px 0 rgba(255, 255, 255, 0.04);
}
	
body {
overflow: visible !important;
position: relative;
z-index: 0;
width:100%;
height:100%;
 z-index: 10;	
}	
	
.nav-float-right #site-navigation {
    margin-left: 264px;
    background: rgba(0, 0, 0, 50%);
    border: solid 1px #000000;
    width: 100%;
    padding: 10px 0px 10px 0px;
    border-radius: 10px 0px 0px 10px;

}
	
	
/* Top Social Languages */

.top-bar .inside-top-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}	

.widget .widget_nav_menu {
display: flex;
align-items: center;
padding-top: 20px;
padding-bottom: 10px;
}	
	
#masthead .inside-header.grid-container {
    flex-wrap: wrap;
    padding: 15px 0px 0px 0px;
}
	
	
	
.site-logo {
    display: inline-block;
    width: 130px;
    position: absolute;
    top: -40px;
    left: 65px;
}	
	
.Sluzby-Garant-Photo {
margin-top: 0px;
margin-right: 0px;
}
	
.Sluzby-Garant-Photo figcaption {margin-bottom: 0px;}

.Sluzby-Garant-Photo img {
opacity: 0.8;
border-radius: 5px;
border: solid 2px #afafb9;
}
	
.Intro-Services-tbl {
border:solid 2px #afafb9;
padding:20px;
border-radius:5px;
}
	
section div.Intro-Services-tbl.box1 {
background: url('https://business-office.cz/wp-content/uploads/2026/02/AI-Agenti-Business-Office-vers1.png');
background-repeat:no-repeat;
background-position:bottom;
transition: all .8s ease;
}

section div.Intro-Services-tbl.box2 {
background: url('https://business-office.cz/wp-content/uploads/2026/02/LMS-nastroje-vers1.png');
background-repeat:no-repeat;
background-position:bottom;
transition: all .8s ease;
}

section div.Intro-Services-tbl.box3 {
background: url('https://business-office.cz/wp-content/uploads/2026/02/CRM-obchodni-nastroje-vers1.png');
background-repeat:no-repeat;
background-position:bottom;
transition: all .8s ease;
}

section div.Intro-Services-tbl.box4 {
background: url('https://business-office.cz/wp-content/uploads/2026/02/ERP-nastroje-vers1.png');
background-repeat:no-repeat;
background-position:bottom;
transition: all .8s ease;
}

section div.Intro-Services-tbl.box5 {
background: url('https://business-office.cz/wp-content/uploads/2026/02/Email-nastroje-vers1.png');
background-repeat:no-repeat;
background-position:bottom;
transition: all .8s ease;
}

section div.Intro-Services-tbl.box6 {
background: url('https://business-office.cz/wp-content/uploads/2026/02/SEO-nastroje-vers1.png');
background-repeat:no-repeat;
background-position:bottom;
transition: all .8s ease;
}

section div.Intro-Services-tbl h2 a {color:#000000}
	
section div.Intro-Services-tbl:hover {
background:#080b2a;
color:#FFFFFF !important;		
	}
	
section div.Intro-Services-tbl:hover {
background:#080b2a;
color:#FFFFFF !important;		
}

section div.Intro-Services-tbl:hover h2 a {
  color: #FFFFFF;
}	


/* PC - Poptavka zalozka a panel */
	
#poptavka-tab {
		position:fixed;
		right:0;
		top:40%;
		background:#f5b731;
		color:#000;
		font-size:16px;
		padding:8px 10px;
		border-radius:5px 0 0 5px;
		cursor:pointer;
		z-index:10001;
		border:solid 1px #000000;
}	

#poptavka-tab i {}
#poptavka-tab	span.Poptavka-text {margin-left:8px;}

#poptavka-panel {
		position:fixed;
		right:-400px;
		top:0;
		width:350px;
		height:100%;
		background:#fff;
		box-shadow:-2px 0 8px rgba(0,0,0,0.2);
		padding:20px;
		z-index:1;
		overflow-y:auto;
		transition:all 0.3s ease;
}

#poptavka-panel h4 {
font-family:Oswald;
font-size:18px;
font-weight:500;
color:#000000;
text-align:center;
padding:5px;
background: rgba(206, 206, 206, 0.2);
letter-spacing:1px;
}

#poptavka-seznam p.sidepanel-ServiceName {
margin:0px !important;
padding-bottom:10px;
}
	
#poptavka-seznam p.sidepanel-odebrat {
display:flex;
width:100%
}
	
.sidepanel-odebrat {
border-bottom:solid 1px #000000;
padding-bottom:10px;
}		

p.sidepanel-odebrat span {flex:1}

p.sidepanel-odebrat span button.odebrat-variantu {
margin:0px !important;
background:none;
border:none;
color:red;
cursor:pointer;
font-size:26px;
padding-top:2px !important;
line-height: 16px;
text-align:right;

}

#poptavka-panel .Ceny_panel {
display:flex; gap:10px; margin-bottom:40px;
}	
#poptavka-panel .Ceny_panel p {
margin: 0px;
background: rgba(15, 21, 53, 0.8);
text-align: center;
padding: 5px;
font-size: 14px;	
color: #FFFFFF;
flex:1;
display:flex;
flex-direction: column;
border-radius:5px;
	}
	
#poptavka-panel	a.tlacitko-varianty {
text-align:center;
color:#000000;
display:block;
background: #f5b731;
padding: 10px 5px 10px 5px;
font-size: 16px;
border-radius: 5px;
}
	
/* PC - Top company main menu */

#primary-menu {width:100%}

.main-navigation .main-nav>ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: clamp(10px, 5vw, 20px);
}

.main-navigation .main-nav ul li {
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
}

.main-navigation .main-nav ul li a {
    padding-left: 25px;
    padding-right: 25px;
    line-height: 30px;
    border: solid 1px #000000;
    border-radius: 5px;
		font-size: 16px;
    letter-spacing: 1px;
		display:block;
		text-wrap: nowrap;
}	
	
	
/* PC - Top services menu */

.nav-float-right .header-widget {
		flex: 0 0 100%;
    background: rgba(0, 0, 0, 50%);
    border-top: solid 1px #f5b731;
    border-bottom: solid 2px #f5b731;
    margin-left: 0px;
    margin-top: 40px;
		border-radius: 0px;
		padding-top: 13px;
    padding-bottom: 11px;
}	
	
section.TopServices-box {display:flex}

section.TopServices-box .ServicesClaim {
		font-family:Oswald;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
		justify-content: center;
    align-content: center;
    align-items: center;
		margin-right: 30px;
    margin-left: 25px;
		width: 215px;
		flex-shrink: 0;
}	

.ServicesClaim span {
		width: 50%;
		display: block;
		padding:5px;
letter-spacing: 1px;
}		

.ServicesClaim span:nth-of-type(1) {
border-bottom:solid 1px #FFFFFF
}	
.ServicesClaim span:nth-of-type(2) {
border-left: solid 1px #FFFFFF;
border-bottom:solid 1px #FFFFFF
}
.ServicesClaim span:nth-of-type(4) {
border-left: solid 1px #FFFFFF;
}

section.TopServices-box .widget_nav_menu {
flex: 1;
min-width: 0;
	}

.menu-top-services-menu-container {
		width: 100%;
    padding-right: 10px;
}
	
#menu-top-services-menu  {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: clamp(20px, 5vw, 20px);
}		
	
	.widget .widget_nav_menu ul#menu-top-services-menu li {width: 100%;}	
	
.widget .widget_nav_menu ul#menu-top-services-menu li a
{
    background: #FFFFFF;
    padding: 10px 10px 10px 15px;
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    font-family: 'Oswald';
		position:relative;
		border-radius: 5px;
		display:block;
		text-wrap:nowrap;
}

.widget .widget_nav_menu ul#menu-top-services-menu li a:hover {
		background:#F6B93B;
}

.widget .widget_nav_menu ul#menu-top-services-menu li a:after {
    font-family: "Font Awesome 6 Free";
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 22px;
		color:#F6B93B;
}

.widget .widget_nav_menu ul#menu-top-services-menu li a:hover:after {
		color:#000000;
}

.widget .widget_nav_menu ul#menu-top-services-menu li#menu-item-84 a:after {
    content: "\f2b5";
		font-weight: 500;
top:6px;
	}

.widget .widget_nav_menu ul#menu-top-services-menu li#menu-item-83 a:after {
    content: "\f140";
		font-weight: 600;
	}

.widget .widget_nav_menu ul#menu-top-services-menu li#menu-item-82 a:after {
    content: "\f5dc";
		font-weight: 600;
	}

.widget .widget_nav_menu ul#menu-top-services-menu li#menu-item-136 a:after {
    content: "\f1de";
		font-weight: 600;
	}	
	
.widget .widget_nav_menu ul#menu-top-services-menu li#menu-item-3667 a:after {
    content: "\f013";
		font-weight: 600;
	}		
	
.sluzba-box {
display: flex;
flex: 1 1 calc(50% - 1rem);
padding: 1em;
box-sizing: border-box;
margin-bottom:0px;
border:2px solid #000000; 
border-radius:5px;
position:relative;
}	
	
.sluzby-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: space-between;
}
	
/* PC breadcrumbs */		
	
nav#breadcrumbs {
background:#FFFFFF;
padding: 20px 0px 0px 38px;
}

nav#breadcrumbs a {color:#000000}	
	
/* PC - Seznam Variant List */
.one-container .inside-article>.featured-image {
    margin-top: 0;
    margin-bottom: 2em;
    float: left;
    width: 32%;
    margin-right: 36px;
}

.varianty-sluzby {clear:both}
	
	
	
/* PC - Obchodni tagy Seznam Variant List */

.varianta-box h3 a .obchodni_tag_sluzby {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
    justify-content: flex-end;
margin-right:20px;
}

.varianta-box h3 a .obchodni_tag_sluzby > span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 7px 12px;
        border-radius: 5px;
        font-size: 14px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: 1.3px;
        border: 1px solid #1a1d3f;
        background: #ffffff;
        color: #1a1d3f;
        white-space: nowrap;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    }
		
.varianta-box h3 a .obchodni_tag_sluzby .top {
    background: linear-gradient(135deg, #f0b434, #d89b16);
    color: #111;
    border-color: #d89b16;
border:solid 2px #000000;
}

.varianta-box h3 a .obchodni_tag_sluzby .zadane {
    background: #1a1d3f;
    color: #fff;
    border-color: #1a1d3f;
border:solid 2px #000000;
}
	
	
/* PC - Scrolbar Controls and Play button */

.scroll-controls {
  position: absolute;
  bottom: 170px;
  right: 5%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 10;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
  padding: 4px 8px;
  box-shadow: 0 0 6px rgba(0,0,0,0.2);
}

.scroll-controls button {
  background: #f5b73b;
  border: none;
  border-radius: 5px;
  width: 36px;
  height: 36px;
  font-size: 18px;
  cursor: pointer;
padding: 0px 0px 0px 0px;
}
	
.scroll-controls button:hover {color:#0f1537}	

.scroll-controls button.scroll-up {}
.scroll-controls button.scroll-down {}
	
	.varianta-box .Send-Play-Box {
position: absolute;
	      bottom: 20px;
        right: 10px;
        display: flex;
        gap: 8px;
        z-index: 10;
        background: rgba(255, 255, 255, 0.8);
        padding: 0px 0px 0px 0px;
width: 24%;
justify-content: center;
align-items: center;
	
	}
	
	.varianta-box .Send-Play-Box button {
		display: flex;
    flex-direction: row;
 		border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
width:100%;
        align-items: center;
        justify-content: space-between;
     padding: 8px 12px 8px 12px;
flex-wrap: nowrap;
	}
	
	.varianta-box .Send-Play-Box div.email-box {width:50%}

.varianta-box .Send-Play-Box div.audio-box {width:50%}

	
.email-overlay  {
width:380px;
position: fixed; 
top: 50%; 
left: 50%; 
transform: translate(-50%, -50%); z-index: 9999; 
background: rgba(244, 183, 48, 0.9); 
padding: 20px; 
border: 4px solid #CECECE;
}
	
#email-body-main {height:60px;color:#CECECE}	
	
	.email-overlay-btns {
		display: flex;
    flex-direction: row;
gap:10px;
}	

.email-overlay button {
				display: flex;
        flex-direction: row;
        border: none;
        border-radius: 5px;
        font-size: 16px;
        cursor: pointer;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        padding: 8px 12px 8px 12px;
	}
	
	
/* PC - Page Detail */

ul.wp-block-list li {
position:relative;
padding-left:20px;
margin-left:0px;
}

ul.wp-block-list li:before {
    content: "\f192";
    font-family: "Font Awesome 6 Free";
    font-weight: 500;
    position: absolute;
    left: 0;
    font-size: 12px;
    top: 5px;
}
	
/* PC Intro text BOS s.r.o. */	
	
.Hp-Intro-Clmn {position:relative !important}

.Hp-Intro-Clmn .NasTymBtn {
position:absolute;
left:0px;
right:0px;
bottom:15px;
}
	
.Category-article h2.HP-TopHeader {position:relative;}

.Category-article h2.HP-TopHeader:after {
font-family: "Font Awesome 6 Free" !important;
        content: "\e561" !important;
        font-weight: 600 !important;
        position: absolute;
        right: 2px;
        font-size: 22px;
        top: 0px;
        color: #080b2a;
}

	
	
/* PC - HP Intro video */

.HP-Video-box {
        position: relative;
        margin-left: -40px;
        margin-right: -40px;	
	}

button#replay-button {
        position: absolute;
        z-index: 1;
        top: 0px;
        right: 0px;
        border-radius: 0px 0px 0px 5px;
        background: rgba(0, 0, 0, 70%);
    }

figure.Hp-intro-video video {
        background: none;
        border-right: solid 0px #0f1535;
        border-left: solid 0px #f5b73b;
        padding-top: 0px;
        padding-bottom: 0px;
        border-radius: 0px;
        padding-left: 0px;
        padding-right: 0px;
        border-top: solid 5px #0f1535;
        border-bottom: solid 5px #0f1535;
    aspect-ratio: auto !important;
    }

/* PC - HP Services boxes */

.HP-Services-Boxes section {
background:rgba(255, 255, 255, 0.9);
padding: 15px 15px 20px 15px;
transition: all .8s ease;
border-radius: 5px;
height:100%;
}

.HP-Services-Boxes section:hover {background:#F6B93B;}

.HP-Services-Boxes ul li {font-weight:500;margin-top:10px;margin-bottom:10px;}

.site-main .wp-block-group__inner-container {padding:0px;}


.HP-Obchod {
				padding: 20px;
        background-size: contain;
        background-position: top;
        background-image: linear-gradient(to right, #f5b73b, #0f1535), /* horní gradient */ linear-gradient(to right, #f5b73b, #0f1535), /* spodní gradient */ url(https://business-office.cz/wp-content/uploads/2025/05/Obchod-BackOffice.png);
        background-position: top, bottom left, center;
        background-repeat: no-repeat;
        background-size: 100% 5px, 100% 5px, cover;
        border-right: 5px solid #0f1535;
        border-left: solid 5px #f5b73b;
padding-top: 25px;
        padding-bottom: 25px;
border-radius: 5px;
}

.HP-Marketing {
				padding: 20px;
        background-size: contain;
        background-position: top;
        background-image: linear-gradient(to right, #f5b73b, #0f1535), /* horní gradient */ linear-gradient(to right, #f5b73b, #0f1535), /* spodní gradient */ url(https://business-office.cz/wp-content/uploads/2025/05/On-Line-Marketing.png);
        background-position: top, bottom left, center;
        background-repeat: no-repeat;
        background-size: 100% 5px, 100% 5px, cover;
        border-right: 5px solid #0f1535;
        border-left: solid 5px #f5b73b;
padding-top: 25px;
        padding-bottom: 25px;
border-radius: 5px;
}

.HP-Management {
	 			padding: 20px;
        background-size: contain;
        background-position: top;
        background-image: linear-gradient(to right, #f5b73b, #0f1535), /* horní gradient */ linear-gradient(to right, #f5b73b, #0f1535), /* spodní gradient */ url(https://business-office.cz/wp-content/uploads/2025/05/Management.png);
        background-position: top, bottom left, center;
        background-repeat: no-repeat;
        background-size: 100% 5px, 100% 5px, cover;
        border-right: 5px solid #0f1535;
        border-left: solid 5px #f5b73b;
				padding-top: 25px;
        padding-bottom: 25px;
border-radius: 5px;
}

.HP-Services-Boxes section h2 {margin-bottom:0px}

.HP-Services-Boxes section h2 a {
color:#000000;
position:relative;
display:block;
background:url(https://business-office.cz/wp-content/uploads/2025/07/Hover-Icon-trans.png) no-repeat;
background-size:10%;
background-position: bottom right;
padding-right:20px;
padding-bottom:10px;
}

x.HP-Services-Boxes section.HP-Obchod-Inner h2 a:after {
    content: "\f2b5";
    font-weight: 500;
}


x.HP-Services-Boxes section.HP-Marketing-Inner h2 a:after {
    content: "\f140";
    font-weight: 600;
}

x.HP-Services-Boxes section.HP-Management-Inner h2 a:after {
    content: "\f5dc";
    font-weight: 600;
}

.HP-Services-Boxes section h2 a:after {
    font-family: "Font Awesome 6 Free";
    position: absolute;
    right: 5px;
    font-size: 30px;
    top: 50%;
    transform: translateY(-40%);
    color: #154b85;
}
.HP-Services-Boxes section h2 a:hover {
		color: #000000
}
.HP-Services-Boxes section h2 a:hover:after {
		color:#000000;
}

/* PC - HP Services boxes END */
	
/* PC - Nas tym Page */

	.Nas_tym_page .wp-block-column {
border:solid 1px #CECECE;
padding:20px;
border-radius:10px;

}
	
p.Tym_funkce strong {position:relative;padding-left:22px;}

p.Tym_funkce strong:before {
        font-family: "Font Awesome 6 Free";
        position: absolute;
        left: 0px;
        font-size: 15px;
        top: 1px;
	content: "\f013";
        font-weight: 600;
color:#3c3c3c
    }	
	
	.Nas_Tym_Tabs ul li {font-size:15px;}

	.Nas_Tym_Tabs ul li:before {
        font-size: 12px;
        top: 3px;
    }
	
.gutena-tab-title-text {
    font-family: 'Oswald';
    letter-spacing: 0.2px;
    font-size: 15px;
}	
	
#main ul.gutena-tabs-tab li.gutena-tab-title.active {
        border-bottom: solid 2px #000000 !important;
    }	
	
	
/* PC - Pripadove studie , Aktuality page list HP */

.page-list-ext {
display: flex;
flex-wrap: wrap;
} 
	
article .page-list-ext .page-list-ext-date {
    font-size: 90%;
    font-weight: 500;
	color:#080b2a;
}	
	
article .page-list-ext .page-list-ext-date i {margin-right:5px;}	
	
.page-list-ext-item {
  flex: 0 0 calc(50% - 10px);
  box-sizing: border-box;
padding: 20px;
margin:0px !important;
}	

/* PC - Poptavka List s WP form */

table.Poptavka_List_tbl {width:100%; border-collapse: collapse;}
	
table.Poptavka_List_tbl tr th.Varianta_text {text-align:left; border-bottom: 1px solid #ccc;width:80%}

table.Poptavka_List_tbl tr th {
background: rgba(206, 206, 206, 0.2);
color:rgba(15, 21, 53, 1)
	}
	
table.Poptavka_List_tbl tr th.Cena_text {text-align:right; border-bottom: 1px solid #ccc;}

table.Poptavka_List_tbl tr thead {margin-bottom:10px}
	
table.Poptavka_List_tbl tr td {padding: 12px 10px 10px 10px}	
	
table.Poptavka_List_tbl tr td a {color:rgba(15, 21, 53, 1);}
	
table.Poptavka_List_tbl tr td a:hover {color:#eab74b}	
	
table.Poptavka_List_tbl tr td.Cena_PoptavkaPage {background:rgba(15, 21, 53, 0.1);color:#000000}
	
table.Poptavka_List_tbl tr td button.odebrat-polozku {				margin-left: 0px;
        color: red;
        font-size: 30px;
        padding: 1px 5px 5px 5px;
        line-height: 19px;
        background: transparent;
        border: solid 1px grey;
        border-radius: 5px;
	}		
	
table.Poptavka_List_tbl tr td button.odebrat-polozku:hover {background:rgba(15, 21, 53, 1)}	


.Poptavka_form {
		background: rgba(15, 21, 53, 0.9) !important;
    padding: 20px !important;
    border-radius: 5px !important;
}

#wpforms-form-1055 legend, #wpforms-form-1055 label {color:#FFFFFF;font-weight: 400;}
	
#wpforms-form-1055 .wpforms-required-label {color:yellow}
	
.wpforms-submit-container {text-align:right}	
	
#wpforms-submit-1055.Odeslat_Poptavku_btn, #wpforms-submit-37.Odeslat_Poptavku_btn  {
    padding: 18px 20px 32px 45px;
    display: inline-block;
    border-radius: 5px;
    background-color: #f5b73b;
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    transition: all .8s ease;
    position:relative;
border-radius:5px;
line-height:16px;
border:solid 1px #000000;
}
#wpforms-submit-1055.Odeslat_Poptavku_btn:before, #wpforms-submit-37.Odeslat_Poptavku_btn:before {
content: "\f0e0";
        font-weight: 500;
        font-family: "Font Awesome 6 Free";
        position: absolute;
        left: 12px;
        font-size: 22px;
        top: 18px;
}	
	
#wpforms-submit-1055.Odeslat_Poptavku_btn:hover, #wpforms-submit-37.Odeslat_Poptavku_btn:hover {
		background-color: #FFFFFF;
    color: #000000;
		text-decoration:none;
}
	
/* PC - Sluzby na miru - konfigurator */
	
.Config-wrapper {
display:flex;
gap:20px;
align-items: flex-start;
margin-bottom:20px;
}

.Config-wrapper .Config-budget {
flex:1;
background:rgba(206, 206, 206, 0.2);
padding:20px;
text-align:left;
border-radius:5px;
}


.Config-wrapper .Cena_AddButton {
flex:1;
background:rgba(206, 206, 206, 0.2);
padding:20px;
text-align:center;
border-radius:5px;
}

	.Config-wrapper .Cena_AddButton .tlacitko-varianty {
    padding: 12px 15px 12px 15px;
    border-radius: 5px;
    background-color: #f5b73b;
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    transition: all .8s ease;
    position: relative;
		border:solid 1px #000000;
}

.Config-wrapper .Cena_AddButton .tlacitko-varianty:hover {
		background-color: #0f1535;
    color: #FFFFFF;
		text-decoration:none;
}	

	.Config-wrapper .Cena_AddButton .tlacitko-varianty i {margin-right:10px;}

.Config-budget {margin-bottom:20px;}	
.Config-budget .BudgetType p {margin-bottom:10px;}

.Config-budget .BudgetType 	.typrozpoctu_choice label {cursor:pointer}	
	
.Config-budget .BudgetType .typrozpoctu_text {font-weight:500}
.Config-budget .BudgetRange {}

.Config-budget .BudgetRange input {
width:300px;
background:#FFFFFF;
border:solid 1px #000000;
margin-left:5px;
border-radius:5px;
padding:5px;
}
	
/* PC Obchodni zamery buttons */	
	
#sluzby-config-presets {
margin-bottom:30px;
border: solid 1px #000000;
padding: 20px;
border-radius: 5px;
background: #f5f5f5;
} 

#sluzby-config-presets .presets-text {margin-bottom:15px;font-size:22px;}

#sluzby-config-buttons {
				display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 16px;
align-items: stretch;
}

#sluzby-config-buttons div {
text-align:center;
padding: 12px 15px 12px 15px;
        border-radius: 5px;
        background-color: rgba(206, 206, 206, 0.2);
        font-size: 15px;
        color: #000000;
        font-weight: 500;
        transition: all .8s ease;
        position: relative;
border:solid 1px #000000;
display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 100px;
}
	
	#sluzby-config-buttons div:hover {background:#fdb140;cursor:pointer;}	
	
	#sluzby-config-buttons div p {margin:0px 0px 0px 0px}
	


div[data-zamer] {position: relative;}

[data-zamer].aktivni-zamer {
  background-color: #fbb040;
  border-color: #d88b00;
  color: #000;
}

#sluzby-config-buttons div.aktivni-zamer {background:#fbb040}

span.pocet-navrhu {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-top: 4px;
  color: #333;
top:3px;
right:10px;
position:absolute;
}

/* efekt boxiku hoover popisu */
.Zamer-Title,
.Zamer-Info {
  transition: opacity 0.4s ease;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  padding: 0 10px;
  pointer-events: none;
}

.Zamer-Info {
  opacity: 0;
}

[data-zamer]:hover .Zamer-Title,
[data-zamer]:focus .Zamer-Title {
  opacity: 0;
}

[data-zamer]:hover .Zamer-Info,
[data-zamer]:focus .Zamer-Info {
  opacity: 1;
}

	
/* PC Obchodni zamery buttons END */	

#konfigurator-wrapper {
overflow: visible !important;
  position: relative;
  z-index: 0;}

#sluzby-konfigurator {
display:flex;
gap:10px;
overflow: visible !important;
  position: relative;
  z-index: 0;
}

#sluzby-konfigurator .sekce-box {
padding:10px;
border:solid 1px #000000;
border-radius:5px;
flex:1;

}

#sluzby-konfigurator .sekce-box h3 {
font-family:Oswald;
font-size:20px;
}

	#sluzby-konfigurator .sekce-box .frekvence-group {padding:10px;}

#sluzby-konfigurator .sekce-box .frekvence-group h4 {
font-family:Oswald;
font-size:20px;
}
	#sluzby-konfigurator .Sluzba-Tbl {margin-bottom:5px}

	#sluzby-konfigurator .Sluzba-Tbl td {padding: 2px 5px 2px 5px;font-size:15px;}
	
	
	#sluzby-konfigurator .Sluzba-Tbl td.Check-TitleTd {border-bottom:solid 0px}
	
	#sluzby-konfigurator .Sluzba-Tbl td.Check-TitleTd label {cursor:pointer}
	
#sluzby-konfigurator .Sluzba-Tbl .PriceTd {display:flex}

	#sluzby-konfigurator .Sluzba-Tbl .PriceTd div {flex:auto}

	#sluzby-konfigurator .Sluzba-Tbl .PriceTd div.ServiceInfo {text-align:right;position:relative;}
	
	#sluzby-konfigurator .Sluzba-Tbl .PriceTd div.ServiceInfo i {
cursor:pointer;
font-size:18px;
color:#f5b731;
}
	
	
	#sluzby-konfigurator .Sluzba-Tbl .PriceTd div.ServiceInfo .popis-box {
  position: absolute;
  background: #ffffff;
  border: 1px solid #ccc;
  padding: 10px;
  width: 300px;
  max-width: 90vw;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  border-radius: 6px;
  cursor: move;
  z-index: 1000;
text-align:left;
top:-13px;
left:190px;
 cursor: move;
  pointer-events: auto;
  user-select: none;
color:#000000;
}
	
.popis-box i.fa-arrows-up-down-left-right {
        z-index: 1000;
        position: absolute;
        left: -15px;
        top: -15px;
        background: #FFFFFF;
        border-radius: 20%;
        padding: 4px;
        border: solid 1px #ccc;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        font-size: 22px !important;
    }

.popis-box .Audio {margin-top:10px;margin-bottom:10px}	
.popis-box .Audio audio {
width:100%; 
height:40px;
border-radius: 5px;
background: #eff1f2;
}	
	
.popis-box p {margin-bottom:5px}

.popis-box .popis-box-title {font-weight:500;padding-right: 25px;}

	.popis-box .popis-box-title i {
position: absolute;
    right: 10px;
    top: 12px;
}
.popis-box .popis-box-cena {line-height: 18px;}
.popis-box .popis-box-cena span.cena-text-typ {font-size:11px;}
.popis-box .popis-box-popis {
max-height:150px;
overflow:hidden;
border-top: solid 1px #CECECE;
        border-bottom: solid 1px #CECECE;
        padding-top: 5px;
        padding-bottom: 5px;
}	

	.popis-box .popis-box-popis .marquee {}
	
	
.popis-box .popis-box-popis  {
  height: 150px;
  overflow: hidden;
  position: relative;
}

.popis-box .popis-box-popis .marquee {
  display: block;
animation: scroll-up 120s linear infinite;

}
	
.popis-box .popis-box-popis:hover .marquee {
  animation-play-state: paused;
}	

@keyframes scroll-up {
  0% {
    transform: translateY(150px);
  }
  100% {
    transform: translateY(-100%);
  }
}
	
	
	.popis-box .Detail-text {font-size:14px;color:#000000}

	.popis-box .Detail-text a {color:#000000}

	.popis-box .Detail-text a i {
margin-right:5px;
font-size:12px !important;
color:#000000 !important;}

.popis-box .Pridat {padding-top:5px;}	
	.popis-box .Pridat input.sluzba {
width:18px;
height:18px;
top: 3px;
position: relative;
left: 0px;
}

.popis-box .Pridat label span {
font-weight:500;
font-size:14px;
text-decoration:underline;
cursor:pointer;
}

/* Šipka vlevo od boxu */
.popis-box::before {
  content: "";
  position: absolute;
  top: 16px;
  left: -12px;
  border: 6px solid transparent;
  border-right-color: #f5b731; 
}
	
svg.vazba-spojnice {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 99999;
}	
	
	
/* PC outsourcing kalkulacka uspor  */

#outsourcing-kalkulacka {display:flex;}

.outsourcing-kalkulacka-box {
display:flex; 
flex-wrap: wrap;
gap:20px; 
width: 600px;
flex:1;
align-content: flex-start;
}

.fields-box {
border: 1px solid #ccc; 
padding: 20px;
flex:1;
border-radius: 5px;
}

.fields-box label {font-size:15px;font-weight: 500;}

.fields-box select, .fields-box input 
{
width:100%;font-size:14px;
} 

.spocitat-box {
flex-basis: 100%;
text-align: center; 	
}

#spocitat {border-radius: 5px;}

.vysledek-box {
width:50%;
margin-left:30px; 
display:flex; 
flex-direction:column;
gap:20px;
}

.vysledek-text h2 {
font-family: Oswald, sans-serif;
font-size: 22px;
font-weight:400;
margin-bottom: 0px;
}

.naklady-text {flex-basis: 100%;}

.naklady-text h2 {
font-family: Oswald, sans-serif;
font-size: 22px;
font-weight:400;
margin-bottom: 0px;
}

#vysledek {
border:solid 1px #000000;
height:120px;
padding:20px;
height:200px;
border-radius: 5px;
font-size: 16px;
}

#vysledek strong:last-child {color:red}

#ai-doporuceni {
border:solid 1px #000000;
min-height:200px;
padding:20px;
border-radius: 5px;
}

.Sofie-poradce {
    background-color: #f5b73b;
    padding: 10px 10px 10px 20px;
    font-weight: 400;
    color: #16214C;
    text-align: center;
    background-image: url(https://business-office.cz/wp-content/uploads/2025/07/AI-Gemini-Chat-Square-100x100-1.png);
    background-position: -7px 0px;
    background-size: 9%;
    background-repeat: no-repeat;
    font-family: 'Oswald';
    font-size: 18px;
border-radius: 5px;
}

#ai-doporuceni ul {padding-left: 20px;}

.Gemini-loader-logo {
width:300px;
display:flex;
flex-direction:column;
}

.Gemini-text {font-weight:500}

#sofie-loader {
text-align: center;
margin: auto;
}

#sofie-loader img {
  animation: pulse 1.4s infinite ease-in-out;
}

@keyframes pulse {
  0% { transform: scale(1); opacity: 0.7; }
  50% { transform: scale(1.1); opacity: 1; }
  100% { transform: scale(1); opacity: 0.7; }
}	
	
/* PC outsourcing kalkulacka uspor - END */

/* PC varianty služby list + detail další */

.varianty-hlavni-sluzby {
    margin-top: 3em;
    border-top: 1px solid #ccc;
    padding-top: 2em;
}
	
	.varianty-hlavni-sluzby h3 {padding-bottom: 15px;}	

.varianty-hlavni-sluzby .varianty-wrapper {display:flex;gap:20px;}

.varianty-hlavni-sluzby h3 a {color:#000000;}

.varianta-box {
    display: flex;
flex-wrap: wrap;
    gap: 1.5em;
    margin-bottom: 2em;
    padding-bottom: 1em;
border-radius:5px;
}
	
.varianta-box h3 {
flex: 0 0 100%;
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: solid 2px #000000;
z-index:1
}

.varianta-box h3 a {
	display: flex;
    justify-content: space-evenly;
    align-content: flex-start;
    flex-wrap: nowrap;
    justify-items: flex-start;
    text-align: left;
	color:#000000;
position:relative;
padding-bottom:15px;
border:solid 0px;
align-items: center;
text-decoration:none;
}	
	
	.varianta-box h3 a:hover {
text-decoration:none;
}	
	
	.varianta-box h3 a::after {
content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: linear-gradient(to left, #0f1535, #f5b73b);
    bottom: -2px;
    left: 0;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
    pointer-events: none;
z-index:9999;
}
	
.varianta-box h3 a:hover::after {
    transform: scaleX(1);
z-index:9999;
}	

.varianta-box h3 a > span {
    pointer-events: none; 
}	
	
.varianta-box h3 a span.VariantaName {flex:1}	
	
.varianta-box h3 a span.VariantaName i {margin-right:10px;}	


.varianta-box h3 a span.VariantaExpandicon {margin-top:0px;}

.varianta-box h3 a span.VariantaExpandicon i {
    display: inline-block; 
    transition: transform 0.4s ease, color 0.4s ease;
margin-right:0px; 
	color:#f6b631;
transform-origin: right center;
font-size: 24px;
margin-top:0px;
}

.varianta-box h3 a:hover .VariantaExpandicon i {
transform-origin: right center;
    transform: scale(1.4); 
color:#080b2a;
font-weight:600;
}
	
.varianta-popis {width:75%}
	
.varianta-box .varianta-popis ol {margin-left: 18px;}
	
.varianta-popis a {color:#000000;}
	
.varianta-tags-wrapper {
width:22%;
background: url(https://business-office.cz/wp-content/uploads/2026/03/Business-Office-Solutions-Logo-500x500px.png);
        background-repeat: no-repeat;
        background-size: 50%;
        background-position: 50% 40%;
	
	}
	
.varianta-tags span {display:block}

.varianta-thumbnail img {
    max-width: 150px;
    height: auto;
    border-radius: 5px;
}

.varianta-info h4 {
    margin-top: 0;
    margin-bottom: 0.5em;
font-family:Oswald;
font-size:23px;
}

.varianta-info h4 a {color:#000000;}

.varianta-info p {
    margin: 0.3em 0;
}

.varianta-odkaz-blok {
display:flex;
flex-direction: column;
font-size:15px;
color:#000000;
margin-top: 10px !important;
    text-align: left;
    background: #FFFFFF;
border: solid 1px #000000;
    padding: 10px;
    border-radius: 5px;
background: linear-gradient(to right, #FFFFFF, #e6e7eb);
transition: all .8s ease;
}

.varianta-odkaz {
    display: inline-block;
    margin-top: 0px;
    text-decoration: underline;
color:#000000;
font-weight:500;
position: relative;
padding-right: 20px;
}
	
.varianta-odkaz	i {
position: absolute;
    right: 0px;
    text-align: right;
    bottom: 0px;
    font-size: 18px;
}
	
.varianta-odkaz-blok:hover {background:#f5b731}
a.varianta-odkaz:hover {}
	
	/* PC Varianty seznam list - tags  */	
	
.varianta-box .varianta-tags-wrapper p {margin-top:0px;margin-bottom:10px;}	
	
.varianta-box .varianta-tags-wrapper p.varianta-akcni-cena {
margin-bottom:0px !important;
margin-top: 0px;
padding-top: 3px;
padding-bottom: 3px;
position:relative;
}	
	
.varianta-box .varianta-tags-wrapper p.varianta-akcni-cena span.akcni_cena {
border-bottom: dashed 1px #000000;
padding:0px;
cursor:pointer;
}		

.varianta-box .varianta-tags-wrapper p.varianta-akcni-cena span.akcni_cena_info {
position:absolute;
top:40px;
left:0px;
background: rgba(255, 255, 255, 0.8);
border-radius: 5px;
padding: 4px 8px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.9);
color:#000000;
font-weight:500;
font-size:14px;
opacity: 0;
transform: translateY(-10px);
pointer-events: none;
transition: all 0.3s ease;
}			
	
.varianta-box .varianta-tags-wrapper p.varianta-akcni-cena:hover span.akcni_cena_info {
position:absolute;
top:40px;
left:0px;
z-index: 10;
background: rgba(255, 255, 255, 0.8);
border-radius: 5px;
padding: 4px 8px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.9);
color:#000000;
font-weight:500;
font-size:14px;
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}		
	
	
/* PC Varianta detail - button poptavka a tags  */	
	
	.varianta-tags-wrapper-detail {
width: 20%;
float:right;
background:#f3f6fb;
padding: 10px;
border-radius: 5px 5px 0px 0px;
text-align:center;
margin-bottom:1px;
margin-left: 10px;
border: solid 2px #30323a;
font-size: 16px;

}

.varianta-tags-wrapper-detail p {margin:0px;}
	
.varianta-tags-wrapper-detail p.varianta-akcni-cena {
    background: #e2ecf8;
    border-radius: 5px;
    color: #000000;
    border: dashed 1px #000000;
    margin-top: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor:pointer;
    position:relative;
}	
	
.varianta-tags-wrapper-detail p.varianta-akcni-cena span.akcni_cena_info {
position:absolute;
top:44px;
left:0px;
background: rgba(255, 255, 255, 0.9);
border-radius: 5px;
padding: 4px 8px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.9);
color:#000000;
font-weight:500;
font-size:14px;
opacity: 0;
transform: translateY(-10px);
pointer-events: none;
transition: all 0.3s ease;
}			
	
.varianta-tags-wrapper-detail p.varianta-akcni-cena:hover span.akcni_cena_info {
position:absolute;
top:44px;
left:0px;
z-index: 9999;
background: rgba(255, 255, 255, 0.9);
border-radius: 5px;
padding: 4px 8px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.9);
color:#000000;
font-weight:500;
font-size:14px;
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}		

.varianta-tags .obchodni_tag_sluzby {
display: flex;
justify-content: center;
margin-top: 10px;
gap: 8px;
}
	
.varianta-tags .obchodni_tag_sluzby span {
font-size:12px;
font-weight:500;
border:solid 2px #3c3c3c;
padding:3px 8px 3px 8px;
background:#e2ecf8;
border-radius:5px;
color:#000000;

}	
	
.varianta-tags .obchodni_tag_sluzby span.top {background:#f2b642} 	

.varianta-tags .obchodni_tag_sluzby span.zadane {}
	
.varianta-tags .obchodni_tag_sluzby .bezakce {display:none !important}	
	
.varianta-poptavka-stickybtn {
        width: 20%;
        position: sticky;
        right: 0px;
        background:rgba(14, 23, 53,0.1);
        top: 0px;
        padding: 10px;
        border-radius: 0px 0px 5px 5px;
        float: right;
        z-index: 100;
text-align:center;
clear:both;
margin-left: 10px;
border: solid 2px #0f1535;
    }
	
.varianta-poptavka-stickybtn .poptavka-box button.btn-poptavka {border:solid 1px #000000;font-size: 16px;width: 100%;}	
	
	
.dotaz-poptavka-box {
		position: absolute;
    bottom: 80px;
    right: 10px;
    display: flex;
    gap: 8px;
    z-index: 10;
    background: rgba(255, 255, 255, 0.8);
    padding: 0px 0px 0px 0px;
    width: 24%;
    justify-content: center;
    align-items: center;
	}	
	
.varianta-box .dotaz-poptavka-box .dotaz-box, .varianta-box .dotaz-poptavka-box .poptavka-box {width:50%;}	
	
.varianta-box .dotaz-poptavka-box button.js-dotaz-open, .varianta-box .dotaz-poptavka-box button.btn-poptavka {
        display: flex;
        flex-direction: row;
        border: none;
        border-radius: 5px;
        font-size: 16px;
        cursor: pointer;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        padding: 8px 12px 8px 12px;
        flex-wrap: nowrap;
border:solid 2px #000000;
    }	
	
.varianta-poptavka-stickybtn .poptavka-box {text-align:center !important}

	
	
/* PC paticka */	
	
.inside-footer-widgets .footer-widget-1 {
    background: #f5b731;
    border: solid 1px #000000;
    padding: 10px;
}

.inside-footer-widgets .footer-widget-1 nav figure {
width: 100%;text-align: center;
}

.inside-footer-widgets .footer-widget-1 nav figure img {border: solid 2px #FFFFFF;width:100px}
	
.inside-footer-widgets .footer-widget-1 nav figure figcaption {font-weight:600}
	
.inside-footer-widgets .footer-widget-2 aside#block-45 p {display:none}
	 
.inside-footer-widgets .footer-widget-2 aside#block-45 ul li {position: relative;
        padding-left: 20px;
        margin-left: 0px;}
	
.inside-footer-widgets .footer-widget-2 aside#block-45 ul li:before {
        content: "\f192";
        font-family: "Font Awesome 6 Free";
        font-weight: 500;
        position: absolute;
        left: 0;
        font-size: 12px;
        top: 5px;
    }		
	
.site-info {
    background: linear-gradient(to right, #FFFFFF, #080b2a);
    color: #FFFFFF;
}	
	
.footer-bar a {color: #FFFFFF}		
	

/* PC - LinkedIn Facebook */

#block-31 h3.wp-block-heading {position:relative}
#block-31 h3.wp-block-heading::before {
		font-family: dashicons;
        font-weight: 400;
        font-style: normal;
        text-decoration: inherit;
        text-transform: none;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-size: 18px;
        vertical-align: bottom;
        border: solid 1px #000000;
        color: #f5b731;
        background: #000000;
        border-radius: 5px;
padding:2px;
margin-right: 8px;
	}
	
#block-30 h3.wp-block-heading {position:relative}
#block-30 h3.wp-block-heading::before {
		font-family: dashicons;
        font-weight: 400;
        font-style: normal;
        text-decoration: inherit;
        text-transform: none;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-size: 18px;
        vertical-align: bottom;
        border: solid 1px #000000;
        color: #f5b731;
        background: #000000;
        border-radius: 5px;
padding:2px;
margin-right: 8px;
	}	
	
	

#block-43, #block-44 {padding-top:20px;text-align:center}
	
#block-44 .fb-xfbml-parse-ignore blockquote {font-family:Oswald;font-size:20px;}	
	
#block-44 .fb-page.fb_iframe_widget {border:solid 1px #CECECE;}	

#block-43 .sk-header-followers, #block-43 .sk-header-buttons, #block-43 .sk_branding a {display:none}

#block-43 .sk-ww-linkedin-page-post {    padding: 0px 0px 0px 0px;
margin: 0px 60px 0px 60px;
background:#f5f6f8;
height:400px;
border:solid 1px #CECECE;
overflow:hidden;
}

#block-43 .sk-ww-linkedin-page-post .sk-header-top {
gap:15px;
display: flex;
align-items: flex-start;
flex-direction:row;

}

#block-43 .sk-header-picture {
width: 50px;
height: 50px;
}

#block-43 .sk-ww-linkedin-page-post .sk-post-userpic {
    width: 45px;
    height: 45px;
	}

#block-43 .sk-posts-header {
background: #080b2a;
    padding: 8px;
    color: #FFFFFF;
}

#block-43 .sk-header-details .sk-header-name {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
text-align:left;
}

#block-43 .sk-header-details .sk-header-desc {
		margin-top: -10px;
    color: #f5b731;
padding-right:10px;
text-align:left;
padding-bottom: 7px;
}

#block-43 .sk-ww-linkedin-page-post .sk-posts-body {
    margin: 0px 0px 0px 0px;
		background:#f5f6f8;
}
	
	#block-43 .sk-ww-linkedin-page-post .sk-post-body-full {position:relative;cursor:pointer}
	

	
	#block-43 .sk-ww-linkedin-page-post .sk-post-body-full:after {
		content: "\f00e";
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    position: absolute;
            right: 0px;
        font-size: 18px;
        top: 0px;
        color: #FFFFFF;
border:solid 1px #f5b731;
background:#080b2a;
		padding:5px 10px 5px 5px;
border-radius:100%;
transform: translate(0%, 0%);

	}	
	
	#block-43 .sk-ww-linkedin-page-post .sk-post-body-full:hover:after
	{
		background: #f5b731;
color:#000000;
		
	}
	

#block-43 .sk-posts-masonry {
background:transparent;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#block-43 .sk-post-item {
width: 100%;
box-shadow: 0px 0px 0px 0px;
background:transparent;
padding: 15px;
text-align:left;
}
	
	

#block-43 .sk-ww-linkedin-page-post .sk-post-header {
    display: flex;
    align-items: flex-start;
gap: 15px;
}
	
	#block-43 .sk-ww-linkedin-page-post .sk-post-header	.sk-post-userinfo, #block-43 .sk-ww-linkedin-page-post .sk-post-header	.sk-post-userinfo {}
.sk-post-header .sk-post-dateposted

#block-43 a:hover {color:#080b2a}

#fb-box-wrapper {width:100%;text-align:center}

#facebook img._1drn._-s.img {border-radius: 5px;}

/* PC - LinkedIn Faacebook END */	
	
.one-container .site-content {padding-top: 25px;}	
	
	
/* PC - Vodafone Akce + podpora Business Office */

.Vodafone-clmn {
position:relative;
padding-bottom:80px !important;
border-top: solid 2px #000000;
}

.Vodafone-clmn h2 {height:50px;}

.Vodafone-btn {
position:absolute; 
bottom:20px;
display:flex;
}
.Vodafone-clmn a.Vodafone-btn {color:#FFFFFF !important}

body.page-id-3757 #content {
    background-color: transparent;
    background-image: url(https://business-office.cz/wp-content/uploads/2025/10/Robert-Machalla-Business-Office-white2.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 30%;
	}

.Vodafone-Price {
position:absolute; 
bottom:80px;
text-align:center;
left:20%;
}
	
/* PC - Blog Articles CTA */

.cta-box {padding-bottom:20px;}
.cta-box p {text-align:center}
.cta-link {
    background: #f5b73b;
    color: #000000;
    padding: 10px 20px 10px 20px;
    width: 100%;
    border-radius: 5px;
    border: solid 2px #000000;
    font-weight: bold;
}

.BlogArticle-Clmn {
	flex-basis: 0;
  flex-grow: 1;
  border: solid 2px #262642;
  padding: 10px;
  border-radius: 5px;
}
	
/* PC - mapa stranek */

.aioseo-html-sitemap {
display: flex;
gap: 10px;
}

.aioseo-html-sitemap h4 {
font-size:24px;
font-family:Oswald;
}
	
.aioseo-html-sitemap div {
flex: 1;
padding:10px;
border:solid 1px #000000;
border-radius: 5px;
}

.aioseo-html-sitemap div ul {margin-left: 20px;}
	
.aioseo-html-sitemap div ul li a {display:block;padding:6px;border:solid 1px #FFFFFF;}	
	
.aioseo-html-sitemap div ul li a:hover {display:block;padding:6px;background:#f7f8fa;border-radius:5px;border:solid 1px #CECECE;}	
	
	
/* PC - On line nástroje Company page */	

body.page-id-4240 h2.Company-header, body.page-id-4360 h2.Company-header, body.page-id-4399 h2.Company-header, body.page-id-4434 h2.Company-header,
body.page-id-5026 h2.Company-header
{
    padding: 10px;
    border-radius: 5px;
    background: linear-gradient(to right, #f5b73b, #0f1535), linear-gradient(to right, #f5b73b, #0f1535);
    color: #FFFFFF;
    border: solid 1px #000000;
}	
	
body.page-id-4240 .Company-Clmn, body.page-id-4360 .Company-Clmn, body.page-id-4399 .Company-Clmn, body.page-id-4434 .Company-Clmn,
body.page-id-5026 .Company-Clmn {
display: flex;
flex-direction: column;
position:relative;
}	

body.page-id-4240 .Company-Clmn h3, body.page-id-4360 .Company-Clmn h3, body.page-id-4399 .Company-Clmn h3, body.page-id-4434 .Company-Clmn h3,
body.page-id-5026 .Company-Clmn h3 {
	 background: #f5b732;
    border-radius: 5px;
    border: solid 2px #000000;
		padding:10px;
		color:#000000;
		text-align:center;
font-size:100%;
	}
	
	body.page-id-4240 .Company-Clmn a, body.page-id-4360 .Company-Clmn a, body.page-id-4399 .Company-Clmn a, body.page-id-4434 .Company-Clmn a,
body.page-id-5026 .Company-Clmn a {
position:absolute; 
bottom:10px;
right: 15px;
color:#FFFFFF;
}	
	
	
body.page-id-4240 .Company-Clmn .Company-Text, body.page-id-4360 .Company-Clmn .Company-Text, body.page-id-4399 .Company-Clmn .Company-Text, body.page-id-4434 .Company-Clmn .Company-Text, body.page-id-5026 .Company-Clmn .Company-Text {
    background: #262642;
    border-radius: 5px;
    border: solid 2px #ffdc5c;
		padding:15px;
		color:#FFFFFF;
    flex: 1;
    display: flex;
    flex-direction: column;
}
	
body.page-id-4240 .Company-Clmn .Company-Text p, body.page-id-4360 .Company-Clmn .Company-Text p, body.page-id-4399 .Company-Clmn .Company-Text p, body.page-id-4434 .Company-Clmn .Company-Text p, body.page-id-5026 .Company-Clmn .Company-Text p {
margin-top:0px;
margin-bottom:5px;
}	
	
/* PC - Vyhledávání page */

nav.SearchNav ul {
padding: 0px 20px 0px 20px;
}

nav.SearchNav ul li a {
padding:5px;
border:solid 1px #FFFFFF;
border-radius: 5px;
background:#FFFFFF;
display:block;
}

nav.SearchNav ul li a:hover {
padding:5px;
background: #f7f8fa;
border-radius: 5px;
border: solid 1px #CECECE;
display:block;
}

.wp-block-search__button-outside input.wp-block-search__input {height:63px;border:solid 1px #000000}

.wp-block-search__button-outside button.wp-block-search__button {
width: 150px;
background:#080b2a;
font-weight:bold
}


ul.gutena-tabs-tab li.gutena-tab-title {
margin-top:0px !important;
}

ul.gutena-tabs-tab li.gutena-tab-title.active {
border-bottom: solid 1px #000000 !important;
}

.searchwp-live-search-results-showing {
display: block;
opacity: 1;
height: auto;
overflow: auto;
width: 60% !important;
scrollbar-width: auto; /* pro Firefox */
scrollbar-color: #f5b73b #0f1535;
border-right: solid 1px #0f1535;
}
	
/* WebKit prohlížeče (Chrome, Safari, Edge) */
.searchwp-live-search-results-showing::-webkit-scrollbar {
  width: 16px;
}

.searchwp-live-search-results-showing::-webkit-scrollbar-track {
  background: #0f1535;
  border-radius: 5px;
border-radius: 999px;
}

.searchwp-live-search-results-showing::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #f5b73b, #000000); 
  border-radius: 5px;
border-radius: 999px;
margin: 4px;
}

.searchwp-live-search-results-showing::-webkit-scrollbar-thumb:hover {
  background: #f5b73b;
}	

h4.searchwp-live-search-result--title {margin-bottom:10px !important;}

h4.searchwp-live-search-result--title a {color:#000000 !important;}

.searchwp-live-search-result--info p.searchwp-live-search-result--desc a.read-more {color:#000000 !important;}

/* PC - Vyhledávání page END */	
	
	
/* PC Top Menu Search link */

#menu-languages-and-social li#menu-item-4615 {
margin-top:2px;
}

#menu-languages-and-social li#menu-item-4615 a {
background: #FFFFFF;
padding: 7px 10px 6px 10px;
font-size: 14px;
border-radius: 5px;
border: solid 2px #000000;
color:#000000;
position:relative;
padding-left:0px;
text-decoration:none;
font-weight:500;
}


#menu-languages-and-social li#menu-item-4615 a:hover {
background:#ebb847;
padding: 7px 10px 6px 10px;
font-size: 14px;
border-radius: 5px;
border:solid 2px #ebb847;
color:#000000;
position:relative;
padding-left:0px;
text-decoration:none;
font-weight:500;
}

#menu-languages-and-social li#menu-item-4615 .dashicons, .dashicons-before:before {
    font-size: 20px;
    width: 20px;
    height: 20px;
    text-decoration: none;
    border: solid 1px transparent;
    border-radius: 100%;
    background: transparent;
    padding-top: 0px;
} 

#menu-languages-and-social li#menu-item-4615 .menu-image-title-after.menu-image-title {
padding-left:5px;	
}

/* PC Top Menu Search link END */

	.inside-top-bar {padding-right:10px;}
	
	
/* PC Dotaz u variant - Modal box */

.dotaz-modal {
    display: none;
	position: fixed;
}


.dotaz-modal-content {        
width: 380px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 9999;
        background: rgba(244, 183, 48, 0.9);
        padding: 0px 20px 0px 20px;
        border: 4px solid #CECECE;
}	
	
.AgentClmn {
background: url(https://business-office.cz/wp-content/uploads/2026/04/chatgpt-gemini-claude-Logos-X.png);
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: 99% 94%;
}	
	
.AgentClmn_half {
        background: url(https://business-office.cz/wp-content/uploads/2026/04/chatgpt-gemini-claude-Logos-X.png);
        background-repeat: no-repeat;
        background-size: 60%;
        background-position: center 82%;
    }	
	

.inside-article .Category-article .gb-loop-item {
transition: background 0.9s ease, border 0.9s ease;
border:solid 2px #ebedf0;
}

.inside-article .Category-article .gb-loop-item:hover {
background: #e2ecf8;
border:solid 2px #3c3c3c;
}
	
/* PC - Hlavni Sluzby list */
	
	
.sluzby_imagewrapper {
flex: 0 0 32%;
padding-right: 20px;
position:relative;
}

.sluzby_imagewrapper .cena  {
    position: absolute;
    left: 0px;
    top: 5px;
    font-size: 14px;
    color: #000000;
    font-weight: 500;
    padding: 3px;
    display: inline-block;
    border-radius: 0px;
    background-color: rgba(255, 255, 255, 0.8);
    right: 0px;
    text-align: center;
    border-top: solid 1px #f5b732;
    margin-right: 20px;
    border: solid 1px #f5b732;
}	
	
.sluzby_textwrapper {
flex: 1 1 50%; 
padding-bottom:0px;
}
.sluzby_textwrapper h3 {margin-bottom: 10px;z-index: 1;}

.sluzby_textwrapper h3 a {
color:#000000;
position: relative;
transition: all .3s ease-in-out;
display: block;
padding: 2px 0px 2px 0px;
border: solid 0px;
}

.sluzby_textwrapper h3 a:hover {
text-decoration:none;
display: block;
}
	
.sluzby_textwrapper h3 a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #f5b73b, #0f1535);
  top: -6px;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease-out;
}

.sluzby_textwrapper h3 a::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #f5b73b, #0f1535);
  bottom: -7px;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s ease-out;
}	

.sluzby_textwrapper h3 a:hover::after,
.sluzby_textwrapper h3 a:hover::before {
  transform: scaleX(1);
}

.sluzby_textwrapper .popis {
padding-bottom: 50px;
}	
	
	
p.Button-Variants {
		position:absolute;
    right: 0px;
    left: 0px;
    bottom: 0px;
		text-align:right;
		margin-bottom:0px;
    width: 100%;
    display: block;
    background: #f3f6fb;
    border-radius: 0px 0px 5px 5px;
border-top:solid 1px #0f1535;
}

p.Button-Variants a.tlacitko-varianty {
    padding: 8px 20px 8px 35px;
    display: inline-block;
    border-radius: 0px;
    background-color: #0f1535;
    border-left:solid 1px #afafb9;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
		transition: all .8s ease;
		position:relative;
    border-radius: 0px 0px 0px 0px;
}	
	
p.Button-Variants a.tlacitko-varianty:before {
				font-family: "Font Awesome 6 Free" !important;
        content: "\f14e" !important;
        font-weight: 500 !important;
        position: absolute;
        left: 10px;
        font-size: 18px;
        top: 6px;
}

p.Button-Variants a.tlacitko-varianty:hover {
		background-color: #f5b73b;
    color: #000000;
		text-decoration:none;
border-radius: 0px 0px 5px 0px;
}

body.page-id-76 .sluzba-box:last-child .sluzby_imagewrapper, body.page-id-78 .sluzba-box:last-child .sluzby_imagewrapper {
flex: 0 0 15.5%;
padding-right: 20px;
position:relative;
}

body.page-id-76 .sluzba-box:last-child .sluzby_textwrapper, body.page-id-78 .sluzba-box:last-child .sluzby_textwrapper{
flex: 1 1 76%;
padding-bottom:50px;
}

/* PC Hlavni sluzby END  */


/* PC - Pop up slide Akce RAG AI poradce  */

.hustle-ui.module_id_2 .hustle-layout {
background-image: url(https://business-office.cz/wp-content/uploads/2026/04/1-RAG-AI-Chat-Busienss-Office-Solutions-1-800-686px.png);
    background-repeat: no-repeat;
    background-position: right top;
background-color: #0c0c0c;
height: 690px !important;
padding-bottom: 0px;
position:relative;
}


.hustle-ui.module_id_2 .hustle-layout {
border-radius: 0px 10px 10px 0px;
min-height: 686px !important;
border-width: 2px 2px 2px 0px;
    border-color: #FFFFFF;
}

.hustle-ui.module_id_2 .hustle-layout .hustle-layout-header {
background-color: rgba(3, 6, 13, 0.6);
padding: 10px 10px 10px 25px;
}

.hustle-ui.module_id_2 .hustle-layout h3.hustle-title {
font-family: 'Oswald';
padding: 20px 0px 0px 0px;
}


.hustle-ui.module_id_2 .hustle-layout h4.hustle-subtitle {
padding:0px;
font-family: 'Open Sans';
font-size: 16px;
margin-top: 20px;
}



.hustle-ui.module_id_2 .hustle-layout .hustle-layout-content {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.45em;
    font-family: Open Sans;
    padding: 10px 330px 10px 25px;

}

.hustle-ui:not(.hustle-size--small) .hustle-info.hustle-info--default .hustle-layout .hustle-layout-content .hustle-content {
        padding: 4px 20px 20px 0px;
}

.hustle-ui.module_id_2 .hustle-layout .hustle-content .hustle-content-wrap {padding: 0px 0px 20px 0px;}

.hustle-ui.module_id_2 .hustle-layout .hustle-group-content {
    padding: 10px 10px 0px 0px;
    background-color: rgba(3, 6, 13, 0.6);
    border-radius: 0px 15px 15px 0px;
    border-width: 2px 2px 2px 0px;
    border-color: #000000;
}

.hustle-ui.module_id_2 .hustle-layout .hustle-group-content p {font-size:16px !important;}

.hustle-ui.module_id_2 .hustle-layout .hustle-group-content hr {
    margin: 20px 0px 20px 0px;
    padding-top: 0px;
    padding-bottom: 0;
    border-bottom: solid 1px #FFFFFF;
    height: 1px;
}

.hustle-ui.module_id_2 .hustle-layout .hustle-group-content ol:not([class*="forminator-"]):last-child, .hustle-ui.module_id_2 .hustle-layout .hustle-group-content ul:not([class*="forminator-"]):last-child {
    list-style: none;
    padding-left: 0px;
    margin-left: 3px;
}


.hustle-ui:not(.hustle-size--small).module_id_2 .hustle-layout .hustle-group-content li:not([class*="forminator-"]) {
        position: relative;
        padding-left: 20px;
        margin-left: 0px;
        font-size:16px;
    }

.hustle-ui.module_id_2 .hustle-layout .hustle-group-content ul:not([class*="forminator-"]) li:before {
        content: "\f192";
        font-family: "Font Awesome 6 Free";
        font-weight: 500;
        position: absolute;
        left: 0;
        font-size: 12px;
        top: 1px;
    }


.hustle-ui.module_id_2 .hustle-layout .hustle-layout-footer {
        padding-left: 50px;
        padding-right: 0px;
        padding-top: 0px;
        position: absolute;
        bottom: -6px;
        left: 0px;
    }


.hustle-ui.module_id_2 .hustle-layout .hustle-cta-container {
    justify-content: flex-start;
    display: flex;
    align-content: center;
    padding-left: 0px;
    margin:0px !important
}


.hustle-ui.module_id_2 .hustle-layout .hustle-cta-container .hustle-button-cta {
    width: 100%;
    display: inline-block;
    border: solid 2px #000000;
    border-radius: 10px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
}


.hustle-ui.module_id_2 .hustle-layout p.hustle-cta-helper-text {
    background: rgba(255, 255, 255, 0.2);
    padding: 20px;
    border-radius: 5px;
    font-weight: 500;
    color:#FFFFFF;
    position:absolute;
    bottom:20px;
    left:50px;
}

.hustle-ui.module_id_2 button.hustle-button-close {
right: 10px;
top: 10px;
}


/* PC - Pop up slide Akce RAG AI poradce END */


}

/* General All Media */

body {
background-color:transparent;
background-image: url('https://business-office.cz/wp-content/uploads/2025/05/Business-office-decisions.png');
    background-position: top;
    background-repeat: no-repeat;
}




.dashicons, .dashicons-before:before  {
    font-size: 18px;
    width: 35px;
    height: 35px;
    text-decoration: none;
    border: solid 2px #FFFFFF;
    border-radius: 100%;
    background: #000000;
    padding-top: 4px;
    padding: 8px 6px 6px 6px;
}

#menu-languages-and-social li#menu-item-204 img, #menu-languages-and-social li#menu-item-205 img {
    border: solid 2px #000000;
    border-radius: 100%;
    height: 35px;
    width: 35px;
display:block
}

/* Top Header */

header.site-header {
    background:transparent;
}

.inside-header.grid-container {
flex-wrap: wrap;
padding: 20px 0px;
}
.site-branding .main-title {padding-left:25px}
.site-branding .main-title a {color:#FFFFFF}

/* Pripadove studie page list */

.page-list-ext h3.page-list-ext-title {font-size: 22px;margin-bottom:10px;}

.page-list-ext h3.page-list-ext-title a {color:#0f1535}

.page-list-ext h3.page-list-ext-title a:hover {color:#000000}

.page-list-ext .page-list-ext-image img {border-radius: 5px;
border: solid 2px #3c3c3c;
    padding: 2px;
}

/* Page Category Detail */

.page-header-image {display:none;}

.ImageBorder {border:solid 0px #CECECE }

ol, ul {
    margin: 0px 0px 0px 0px;
}

ul.wp-block-list {
	  list-style: none;
		padding-left:0px;
		margin-left:3px;

}

.Category-text-strong {margin-bottom:8px}

body.page-template-default.page article .inside-article figure.wp-block-image img {
background: linear-gradient(to right, #f5b73b, #0f1535), linear-gradient(to right, #f5b73b, #0f1535);
    border-right: 5px solid #0f1535;
    border-left: solid 5px #f5b73b;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
}

/* O nas uprava border certifikace galery */ 


body.page-id-42 article#post-42 .inside-article figure.wp-block-image img {
background: linear-gradient(to right, #f5b73b, #0f1535), linear-gradient(to right, #f5b73b, #0f1535);
    border-right: 2px solid #0f1535;
    border-left: solid 2px #f5b73b;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 2px;
}

body.sluzba-template-default .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image img, .wp-lightbox-container img {
    flex: 1 0 0%;
    height: 100%;
    background: linear-gradient(to right, #f5b73b, #0f1535), linear-gradient(to right, #f5b73b, #0f1535);
    border-right: 5px solid #0f1535;
    border-left: solid 5px #f5b73b;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
}


.inside-article ul, .inside-article ol, section.varianty-sluzby ul, section.varianty-sluzby ol {margin-bottom:20px;}

.inside-article ol {margin-left:20px;}

.type-sluzba .inside-article ul, .type-sluzba .inside-article ol {display: inline-block;}

section.varianty-sluzby h2 {font-size:26px;}

section.varianty-sluzby ul, section.varianty-sluzby ol

.inside-article ol {margin-left:20px}

.inside-article ol li, .inside-article ul li {margin-top:5px;}


.inside-article a {color:#000000}
.inside-article a:hover {color:#262642;}

.wp-block-cover, .wp-block-cover-image {
border-radius: 5px;
}

.HP-Banner-Claim {border:solid 1px #000000;border-radius: 5px;}

div.wp-embed p.wp-embed-heading a {
    text-decoration: none;
    font-family: tahoma !important;
    font-weight: 500;
    font-size: 20px;
    color: #000000;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
background: linear-gradient(0deg, #0006, #0000);
color: #000000;
}


/* Reference klientů */

.Reference_klientu .wp-block-column {
border: solid 1px #CECECE;
padding: 20px;
font-size: 15px;
border-radius:5px;
}

.Reference_klientu_clmn {position:relative;padding-bottom:120px !important;}

.Visitcard-Clients  {position:absolute;bottom:20px;width:90%}

.Visitcard-Clients p {margin:0px !important}


div.wp-block-button a.wp-element-button:hover {
		background-color: #0f1535 !important;
    color: #FFFFFF;
		text-decoration:none;
}

section.varianty-sluzby {}
section.varianty-sluzby .varianta-popis h2 {
margin-bottom: 10px;
}

section.varianty-sluzby .varianta-popis ul.wp-block-list  {
        padding-left: 0px;
        margin-left: 3px;
    }

section.varianty-sluzby h2 i {
margin-right:10px;
}


.varianta-box {
		margin-bottom: 2em;
    padding: 20px 20px 20px 32px;
    position: relative;
    border-right: 5px solid #0f1535;
    border-left: solid 5px #f5b73b;
    background: linear-gradient(to right, #f5b73b, #0f1535), linear-gradient(to right, #f5b73b, #0f1535) bottom left;
    background-repeat: no-repeat;
    background-size: 100% 4px;
border-radius:5px;
}


.varianta-popis {
		max-height: 400px;
    overflow: auto;
    margin-bottom: 0px;
		padding-right: 15px;
}

.varianta-cena {}
.poptavka-box {}
.poptavka-box button.btn-poptavka  {
    border-radius: 5px;
    background-color: #f5b73b;
    color: #000000;
    transition: all .8s ease;
}


.poptavka-box button.btn-poptavka:hover {
		background-color: #0f1535;
    color: #FFFFFF;
		text-decoration:none;
}


/* Varianty Pole Tagy ACF  */

p.varianta-tags  {margin-bottom:10px}
.varianta-box p.varianta-tags span {margin-right: 0px;}

/* Paticka */

.site-footer {
border-top: solid 1px #000000;
}

.inside-footer-widgets {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.inside-footer-widgets aside h3 {
font-size:22px
}

.inside-footer-widgets aside a {color:#000000}

.footer-widget-1, .footer-widget-2, .footer-widget-3 {
  flex: 0 0 31% !important;
}

.footer-widget-4, .footer-widget-5 {
  flex: 0 0 48% !important;
  margin-top: 20px;
}

.inside-footer-widgets > div {
border:solid 1px #CECECE;
padding:10px;
}



.site-footer .footer-widgets-container .inside-footer-widgets {
margin-left: 0px !important;
}

.site-footer .footer-widgets-container .inner-padding {
    padding: 10px 10px 10px 10px;
}

.footer-widgets .widget {
    margin-bottom: 0px;
}

.inside-site-info {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 40px;
		border-top: solid 1px #000000;
    padding-top: 15px;
}

.footer-bar-align-center .footer-bar {margin-bottom:0px;}

.footer-bar-align-center .footer-bar p {margin-bottom:10px;}

.copyright-bar {display:none}

@keyframes flash {
  0% {background-color: #f5b731; padding:2px;border-radius:5px;}
  100% {background-color: transparent;padding:2px;border-radius:5px;}
}
.flash-update {
  animation: flash 1s ease-out;padding:2px;border-radius:5px;
}

.frekvence-group table.zvyraznena-sluzba {
outline: 1px solid #0f1535;
background-color: rgba(15, 21, 53, 0.1);
    color: #000000;
}

/* Cílíme konkrétní box s overflow */
.scrollbox {
  max-height: 400px;
  overflow: auto;
  scrollbar-width: auto; /* pro Firefox */
  scrollbar-color: #f5b73b #0f1535;
border-right: solid 1px #0f1535;

}

/* WebKit prohlížeče (Chrome, Safari, Edge) */
.scrollbox::-webkit-scrollbar {
  width: 16px;
}

.scrollbox::-webkit-scrollbar-track {
  background: #0f1535;
  border-radius: 5px;
border-radius: 999px;
}

.scrollbox::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #f5b73b, #000000); 
  border-radius: 5px;
border-radius: 999px;
margin: 4px;
}

.scrollbox::-webkit-scrollbar-thumb:hover {
  background: #f5b73b;
}


.varianta-box {position:relative;}

#post-42 div.wp-block-column.Onas-clmn {position:relative !important;padding-bottom: 30px;}

#post-42 div.wp-block-column.Onas-clmn .gutena-tabs-block {position: unset;}

#post-42 div.wp-block-column.Onas-clmn .gutena-tabs-block>.gutena-tabs-content {position: unset;}

#post-42 div.wp-block-column.Onas-clmn .wp-block-social-links {
position:absolute;
bottom:0px;
right:20px;
}

body.page-id-76 #content, body.page-id-78 #content, body.page-id-80 #content {
background-color: transparent;
    background-image: url(https://business-office.cz/wp-content/uploads/2025/06/Outsourcing-obchod-backoffice-1.png);
    background-position: 0px 12px;
    background-repeat: no-repeat;
}

body.page-id-134 #content {
    background-color: transparent;
    background-image: url(https://business-office.cz/wp-content/uploads/2025/06/Outsourcing-kalkulacka-konfigurator-1.png);
    background-position: 0px 12px;
    background-repeat: no-repeat;
}

body.page-id-39 #wpforms-37 {    
background-color: transparent;
    background-image: url(https://business-office.cz/wp-content/uploads/2025/06/Kontakt-Orange-1.png);
    background-position: -420px -35px;
    background-repeat: no-repeat;
}

#wpforms-37 #wpforms-form-37 textarea, #wpforms-37 #wpforms-form-37 input {
background: rgba(255, 255, 255, 0.5);
}

div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    border: 2px solid #000000;
    box-sizing: border-box;
    background: transparent;
    font-weight: 600;
position:relative;
}

#wpforms-confirmation-1055 {
    border: 2px solid #000000;
    box-sizing: border-box;
    background: #FFFFFF;
    font-weight: 600;
    margin-bottom: 0px;
    position: relative;
    border-radius: 5px;
}

div.wpforms-confirmation-container-full.wpforms-confirmation-scroll:after {
    content: "\f14a";
    font-family: "Font Awesome 6 Free";
    font-weight: 500;
    position: absolute;
    right: 10px;
    font-size: 30px;
    top: 5px;
    color: green;
}

.sluzby_imagewrapper img, .featured-image img {
border-radius: 5px;
border: solid 2px #f5b732;
background: transparent;
padding:1px;
}

article .inside-article .featured-image {display:none !important}

.cky-btn-revisit-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3469a5 !important;
    width: 25px !important;
    height: 25px !important;
    border-radius: 50%;
    position: fixed;
    z-index: 999999;
    cursor: pointer;
    left: 5px !important;
}


.Animated-logo-bg-clmn {
  position: relative;
  z-index: 1;
  text-align: center;
border: solid 1px #CECECE;
}

.Animated-logo-bg-clmn .Content-text {
 position: relative;
  z-index: 1;
  color: #000000;
  text-align: left;
  padding: 2rem;
background:rgba(255, 255, 255, 0.5);
height:100%;
font-weight: 500;
}

.Animated-logo-bg {text-align:center;}

.Animated-logo-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
z-index:0;
border: solid 1px #CECECE;
}

.EmptyWhite {
position: absolute;
    bottom: 35px;
    left: 0px;
    width: 110px;
    height: 53px;
    background: #fafdfc;
    z-index: 1;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
}


/* Gemini AI Sofie  */

#sofie-widget {
  position: fixed;
    bottom: 100px;
    right: 0px;
  z-index: 9999;
  font-family: sans-serif;
padding-top: 30px;
}

#sofie-button {
    color: white;
    text-align: center;
    line-height: 40px;
    font-size: 22px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0px;
    right: 0;
    background: #f5b731;
    border-radius: 5px 0 0 4px;
    cursor: pointer;
    border: solid 1px #000000;
display:flex;
padding-right: 10px;
padding-left: 4px;
}

#sofie-button i {
		width: 30px;
    margin-top: 10px;
    font-size: 20px;
color: #000000;	
}

#sofie-button span {
font-size:14px;
white-space: nowrap;
margin-left: 4px;
color:#000000;
}

#sofie-box {
  width: 300px;
  height: 400px;
  background: white;
  border: 1px solid #0f1535;
  border-radius: 5px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

#sofie-box {
  scrollbar-width: auto; /* pro Firefox */
  scrollbar-color: #f5b73b #0f1535;
}

/* WebKit prohlížeče (Chrome, Safari, Edge) */
#sofie-box::-webkit-scrollbar {
  width: 16px;
}

#sofie-box::-webkit-scrollbar-track {
  background: #0f1535; /* tmavě modrá */
   border-radius: 999px;
}

#sofie-box::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #f5b73b, #000000); /* přechod CTA > černá */
  border-radius: 5px;
  border-radius: 999px; /* maximalizované zakulacení */
  margin: 4px; /* opt. oddělení od kraje (volitelné) */
}

#sofie-box::-webkit-scrollbar-thumb:hover {
  background: #f5b73b; /* výraznější na hover */
}


#sofie-header {
background-color: #f5b73b;
    padding: 10px 10px 10px 20px;
    font-weight: 400;
    color: #16214C;
    text-align: center;
    background-image: url(https://business-office.cz/wp-content/uploads/2025/07/AI-Gemini-Chat-Square-100x100-1.png);
    background-position: -7px 0px;
    background-size: 16%;
    background-repeat: no-repeat;
    font-family: 'Oswald';
    font-size: 18px;
}

#sofie-log {
  flex-grow: 1;
  padding: 10px;
  overflow-y: auto;
  font-size: 14px;
}

.sofie-user {
  text-align: left;
  color: #444;
  margin: 5px 0;
    background: rgba(15, 21, 53, 0.1);
    border-radius: 5px;
    padding: 8px;
}

.sofie-sofie {
  text-align: left;
  color: #16214C;
  margin: 5px 0;
}

.typing-indicator {
padding-top:10px;
padding-bottom:5px;
padding-left:35px;
font-weight:500;
display:block;
background-image: url('https://business-office.cz/wp-content/uploads/2025/07/Sofia-working.gif');
    background-size: 6%;
    background-repeat: no-repeat;
background-position: left center;
}

#sofie-input-row {
  display: flex;
flex-direction: column;
  border-top: 1px solid #ddd;
padding: 10px;
align-items: center;
}

#sofie-input {
  flex-grow: 1;
  border: none;
  padding: 10px;
  font-size: 14px;
height:130px;
 border-radius: 5px;
}

#sofie-send {
  border: none;
  background: #f5b73b;
  color: white;
  font-size: 18px;
  cursor: pointer;
display:block;
    padding: 5px;
    border-radius: 5px;
    width: 100%;
    text-align: center;
	
}

.Reload-Send-btns {display:flex;width:100%;padding-top:20px;}

.Reload-Send-btns button {}

.Reload-Send-btns .Reload-btn {width:50%;display:none;}
.Reload-Send-btns .Send-btn {width:100%} 

.Reload-Send-btns .Reload-btn button {
 border: none;
  background: #f5b73b;
  color: white;
  font-size: 14px;
  cursor: pointer;
display:block;
    padding: 5px;
    border-radius: 5px;
    width: 100%;
    text-align: center;
}

body.page-id-3529 #content {
    background-color: transparent;
    background-image: url(https://business-office.cz/wp-content/uploads/2025/06/Outsourcing-kalkulacka-konfigurator-1.png);
    background-position: 0px 12px;
    background-repeat: no-repeat;
}

/* Vyhledávání Page */

.inside-right-sidebar aside {
padding:20px !important;
background:#f5f6f8 !important;
border:solid 1px #000000;
}

#right-sidebar .inside-right-sidebar aside h2 {font-family: Oswald, sans-serif;
font-size: 24px;
font-weight:400;
}

#right-sidebar .inside-right-sidebar aside a {
position:relative;
display:block;
padding:0px 0px 0px 20px;
color:#000000;
text-decoration:none;
}

#right-sidebar .inside-right-sidebar aside a:hover {
position:relative;
display:block;
padding:0px 0px 0px 20px;
color:#000000;
text-decoration:none;
text-decoration:underline;
}

#right-sidebar .inside-right-sidebar figure a {
padding-left: 0px !important;
border:solid 1px #000000;
border-radius:5px;
}

#right-sidebar .inside-right-sidebar figure figcaption a {
background:#f5b732;
font-weight:500;
padding:10px;
margin-top:5px;
border-radius:5px;
border:solid 2px #000000;
font-size:16px;

}

#right-sidebar .inside-right-sidebar figure figcaption a:hover {
background:#080b2a;
font-weight:500;
padding:10px;
margin-top:5px;
border-radius:5px;
border:solid 2px #FFFFFF;
color:#FFFFFF;
font-size:16px;
}

#right-sidebar .inside-right-sidebar #block-63 a:before, #right-sidebar .inside-right-sidebar #block-65 a:before, #right-sidebar .inside-right-sidebar #block-67 a:before {
        content: "\f192";
        font-family: "Font Awesome 6 Free";
        font-weight: 500;
        position: absolute;
        left: 0;
        font-size: 10px;
        top: 6px;
    }

#right-sidebar .inside-right-sidebar aside#searchwp_live_search-3 .searchwp-live-search-widget-search-form {
display:flex;
}

#right-sidebar .inside-right-sidebar aside#searchwp_live_search-3 .searchwp-live-search-widget-search-form input {border:solid 1px #000000}

#right-sidebar #block-65 ul.wp-block-page-list > li > a {
    font-weight: 500;
}

body.search-results #main.site-main .page-header {
flex: 0 0 100%;
}

body.search-results #main.site-main {
    margin-right: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: space-between;
}


body.search-results #main.site-main article {
flex: 1 1 calc(50% - 1rem);
        border: 1px solid #ccc;
        padding: 1em;
        box-sizing: border-box;
        margin-bottom: 0px;
        border: 1px solid #ccc;
        padding: 1em;
        display: flex;
        border-radius: 5px;

}

div.wp-block-buttons.is-content-justification-center button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) {
    color: #FFFFFF;
    background-color: #000000 !important;
    border: solid 3px #f3b733 !important;
    font-weight: 500;
fill:#FFFFFF !important;
	
}

.searchwp-live-search-widget-search-form .search-submit {border: solid 0px !important}

.dotaz-modal-content label.wpforms-field-label {
text-align:left !important;
margin-bottom:2px !important;
}

.dotaz-modal-content .wpforms-field-container textarea.wpforms-field-large {height:150px !important;}

/* Close button */
.dotaz-modal-content .dotaz-close {
    position: absolute;
    top: 12px;
    right: 22px;
    background: transparent;
    font-size: 30px;
    cursor: pointer;
border:solid 1px #000000;
color:#000000;
padding:8px 10px 10px 10px;
line-height:18px;
border-radius:5px;
z-index: 100;
}

/* Button style – přizpůsob podle designu */
.poptavka-box button.js-dotaz-open {
    padding: 8px 20px;
    display: inline-block;
    border-radius: 5px;
    background-color: #f5b73b;
    font-size: 15px;
    color: #000000;
    font-weight: 500;
    transition: all .8s ease;
		margin-top:20px;
		width:198px;
}

.poptavka-box button.js-dotaz-open:hover {
		background-color: #0f1535;
    color: #FFFFFF;
		text-decoration:none;
}

.poptavka-box button.js-dotaz-open i {
margin-right: 6px;	
}

#dotaz-modal-37 #wpforms-form-37 label {
	text-align:left;
}

.btn-dotaz:hover {
    background: #f5b942;
}


/* Looker data Iframe s overflow 
#post-6027 iframe.central-looker-data {
  max-height: 400px;
  overflow: auto;
  scrollbar-width: auto; /* pro Firefox */
  scrollbar-color: #f5b73b #0f1535;
border-right: solid 1px #0f1535;

}
*/

/* WebKit prohlížeče (Chrome, Safari, Edge) */
#post-6027 iframe.central-looker-data::-webkit-scrollbar {
  width: 16px;
}

#post-6027 iframe.central-looker-data::-webkit-scrollbar-track {
  background: #0f1535;
  border-radius: 5px;
border-radius: 999px;
}

#post-6027 iframe.central-looker-data::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #f5b73b, #000000); 
  border-radius: 5px;
border-radius: 999px;
margin: 4px;
}

#post-6027 iframe.central-looker-data::-webkit-scrollbar-thumb:hover {
  background: #f5b73b;
}

.Category-article {
    border: solid 3px #000000;
    border-radius: 5px;
    padding: 15px;
position:relative;
padding-bottom: 70px;
}

.Category-article  .query-loop-pagination {
position: absolute;
    bottom: 20px;
    right: 20px;
}

.Category-article .gb-loop-item {padding-bottom:0px}

.gb-loop-item h2.gb-text {
font-family: Oswald, sans-serif;
    font-size: 24px;
}

.gb-loop-item h2.gb-text a {color:#000000}

nav.gb-query-loop-pagination span {border-radius:5px;}

nav.gb-query-loop-pagination span:hover {border-radius:5px;}

nav.gb-query-loop-pagination a {border-radius:5px;}

nav.gb-query-loop-pagination a:hover {border-radius:5px;background:#f4b63b}

/* Slider query loop */

.bo-post-slider {
  overflow: hidden;
  width: 100%;
}

/* Track musí být jeden vodorovný pás */
.bo-post-slider .bo-slider-track {
  display: flex !important;
  flex-direction: row !important;   /* ← zásadní fix */
  flex-wrap: nowrap !important;
  width: 100%;
  transition: transform 0.45s ease;
  column-gap: 0px !important;
}

/* Každý slide zabere přesně 100 % šířky slideru */
.bo-post-slider .bo-slider-track > .gb-loop-item {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Uvnitř slidů nepouštět cizí grid/flex pravidla */
.bo-post-slider .gb-loop-item {
  display: block !important;
}

/* přebití GenerateBlocks */
.bo-post-slider .bo-slider-track {
  flex-direction: row !important;
  row-gap: 0 !important;
}

/* Schovat původní pagination */
.bo-post-slider .query-loop-pagination,
.bo-post-slider .gb-query-loop-pagination {
  display: none !important;
}

/* Navigace */
.bo-post-slider .bo-slider-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin-top: 26px;
position: absolute;
    bottom: 16px;
	    left: 0px;
    right: 0px;
}

.bo-post-slider .bo-slider-arrow {
  appearance: none;
  border: 2px solid #cfcfcf;
  background: #fff;
  color: #111;
  width: 36px;
  height: 36px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.bo-post-slider .bo-slider-arrow i {margin-top:3px}

.bo-post-slider .bo-slider-arrow:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.bo-post-slider .bo-slider-arrow:hover {
background:#f5b63b;
border:solid 2px #000000;
color:#FFFFFF
}

.bo-post-slider .bo-slider-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.bo-post-slider .bo-slider-dot {
  appearance: none;
  width: 11px;
  height: 11px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #c9c9c9;
  cursor: pointer;
}

.bo-post-slider .bo-slider-dot:hover {background: #f5b63b;}

.bo-post-slider .bo-slider-dot.is-active {
  background: #000000;
}

figure.is-type-video {
background: linear-gradient(to right, #f5b73b, #0f1535), linear-gradient(to right, #f5b73b, #0f1535);
    border-right: 5px solid #0f1535;
    border-left: solid 5px #f5b73b;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
}

.HP-Services-Boxes a:hover {
text-decoration:none
}

.HP-Services-Boxes ul.wp-block-list li:hover:before {font-weight:800}

#main ul.gutena-tabs-tab li.gutena-tab-title.active {
        border-bottom: solid 2px #000000 !important;
    }	

ul.wp-block-social-links li.wp-social-link {border-radius:5px;border:solid 2px #f4b63b}

.obchodni_tag_sluzby .bezakce {visibility:hidden !important}

.sk-ww-linkedin-page-post .sk-posts-header {margin-bottom:0px !important;}
.sk-posts-header .sk-header-meta .sk-header-desc {display:none !important}
.sk-ww-linkedin-page-post .sk-header-copy {padding-top:5px !important;}
.sk-posts-header .sk-header-top .sk-header-copy a.sk-header-name {color:#FFFFFF !important;}



/* Mobil */
@media (max-width: 767px) {
  .bo-post-slider .bo-slider-nav {
    gap: 12px;
    margin-top: 20px;
  }

  .bo-post-slider .bo-slider-arrow {
    width: 42px;
    height: 42px;
    font-size: 20px;
  }

  .bo-post-slider .bo-slider-dots {
    gap: 8px;
  }
}