par celui-ci.
============================================================================ */
/* ========================================================================
francais-en-thailande.com — Empire Design 2026-05-05
Theme: Tripster (AxiomThemes) — custom travel/expat 607 posts
Niche: expat français en Thaïlande (visa, vie quotidienne, voyage, communauté)
Voice: tropical, pratique, communauté
Fonts: Yeseva One (display didone feminine) + Cabin (body humanist utility)
No reflex banned. OKLCH hue 30 — corail tropical chaud.
======================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&family=Cabin:wght@400;500;600;700&display=swap');
:root {
--ft-ink: oklch(25% 0.05 30); /* brun-rouge sombre */
--ft-ink-soft: oklch(45% 0.04 30); /* brun moyen */
--ft-paper: oklch(98% 0.015 80); /* blanc cassé chaud légèrement abricot */
--ft-paper-tint: oklch(93% 0.02 60); /* fond léger sable doux */
--ft-line: oklch(87% 0.018 50); /* bordures subtiles sable */
--ft-coral: oklch(58% 0.17 30); /* corail tropical — accent principal */
--ft-coral-soft: oklch(68% 0.13 30); /* hover corail clair */
--ft-rare: oklch(72% 0.09 70); /* emergence rare ambre doré */
}
/* === BODY + BASE === */
body {
font-family: 'Cabin', system-ui, sans-serif !important;
background: var(--ft-paper) !important;
color: var(--ft-ink) !important;
line-height: 1.7;
font-size: 17px;
}
/* === HEADINGS — Yeseva One didone display === */
h1, h2, h3, h4, h5, h6,
.entry-title, .post_title, .post_title a,
.widget-title, .widget_title,
.page-title, .archive-title,
/* Tripster / trx_addons specific classes */
.sc_item_title, .sc_title_title, .sc_item_title_text,
.sc_blogger_item_title, .elementor-heading-title,
.categories_list_title, .front_page_section_caption,
.trx_addons_title, .trx_addons_subtitle {
font-family: 'Yeseva One', Georgia, serif !important;
font-weight: 400 !important;
line-height: 1.2 !important;
letter-spacing: -0.01em !important;
color: var(--ft-ink) !important;
}
h1, .sc_item_title, .entry-title { font-size: clamp(2rem, 4.5vw, 3rem) !important; }
h2, .elementor-heading-title { font-size: 1.8rem !important; }
h3 { font-size: 1.35rem !important; }
h4 { font-size: 1.1rem !important; }
h5, .sc_blogger_item_title { font-size: 1rem !important; }
h6, .categories_list_title { font-size: 0.88rem !important; }
/* Post title links sober */
.post_title a, .entry-title a,
.sc_blogger_item_title a, .sc_item_title a {
color: var(--ft-ink) !important;
text-decoration: none !important;
}
.post_title a:hover, .entry-title a:hover,
.sc_blogger_item_title a:hover, .sc_item_title a:hover {
color: var(--ft-coral) !important;
}
/* === SITE TITLE / LOGO === */
.site_title, .site_title a,
.logo_slogan,
.site_logo .site_title a {
font-family: 'Yeseva One', Georgia, serif !important;
font-weight: 400 !important;
color: var(--ft-ink) !important;
}
/* === NAVIGATION === */
.menu_main_nav a,
.menu-item a,
nav a, .nav-menu a {
font-family: 'Cabin', sans-serif !important;
font-size: 0.82rem !important;
font-weight: 600 !important;
letter-spacing: 0.07em !important;
text-transform: uppercase !important;
color: var(--ft-ink-soft) !important;
}
.menu_main_nav a:hover,
.menu-item a:hover {
color: var(--ft-coral) !important;
}
/* === LINKS === */
a:not([class*="button"]):not([class*="btn"]):not(.post_title):not(.entry-title):not(.menu-item):not(.wp-block-navigation) {
color: var(--ft-coral);
text-decoration-thickness: 1px;
text-underline-offset: 2px;
}
a:not([class*="button"]):not([class*="btn"]):hover {
color: var(--ft-coral-soft);
}
/* === HEADER — replace blue/teal === */
.header_wrap, #masthead, .site-header,
.header_content_wrap, header {
background: var(--ft-paper) !important;
border-bottom: 1px solid var(--ft-line) !important;
}
/* === POST META (author, date, categories) === */
.post_meta, .post_meta_item, .entry-meta,
.post_categories a, .post_tags a,
.post_date, .post_author {
font-family: 'Cabin', sans-serif !important;
font-size: 0.78rem !important;
color: var(--ft-ink-soft) !important;
letter-spacing: 0.03em;
}
.post_categories a:hover { color: var(--ft-coral) !important; }
/* === BUTTONS — replace teal oklch(60.5% 0.135 225) → coral === */
button, .wp-block-button__link, .wp-element-button,
input[type=submit], .btn, .button,
.more-link, .read-more, .load_more_button,
.wp-block-button .wp-block-button__link {
background: var(--ft-coral) !important;
background-image: none !important;
color: oklch(100% 0 0) !important;
border: none !important;
border-radius: 3px !important;
padding: 11px 22px !important;
font-family: 'Cabin', sans-serif !important;
font-weight: 600 !important;
font-size: 0.88rem !important;
letter-spacing: 0.02em !important;
text-transform: none !important;
box-shadow: none !important;
text-shadow: none !important;
}
button:hover, .wp-block-button__link:hover,
input[type=submit]:hover, .btn:hover,
.more-link:hover, .read-more:hover {
background: var(--ft-coral-soft) !important;
}
/* === BLOCKQUOTE — pseudo-element vertical, pas border-left === */
blockquote, .wp-block-quote {
border-left: none !important;
background: var(--ft-paper-tint) !important;
padding: 22px 28px !important;
margin: 28px 0 !important;
font-family: 'Yeseva One', serif !important;
font-style: italic !important;
font-size: 1.05rem !important;
position: relative !important;
}
blockquote::before, .wp-block-quote::before {
content: '';
position: absolute;
left: 0; top: 22px; bottom: 22px;
width: 3px;
background: var(--ft-coral);
}
blockquote cite, .wp-block-quote cite {
color: var(--ft-coral) !important;
font-style: normal !important;
font-weight: 700 !important;
font-size: 0.82rem !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
font-family: 'Cabin', sans-serif !important;
}
/* === POST CARDS — replace bg-color + subtle card polish === */
.post_featured_bg, .bg_in {
background: var(--ft-paper-tint) !important;
}
/* === IMAGES === */
.post_featured img, .wp-post-image, article img,
.wp-block-image img {
border-radius: 4px;
}
/* === FOOTER — replace dark navy → ink brun softer === */
.footer_wrap, footer, .site-footer, #colophon {
background: var(--ft-ink) !important;
border-top: none !important;
color: var(--ft-paper) !important;
}
.footer_wrap a, footer a, .site-footer a {
color: var(--ft-coral-soft) !important;
}
.footer_wrap a:hover, footer a:hover {
color: var(--ft-rare) !important;
}
/* === NEWSLETTER FORM — replace teal === */
.mc4wp-form input[type=submit],
.newsletter-form button,
[class*="newsletter"] button,
[class*="subscribe"] input[type=submit] {
background: var(--ft-coral) !important;
color: oklch(100% 0 0) !important;
}
/* === MOBILE === */
@media (max-width: 768px) {
body { font-size: 16px; }
h1, .entry-title { font-size: 1.85rem !important; }
h2 { font-size: 1.45rem !important; }
h3 { font-size: 1.15rem !important; }
.header_wrap, header { padding: 12px 16px !important; }
}