/*
 * Croaziere Brand v1.3.0 — one type system for the whole site (front end only).
 * Two families: Montserrat for everything you read or click (400 / 500 / 600 only), Didot only for big display titles
 * (page and section titles, 28px and up, weight 400, never in capitals). Scale: 12 · 14 · 16 · 20 · 28 · 40 · 56.
 * Small capitals with letter-spacing are kept for one "eyebrow" style only (12px, 600, .08em).
 * `html body` prefixes beat the theme's inline <style> blocks. Deactivate the plugin (or remove this file) to go back.
 */
html body { --cz-sans: Montserrat, "Helvetica Neue", Arial, sans-serif; --cz-serif: Didot, "Didot LT STD", "Bodoni 72", Georgia, serif; }

/* ---------- Display (Didot 400, sentence case) ---------- */
/* 56 / phones 36: photo-header titles */
html body .czf-hero-title,
html body .czc-h1,
html body .cz-ph-main {
	font-family: var(--cz-serif) !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important;
	font-size: 36px !important; line-height: 1.08 !important;
}
html body .hero .welcome-message { font-family: var(--cz-serif) !important; font-weight: 400 !important; text-transform: none; letter-spacing: 0; }
/* 40 / phones 28: section titles */
html body .about-content h2.h1,
html body .main h2.text-center,
html body .footer-title {
	font-family: var(--cz-serif) !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important;
	font-size: 28px !important; line-height: 1.15 !important;
}
/* 28 / phones 24: sub-section titles on an offer */
html body .cruise-section-title,
html body .subsection-title {
	font-family: var(--cz-serif) !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: 0 !important;
	font-size: 24px !important; line-height: 1.2 !important;
}
@media (min-width: 768px) {
	html body .czf-hero-title, html body .czc-h1 { font-size: 48px !important; }
	html body .cz-ph-main { font-size: 40px !important; }
	html body .about-content h2.h1, html body .main h2.text-center, html body .footer-title { font-size: 40px !important; }
	html body .cruise-section-title, html body .subsection-title { font-size: 28px !important; }
}
@media (min-width: 1024px) {
	html body .czf-hero-title, html body .czc-h1 { font-size: 56px !important; }
	html body .cz-ph-main { font-size: 48px !important; }
}

/* ---------- Titles in Montserrat 600 (cards, cabins, venues, blog) — no more serif capitals ---------- */
/* 20 / phones 18 */
html body .card-list .cruise-name,
html body h2.cruise-name,
html body h3.cruise-name,
html body .reservation-cruise-name,
html body .act-name,
html body .section-featured-articles h3,
html body .section-featured-articles h3 a,
html body .czf-adv-title {
	font-family: var(--cz-sans) !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: -.005em !important;
	font-size: 18px !important; line-height: 1.3 !important;
}
@media (min-width: 768px) {
	html body .card-list .cruise-name, html body h2.cruise-name, html body h3.cruise-name, html body .reservation-cruise-name,
	html body .act-name, html body .section-featured-articles h3, html body .section-featured-articles h3 a, html body .czf-adv-title { font-size: 20px !important; }
}
/* 16 */
html body .nume-spatiu { font-family: var(--cz-sans) !important; font-weight: 600 !important; font-size: 16px !important; text-transform: none !important; letter-spacing: 0 !important; line-height: 1.3 !important; }

/* ---------- Body text: Montserrat 400 (the theme mixed 300 and 400) ---------- */
html body .main p,
html body .main li,
html body .card-list p,
html body .czf-count,
html body .czf-pill span,
html body .czf-chip span,
html body .czf-hint,
html body .select2-selection__placeholder,
html body .czc-sub,
html body .czc-over,
html body .cruise-info b,
html body .welcome p { font-weight: 400; }
html body .card-list .cruise-meta b, html body .card-list .cruise-meta span, html body .czf-btn { font-weight: 600 !important; }

/* ---------- Buttons: Montserrat 600 14, sentence case, no wide tracking ---------- */
html body .cruise-card-btn,
html body .main .btn,
html body .main a.btn,
html body .flex-btn-content,
html body .cruise-description-link,
html body .product-nav-section .btn,
html body .czsh-sharebtn,
html body .czsh-wa,
html body .card-list [class*="whatsapp"],
html body .card-list a[href*="wa.me"],
html body .card-list a[href*="whatsapp"] span {
	font-family: var(--cz-sans) !important; font-weight: 600 !important; font-size: 14px !important; text-transform: none !important; letter-spacing: .01em !important;
}

/* ---------- Eyebrow: the only small capitals (12, 600, .08em) ---------- */
html body .footer .col-title,
html body h4.col-title,
html body .cz-it-day,
html body .product-nav a,
html body .about-text-2,
html body .fline-text span,
html body .cz-flip th .cz-sr {
	font-family: var(--cz-sans) !important; font-weight: 600 !important; font-size: 12px !important; text-transform: uppercase !important; letter-spacing: .08em !important;
}

/* ---------- WhatsApp bubble (Joinchat) uses the site font instead of the phone's system font ---------- */
html body .joinchat, html body .joinchat__bubble, html body .joinchat__open__text, html body .joinchat__button { font-family: var(--cz-sans) !important; }

/* date picker buttons (outside .main): same button style */
html body .daterangepicker .drp-buttons .btn { font-family: var(--cz-sans) !important; font-weight: 600 !important; font-size: 14px !important; text-transform: none !important; letter-spacing: .01em !important; }