/*
 * Sablona VAMOS nad Cassiopeiou. Barvy a pismo z shaper_radon (preset1),
 * rucni upravy VAMOS z jeho css/custom.css jsou v oddilu "VirtueMart" dole.
 */

/* Source Sans 3 (= Source Sans Pro, nastupce), OFL - fonts/OFL.txt.
   Lokalne, ne z Google Fonts: zadny dotaz na cizi server pri kazde navsteve. */
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 300; font-display: swap;
  src: url(../fonts/source-sans-3-latin-ext-300-normal.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 300; font-display: swap;
  src: url(../fonts/source-sans-3-latin-300-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 400; font-display: swap;
  src: url(../fonts/source-sans-3-latin-ext-400-normal.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 400; font-display: swap;
  src: url(../fonts/source-sans-3-latin-400-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 600; font-display: swap;
  src: url(../fonts/source-sans-3-latin-ext-600-normal.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 600; font-display: swap;
  src: url(../fonts/source-sans-3-latin-600-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --vamos-link: #0085dd;        /* preset1_link */
  --vamos-link-hover: #0066aa;
  --vamos-text: #333;
  --vamos-muted: #666;
  --vamos-header-bg: #f9f9f9;
  --vamos-band-bg: #f2f2f2;     /* pruh s mottem */
  --vamos-footer-bg: #333;
  --vamos-product-bg: #e6ecf0;  /* custom.css: div.vm-col */
  --vamos-border: #1a67a3;      /* custom.css: ramecky obrazku */
  --vamos-table: #4f81bd;       /* custom.css: tabulky v popisu produktu */

  /* Promenne Cassiopeie, aby jeji komponenty (tlacitka, odkazy) mely nase barvy. */
  --cassiopeia-color-primary: var(--vamos-link);
  --cassiopeia-color-link: var(--vamos-link);
  --cassiopeia-color-hover: var(--vamos-link-hover);
  --link-color: var(--vamos-link);
  --link-hover-color: var(--vamos-link-hover);
  --cassiopeia-font-family-body: "Source Sans 3", "Source Sans Pro", system-ui, sans-serif;
  --cassiopeia-font-family-headings: "Source Sans 3", "Source Sans Pro", system-ui, sans-serif;
  --cassiopeia-font-weight-normal: 300;
  --cassiopeia-font-weight-headings: 400;
  --body-font-family: var(--cassiopeia-font-family-body);
  --body-font-weight: 300;
  --body-color: var(--vamos-text);
}

/* Sirka obsahu jako shaper_radon (layout_width 940 + okraje). Lista nahore je
   pres celou sirku, stejne jako tam. */
@media (min-width: 992px) {
  .vamos .container { max-width: 980px; }
}

body.vamos {
  font-family: var(--cassiopeia-font-family-body);
  font-weight: 300;
  color: var(--vamos-text);
  background: #fff;
}
.vamos h1, .vamos h2, .vamos h3, .vamos h4 { font-family: var(--cassiopeia-font-family-headings); font-weight: 400; color: #333; }
.vamos strong, .vamos b { font-weight: 600; }
.vamos a { color: var(--vamos-link); text-decoration: none; }
.vamos a:hover, .vamos a:focus { color: var(--vamos-link-hover); }

/* --- lista: logo, menu, hledani -------------------------------------------- */
.vamos-header { background: var(--vamos-header-bg); }
.vamos-header .navbar { padding: 0 1rem; min-height: 70px; }
.vamos-logo img { display: block; height: auto; max-width: 115px; }
.vamos-header .navbar-toggler { border: 0; font-size: 1.5rem; color: #333; }
.vamos-header .navbar-collapse { justify-content: space-between; }
/* `.mod-menu` ma od Cassiopeie sloupcove rozlozeni - tady radek. */
.vamos-header .vamos-menu ul.mod-menu, .vamos-menu ul { display: flex; flex-direction: row; flex-wrap: wrap; list-style: none; margin: 0 0 0 2rem; padding: 0; }
.vamos-menu li a { display: block; padding: 1.5rem 1.1rem; color: #333; font-weight: 400; text-decoration: none; }
.vamos-menu li.active > a, .vamos-menu li.current > a, .vamos-menu li a:hover { color: var(--vamos-link); }
.vamos-search { margin-right: 4rem; }
.vamos-search input[type="text"], .vamos-search input[type="search"] {
  border: 1px solid #ddd; background: #fff; padding: .35rem .6rem; width: 12rem; font-weight: 300;
}
@media (max-width: 991.98px) {
  .vamos-header .vamos-menu ul.mod-menu, .vamos-menu ul { flex-direction: column; margin: 0; }
  .vamos-menu li a { padding: .6rem 0; }
  .vamos-search { margin: 0 0 1rem; }
}

/* --- titulka ---------------------------------------------------------------- */
.vamos-slide { padding-top: 10px; }
.vamos-slider .carousel-item img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.vamos-slider .vamos-slide-title { font-size: 1.4rem; margin: .8rem 0 1.2rem; text-transform: uppercase; }
.vamos-slider .vamos-slide-more { display: inline-block; margin-bottom: 2rem; }
.vamos-slider .carousel-indicators { bottom: 0; margin-bottom: .6rem; }
.vamos-slider .carousel-indicators [data-bs-target] { background-color: #888; width: 10px; height: 10px; border-radius: 50%; }
.vamos-slider .carousel-control-prev, .vamos-slider .carousel-control-next { width: 5%; filter: invert(.6); }

.vamos-action { background: var(--vamos-band-bg); padding: 1.6rem 0; }
.vamos-action h2 { font-size: 1.4rem; margin: 0 0 .8rem; }
.vamos-action p { margin: 0; }

.vamos-service { padding-top: 4.5rem; padding-bottom: 6rem; }
.vamos-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: 2rem; }
.vamos-feature h3 { font-size: 1.4rem; margin: 0 0 1.2rem; display: flex; align-items: center; gap: 1rem; }
.vamos-feature h3 [class*="fa-"] { font-size: 1.9rem; color: #333; }
.vamos-feature p { color: var(--vamos-muted); }

/* --- nadpis stranky a drobeckova navigace (pozice subheader, breadcrumb) ---- */
.vamos-subheader { padding-top: 4.5rem; padding-bottom: 1rem; }
.vamos-pagetitle h2 { font-size: 1.4rem; text-transform: uppercase; margin: 0; }
.vamos-breadcrumb .breadcrumb { justify-content: flex-end; margin: 0; background: none; padding: 0; font-size: .85rem; }
@media (max-width: 767.98px) { .vamos-breadcrumb .breadcrumb { justify-content: flex-start; margin-top: .5rem; } }

/* --- obsah -------------------------------------------------------------- */
.vamos-main { padding-top: 1.5rem; padding-bottom: 3rem; }
.vamos-left h3, .vamos-right h3 { font-size: 1.4rem; margin-bottom: 1.2rem; }
.vamos-left ul.menu, .vamos-left ul.VMmenu, .vamos-left ul { list-style: none; padding-left: 1.6rem; }
.vamos-left li { line-height: 1.6; }

/* --- spodni pruh a paticka ------------------------------------------------ */
.vamos-bottom { background: var(--vamos-footer-bg); color: #ccc; padding: 4rem 0 3rem; }
.vamos-bottom h3 { color: #fff; font-size: 1.4rem; text-transform: capitalize; margin-bottom: 1.2rem; }
.vamos-bottom ul { list-style: none; padding: 0; margin: 0; }
.vamos-bottom a { color: var(--vamos-link); }
.vamos-bottom p { color: #ccc; margin-bottom: .9rem; }
.vamos-footer { padding-top: 1.8rem; padding-bottom: 1.8rem; color: #555; }
.vamos-footer p { margin: 0; }

/* --- VirtueMart (z custom.css VAMOS) -------------------------------------- */
.product-fields-title { font-weight: 600; float: left; }
.product-field-display { float: right; margin: 0 60% 0 0; }
.medium-image { height: 180px; }
.pdf_small, .additional-documents .pdf_small { height: 20px; margin-right: 10px; vertical-align: middle; width: 16px; }
.product-price-detail span.PricepriceWithoutTax, .product-price-detail span.PricesalesPrice, span.product_sku,
.manufacturer a.manuModal, .product-price-detail span.PriceunitPrice, span.product_packaging_detail {
  float: right; margin-right: 30px; text-align: right;
}
.product-price-detail span.vm-price-desc { font-weight: 600; }
span.PricepriceWithoutTax, span.PricesalesPrice { float: right; }
span.title { font-weight: 600; display: block; border-bottom: 1px solid #cac9c9; margin: 0 0 6px; padding-top: 10px; }
.main-image img { border-radius: 15px; border: solid 2px var(--vamos-border); }
.browse-view .row .product .spacer img, .related-products-view .row .product .spacer img,
.category-view .row .category .spacer h2 a img, .product-related-products img, .product-related-categories img {
  border-radius: 15px; border: solid 2px var(--vamos-border); margin-top: 20px;
}
.browseProductImage { max-height: 180px; }
div.vm-col { background-color: var(--vamos-product-bg); }
div.vm-col h2 a, .category-view .row .category .spacer h2 a { font-size: 1.4em; }
.product-price { float: right; margin-bottom: 0; min-width: 100%; }
span.PricepriceWithoutTax, span.PricesalesPrice, span.PriceunitPrice, span.product_packaging { float: right; min-width: 50px; }
div.mn_v_baleni { float: right; line-height: 18px; margin-bottom: 6px; min-width: 100%; text-align: right; }
span.product_pck_desc { text-align: left; min-width: 16px; margin: 0 12px 3px 0; }
span.product_packaging { min-width: 50px; text-align: right; }
span.addtocart-button input.addtocart-button { font-size: 14px; }
ul.latestnews { margin: 0 0 10px; }
.product-description table { border: 1px solid var(--vamos-table); }
.product-description table tbody tr td { border: 1px solid var(--vamos-table); text-align: center; }
.product-description table tbody tr td p { margin: 0; }
.product-description table tbody tr td:first-child { white-space: nowrap; text-align: left; }
.product-description table tbody tr:first-child td { border-bottom: 3px solid var(--vamos-table); text-align: center; }
.product-related-products, .product-related-categories { border-style: none; }
.product-related-categories .product-field .product-field-display { text-align: center; }

/* Obrazky v obsahu (clanky a popisy produktu maji pevne sirky z editoru). */
.vamos-component img { max-width: 100%; height: auto; }
.vamos-component table { max-width: 100%; }

/* Chybova stranka (error.php). */
.vamos-error { padding-top: 4.5rem; padding-bottom: 4.5rem; }
.vamos-error h1 { font-size: 1.8rem; margin-bottom: 1.2rem; }