/* Vitalment Content Manager – small global styles (header top bar, footer contact, FAQ). */

.vcm-topbar { display: inline-flex; align-items: center; gap: 8px; font-family: Mulish, Arial, sans-serif; font-size: 13px; line-height: 1.3; color: #d0ecde; }
.vcm-topbar svg { width: 16px; height: 16px; flex: 0 0 16px; }

.vcm-contact-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 18px; font-family: Mulish, Arial, sans-serif; }
.vcm-contact-list li { display: flex; align-items: center; gap: 16px; margin: 0; padding: 0; }
.vcm-contact-list li::before { display: none; }
.vcm-contact-ico { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 46px; width: 46px; height: 46px; border-radius: 50%; background: rgba(208,236,222,.14); color: #d0ecde; }
.vcm-contact-body { display: flex; flex-direction: column; gap: 2px; }
.vcm-contact-body strong { font-size: 15px; font-weight: 800; color: #fff; }
.vcm-contact-body span, .vcm-contact-body a { font-size: 14.5px; color: #d0ecde; text-decoration: none; }
.vcm-contact-body a:hover { color: #fff; }

.vcm-social { display: flex; gap: 10px; }
.vcm-social-link { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(208,236,222,.14); color: #d0ecde; transition: background .2s; }
.vcm-social-link:hover { background: rgba(208,236,222,.28); color: #fff; }

.vcm-footer-menu { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; font-family: Mulish, Arial, sans-serif; }
.vcm-footer-menu li { margin: 0; padding: 0; }
.vcm-footer-menu li::before { display: none; }
.vcm-footer-menu a { display: inline-flex; align-items: center; gap: 10px; font-size: 15px; color: #fff; text-decoration: none; }
.vcm-footer-menu a::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #d0ecde; flex: 0 0 7px; }
.vcm-footer-menu a:hover { color: #d0ecde; }

.vcm-button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 30px; border-radius: 999px; background: #03474b; color: #fff; font-family: Mulish, Arial, sans-serif; font-size: 15px; font-weight: 800; text-decoration: none; transition: background .2s; }
.vcm-button:hover, .vcm-button:focus-visible { background: #02363a; color: #fff; }

/* Contact page CTA button – matches the previous theme button. */
.vcm-contact-cta-btn { text-align: right; }
.vcm-contact-cta-btn .vcm-button { font-size: 18px; min-height: 0; padding: 18px 30px; margin-right: 20px; border-radius: 55px; line-height: 1.2; }
.vcm-contact-cta-btn .vcm-button:hover { background: #d0ecde; color: #03474b; }
@media (max-width: 1024px) { .vcm-contact-cta-btn .vcm-button { font-size: 14px; padding: 16px 20px; margin-right: 0; } }
@media (max-width: 767px) { .vcm-contact-cta-btn { text-align: center; } }

/* Mobile off-canvas menu extras. */
.offcanvas_area .vcm-social { justify-content: center; margin: 24px 0 10px; }
.vcm-offcanvas-copy { text-align: center; font-family: Mulish, Arial, sans-serif; font-size: 12.5px; color: rgba(208,236,222,.75); margin: 0; }

.vcm-footer-text { font-family: Mulish, Arial, sans-serif; font-size: 15px; line-height: 1.7; color: #d0ecde; margin: 0; }

.vcm-contact-card { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; padding: 28px 20px; background: #fff; border: 1px solid #dde8e3; border-radius: 18px; font-family: Mulish, Arial, sans-serif; height: 100%; }
.vcm-contact-card .vcm-contact-ico { flex: 0 0 auto; width: 56px; height: 56px; background: #eef6f2; color: #03474b; margin-bottom: 6px; }
.vcm-contact-card .vcm-contact-ico svg { width: 22px; height: 22px; }
.vcm-contact-card strong { font-size: 17px; font-weight: 800; color: #143234; }
.vcm-contact-card span, .vcm-contact-card a { font-size: 15.5px; color: #03474b; text-decoration: none; }
.vcm-contact-card a:hover { text-decoration: underline; }

/* Light variant for pages with a light background (e.g. Kontakt). */
.vcm-light .vcm-contact-ico, .vcm-light .vcm-social-link { background: #eef6f2; color: #03474b; }
.vcm-light .vcm-contact-body strong { color: #143234; }
.vcm-light .vcm-contact-body span, .vcm-light .vcm-contact-body a { color: #03474b; }

.vcm-faq { display: grid; gap: 12px; max-width: 880px; margin: 0 auto; font-family: Mulish, Arial, sans-serif; }
.vcm-faq-item { background: #fff; border: 1px solid #dde8e3; border-radius: 16px; overflow: hidden; }
.vcm-faq-item summary { cursor: pointer; list-style: none; padding: 20px 56px 20px 24px; position: relative; font-size: 17px; font-weight: 800; color: #143234; }
.vcm-faq-item summary::-webkit-details-marker { display: none; }
.vcm-faq-item summary::after { content: "+"; position: absolute; right: 22px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; border-radius: 50%; background: #eef6f2; color: #03474b; font-size: 20px; line-height: 28px; text-align: center; }
.vcm-faq-item[open] summary::after { content: "−"; }
.vcm-faq-answer { padding: 0 24px 20px; font-size: 15.5px; line-height: 1.7; color: #5f7b76; }
.vcm-faq-answer p { margin: 0 0 .8em; }

/* Active menu section (desktop header). */
#menu_header_3 > li.current_menu > a { color: #fff !important; font-weight: 800 !important; box-shadow: inset 0 -2px 0 #d0ecde; }
#menu_header_3 .sub-menu li.current_menu > a { color: #fff !important; font-weight: 800 !important; }

/* Mobile off-canvas: readable subcategories with comfortable touch targets (the list itself is .offcanvas_area). */
ul#menu_header_4 .sub-menu { padding: 2px 0 10px !important; background: rgba(0,0,0,.08) !important; }
ul#menu_header_4 .sub-menu > li { margin: 0 !important; padding: 0 !important; }
ul#menu_header_4 .sub-menu > li > a { box-sizing: border-box !important; margin: 0 !important; display: flex !important; align-items: center; min-height: 48px; padding: 10px 20px 10px 34px !important; color: #fff !important; font: 700 15.5px/1.3 Mulish, Arial, sans-serif !important; opacity: 1 !important; border-left: 3px solid transparent; }
ul#menu_header_4 .sub-menu > li > a:hover, ul#menu_header_4 .sub-menu > li.current_menu > a, ul#menu_header_4 .sub-menu > li.current-menu-item > a { color: #d0ecde !important; border-left-color: #d0ecde; background: rgba(208,236,222,.08) !important; }

/* Product card: no category label when the product only has a merchandising category (e.g. BestSeler). */
li.product:has(> .vcm-no-cat-label) .codevz-product-category-after-title { visibility: hidden !important; }

/* FAQ: question waiting for an answer. */
.vcm-faq-item.is-soon summary { color: #143234; }
.vcm-faq-soon { display: inline-block; margin-left: 10px; padding: 4px 10px; border-radius: 999px; background: #eef6f2; color: #03474b; font: 800 10.5px/1 Mulish, Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; vertical-align: middle; }
.vcm-faq-empty { color: #8fa6a1 !important; font-style: italic; }

/* Contact page heading on mobile. */
@media (max-width: 767px) {
	.page-id-23 .cz_title_content h1, .page-id-23 .cz_title_content h2, .page-id-23 .cz_title_content h3 { font-size: 34px !important; line-height: 1.18 !important; }
}

/* Visual direction v2: buttons and cards in the shared components. */
.vcm-button { border-radius: 8px; min-height: 48px; padding: 0 24px; font-size: 14.5px; }
.vcm-contact-cta-btn .vcm-button { border-radius: 8px; font-size: 16px; padding: 15px 26px; }
.vcm-contact-card { border-radius: 10px; padding: 22px 18px; }
.vcm-contact-card .vcm-contact-ico { width: 46px; height: 46px; border-radius: 10px; }
.vcm-contact-ico { border-radius: 10px; }
.vcm-social-link { border-radius: 10px; }
.vcm-faq-item { border-radius: 10px; }
.vcm-faq-item summary { padding: 16px 52px 16px 20px; font-size: 16px; }
.vcm-faq-item summary::after { border-radius: 8px; }
.vcm-faq-answer { padding: 0 20px 16px; font-size: 15px; }
.vcm-faq-soon { border-radius: 6px; }


/* Free shipping progress (cart, checkout, mini cart). */
.vcm-ship-progress { display: block; margin: 0 0 18px; padding: 14px 16px; background: #eef6f2; border: 1px solid #dde8e3; border-radius: 10px; font-family: Mulish, Arial, sans-serif; }
.vcm-ship-progress-text { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; font-size: 14.5px; font-weight: 800; line-height: 1.35; color: #03474b; }
.vcm-ship-progress-text svg { flex: 0 0 18px; width: 18px; height: 18px; }
.vcm-ship-progress-track { display: block; height: 6px; border-radius: 99px; background: rgba(3,71,75,.14); overflow: hidden; }
.vcm-ship-progress-fill { display: block; height: 100%; border-radius: 99px; background: #03474b; transition: width .35s ease; }
.vcm-ship-progress.is-qualified { background: #e8f5ee; border-color: #c7e4d3; }
.vcm-ship-progress.is-qualified .vcm-ship-progress-fill { background: #2f7d55; }
.vcm-ship-progress.is-qualified .vcm-ship-progress-text { color: #1f6141; }
/* Inside the checkout order review table the bar spans both columns. */
tr.vcm-ship-progress-row > td { padding: 14px 0 4px !important; border: 0 !important; background: none !important; }
tr.vcm-ship-progress-row .vcm-ship-progress { margin-bottom: 0; }