/* ============================================================
   ONE TEXT SIZE FOR THE WHOLE SITE (2026-10-21)
   The homepage "Where to?" box is the measure: headings 16px bold,
   everything else 14px (reduced once more, 2026-10-21). Loaded LAST on every page (base.html, and the
   printable order confirmation), and every rule here wins over the page
   stylesheets, inline styles and their own !important rules: the two
   :not(#et) add id weight no class selector can reach.
   To undo: remove the two <link> tags that load this file.
   ============================================================ */
html { font-size: 16px; }

html:not(#et):not(#et) body,
html:not(#et):not(#et) body * {
    font-size: 14px !important;
}

html:not(#et):not(#et) body :is(h1, h2, h3, h4, h5, h6),
html:not(#et):not(#et) body :is(h1, h2, h3, h4, h5, h6) * {
    font-size: 16px !important;
}

html:not(#et):not(#et) body *::before,
html:not(#et):not(#et) body *::after,
html:not(#et):not(#et) body *::placeholder {
    font-size: inherit !important;
}

/* Trending destination cards, one step smaller again (2026-10-21). */
html:not(#et):not(#et) body .hm-world__card .hm-world__name { font-size: 14px !important; }
html:not(#et):not(#et) body .hm-world__card .hm-world__country,
html:not(#et):not(#et) body .hm-world__card .hm-world__links a,
html:not(#et):not(#et) body .hm-world__card .hm-world__links a * { font-size: 12px !important; }

/* Mobile only: the whole site one step smaller (2026-10-21).
   Desktop is untouched. */
@media (max-width: 767px) {
    html:not(#et):not(#et) body,
    html:not(#et):not(#et) body * { font-size: 13px !important; }
    html:not(#et):not(#et) body :is(h1, h2, h3, h4, h5, h6),
    html:not(#et):not(#et) body :is(h1, h2, h3, h4, h5, h6) * { font-size: 15px !important; }
    html:not(#et):not(#et) body *::before,
    html:not(#et):not(#et) body *::after,
    html:not(#et):not(#et) body *::placeholder { font-size: inherit !important; }
    html:not(#et):not(#et) body .hm-world__card .hm-world__name { font-size: 13px !important; }
    html:not(#et):not(#et) body .hm-world__card .hm-world__country,
    html:not(#et):not(#et) body .hm-world__card .hm-world__links a,
    html:not(#et):not(#et) body .hm-world__card .hm-world__links a * { font-size: 11px !important; }
    /* Inputs stay 16px so iPhone Safari does not zoom in on tap. */
    html:not(#et):not(#et) body :is(input, select, textarea) { font-size: 16px !important; }
}

/* Desktop only: the whole site one step bigger (2026-10-23, the owner's
   call). Phones keep their 13/15 above. */
@media (min-width: 768px) {
    html:not(#et):not(#et) body,
    html:not(#et):not(#et) body * { font-size: 15px !important; }
    html:not(#et):not(#et) body :is(h1, h2, h3, h4, h5, h6),
    html:not(#et):not(#et) body :is(h1, h2, h3, h4, h5, h6) * { font-size: 17px !important; }
    html:not(#et):not(#et) body *::before,
    html:not(#et):not(#et) body *::after,
    html:not(#et):not(#et) body *::placeholder { font-size: inherit !important; }
    html:not(#et):not(#et) body .hm-world__card .hm-world__name { font-size: 15px !important; }
    html:not(#et):not(#et) body .hm-world__card .hm-world__country,
    html:not(#et):not(#et) body .hm-world__card .hm-world__links a,
    html:not(#et):not(#et) body .hm-world__card .hm-world__links a * { font-size: 13px !important; }
}