/*
Theme Name: EuroThrills
Theme URI: https://eurothrills.com/theme
Author: EuroThrills
Author URI: https://eurothrills.com
Description: A blank Elementor canvas for the EuroThrills adventure-travel brand. Hands all layout to Elementor Theme Builder and ships the brand design as importable templates + custom widgets via the EuroThrills Core companion plugin. Built on the Hello-Elementor pattern. Requires Elementor (and Elementor Pro for Theme Builder).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eurothrills
Tags: blog, news, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, translation-ready
*/

/* =================================================================
   EuroThrills — global brand tokens + base reset
   Lifted from the design source (blog.css) so every Elementor
   template and EuroThrills widget inherits brand styling globally.
   Per-area CSS (header / blog / article) ships with the plugin's
   widgets via get_style_depends(); the theme keeps only the
   tokens + reset that everything depends on.
   ================================================================= */
:root {
  --et-ink: #1A1A1A;
  --et-ink-2: #2A2A2A;
  --et-ink-3: #555555;
  --et-mute: #888888;
  --et-mute-2: #B4B4B4;
  --et-line: #E6E6E6;
  --et-line-2: #D6D6D6;
  --et-paper: #FFFFFF;
  --et-bg: #F5F7FB;
  --et-cream: #FAFBFD;
  --et-cream-2: #EDF1F8;
  --et-brand: #1E40A8;
  --et-brand-deep: #162D72;
  --et-brand-darker: #18338C;
  --et-deep: #162D72;
  --et-deep-2: #0E1F52;
  --et-accent: #E1251B;
  --et-link: #1E40A8;
  --et-hot: #E1251B;
  --et-hot-bg: #FCE5E3;
  --et-warn: #8A5B14;
  --et-warn-bg: #FBEED0;
  --et-ok: #2F5C3A;
  --et-ok-bg: #E3EEDE;
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --display: 'Instrument Serif', 'Times New Roman', serif;
  --et-logo-red: #E1251B;
  --et-logo-blue: #1E40A8;
  --et-chrome: 111px;
}

/* Background-tone tweak (theme option: bg-warm) */
body.bg-warm {
  --et-bg: #F5F1EA;
  --et-cream: #FAF6EE;
  --et-cream-2: #EFE8DB;
  --et-line: #E7E0D2;
  --et-line-2: #D8CFBC;
}
/* Bold look tweak — Alpine Red leads, Glacier Blue accents (theme option: mode-bold) */
body.mode-bold {
  --et-brand: #E1251B;
  --et-brand-deep: #B91C16;
  --et-brand-darker: #C11A12;
  --et-link: #E1251B;
  --et-accent: #1E40A8;
  --et-hot: #E1251B;
  --et-hot-bg: #FCE5E3;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-sans, 'Inter', system-ui, sans-serif);
  color: var(--et-ink);
  background: var(--et-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-size: 15px;
  line-height: 1.5;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; background: none; border: 0; padding: 0; color: inherit; }
img { display: block; max-width: 100%; }
::selection { background: var(--et-brand); color: #fff; }

/* Shared layout rails used by the design markup */
.container { max-width: 1200px; margin: 0 auto; padding: 0 32px; }
.container-wide { max-width: 1440px; margin: 0 auto; padding: 0 32px; }
.container-read { max-width: 1180px; margin: 0 auto; padding: 0 32px; }

/* Minimal fallback styling for the bare loop (no Elementor / no kit).
   The real design comes from the plugin widgets + imported templates. */
.et-fallback { max-width: 760px; margin: 0 auto; padding: 48px 24px; }
.et-fallback a { color: var(--et-brand); }
.et-fallback .et-entry { padding: 24px 0; border-bottom: 1px solid var(--et-line); }
.et-fallback .et-entry h2 { margin: 0 0 8px; letter-spacing: -0.02em; }
.et-notice { max-width: 760px; margin: 24px auto; padding: 16px 20px; border: 1px solid var(--et-line); border-left: 3px solid var(--et-accent); background: var(--et-paper); border-radius: 8px; font-size: 14px; }

@media (max-width: 720px) {
  .container, .container-wide, .container-read { padding: 0 20px; }
}