/*
*
*   Zde můžete vložit vlastní styly stránky. Níže jsou nastavená media query.
*
*   POZN: po uložení stránky, dojde k přepsání původních stylů na základě vložených stylů!
*
*/

@media only screen and (min-width: 0px) {

  
  .parallax .in .title {
    font-weight:500;
    padding-bottom:12px;
    font-size:18px;
    }

    .parallax .in .name {
    font-weight:600;
  }

  .parallax .in .text {
    font-weight:400;
    text-shadow: 1px 1px 1px black;
    }

    .banner-alcap .in .content .title {
      font-weight:600;
  }

    #footer .in.copyright {
        background:#252525;
    }

    #promo .in .slider ul li .content h1 strong, #promo .in .slider ul li .content h2 strong {
      line-height: 45px;
  }

    #promo .in .slider ul li .content .more .sg-arrow-link i {
      display:none;
    }

    #promo .in .slider ul li .content .more .sg-arrow-link {
      padding: 11px 22px 10px 22px;
      border: 1px solid #ffffff;
      transition:0.5s;
    }

    #promo .in .slider ul li .content .more .sg-arrow-link:hover {
      background:#d60c0c;
      border: 1px solid #d60c0c;
      transition:0.5s;
    }

    .banner-excimg .in .main .content .title {
      padding: 0px 0 0 0;
    }

.cookie-law-wrapper.floating .cookie-law div.consent-info .close.submit{
  background: #013461;
}

.cookie-law-wrapper .cookie-law .close{
    background: #ff2828;
    color:#ffffff;
}

.cookie-law-wrapper .cookie-law .more.black, .cookie-law-wrapper .cookie-law .close.black {
    background: #176d34;
    color: #ffffff;
    font-weight: bold;
}

.cookie-consent h1{
  font-size:32px;
}

  
  /*mapa se nema zobrazovat*/
  #map{
  	display:none;
  }
  
  .kalkulacka-button .sg-button i {
      display:none;
    }

    .kalkulacka-button .sg-button {
      padding: 11px 22px 10px 22px;
      border: 1px solid #000000;
      transition:0.5s;
    }

    .kalkulacka-button .sg-button:hover {
      background:#d60c0c;
      border: 1px solid #d60c0c;
      transition:0.5s;
    }

    .parallax .in .more .sg-button{
      padding: 11px 22px 10px 22px;
      border: 1px solid #ffffff;
      transition:0.5s;
    }

    .parallax .in .more .sg-button:hover {
      background:#d60c0c;
      border: 1px solid #d60c0c;
      transition:0.5s;
    }

    .parallax .in .more .sg-button i {
      display:none;
    }

      /*vycentrovat vyhody obchodu pro mobily*/
    .delivery .content{
      text-align:center;
    }

    /*pridat border okolo fotky produkty*/
    .sg-product-item a{
      border: 1px solid #D3D3D3;
      padding: 15px 0px;
  }

  .sg-product-item a:hover{
    border-color: #d60c0c;
}

  /*odstranit border u nazvu produktu a zmeny tlacitka*/
  .sg-product-item h2 a{
    border: none;
    padding: 0px;
}

.gdpr ol{
  padding: 5px 0 10px 15px;
}

.gdpr ul{
  padding: 0px 0 10px 15px;
}

.sg-product-item p a{
  border: 1px solid #bababa;
  border-radius:0px;
  padding: 11px 22px 10px 22px;
}

.sg-product-item p a:hover{
  border-color: #080403;
}

/*border okolo top 3 nejprodavanejsi v kategorii*/
#products-list .in .right-side .best-sell .list ul li .image a img {
  border: 1px solid #D3D3D3;
      padding: 8px 0px;
      transition:0.5s;
}

#products-list .in .right-side .best-sell .list ul li .image a img:hover {
  border-color: #d60c0c;
  transition:0.5s;
}


#product-detail .in .right-side .gallery ul li a, .product-detail-like .in .right-side .gallery ul li a {
  border: 1px solid #D3D3D3;
  padding: 8px;
  transition:0.5s;
}

#product-detail .in .right-side .gallery ul .more a{
  padding:0px;
}

#product-detail .in .right-side .gallery ul li a:hover, .product-detail-like .in .right-side .gallery ul li a:hover {
  border-color: #d60c0c;
  transition:0.5s;
}

/*varianty produktu border image*/
#product-detail .in .left-side .product-variants ul li a span.image, .product-detail-like .in .left-side .product-variants ul li a span.image {
  border: 1px solid #D3D3D3;
  padding: 8px 0px;
  transition:0.5s;
}

#product-detail .in .right-side .gallery ul li.main, .product-detail-like .in .right-side .gallery ul li.main {
  border: 1px solid #D3D3D3;
  transition:0.5s;
}

#product-detail .in .left-side .product-variants ul li a span.image:hover, .product-detail-like .in .left-side .product-variants ul li a span.image:hover {
  border-color: #d60c0c;
  transition:0.5s;
}

#product-detail .in .right-side .gallery ul li.main:hover, .product-detail-like .in .right-side .gallery ul li.main:hover {
  border-color: #d60c0c;
  transition:0.5s;
}

#blog .sg-button.black{
  background:#d60c0c;
}

.sg-form .sg-button.black{
  background:#d60c0c;
}

.sg-form .sg-button.icon.right-arrow i{
  display:none;
}
  
  /*kalkulacka rozcestnik - skryt nazvy*/
  .signpost ul li span {
  	display:none;
  }

  .signpost ul li img{
  	max-height:320px;
  }

      /*Obsahové bloky - Centrum*/  
  .content-row:after {
    content: "";
    display: table;
    clear: both;
  }
    
.content-row{
    margin-bottom: 15px;
}

.calculator-content-row:after {
  content: "";
  display: table;
  clear: both;
}

  .calculator-content-row{
    margin-bottom: 15px;
  }

.content-column{
    width: 100%;
    margin-top: 20px;
}

.calculator-content-column{
  width: 100%;
  margin-top: 20px;
}

.ordinace-column{
    width: 100%;
    margin-bottom: 20px;
}
  
  /*tabulka kontaktu - medical center*/
  .info-table {
  border-collapse: collapse;
}

.info-table td {
  border: none!important;
  padding: 4px 0;
  vertical-align: top;
}

.info-table td:first-child {
  padding-right: 16px; /* mírné odsazení pravé buňky */
  white-space: nowrap;
}

.banner-alcap .in .content .subtitle p {
  font-size: 15px;
}

#shorts #gallery .list {
  flex-direction: row;
}

/*medical center banner*/
.mc-banner {
    width: 100%;
    background-color: #e6e6e6; 
    background-image: url('/upload/images/medical-center/cover-mc.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width:1000px;
    margin:auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    margin-top:35px;
    margin-bottom:20px;
}


.mc-banner-content {
    text-align: center;
}

.mc-banner-content h2 {
    color: #d60c0c;
    margin-bottom: 15px;
    font-size:25px;
}

#contacts .in .ckeditor{
  width:100%;
}

#contacts .in:nth-child(2){
  padding: 10px 15px 0px 15px;
}
  
  #contacts .in .contacts ul li .value a {
  	text-decoration:underline;
  }

/*prvni tabulka v kontaktech*/
.contacts-table-wrapper {
  width: 100%;
  margin-top:15px;
}

.contacts-table {
  border-collapse: separate;
  border-spacing: 0;
  border: none !important;
  width:100%;
}

/* tvrdý reset borderů – ochrana proti theme stylům */
.contacts-table,
.contacts-table th,
.contacts-table td,
.contacts-table tr {
  border: none !important;
}

.contacts-table a {
  color: inherit;
  text-decoration: none;
}

.contacts-table a:hover {
  text-decoration: underline;
}

/* ---------- MOBIL: stacked layout ---------- */

.contacts-table thead {
  display: none;
}

.contacts-table,
.contacts-table tbody,
.contacts-table tr,
.contacts-table td {
  display: block;
}

.contacts-table tr {
  margin-bottom: 16px;
}

.contacts-table td {
  background-color: #f7f7f7;
  padding: 10px 12px;
}

.contacts-table td::before {
  content: attr(data-label);
  display: block;
  font-size: 13px;
  opacity: 0.7;
  margin-bottom: 4px;
}

/*druha tabulka v kontaktech*/
.contacts-table-2-wrapper {
  width: 100%;
  margin-top: 15px;
}

.contacts-table-2 {
  border-collapse: separate;
  border-spacing: 0;
  border: none !important;
  width: 100%;
}

/* tvrdý reset borderů – ochrana proti theme stylům */
.contacts-table-2,
.contacts-table-2 th,
.contacts-table-2 td,
.contacts-table-2 tr {
  border: none !important;
}

.contacts-table-2 a {
  color: inherit;
  text-decoration: none;
}

.contacts-table-2 a:hover {
  text-decoration: underline;
}

/* jméno + čtverec */
.contacts-table-2 .name-cell {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.contacts-table-2 .color-square {
  width: 28px;
  height: 28px;
  border-radius: 2px; /* lehce zaoblené, když chceš úplně ostré rohy, dej 0 */
  flex: 0 0 28px;
}

.contacts-table-2 .name-text {
  display: inline-block;
}

/* ---------- MOBIL: stacked layout ---------- */
  .contacts-table-2 thead {
    display: none;
  }

  .contacts-table-2,
  .contacts-table-2 tbody,
  .contacts-table-2 tr,
  .contacts-table-2 td {
    display: block;
  }

  .contacts-table-2 tr {
    margin-bottom: 16px;
  }

  .contacts-table-2 td {
    background-color: #f7f7f7;
    padding: 10px 12px;
    word-break: break-word; /* region bývá dlouhý */
  }

  .contacts-table-2 td::before {
    content: attr(data-label);
    display: block;
    font-size: 13px;
    opacity: 0.7;
    margin-bottom: 4px;
  }

  /* aby byl čtverec na mobilu o chlup menší (volitelné) */
  .contacts-table-2 .color-square {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
  }

  /* kalkulačka TABULKA */
.calculator-table-wrapper {
  width: 100%;
  margin: 20px 0;
}

.calculator-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 15px;
}

/* tvrdý reset proti theme */
.calculator-table,
.calculator-table th,
.calculator-table td,
.calculator-table tr {
  border: none !important;
}

/* HLAVIČKA */
.calculator-table thead th {
  background-color: #dcdcdc;
  color: inherit;
  text-align: left;
  padding: 14px 16px;
  font-weight: 600;
}

/* TĚLO */
.calculator-table tbody td {
  background-color: #f7f7f7;
  padding: 14px 16px;
  vertical-align: middle;
}

/* bílé oddělení řádků */
.calculator-table tbody tr + tr td {
  border-top: 2px solid #ffffff !important;
}

/* šířky sloupců */
.calculator-table th:first-child,
.calculator-table td:first-child {
  width: 35%;
  font-weight: 500;
}

.calculator-table th:last-child,
.calculator-table td:last-child {
  width: 65%;
}

.mte-calculator button{
  border: solid 2px #d60c0c!important;
  background: #d60c0c!important;
}

.mte-calculator {
  max-width:none!important;
}

.calculator-display-mobile{
  display:block;
}

.calculator-display-desktop{
  display:none;
}

}

@media only screen and (min-width: 480px) {
  /*velikost rozcestnikove dlazdice - kalkulacka*/
  .signpost ul li {
    flex: 0 1 42%;
}

#contacts .in:nth-child(2){
  padding: 10px 25px 0px 25px;
}


}

@media only screen and (min-width: 768px) {

  .delivery .content{
    text-align:left;
  }

  .parallax .in .text {
    text-shadow: none;
    }

    .banner-excimg .in .main .content .title {
      padding: 40px 0 0 0;
    }
  
  /*Obsahové bloky - Centrum*/  
  .content-row{
        display:flex;
      }

      #footer .in.copyright:before, #footer .in.copyright:after{
        background:#252525;
      }

    .content-column{
      float:left;
      width: 50%;
      /*padding: 0px 40px 0px 40px;*/
    }

    .content-column:nth-child(even){
      padding-left:8px;
    }

    .content-column:nth-child(odd){
      padding-right:8px;
    }
  
    .parallax .in .name {
        font-size: 40px;
    	font-weight:600;
    }

    #contacts .in:nth-child(2){
      padding: 10px 0 0px 0;
    }

  .parallax .in .text {
    padding:30px 0px 0px 0px;
	}
    #header .nav .in .menu .main ul li .submenu .item h2 {
        font-size: 18px;
      margin-bottom:8px;
      transition: 0.3s;
    }
  
  #header .nav .in .menu .main ul li .submenu .item h2:hover {
        color:#d60c0c;
    transition: 0.3s;
    }

    /*velikost rozcestnikove dlazdice - kalkulacka*/
    .signpost ul li {
      flex: 0 0 42%;
  }

  .banner-alcap .in .content .title {
    font-size: 30px;
}

#promo .in .slider ul li .content h1 strong, #promo .in .slider ul li .content h2 strong {
  line-height: 50px;
}

    .mc-banner {
        padding: 50px 40px;
    }

    /*prvni tabulka v kontaktech*/
      .contacts-table {
    display: table;
  }

  .contacts-table thead {
    display: table-header-group;
  }

  .contacts-table tbody {
    display: table-row-group;
  }

  .contacts-table tr {
    display: table-row;
  }

  /* HLAVIČKA */
  .contacts-table th {
    display: table-cell;
    padding: 16px;
    text-align: left;
    font-weight: 600;
    background-color: #dcdcdc;
    color: inherit;
  }

  /* TĚLO TABULKY */
  .contacts-table td {
    display: table-cell;
    padding: 16px;
    background-color: #f7f7f7;
    vertical-align: middle;
  }

  /* JEDINÉ POVOLENÉ OHRANIČENÍ – BÍLÁ LINKA MEZI ŘÁDKY */
  .contacts-table tbody tr + tr td {
    border-top: 2px solid #ffffff !important;
  }

  /* vypnutí mobilních labelů */
  .contacts-table td::before {
    display: none;
  }

  /*druha tabulka v kontaktech*/
  .contacts-table-2 {
    display: table;
    table-layout: fixed; /* důležité pro pevné poměry sloupců */
  }

  .contacts-table-2 thead {
    display: table-header-group;
  }

  .contacts-table-2 tbody {
    display: table-row-group;
  }

  .contacts-table-2 tr {
    display: table-row;
  }

  /* HLAVIČKA */
  .contacts-table-2 th {
    display: table-cell;
    padding: 16px;
    text-align: left;
    font-weight: 600;
    background-color: #dcdcdc;
    color: inherit;
    vertical-align: middle;
  }

  /* TĚLO */
  .contacts-table-2 td {
    display: table-cell;
    padding: 16px;
    background-color: #f7f7f7;
    vertical-align: middle;
  }

  /* bílá linka mezi řádky */
  .contacts-table-2 tbody tr + tr td {
    border-top: 2px solid #ffffff !important;
  }

  /* vypnutí mobilních labelů */
  .contacts-table-2 td::before {
    display: none;
  }

  /* šířky sloupců: poslední (Region) výrazně širší */
  .contacts-table-2 th:nth-child(1),
  .contacts-table-2 td:nth-child(1) {
    width: 24%;
  }

  .contacts-table-2 th:nth-child(2),
  .contacts-table-2 td:nth-child(2) {
    width: 16%;
  }

  .contacts-table-2 th:nth-child(3),
  .contacts-table-2 td:nth-child(3) {
    width: 18%;
  }

  .contacts-table-2 th:nth-child(4),
  .contacts-table-2 td:nth-child(4) {
    width: 42%;
  }

  /* region: ať se text zalamuje hezky */
  .contacts-table-2 td:nth-child(4) {
    white-space: normal;
    word-break: break-word;
  }

}

@media only screen and (min-width: 1024px) {
  /*velikost fontu v hlavnim menu*/    
  #header .nav .in .menu .main ul li .submenu .item h2 {
        font-size: 18px;
    }
/*velikost rozcestnikove dlazdice - kalkulacka*/
    .signpost ul li {
      flex: 0 1 23.5%;
  }

  .banner-alcap .in .content .title {
    font-size: 35px;
}

.parallax .in .title {
  font-weight:300;
  }

  .parallax .in .text {
    font-weight:400;
    }

.cookie-consent h1{
  font-size:38px;
}

.banner-alcap .in .content .subtitle p {
  font-size: 15px;
}

.calculator-content-row{
  display:flex;
}

    /*sloupce obsahu u kalkulacek*/
    .calculator-content-column{
      float:left;
      width: 50%;
      /*padding: 0px 40px 0px 40px;*/
    }

    .calculator-content-column:nth-child(even){
      padding-left:8px;
    }

    .calculator-content-column:nth-child(odd){
      padding-right:8px;
    }

    .calculator-display-mobile{
      display:none;
    }
    
    .calculator-display-desktop{
      display:block;
    }

#promo .in .slider ul li .content h1 strong, #promo .in .slider ul li .content h2 strong {
  line-height: 55px;
}
/*sloupce pro rozbalovaci seznam ordinaci*/
  .ordinace-row{
        display:flex;
      }
    .ordinace-column{
      float:left;
      width: 50%;
      /*padding: 0px 40px 0px 40px;*/
    }

    .ordinace-column:nth-child(even){
      padding-left:8px;
    }

    .ordinace-column:nth-child(odd){
      padding-right:8px;
    }

        .mc-banner {
        padding: 60px 60px;
    }

    .mc-banner-content h2 {
    font-size:30px;
}

}

@media only screen and (min-width: 1200px) {
  .banner-alcap .in .content .title {
    font-size: 40px;
}

.banner-alcap .in .content .subtitle p {
  font-size: 15px;
}

/*roztec pisma v banneru*/
#promo .in .slider ul li .content h1 strong, #promo .in .slider ul li .content h2 strong {
  line-height: 70px;
}

}

@media only screen and (min-width: 1600px) {
  .parallax .in .name {
        font-size: 40px;
    	font-weight:600;
    }

    .parallax .in .title {
      font-size:18px;
      }
}

#custom-form form {
	.input, .textarea, .file {
		flex-direction: column;
		row-gap: 5px;

		label {
			flex: 0 1 auto;
		}
	}

	.file {
		label {
			br {
				display: none;
			}
		}
	}

	.checkbox label {
		flex: 0 1 100%;

		&:after {
			display: none;
		}
	}

	.submit.black {
		input[type="submit"] {
			background: #d60c0c;;
			color: #ffffff;
		}
	}

	.b-row-2 {
		gap: 0 20px;

		.grid {
			flex: 0 1 calc(50% - 10px);
		}
	}
}