/* ============================================================
   FITexpert — sdílené styly statických stránek (.fe-*)
   Verze: 1.0  |  Datum: 2026-04-29
   Umístění: Shoptet → Správce souborů → fe-styles.css
   Načítání: <link rel="stylesheet" href="URL"> v HTML kódech (HEAD)
   ============================================================ */

/* ── KONTAKTY ─────────────────────────────────────────────── */

.fe-contact { font-family: 'Nunito Sans', sans-serif; color: #444; line-height: 1.65; }

/* Dočasné upozornění (smazat po skončení platnosti) */
.fe-contact__notice {
  background: #fff8e6;
  border-left: 4px solid #f59e0b;
  border-radius: 0 8px 8px 0;
  padding: 13px 20px;
  margin-bottom: 24px;
  font-size: 15px;
  color: #7a4f00;
  font-weight: 600;
}

/* Rychlé odkazy */
.fe-contact__faq {
  background: #fafcff;
  border-left: 4px solid #239ceb;
  border-radius: 0 8px 8px 0;
  padding: 16px 22px;
  margin-bottom: 36px;
}
.fe-contact__faq strong {
  color: #24242e;
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.fe-contact__faq-links { display: flex; flex-wrap: wrap; gap: 8px; }
.fe-contact__faq-links a {
  display: inline-block;
  background: #fff;
  color: #1a7dc4;
  border: 1px solid #aad4f5;
  border-radius: 20px;
  padding: 7px 18px;
  font-size: 16px;
  text-decoration: none;
  font-weight: 600;
  transition: background .15s, color .15s;
}
.fe-contact__faq-links a:hover { background: #239ceb; color: #fff; border-color: #239ceb; }

/* Kontaktní karty */
.fe-contact__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 36px;
}
@media (max-width: 620px) { .fe-contact__cards { grid-template-columns: 1fr; } }

.fe-contact__card {
  background: #f8fbff;
  border-radius: 12px;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  transition: box-shadow .2s;
}
.fe-contact__card:hover { box-shadow: 0 4px 20px rgba(35, 156, 235, .12); }

/* Ikony (SVG jako CSS background-image — Shoptet neodstraní) */
.fe-contact__icon {
  width: 52px;
  height: 52px;
  background-color: #239ceb;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px 26px;
  flex-shrink: 0;
}
.fe-contact__icon--email {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
}
.fe-contact__icon--phone {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C11 21 3 13 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1L6.6 10.8z'/%3E%3C/svg%3E");
}
.fe-contact__icon--map {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z'/%3E%3C/svg%3E");
}

.fe-contact__card-label { font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: #1a7dc4; }
.fe-contact__card-value { font-size: 22px; font-weight: 700; color: #1a1a2e; line-height: 1.35; }
.fe-contact__card-value a { color: #1a7dc4; text-decoration: none; }
.fe-contact__card-value a:hover { text-decoration: underline; }
.fe-contact__card-note { font-size: 16px; color: #556; }

/* Žlutý infostrip */
.fe-contact__infostrip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: #fffdf5;
  border: 1px solid #e8d080;
  border-radius: 10px;
  padding: 18px 24px;
  margin-bottom: 36px;
}
@media (max-width: 620px) { .fe-contact__infostrip { flex-direction: column; align-items: flex-start; } }
.fe-contact__infostrip-text { font-size: 17px; color: #3a3000; font-weight: 600; line-height: 1.5; }
.fe-contact__infostrip-text span { display: block; font-size: 15px; font-weight: 400; color: #6b5000; margin-top: 3px; }
.fe-contact__infostrip-btn {
  flex-shrink: 0;
  display: inline-block;
  background: #f0a500;
  color: #fff !important;
  border-radius: 6px;
  padding: 12px 22px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background .15s;
}
.fe-contact__infostrip-btn:hover { background: #d48f00; }

/* Sekce místo + foto */
.fe-contact__place {
  border-top: 1px solid #d8e8f5;
  padding-top: 32px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  align-items: center;
  margin-bottom: 32px;
}
@media (max-width: 620px) { .fe-contact__place { grid-template-columns: 1fr; } }
.fe-contact__place-info h3 { font-size: 17px; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; }
.fe-contact__place-info p { font-size: 14px; color: #444; margin-bottom: 8px; line-height: 1.6; }
.fe-contact__place-info address { font-style: normal; font-size: 14px; font-weight: 400; color: #444; margin: 8px 0; line-height: 1.6; }
.fe-contact__btn {
  display: inline-block;
  margin-top: 12px;
  background: #239ceb;
  color: #fff !important;
  border-radius: 6px;
  padding: 13px 24px;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none !important;
  transition: background .15s;
}
.fe-contact__btn:hover { background: #1a7dc4; }
.fe-contact__place-photo img { width: 100%; border-radius: 12px; object-fit: cover; max-height: 240px; display: block; }

/* Mapa */
.fe-contact__map { border-radius: 12px; overflow: hidden; border: 1px solid #cde4f5; }
.fe-contact__map iframe { display: block; width: 100%; height: 300px; border: 0; }

/* ── DOPRAVA A PLATBA ─────────────────────────────────────── */

.fe-shipping { font-family: 'Nunito Sans', sans-serif; color: #444; line-height: 1.65; }

/* SK note */
.fe-shipping__sk {
  background: #f0f7ff;
  border-left: 4px solid #239ceb;
  border-radius: 0 8px 8px 0;
  padding: 14px 22px;
  margin-bottom: 28px;
  font-size: 16px;
}
.fe-shipping__sk a { color: #1a7dc4; font-weight: 600; text-decoration: none; }
.fe-shipping__sk a:hover { text-decoration: underline; }

/* Section heading */
.fe-shipping__section { margin-bottom: 36px; }
.fe-shipping__section-title {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #239ceb;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid #e4f1fb;
}

/* Accordion shipping methods */
.fe-shipping__methods { display: flex; flex-direction: column; gap: 16px; }

.fe-shipping__method {
  background: #f8fbff;
  border-radius: 12px;
  border: 1px solid #dce8f5;
  overflow: hidden;
}

.fe-shipping__method summary {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 20px;
  cursor: pointer;
  list-style: none;
  user-select: none;
  transition: background .15s;
}
.fe-shipping__method summary::-webkit-details-marker { display: none; }
.fe-shipping__method summary:hover { background: #eef5fc; }
.fe-shipping__method[open] summary {
  background: #eef5fc;
  border-bottom: 1px solid #dce8f5;
}

.fe-shipping__method-logo { height: 26px; width: auto; object-fit: contain; flex-shrink: 0; }
.fe-shipping__method-name { font-size: 17px; font-weight: 700; color: #1a1a2e; flex: 1; }
.fe-shipping__method-from { font-size: 15px; color: #555; white-space: nowrap; }
.fe-shipping__method-from b { color: #16a34a; }

/* CSS chevron arrow matching Shoptet template style */
.fe-shipping__method-arrow {
  width: 9px;
  height: 9px;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  transform: rotate(-45deg);
  flex-shrink: 0;
  transition: transform .2s;
  margin-top: -3px;
}
.fe-shipping__method[open] .fe-shipping__method-arrow {
  transform: rotate(45deg);
  margin-top: 3px;
}

.fe-shipping__method-body { padding: 18px 20px; background: #fff; }

/* Structured info rows inside accordion */
.fe-shipping__method-info { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; }
.fe-shipping__method-info-row { display: flex; gap: 8px; font-size: 15px; line-height: 1.45; }
.fe-shipping__method-info-key { font-weight: 700; color: #1a1a2e; min-width: 130px; flex-shrink: 0; }
.fe-shipping__method-info-val { color: #555; }
@media (max-width: 480px) {
  .fe-shipping__method-info-row { flex-direction: column; gap: 1px; }
  .fe-shipping__method-info-key { min-width: 0; }
}

/* SK note at bottom */
.fe-shipping__sk {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #f9f9f9;
  border-left: 4px solid #239ceb;
  border-radius: 0 8px 8px 0;
  padding: 14px 22px;
  margin-top: 8px;
  margin-bottom: 28px;
  font-size: 16px;
}
.fe-shipping__sk a { color: #1a7dc4; font-weight: 600; text-decoration: none; }
.fe-shipping__sk a:hover { text-decoration: underline; }
.fe-shipping__sk-flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #cde4f5;
  font-size: 20px;
  flex-shrink: 0;
  line-height: 1;
}

/* Price tiles inside accordion */
.fe-shipping__tiers {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.fe-shipping__tier {
  background: #fff;
  border: 1px solid #dce8f5;
  border-radius: 10px;
  padding: 12px 18px;
  flex: 1;
  min-width: 110px;
}
.fe-shipping__tier-label { font-size: 13px; color: #888; margin-bottom: 5px; }
.fe-shipping__tier-val { font-size: 22px; font-weight: 700; color: #1a1a2e; }
.fe-shipping__tier-val--free { color: #16a34a; }

/* Dispatch note */
.fe-shipping__dispatch {
  background: #f9f9f9;
  border-radius: 10px;
  padding: 18px 22px;
  font-size: 16px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 48px;
  margin-top: 32px;
}
.fe-shipping__dispatch strong { color: #333; display: block; margin-bottom: 5px; font-size: 17px; }

/* Payment cards */
.fe-payment__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media (max-width: 620px) { .fe-payment__cards { grid-template-columns: 1fr; } }

.fe-payment__card {
  background: #f8fbff;
  border-radius: 12px;
  padding: 22px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: box-shadow .2s;
}
.fe-payment__card:hover { box-shadow: 0 4px 20px rgba(35, 156, 235, .12); }

.fe-payment__icon {
  width: 48px;
  height: 48px;
  background-color: #239ceb;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  flex-shrink: 0;
}
.fe-payment__icon--cash {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z'/%3E%3C/svg%3E");
}
.fe-payment__icon--transfer {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M21 18v1a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v1h-9a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h9zm-9-2h10V8H12v8zm4-2.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z'/%3E%3C/svg%3E");
}
.fe-payment__icon--card {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M20 4H4c-1.11 0-2 .89-2 2v12c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z'/%3E%3C/svg%3E");
}

.fe-payment__card-name { font-size: 18px; font-weight: 700; color: #1a1a2e; }
.fe-payment__card-desc { font-size: 16px; color: #666; line-height: 1.5; }
.fe-payment__card-badge {
  display: inline-block;
  background: #fef3c7;
  color: #92400e;
  border-radius: 4px;
  padding: 3px 10px;
  font-size: 15px;
  font-weight: 700;
  width: fit-content;
}