/* Ardumet – vlastní úpravy šablony */

/* Světlé hero – barevné logo i texty zůstávají čitelné */
.hero-1 {
   background-image: linear-gradient(165deg, #eaf2fb 0%, #dbe9f9 45%, #cfe2f7 100%) !important;
}

/* Světle modrá sekce (střídání barva/bílá na indexu) */
.sekce-svetle-modra {
   background: linear-gradient(165deg, #eaf2fb 0%, #dbe9f9 60%, #cfe2f7 100%);
}

/* CTA banner v modré dle loga */
.bg-02 {
   background-image: url(../images/bg-ardumet.jpg) !important;
}

/* Menu se 4 položkami – zhuštění, ať se vejde vedle loga i na menších desktopech */
@media only screen and (min-width: 1024px) and (max-width: 1550px) {
   .wsmenu > .wsmenu-list > li > a {
      margin: 0 3px;
   }
   .wsmenu > .wsmenu-list > li > a.h-link {
      padding: 10px 10px;
      font-size: 1rem;
   }
}

/* Mezera mezi tlačítky „Přihlášení do cloudu“ a „Nezávazná poptávka“ */
.wsmenu > .wsmenu-list > li.cloud-login > a.btn {
   margin-right: 14px;
}
@media only screen and (max-width: 1023px) {
   .wsmenu > .wsmenu-list > li.cloud-login > a.btn {
      margin-right: 0;
      margin-bottom: 10px;
   }
}

/* Grid „Co všechno měří" */
.mereni-grid {
   display: grid;
   grid-template-columns: repeat(1, 1fr);
   gap: 14px;
}
@media (min-width: 480px)  { .mereni-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 768px)  { .mereni-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1200px) { .mereni-grid { grid-template-columns: repeat(4, 1fr); } }

.mereni-karta {
   background: #fff;
   border: 1px solid #e2e8f2;
   border-left: 4px solid #044EA7;
   border-radius: 12px;
   padding: 18px 20px;
   box-shadow: 0 4px 14px rgba(24, 29, 39, 0.05);
}
.mereni-nazev {
   display: block;
   font-weight: 500;
   color: #181d27;
   font-size: 18px;
   line-height: 1.35;
}
.mereni-popis {
   display: block;
   font-size: 15px;
   margin-top: 4px;
   color: #6a7887;
}

/* Karta „Chybí vám tu senzor?" – výzva v gridu měření */
a.mereni-karta--vice {
   display: block;
   background: #f0f6fd;
   border: 1px dashed #044EA7;
   border-left: 4px solid #044EA7;
   transition: background .25s;
}
a.mereni-karta--vice:hover {
   background: #e2eefb;
}
a.mereni-karta--vice .mereni-nazev {
   color: #044EA7;
}

/* Hero CTA tlačítka – mezera mezi nimi */
.hero-cta {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 14px;
}
@media (max-width: 1023px) {
   .hero-cta { justify-content: center; }
}

/* Řádek výhod pod hero tlačítky – fajfky */
.hero-vyhody {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   column-gap: 22px;
   row-gap: 8px;
   line-height: 1.4;
}
.hero-vyhody span {
   white-space: nowrap;
}
.hero-vyhody span::before {
   content: "\2713";
   color: #044EA7;
   font-weight: 700;
   margin-right: 7px;
}
@media (max-width: 1023px) {
   .hero-vyhody { justify-content: center; }
}

/* Kontakt – karta s údaji vedle formuláře */
.kontakt-grid {
   display: grid;
   grid-template-columns: 1fr;
   gap: 32px;
   align-items: start;
}
.kontakt-info { order: 2; }
.kontakt-form { order: 1; min-width: 0; }
@media only screen and (min-width: 1024px) {
   .kontakt-grid { grid-template-columns: 360px minmax(0, 1fr); }
   .kontakt-info { order: 1; position: sticky; top: 110px; }
   .kontakt-form { order: 2; }
}
@media only screen and (min-width: 1400px) {
   .kontakt-grid { grid-template-columns: 400px minmax(0, 1fr); gap: 40px; }
}

/* Kontakt – seznam údajů v kartě (šablona nemá space-y-4) */
.kontakt-udaje > li + li {
   margin-top: 16px;
}
.kontakt-udaje > li > span.block {
   margin-bottom: 2px;
}

/* Poptávkový formulář – šipka u selectu (šablona ji přes appearance:none odstraní) */
.contact-form .form-select {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%236a7887' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: right 18px center;
   padding-right: 44px;
   cursor: pointer;
}

/* Karta „Chybí vám tu senzor?" ve stylu šablonových karet */
a.karta-vice {
   display: block;
   border: 1px dashed #044EA7;
   transition: box-shadow .25s;
}
a.karta-vice .font-main {
   color: #044EA7;
}

/* Tabulka podporovaných čidel (/cidla) */
.cidla-obal {
   overflow-x: auto;
   border-radius: 12px;
   box-shadow: 0 4px 18px rgba(24, 29, 39, 0.07);
}
.cidla-tabulka {
   width: 100%;
   min-width: 640px;
   border-collapse: collapse;
   background: #fff;
}
.cidla-tabulka th,
.cidla-tabulka td {
   text-align: left;
   padding: 13px 18px;
   border-bottom: 1px solid #e2e8f2;
   vertical-align: top;
}
.cidla-tabulka thead th {
   background: #044EA7;
   color: #fff;
   font-weight: 500;
   white-space: nowrap;
}
.cidla-tabulka tr.skupina td {
   background: #f0f6fd;
   color: #044EA7;
   font-weight: 500;
}
.cidla-tabulka td.cidlo {
   font-weight: 500;
   color: #181d27;
   white-space: nowrap;
}
.cidla-tabulka tbody tr:last-child td { border-bottom: 0; }