/* Blog index in the homepage language: Archivo, cream, ink, gold/brass. */
@layer tbs-interior-presentation {
  body.tbs-blog-page.tbs-interior .tbs-interior-content { --b-paper:#f6f8fb; --b-ink:#0f2c5e; --b-gold:#f7941d; --b-brass:#2961a4; --b-muted:#4a586e; --b-line:#dbe3ee; --b-sand:#edf1f7; }

  /* Hero: compact photo banner */
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-hero { padding: clamp(44px,6vw,80px) 20px !important; margin: 0 !important; background-color: #0f2c5e !important; background-size: cover !important; background-position: center !important; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-hero > .elementor-background-overlay { background-color: transparent !important; background-image: linear-gradient(90deg, rgba(15, 44, 94,.88), rgba(15, 44, 94,.55)) !important; opacity: 1 !important; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-hero > .elementor-container { max-width: 1200px !important; min-height: 0 !important; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-hero .elementor-widget-heading .elementor-heading-title,
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-hero h1 { color: #fff !important; font-family: 'Archivo', Arial, sans-serif !important; font-weight: 700 !important; font-size: clamp(34px,5vw,58px) !important; line-height: 1.04 !important; letter-spacing: -.03em !important; word-spacing: 0 !important; text-shadow: 0 2px 18px rgba(15, 44, 94,.5); }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-hero :is(.elementor-widget-text-editor, .elementor-widget-text-editor p) { color: #eceff6 !important; font-family: 'Archivo', Arial, sans-serif !important; font-size: 17px !important; line-height: 1.55 !important; letter-spacing: 0 !important; word-spacing: 0 !important; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-hero .elementor-widget-rating { margin-block: 12px !important; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-hero .elementor-widget-rating :is(i, svg) { color: var(--b-gold) !important; fill: var(--b-gold) !important; }

  /* List section */
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list { background: var(--b-paper) !important; padding: clamp(40px,5vw,80px) 20px !important; margin: 0 !important; box-shadow: none !important; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list > .elementor-container { max-width: 1200px !important; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .elementor-widget-wrap { padding: 0 !important; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .elementor-inner-section > .elementor-container { max-width: none !important; width: 100% !important; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .elementor > .tbs-blog-list.elementor-section { background: var(--b-paper) !important; }

  /* Grid */
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .ekit-row.post-items { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 28px !important; margin: 0 !important; width: 100% !important; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .ekit-row.post-items > .post-item { width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; }

  /* Card */
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .post-item .elementskit-post-image-card { display: flex !important; flex-direction: column !important; width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #fff !important; border: 1px solid var(--b-line) !important; border-radius: 18px !important; box-shadow: none !important; transition: transform .2s, box-shadow .2s; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .post-item .elementskit-post-image-card:hover { transform: translateY(-4px); box-shadow: 0 15px 35px rgba(15, 44, 94,.1) !important; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .post-item .elementskit-entry-header { padding: 0 !important; margin: 0 !important; background: var(--b-sand) !important; border-bottom: 1px solid var(--b-line); box-shadow: none !important; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .post-item .elementskit-entry-header a.elementskit-entry-thumb { display: flex !important; align-items: center; justify-content: center; aspect-ratio: 3/2; padding: 12px !important; overflow: hidden; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .post-item .elementskit-entry-header a.elementskit-entry-thumb img { width: 100% !important; height: 100% !important; object-fit: contain !important; border-radius: 10px !important; transform: none !important; margin: 0 !important; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .post-item .elementskit-post-body { display: flex !important; flex-direction: column; flex: 1; padding: 24px 24px 26px !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; border: 0 !important; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .post-item .elementskit-post-body h2.entry-title { margin: 0 0 12px !important; padding: 0 !important; font-family: 'Archivo', Arial, sans-serif !important; font-weight: 700 !important; font-size: clamp(20px,1.7vw,23px) !important; line-height: 1.2 !important; letter-spacing: -.02em !important; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .post-item .elementskit-post-body h2.entry-title a { color: var(--b-ink) !important; text-decoration: none !important; font: inherit !important; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .post-item .elementskit-post-body h2.entry-title a:hover { color: var(--b-brass) !important; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .post-item .post-meta-list { display: flex !important; flex-wrap: wrap; gap: 8px; margin: 0 0 14px !important; padding: 0 !important; list-style: none; order: -1; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .post-item .post-meta-list .meta-author:has(a:empty) { display: none !important; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .post-item .post-meta-list :is(span, a) { color: var(--b-brass) !important; font-family: 'Archivo', Arial, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .08em !important; text-transform: uppercase !important; text-decoration: none !important; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .post-item .post-meta-list i { color: var(--b-brass) !important; margin-right: 5px; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .post-item .post-meta-list .post-cat { display: inline-flex; padding: 4px 12px; border-radius: 100px; background: var(--b-sand) !important; border: 1px solid var(--b-line); }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .post-item .elementskit-post-body > p { margin: 0 0 20px !important; color: var(--b-muted) !important; font-family: 'Archivo', Arial, sans-serif !important; font-size: 15.5px !important; line-height: 1.65 !important; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .post-item .btn-wraper { margin: auto 0 0 !important; padding: 0 !important; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .post-item .btn-wraper a { display: inline-flex !important; align-items: center; min-height: 44px; padding: 10px 22px !important; border: 1px solid transparent !important; border-radius: 100px !important; background: var(--b-gold) !important; background-image: none !important; color: var(--b-ink) !important; font: 700 14px/1.3 'Archivo', Arial, sans-serif !important; text-decoration: none !important; box-shadow: none !important; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .post-item .btn-wraper a:hover { background: var(--b-ink) !important; color: var(--b-paper) !important; }
  body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .post-item :is(a:focus-visible) { outline: 3px solid var(--b-gold); outline-offset: 3px; }

  @media (max-width: 1024px) {
    body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .ekit-row.post-items { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 22px !important; }
  }
  @media (max-width: 767px) {
    body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-hero { padding: 40px 16px !important; }
    body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-hero h1 { font-size: clamp(30px,9vw,40px) !important; }
    body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list { padding: 32px 16px !important; }
    body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .ekit-row.post-items { grid-template-columns: 1fr !important; gap: 18px !important; }
    body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .post-item .elementskit-post-body { padding: 20px !important; }
    body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .post-item .btn-wraper a { width: 100%; justify-content: center; }
  }
  @media (prefers-reduced-motion: reduce) {
    body.tbs-blog-page.tbs-interior .tbs-interior-content .tbs-blog-list .post-item .elementskit-post-image-card { transition: none !important; transform: none !important; }
  }
}