/* =========================================================
   fonts.css — Gestão de fontes para clubproperty.com
   - @import (Google Fonts)
   - @font-face (ex.: self-hosted / fallback)
   - :root variáveis de tipografia
   - regras base: html, body, * e headings (h1..h6)
   - sistema responsivo usando clamp()
   ========================================================= */

/* -------------------------
   1) Import Google Fonts
   (ajuste families conforme preferir)
   ------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap');

/* -------------------------
   2) Self-hosted fonts (exemplo)
   - coloque os arquivos em /assets/fonts/ ou /fonts/
   - font-display: swap para performance
   ------------------------- */
@font-face {
  font-family: 'CP-Sans-Local';
  src: url('/fonts/CP-Sans-Local.woff2') format('woff2'),
       url('/fonts/CP-Sans-Local.woff') format('woff');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

/* exemplo para uma fonte serif se precisar */
@font-face {
  font-family: 'CP-Serif-Local';
  src: url('/fonts/CP-Serif-Local.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

/* -------------------------
   3) :root — variáveis de fonte e tipografia
   - fácil personalização global
   ------------------------- */
:root {
  /* Font stacks (prioridade: custom local -> Google -> system fallback) */
  --font-sans: 'Poppins', 'CP-Sans-Local', 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  --font-ui: 'Inter', var(--font-sans);
  --font-serif: 'CP-Serif-Local', Georgia, 'Times New Roman', serif;
  --font-mono: 'SFMono-Regular', Menlo, Monaco, 'Roboto Mono', monospace;

  /* Weight tokens */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 800;

  /* Base sizes & scale (use clamp for responsive scaling) */
  --fs-base: clamp(0.95rem, 0.9rem + 0.3vw, 1rem);    /* paragraph base */
  --fs-lg:   clamp(1.05rem, 1rem + 0.6vw, 1.125rem);  /* lead / buttons */
  --fs-sm:   clamp(0.85rem, 0.8rem + 0.2vw, 0.9rem);

  /* Heading scale (multipliers relative ao base) */
  --h1-scale: clamp(2.0rem, 1.6rem + 3.0vw, 2.6rem);
  --h2-scale: clamp(1.6rem, 1.4rem + 2.0vw, 2.0rem);
  --h3-scale: clamp(1.3rem, 1.15rem + 1.2vw, 1.5rem);
  --h4-scale: clamp(1.125rem, 1rem + 0.8vw, 1.25rem);

  /* Line heights */
  --lh-base: 1.6;
  --lh-heading: 1.15;

  /* Letter spacing */
  --ls-tight: -0.02em;
  --ls-normal: 0;
  --ls-wide: 0.02em;
}

/* -------------------------
   4) Global reset for font rendering
   ------------------------- */
html {
  font-family: var(--font-sans);
  font-size: 16px; /* 1rem = 16px (base) — ajuste se quiser */
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
  /* inherit font smoothing to pseudo elements too */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* -------------------------
   5) Body / base text
   ------------------------- */
body {
  margin: 0;
  font-family: var(--font-sans);
  font-size: var(--fs-base);
  line-height: var(--lh-base);
  color: #111827; /* ajuste conforme paleta do site */
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

/* Links and emphasis should inherit readable font */
a {
  color: inherit;
  text-decoration-thickness: 1px;
}

/* Placeholder styling */
::placeholder {
  color: #9ca3af;
  opacity: 1;
}

/* -------------------------
   6) Headings (h1..h6) — tipografia escalável
   - use font-feature-settings se desejar números tabulares, etc.
   ------------------------- */
h1, .h1 {
  font-family: var(--font-sans);
  font-weight: var(--fw-bold);
  font-size: var(--h1-scale);
  line-height: var(--lh-heading);
  letter-spacing: var(--ls-tight);
  margin: 0 0 0.5rem 0;
}

h2, .h2 {
  font-family: var(--font-sans);
  font-weight: var(--fw-semibold);
  font-size: var(--h2-scale);
  line-height: var(--lh-heading);
  margin: 0 0 0.5rem 0;
}

h3, .h3 {
  font-family: var(--font-sans);
  font-weight: var(--fw-medium);
  font-size: var(--h3-scale);
  line-height: var(--lh-heading);
  margin: 0 0 0.5rem 0;
}

h4, .h4 {
  font-family: var(--font-sans);
  font-weight: var(--fw-medium);
  font-size: var(--h4-scale);
  margin: 0 0 0.5rem 0;
}

h5, .h5 {
  font-family: var(--font-sans);
  font-weight: var(--fw-regular);
  font-size: 0.95rem;
  margin: 0 0 0.5rem 0;
}

h6, .h6 {
  font-family: var(--font-sans);
  font-weight: var(--fw-regular);
  font-size: 0.85rem;
  margin: 0 0 0.5rem 0;
}

/* Small text */
small {
  font-size: var(--fs-sm);
  line-height: 1.3;
}

/* Strong / b */
strong, b {
  font-weight: var(--fw-semibold);
}

/* Code / monospace */
code, kbd, samp, pre {
  font-family: var(--font-mono);
  font-size: 0.95em;
}

/* -------------------------
   7) Utility classes (rápido controle)
   ------------------------- */
.u-font-heading { font-family: var(--font-sans); }
.u-font-body    { font-family: var(--font-ui); }
.u-font-serif   { font-family: var(--font-serif); }
.u-font-mono    { font-family: var(--font-mono); }

.u-uppercase { text-transform: uppercase; letter-spacing: 0.08em; }
.u-tracking-tight { letter-spacing: var(--ls-tight); }
.u-letter-normal { letter-spacing: var(--ls-normal); }

/* Weight helpers */
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }

/* -------------------------
   8) Accessibility / performance notes
   - Avoid loading many different font families/weights.
   - Use font-display: swap em @font-face para evitar FOIT.
   - Prefer woff2 para melhor compressão.
   ------------------------- */

/* -------------------------
   9) Example responsive tweaks (opcional)
   - For very small screens, slightly reduce base font-size
   ------------------------- */
@media (max-width: 420px) {
  :root {
    --fs-base: clamp(0.9rem, 0.85rem + 0.3vw, 0.98rem);
  }
}

/* -------------------------
   10) Example: hero/title specific tuning (se necessário)
   ------------------------- */
.hero-title {
  font-family: var(--font-sans);
  font-weight: var(--fw-black);
  font-size: clamp(2.4rem, 1.8rem + 4vw, 4rem);
  line-height: 1.02;
  letter-spacing: -0.02em;
}

/* End of fonts.css */


.navbar {
    background-color: #2f3835 !important;
}
.btn-highlight,
.btn-primary,
.btn-secondary,
.btn-warning,
.btn-outline-primary,
.social-media .btn-android, .social-media .btn-android a, .social-media .btn-apple-dark, .social-media .btn-apple-dark a, .social-media .btn-apple-gray, .social-media .btn-apple-gray a, .social-media .btn-facebook, .social-media .btn-facebook a, .social-media .btn-facebook-old, .social-media .btn-facebook-old a, .social-media .btn-flickr, .social-media .btn-flickr a, .social-media .btn-flickr-blue, .social-media .btn-flickr-blue a, .social-media .btn-google, .social-media .btn-google a, .social-media .btn-google-plus, .social-media .btn-google-plus a, .social-media .btn-instagram, .social-media .btn-instagram a, .social-media .btn-linkedin, .social-media .btn-linkedin a, .social-media .btn-mastodon, .social-media .btn-mastodon a, .social-media .btn-messenger, .social-media .btn-messenger a, .social-media .btn-microsoft-teams, .social-media .btn-microsoft-teams a, .social-media .btn-odnoklassniki, .social-media .btn-odnoklassniki a, .social-media .btn-pinterest, .social-media .btn-pinterest a, .social-media .btn-pocket, .social-media .btn-pocket a, .social-media .btn-reddit, .social-media .btn-reddit a, .social-media .btn-skype, .social-media .btn-skype a, .social-media .btn-slack, .social-media .btn-slack a, .social-media .btn-telegram, .social-media .btn-telegram a, .social-media .btn-tiktok, .social-media .btn-tiktok a, .social-media .btn-tiktok-pink, .social-media .btn-tiktok-pink a, .social-media .btn-tumblr, .social-media .btn-tumblr a, .social-media .btn-twitter, .social-media .btn-twitter a, .social-media .btn-viber, .social-media .btn-viber a, .social-media .btn-vimeo, .social-media .btn-vimeo a, .social-media .btn-vk, .social-media .btn-vk a, .social-media .btn-whatsapp, .social-media .btn-whatsapp a, .social-media .btn-x-twitter, .social-media .btn-x-twitter a, .social-media .btn-youtube, .social-media .btn-youtube a{
    background: none !important;
    color:#a8a072 !important;
    --bs-btn-color: #212529 !important;
    --bs-btn-bg: #a8a072 !important; 
    --bs-btn-border-color: #a8a072 !important;
    --bs-btn-hover-color: #212529 !important;
    --bs-btn-hover-bg: #b8b692 !important;
    --bs-btn-hover-border-color: #a8a072 !important;
    --bs-btn-focus-shadow-rgb: 168,160,114 !important;
    --bs-btn-active-color: #212529 !important;
    --bs-btn-active-bg: #cfcf9d !important;
    --bs-btn-active-border-color: #a8a072 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !important;
    --bs-btn-disabled-color: #000 !important;
    --bs-btn-disabled-bg: #a8a072 !important;
    --bs-btn-disabled-border-color: #a8a072 !important;
}

.btn-outline-secondary{
  background-color: #ffffff;
  --bs-btn-border-color: transparent; /* Retired the border */
  --bs-btn-hover-color: #212529;
  --bs-btn-hover-bg: #a8a072;
  --bs-btn-hover-border-color: transparent; /* Retired the border */
  --bs-btn-focus-shadow-rgb: 168,160,114;
  --bs-btn-active-color: #212529;
  --bs-btn-active-bg: #a8a072;
  --bs-btn-active-border-color: transparent; /* Retired the border */
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #a8a072;
  --bs-btn-disabled-border-color: transparent; /* Retired the border */
  --bs-gradient: none;
}




.alert-info {
    background: none;
    color:#a8a072;
    --bs-alert-color: var(--bs-info-text-emphasis);
    --bs-alert-bg: var(--bs-info-bg-subtle);
    --bs-alert-border-color: #a8a072;
    --bs-alert-link-color: #a8a072;
}
.alert-info a{
    color:#a8a072;
    font-weight: 700;
}
.link-primary {
    color: #000000 !important;
}
.text-warning,
.link-primary :hover,
a :hover{
    color: #a8a072 !important;
}
.link-primary .text-white{
  color: #a8a072 !important;
}

.ehagora-custom-card-normal,
.ehagora-custom-card-normal .card-header,
.ehagora-custom-card-carousel,
.ehagora-custom-card-carousel .card-header,
.ehagora-custom-card-carousel .featured-list-slider,
.ehagora-custom-tags{
 background-color: transparent !important;
 border: none !important;
 border-radius: 0% !important;
 --bs-card-bg: transparent !important;
 border: none !important;
}
.bg-primary {
  background-color: transparent !important;
}

/** search **************************/
.text-bg-danger {
    background-color: #a8a072 !important;
    color: #fff !important;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: #a8a072;
  color: #2f3835;
  text-decoration: none;
}

/** details **************************/
.items-details{
  margin-bottom: 20px !important;
}
.p-price-tag {
  background: #a8a072;
  border-radius: 3px 0 0 3px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  min-width: 100px;
  padding: 5px 15px;
  position: absolute;
  right: -10px;
  text-align: center;
  top: 10%;
  z-index: 90;
}

/** account **************************/
.list-group-item.active {
  background-color: #2f3835;
  border-color: #2f3835;
  color: #a8a072;
  z-index: 2;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #2f3835;
  color: #a8a072;
}

/** post create/edit **************************/
.border-primary {
  --bs-border-opacity: 1;
  border-color: #2f3835 !important;
}
.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #2f3835;
}
/* Your custom CSS here */

.card {
  /* --bs-card-spacer-y: 1rem; */
  /* --bs-card-spacer-x: 1rem; */
  /* --bs-card-title-spacer-y: 0.5rem; */
  /* --bs-card-title-color: ; */
  /* --bs-card-subtitle-color: ; */
  /* --bs-card-border-width: var(--bs-border-width); */
  /* --bs-card-border-color: var(--bs-border-color-translucent); */
  /* --bs-card-border-radius: var(--bs-border-radius); */
  --bs-card-box-shadow: ;
  /* --bs-card-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); */
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  /* --bs-card-bg: var(--bs-body-bg); */
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  word-wrap: break-word;
  background-clip: border-box;
  background-color: transparent;
  border: none;
  border-radius: 0 !important;
  color: var(--bs-body-color);
  display: flex;
  flex-direction: column;
  height: var(--bs-card-height);
  min-width: 0;
  position: relative;
}

[data-pnotify] .custom-container {
  background-color: #a8a072;
  border: 0 solid #a8a072;
  border-radius: 4px;
  color: #fff;
  padding: 1.2rem;
}

.fs-5{
  font-weight: 300 !important;
}
.fw-bold,
.fw-bolder{
    font-weight: 400 !important;
}

.social-media .instagram,
.social-media .telegram,
.social-media .whatsapp,
.social-media .facebook,
.social-media .x-twitter{
  color:#a8a072 !important;
}
.social-media .instagram :hover,
.social-media .telegram :hover,
.social-media .whatsapp :hover,
.social-media .facebook :hover,
.social-media .x-twitter :hover{
  color:#626b68 !important;
}