/* Owner-requested spacing in the existing contact strip only.
   Keep the original labels, colours, type sizes and navigation behaviour. */
@media (min-width:1200px) {
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_1 > .language-contact-row {
  display:grid;
  grid-template-columns:minmax(140px,1fr) minmax(0,1.8fr) minmax(0,1.3fr) max-content max-content;
  align-items:center;
  column-gap:clamp(24px,2vw,36px);
  row-gap:16px;
  margin:0;
  padding-block:8px;
 }
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_1 > .language-contact-row::before,
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_1 > .language-contact-row::after {
  display:none;
 }
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_1 > .language-contact-row > .span6:first-child {
  grid-column:1;
  grid-row:1;
  min-width:0;
  width:auto;
  margin:0;
  padding-right:0;
 }
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_1 > .language-contact-row > .span6:nth-child(2),
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_1 .header_widget_2,
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_1 #custom_html-3,
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_1 #custom_html-3 > .textwidget,
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_1 #text-8,
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_1 #text-8 > .textwidget {
  display:contents;
 }
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_1 > .language-contact-row > .span6:nth-child(2) > .clear {
  display:none;
 }
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_1 #text-8 > .textwidget > b {
  display:flex;
  align-items:stretch;
  align-self:center;
  grid-column:2;
  grid-row:1;
  min-width:0;
  margin:0;
  padding:0;
 }
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_1 .header-driver-advice {
  grid-column:3;
  grid-row:1;
  align-self:center;
 }
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_1 .tel {
  grid-column:4;
  grid-row:1;
  display:grid;
  grid-auto-flow:row;
  justify-self:start;
  justify-items:start;
  align-content:center;
  gap:4px;
  min-width:0;
  margin:0;
  padding:0;
  text-align:left;
 }
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_1 > .language-contact-row > .language-switcher {
  grid-column:5;
  grid-row:1;
  position:relative;
  inset:auto;
  justify-self:end;
  align-self:center;
  margin:0;
  transform:none;
 }
}
@media (max-width:1199px) {
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_1 > .language-contact-row {
  row-gap:12px;
 }
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_1 :is(.mobile-booking-trigger,.header-driver-advice) {
  min-width:0;
 }
}
@media (max-width:1199px) and (min-height:501px) {
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_1 #text-8 > .textwidget {
  column-gap:20px;
  row-gap:14px;
 }
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_1 .tel {
  margin-top:4px;
  column-gap:20px;
  row-gap:4px;
 }
}
@media (min-width:768px) and (max-width:1199px) and (min-height:501px) {
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_1 #text-8 > .textwidget {
  grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
 }
}
@media (max-width:479px) and (min-height:501px) {
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_1 #text-8 > .textwidget {
  grid-template-columns:minmax(0,1fr);
 }
}
@media (max-width:1199px) and (max-height:500px) and (orientation:landscape) {
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_1 > .language-contact-row {
  column-gap:16px;
  row-gap:8px;
 }
}

/* Driver advice: one light accordion surface across every chapter and group.
   The shared theme uses a three-ID :is() specificity branch plus !important.
   Mirror that existing branch, then add page/component scope so this override
   wins without changing warning images, brand controls or technical content. */
body.page-warning-lights :is(#post-203#post-203#post-203,.content-holder) .warning-lights :is(
 .driver-topic,.wl-group,.wl-infotainment-section,.wl-info-category,
 .fuels-section,.oil-section,.coolant-section,.brake-fluid-section,
 .washer-section,.emissions-section,.service-section
)>summary{
 background:#F5F7F9!important;
 background-image:none!important;
 color:#252D34!important;
 border-color:#C4CBD1!important;
 box-shadow:inset 4px 0 0 transparent!important;
}

body.page-warning-lights :is(#post-203#post-203#post-203,.content-holder) .warning-lights :is(
 .driver-topic,.wl-group,.wl-infotainment-section,.wl-info-category,
 .fuels-section,.oil-section,.coolant-section,.brake-fluid-section,
 .washer-section,.emissions-section,.service-section
)[open]>summary{
 background:#FFF0E7!important;
 color:#252D34!important;
 border-color:#C4CBD1!important;
 box-shadow:inset 4px 0 0 var(--brand-orange,#FF6B1A)!important;
}

@media(hover:hover){
 body.page-warning-lights :is(#post-203#post-203#post-203,.content-holder) .warning-lights :is(
  .driver-topic,.wl-group,.wl-infotainment-section,.wl-info-category,
  .fuels-section,.oil-section,.coolant-section,.brake-fluid-section,
  .washer-section,.emissions-section,.service-section
 )>summary:hover{
  background:#FFF0E7!important;
  color:#252D34!important;
  border-color:#C4CBD1!important;
  box-shadow:inset 4px 0 0 var(--brand-orange,#FF6B1A)!important;
 }
}

body.page-warning-lights :is(#post-203#post-203#post-203,.content-holder) .warning-lights :is(
 .driver-topic,.wl-group,.wl-infotainment-section,.wl-info-category,
 .fuels-section,.oil-section,.coolant-section,.brake-fluid-section,
 .washer-section,.emissions-section,.service-section
)>summary:focus-visible{
 background:#FFF0E7!important;
 color:#252D34!important;
 border-color:#C4CBD1!important;
 box-shadow:inset 4px 0 0 var(--brand-orange,#FF6B1A)!important;
 outline:3px solid #252D34!important;
 outline-offset:-4px!important;
}

/* Previous interaction rules force descendant span text and arrows separately. */
body.page-warning-lights :is(#post-203#post-203#post-203,.content-holder) .warning-lights :is(
 .driver-topic,.wl-group,.wl-infotainment-section,.wl-info-category,
 .fuels-section,.oil-section,.coolant-section,.brake-fluid-section,
 .washer-section,.emissions-section,.service-section
)>summary :is(span,strong,b,h2,h3,h4,h5){
 color:inherit!important;
}
body.page-warning-lights :is(#post-203#post-203#post-203,.content-holder) .warning-lights :is(
 .driver-topic,.wl-group,.wl-infotainment-section,.wl-info-category,
 .fuels-section,.oil-section,.coolant-section,.brake-fluid-section,
 .washer-section,.emissions-section,.service-section
)>summary :is(.driver-topic-arrow,.wl-group-arrow),
body.page-warning-lights :is(#post-203#post-203#post-203,.content-holder) .warning-lights :is(
 .driver-topic,.wl-group,.wl-infotainment-section,.wl-info-category,
 .fuels-section,.oil-section,.coolant-section,.brake-fluid-section,
 .washer-section,.emissions-section,.service-section
)>summary::after{
 color:inherit!important;
 border-color:currentColor!important;
}

/* Mobile: give the brand, location and navigation equal breathing room.
   Keep the existing short landscape navigation arrangement. */
@media (max-width:767px) and (min-height:501px) {
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_2 .logo {
  margin:0 auto!important;
  padding:calc(22px + env(safe-area-inset-top,0px)) 0 22px!important;
 }
 body.js-visual-preview #motopress-main#motopress-main .header.header .header_block_1 {
  padding:18px 0 16px!important;
 }
 body.js-visual-preview #motopress-main#motopress-main .header.header .nav__primary {
  box-sizing:border-box;
  margin:0!important;
  padding:18px 0!important;
 }
 body.js-visual-preview #motopress-main#motopress-main .header.header .nav__primary>.navigation-toggle {
  margin:0 auto!important;
 }
 body.js-visual-preview #motopress-main#motopress-main .header.header .nav__primary>.language-switcher {
  top:18px;
 }
}
@media (max-width:767px) {
 body.js-visual-preview.home .oil-hero__specialization {
  justify-self:center;
  width:100%;
  text-align:center;
  text-wrap:balance;
 }
 /* Booking numbers stay next to their own label at every mobile width. */
 body.js-visual-preview .site-service-contact {
  padding:24px var(--js-gutter);
 }
 body.js-visual-preview .site-service-contact__inner {
  grid-template-columns:minmax(0,1fr);
  gap:12px;
 }
 body.js-visual-preview .site-service-contact__intro {
  margin-bottom:4px;
 }
 body.js-visual-preview .site-service-contact__part:not(.site-service-contact__intro):not(.site-service-contact__hours) {
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:2px;
  padding:10px 16px;
  border:1px solid #ffffff38;
  border-radius:8px;
  background:#252D34;
 }
 body.js-visual-preview .site-service-contact__label {
  font-size:16px;
  line-height:24px;
 }
 body.js-visual-preview .site-service-contact__phone {
  justify-content:center;
  font-size:20px;
  line-height:28px;
 }
 body.js-visual-preview .site-service-contact__hours {
  padding-top:4px;
 }
 /* Existing DOM order is office phone/email, then service phone/email.
    Two adjacent halves form one card without moving or duplicating content. */
 body.js-visual-preview #motopress-main#motopress-main .footer #text-9>.textwidget {
  grid-template-columns:minmax(0,1fr);
  gap:0;
 }
 body.js-visual-preview #motopress-main#motopress-main .footer #text-9>.textwidget>b {
  margin:4px 0 18px;
  font-style:normal;
  line-height:1.5;
 }
 body.js-visual-preview #motopress-main#motopress-main .footer #text-9>.textwidget>:is(i,em) {
  box-sizing:border-box;
  width:100%;
  min-width:0;
  margin:0;
  padding:12px 16px 0;
  border:1px solid #ffffff38;
  border-bottom:0;
  border-radius:8px 8px 0 0;
  background:#252D34;
  color:#F5F7F9;
  font-size:16px;
  font-style:normal;
  line-height:24px;
 }
 body.js-visual-preview #motopress-main#motopress-main .footer #text-9>.textwidget>i {
  font-weight:700;
 }
 body.js-visual-preview #motopress-main#motopress-main .footer #text-9>.textwidget>em {
  margin-bottom:14px;
  padding-top:0;
  padding-bottom:10px;
  border-top:0;
  border-bottom:1px solid #ffffff38;
  border-radius:0 0 8px 8px;
 }
 body.js-visual-preview #motopress-main#motopress-main .footer #text-9>.textwidget>:is(i,em)>a {
  display:flex;
  align-items:center;
  width:100%;
  min-width:44px;
  min-height:44px;
  margin:0;
  padding:0;
  font-size:16px;
  font-style:normal;
  line-height:24px;
  overflow-wrap:anywhere;
 }
 body.js-visual-preview #motopress-main#motopress-main .footer #text-9>.textwidget>i>a {
  color:var(--brand-orange);
  font-size:20px;
  font-weight:700;
 }
}

/* The legacy heading used 10,000px grey extensions on both sides.
   The surrounding content already has the same graphite surface. */
body.js-visual-preview #motopress-main .content-holder .title-section::before,
body.js-visual-preview #motopress-main .content-holder .title-section::after {
 content:none!important;
 display:none!important;
}

/* Phone layouts end with the compact copyright/preferences footer.
   Contacts and directions remain available on the dedicated Contact page. */
@media (max-width:767px), (max-width:1199px) and (max-height:500px) and (orientation:landscape) {
 body.js-visual-preview #motopress-main .site-service-contact,
 body.js-visual-preview #motopress-main .footer .footer-widgets,
 body.js-visual-preview #motopress-main .footer [data-motopress-static-file="static/static-map.php"] {
  display:none!important;
 }
 body.js-visual-preview #motopress-main .footer {
  margin-top:0;
  padding-top:0;
 }
 body.js-visual-preview #motopress-main .footer>.container {
  border-top:0!important;
 }
}

/* The offered-services panel uses the page surface around its rounded edges;
   legacy full-width pseudo-elements must not paint grey side strips. */
body.js-visual-preview #motopress-main #post-203 .home-offered-services::before,
body.js-visual-preview #motopress-main #post-203 .home-offered-services::after {
 content:none!important;
 display:none!important;
}

/* Match the orange homepage frames on the remaining service-card grids. */
body.js-visual-preview #motopress-main :is(#post-2272,#post-2065) #portfolio-grid .portfolio_item_holder {
 border:2px solid var(--brand-orange)!important;
 border-radius:8px;
 overflow:hidden;
}
/* Keep the photo frame above both the static image and the moving SVG layers.
   An overlay avoids changing the lift's image-to-SVG alignment. */
body.js-visual-preview #motopress-main #post-2272 :is(.cupra-mobile-image,.cupra-desktop-image) {
 position:relative;
 border-radius:8px;
 overflow:hidden;
}
body.js-visual-preview #motopress-main #post-2272 :is(.cupra-mobile-image,.cupra-desktop-image)>img {
 border:0!important;
}
body.js-visual-preview #motopress-main #post-2272 :is(.cupra-mobile-image,.cupra-desktop-image)::after {
 content:'';
 position:absolute;
 inset:0;
 z-index:3;
 box-sizing:border-box;
 border:2px solid var(--brand-orange);
 border-radius:inherit;
 pointer-events:none;
}

/* Provider-generated Firmy.cz rating in the existing reviews dropdown. */
body.js-visual-preview #motopress-main .nav__primary #topnav #menu-item-recenze>.js-review-ratings {
 width:320px;
 min-width:0;
 max-width:calc(100vw - 32px);
}
body.js-visual-preview :is(#motopress-main,.mobile-nav-panel) #menu-item-recenze .reviews-rating-link {
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 gap:8px;
 white-space:normal;
}
body.js-visual-preview :is(#motopress-main,.mobile-nav-panel) #menu-item-recenze .reviews-rating-badge {
 display:block;
 width:249px;
 max-width:100%;
 height:auto;
 aspect-ratio:249 / 56;
 border:0!important;
 border-radius:4px;
 box-shadow:none!important;
 background:#fff;
}
body.js-visual-preview :is(#motopress-main,.mobile-nav-panel) #menu-item-recenze .reviews-rating-badge[hidden] {
 display:none!important;
}
@media(max-width:1199px) {
 body.js-visual-preview #motopress-main .nav__primary #topnav #menu-item-recenze>.js-review-ratings {
  width:100%;
  max-width:100%;
 }
}
body.js-visual-preview #motopress-main .nav__primary.desktop-menu-collapsed #topnav #menu-item-recenze>.js-review-ratings {
 width:100%;
 max-width:100%;
}

/* Google summary uses the same responsive reviews dropdown as Firmy.cz. */
body.js-visual-preview :is(#motopress-main,.mobile-nav-panel) #menu-item-recenze .google-review-rating {
 display:flex;
 flex-direction:column;
 gap:3px;
 box-sizing:border-box;
 width:249px;
 max-width:100%;
 padding:10px 12px;
 background:#fff;
 color:#252d34;
 border-radius:4px;
 font:14px/1.4 system-ui,sans-serif;
 text-transform:none;
 letter-spacing:normal;
}
body.js-visual-preview :is(#motopress-main,.mobile-nav-panel) #menu-item-recenze .google-review-rating-line {
 display:flex;
 align-items:center;
 gap:10px;
 flex-wrap:wrap;
}
body.js-visual-preview :is(#motopress-main,.mobile-nav-panel) #menu-item-recenze .google-review-stars {
 position:relative;
 display:inline-block;
 color:#d6d6d6;
 font-size:20px;
 line-height:1.2;
 letter-spacing:1px;
 white-space:nowrap;
}
body.js-visual-preview :is(#motopress-main,.mobile-nav-panel) #menu-item-recenze .google-review-stars>span {
 position:absolute;
 top:0;
 left:0;
 overflow:hidden;
 color:#c77c00;
 white-space:nowrap;
}
body.js-visual-preview :is(#motopress-main,.mobile-nav-panel) #menu-item-recenze .google-review-updated {
 color:#56616b;
 font-size:11px;
}

/* Keep the complete oil photograph visible on wide desktop displays.
   The photo and animated flow share the same frame and scale together. */
@media(min-width:1200px) {
 body.js-visual-preview.home .oil-hero,
 body.js-visual-preview.home .oil-hero__inner {
  min-height:clamp(500px,31.25vw,640px);
 }
 body.js-visual-preview.home .oil-hero__frame {
  width:auto!important;
  height:100%!important;
  max-width:none;
  aspect-ratio:1980 / 1312;
 }
 body.js-visual-preview.home .oil-hero__frame::after {
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,#252d34,transparent 9%,transparent 91%,#252d34);
 }
}