/* ========================================
   BASE / GLOBAL LAYOUT
======================================== */
:root {
  --ribo-bg: #07110d;
  --ribo-bg-deep: #030c08;
  --ribo-card: #101714;
  --ribo-card-soft: #14201a;
  --ribo-green: #22c55e;
  --ribo-green-dark: #16a34a;
  --ribo-text: #ffffff;
  --ribo-muted: #cbd5e1;
  --ribo-slate: #94a3b8;
  --ribo-border: rgba(34, 197, 94, .22);
  --ribo-border-strong: rgba(34, 197, 94, .45);
  --ribo-border-soft: rgba(255, 255, 255, .08);
  --ribo-shadow: 0 15px 35px rgba(0, 0, 0, .25);
  --ribo-shadow-strong: 0 25px 70px rgba(0, 0, 0, .55);
  --ribo-radius-sm: 10px;
  --ribo-radius-md: 14px;
  --ribo-radius-lg: 18px;
  --ribo-radius-xl: 24px;
  --ribo-content-max: 1600px;
  --ribo-page-gutter: clamp(12px, 2vw, 28px);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  max-width: 100%;
  background: var(--ribo-bg);
}

body {
  overflow-x: clip;
  color: var(--ribo-text);
}

body,
p,
span,
li,
div {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  transition: color .2s ease, background-color .2s ease,
    border-color .2s ease, transform .2s ease;
}

img {
  max-width: 100%;
  height: auto;
}

.site-container,
.site-content,
#content {
  max-width: 100%;
  overflow-x: clip;
}

.custom-logo {
  width: auto;
  max-height: 70px;
}

.header-logo__name {
  color: var(--ribo-text);
  font-weight: 600;
  letter-spacing: .3px;
}

/* Full width is limited to the home page and listing archives. */
body.page-id-67 .site-content > .container,
body.post-type-archive-hp_listing .site-content > .container,
body.tax-hp_listing_category .site-content > .container {
  width: 100%;
  max-width: none;
  margin-right: 0;
  margin-left: 0;
  padding-inline: var(--ribo-page-gutter);
}

/*
 * Početna stranica: puna širina samo po horizontalnoj osi.
 * Ne diramo visinu, margin-top, padding-top ni vertikalne razmake sekcija.
 */
body.home #content,
body.home #content > .container,
body.home .elementor-65 {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

body.home #content > .container {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

body.home .elementor-65 > .e-con,
body.home .elementor-65 > .elementor-section {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

body.page-id-67 .hp-page,
body.post-type-archive-hp_listing .hp-page,
body.tax-hp_listing_category .hp-page {
  width: 100%;
  max-width: none;
}

/* Optional Elementor class for a deliberately full-bleed section. */
body.home .ribo-full-bleed,
body.home .elementor-element.ribo-full-bleed {
  width: 100vw;
  max-width: 100vw;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

/* Broj aktivnih oglasa — isto kao 100%, 0 € i 24/7 */
body.home .ribo-stat-broj {
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 65px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}
/* Četvrta statistika: broj oglasa + natpis */
body.home .elementor-element-993b4e9 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  text-align: center !important;
}

body.home .elementor-element-993b4e9 .stat-broj-oglasa,
body.home .elementor-element-993b4e9 .elementor-widget-container,
body.home .elementor-element-993b4e9 .elementor-shortcode,
body.home .elementor-element-993b4e9 .ribo-stat-broj {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

body.home .elementor-element-993b4e9 > h5 {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}