/* style-medicinska-zemita.css */
/* Verzia 1.6 - Centrovanie textu v blockquote, zelené tel. tlačidlo s bielym textom */

/* --- Globálne & Premenné Bootstrapu --- */
:root {
  --bs-primary: #8fbc8f; /* Tlmená zelená (DarkSeaGreen) ako akcent */
  --bs-primary-rgb: 143, 188, 143;
  --bs-secondary: #d2b48c; /* Tan (piesková) */
  --bs-secondary-rgb: 210, 180, 140;
  --bs-light: #f5f5dc; /* Béžová pre pozadia sekcií */
  --bs-light-rgb: 245, 245, 220;
  --bs-dark: #5f4b32; /* Tmavšia hnedá pre footer a text na sek. tlačidle */
  --bs-dark-rgb: 95, 75, 50;
  --bs-body-bg: #fffaf0; /* Floral White (veľmi svetlá béžová) pre pozadie stránky */
  --bs-body-color: #4a4031; /* Tmavohnedá pre text */
  --bs-link-color: #8b4513; /* SaddleBrown - hnedá pre odkazy a rámček */
  --bs-link-hover-color: #5f4b32; /* Tmavšia hnedá pre hover */
  --bs-border-color: #e3d9c6; /* Svetlejšia hnedo-béžová pre orámovania */

  /* Pridané pre tlačidlá */
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 0.25rem;
  --bs-btn-padding-y-sm: 0.25rem;
  --bs-btn-padding-x-sm: 0.5rem;
  --bs-btn-font-size-sm: 0.875rem;
  --bs-btn-border-radius-sm: 0.2rem;
}

body {
  /* font-family: 'Vaše Písmo', sans-serif; */
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}

/* --- Hlavička (Header) --- */
.navbar-light.bg-light { background-color: var(--bs-light) !important; border-bottom: 1px solid var(--bs-border-color); }
.navbar-brand { font-weight: 500; color: var(--bs-body-color); }
.nav-link { color: var(--bs-link-color) !important; font-weight: 500; }
.nav-link:hover, .nav-link.active { color: var(--bs-link-hover-color) !important; }

/* --- Hero Sekcia --- */
.hero-banner-section { background-size: cover; background-position: center center; min-height: 500px; display: flex; align-items: center; justify-content: center; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); color: #fff; }
.hero-banner-section h1 { color: inherit; }
.hero-banner-section p { color: rgba(255, 255, 255, 0.9); }
.hero-banner-section .btn-primary { background-color: var(--bs-primary); border-color: var(--bs-primary); color: #fff; }
.hero-banner-section .btn-primary:hover { background-color: #7aa97a; border-color: #7aa97a; }

/* --- Obrázky pod Nadpismi --- */
.heading-associated-image { width: 100%; height: auto; margin-top: 15px; margin-bottom: 15px; display: block; border: 1px solid var(--bs-border-color); border-radius: 0.25rem; }

/* --- Sekcie a Karty --- */
.bg-light { background-color: var(--bs-light) !important; }
.card { border: 1px solid var(--bs-border-color); background-color: #fff; margin-bottom: 1.5rem; }
.card-title { color: var(--bs-link-hover-color); }

/* --- Tlačidlá (Buttons) --- */
.btn { display: inline-block; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-size: var(--bs-btn-font-size); border-radius: var(--bs-btn-border-radius); transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.btn-primary { background-color: var(--bs-primary); border-color: var(--bs-primary); color: #fff; }
.btn-primary:hover { background-color: #7aa97a; border-color: #7aa97a; color: #fff; }
.btn-secondary { background-color: var(--bs-secondary); border-color: var(--bs-secondary); color: var(--bs-dark); }
.btn-secondary:hover { background-color: #c1a37c; border-color: #c1a37c; color: var(--bs-dark); }
.btn-outline-primary { color: var(--bs-primary); border-color: var(--bs-primary); }
.btn-outline-primary:hover { background-color: var(--bs-primary); border-color: var(--bs-primary); color: #fff; }
.btn-sm { padding: var(--bs-btn-padding-y-sm) var(--bs-btn-padding-x-sm); font-size: var(--bs-btn-font-size-sm); border-radius: var(--bs-btn-border-radius-sm); }

/* --- Breadcrumbs (Drobečková navigácia) --- */
.breadcrumb { background-color: var(--bs-light); padding: 0.75rem 1rem; border-radius: 0.25rem; margin-bottom: 1.5rem; border: 1px solid var(--bs-border-color); }
.breadcrumb-item { font-size: 0.9em; }
.breadcrumb-item a { color: var(--bs-link-color); text-decoration: none; }
.breadcrumb-item a:hover { color: var(--bs-link-hover-color); text-decoration: underline; }
.breadcrumb-item.active { color: var(--bs-body-color); }
.breadcrumb-item + .breadcrumb-item::before { color: var(--bs-body-color); }

/* --- Blockquote / Poznámka ku konzultácii (Centrovaná) --- */
blockquote.consultation-note {
  display: block;
  max-width: 70%;
  margin: 1.5rem auto; /* Vertikálne odsadenie a horizontálne centrovanie */
  background-color: #fff;
  border: 1px solid var(--bs-link-color); /* Hnedý rámček */
  padding: 1.5rem;
  border-radius: 0.25rem;
  font-size: 1.05em;
  font-style: normal;
  /* === Zarovnanie textu vnútri na stred === */
  text-align: center;
}
blockquote.consultation-note p {
  margin-bottom: 0;
}
/* Štandardné odkazy v blockquote (necieli na tlačidlá) */
blockquote.consultation-note a:not(.btn) {
   color: var(--bs-link-color);
}
blockquote.consultation-note a:not(.btn):hover {
   color: var(--bs-link-hover-color);
}

/* === Špecifický štýl pre TEL. TLAČIDLO v Blockquote === */
blockquote.consultation-note a.btn-secondary[href^="tel:"] {
  background-color: var(--bs-primary); /* Zelené pozadie */
  border-color: var(--bs-primary);     /* Zelený okraj */
  color: #fff;                       /* === Biely text === */
  white-space: nowrap;               /* Udrží číslo pokope */
  margin-left: 0.25rem;              /* Malý odstup od textu "tel. č." */
  /* Ostatné vlastnosti (.btn, .btn-sm) sú aplikované z HTML */
}
/* Hover stav pre zelené tel. tlačidlo */
blockquote.consultation-note a.btn-secondary[href^="tel:"]:hover {
  background-color: #7aa97a; /* Tmavšia zelená na hover */
  border-color: #7aa97a;
  color: #fff;               /* Text zostáva biely */
}

/* --- Sidebar --- */
.sidebar-section { margin-bottom: 2rem; }
.sidebar-section h5 { color: var(--bs-link-hover-color); margin-bottom: 0.75rem; font-size: 1.1em; }

/* --- Sidebar Menu (TOC) --- */
.sidebar-toc { list-style: none; padding-left: 0; margin-bottom: 1.5rem; }
.sidebar-toc li { margin-bottom: 0.25rem; }
.sidebar-toc a { text-decoration: none; display: block; padding: 0.4rem 0.75rem; color: var(--bs-body-color) !important; font-size: 0.95em; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; border-radius: 0.25rem; border: none; }
.sidebar-toc a:hover { color: var(--bs-link-hover-color) !important; background-color: rgba(var(--bs-dark-rgb), 0.05); text-decoration: none; }
.sidebar-toc a.active { color: var(--bs-primary) !important; font-weight: 600; background-color: rgba(var(--bs-primary-rgb), 0.1); }

/* --- Sidebar Partners --- */
#sidebar-partners img { max-width: 160px; height: auto; background-color: #fff; padding: 5px; border: 1px solid var(--bs-border-color); border-radius: 0.25rem; display: block; margin-bottom: 0.5rem; }

/* --- Footer (Päta stránky) --- */
body .footer { background-color: var(--bs-dark); color: var(--bs-light); padding: 2rem 0; margin-top: 3rem; border-top: 3px solid var(--bs-primary); }
.footer p { color: var(--bs-light); margin-bottom: 0.5rem; font-size: 0.9em; }
.footer a { color: var(--bs-secondary); text-decoration: none; transition: color 0.15s ease-in-out; }
.footer a:hover { color: #fff; text-decoration: underline; }
.footer .social-icons a { color: var(--bs-light); margin: 0 0.5rem; font-size: 1.2em; }
.footer .social-icons a:hover { color: var(--bs-secondary); }
.footer .copyright { margin-top: 1.5rem; font-size: 0.85em; text-align: center; opacity: 0.8; }