/* ==========================================================
   GrandStudy — Cassiopeia user.css (clean, one-menu)
   Purpose:
   - Brand palette via CSS variables
   - Global base styles (typography, cards, links)
   - Sticky header
   - Joomla main menu styling (module class: gs-mainmenu)
   - Custom CTA buttons (.btn-brand / .btn-ghost)
   - Landing helpers (.hero, .section, .badge-soft, etc.)
   - Footer link colors
   ========================================================== */


/* ----------------------------------------------------------
   1) Brand tokens + light theme base variables
   ---------------------------------------------------------- */
:root,
[data-bs-theme="light"]{
  --gs-burgundy: #8B1E2D;
  --gs-graphite: #1E1E1E;
  --gs-text:     #3A3A3A;
  --gs-bg:       #F5F5F4;
  --gs-white:    #FFFFFF;
  --gs-accent:   #D4A94E;
  --gs-border:   #E3E3E0;

  /* Bootstrap base (без агрессивного переопределения компонентов) */
  --bs-body-bg:       var(--gs-bg);
  --bs-body-color:    var(--gs-text);
  --bs-border-color:  var(--gs-border);
  --bs-link-color:    var(--gs-burgundy);
  --bs-link-hover-color:#6F1622;
  --bs-heading-color: var(--gs-graphite);
}

.btn-info
 {
    --btn-color: #fff;
    --btn-bg: #D4A94E; 
    --btn-border-color: #6F1622;
    --btn-hover-color: #fff;
    --btn-hover-bg: #8B1E2D;
    --btn-hover-border-color: #000;
    --btn-focus-shadow-rgb: 79, 122, 158;
    --btn-active-color: #000;
    --btn-active-bg: #D4A94E;
    --btn-active-border-color: #D4A94E;
    --btn-active-shadow: inset 0 3px 5px #00000020;
    --btn-disabled-color: #000;
    --btn-disabled-bg: #30638d;
    --btn-disabled-border-color: #30638d;
}


/* ----------------------------------------------------------
   2) Base typography + links
   ---------------------------------------------------------- */
body{
  background: var(--gs-bg);
  color: var(--gs-text);
}

h1,h2,h3,h4,h5,h6{
  color: var(--gs-graphite);
}

a{
  color: var(--gs-burgundy);
}
a:hover,
a:focus{
  color: #6F1622;
}


/* ----------------------------------------------------------
   3) Utility classes (used across landing and site)
   ---------------------------------------------------------- */
.text-brand{ color: var(--gs-burgundy); }
.text-brand2 {color: #D4A94E;}

.muted{ color: rgba(30,30,30,.70); }

.section{ padding: 72px 0; }
.section-sm{ padding: 56px 0; }

.card{ border-color: var(--gs-border); }

.badge-soft{
  background: rgba(212, 169, 78, .18);
  color: var(--gs-graphite);
  border: 1px solid rgba(212, 169, 78, .35);
}

.icon-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--gs-burgundy);
  display: inline-block;
  margin-top: .45rem;
}


/* ----------------------------------------------------------
   4) Hero (landing)
   ---------------------------------------------------------- */
.hero{
  padding-top: 10px; /* ты сознательно делала небольшой отступ */
  background:
    radial-gradient(1200px 400px at 15% 10%, rgba(139,30,45,.10), transparent 60%),
    radial-gradient(1000px 350px at 90% 15%, rgba(212,169,78,.12), transparent 55%),
    linear-gradient(180deg, #fff, var(--gs-bg));
  border-bottom: 1px solid var(--gs-border);
}


/* ----------------------------------------------------------
   5) Sticky header (Cassiopeia)
   ---------------------------------------------------------- */
header.header,
.site-header,
.container-header{
  position: sticky;
  top: 0;
  z-index: 1035;
  background: var(--gs-white);
  border-bottom: 1px solid var(--gs-border);
}

/* ----------------------------------------------------------
   6) Main menu styling (Joomla module class: gs-mainmenu)
   IMPORTANT:
   - Assign CSS class "gs-mainmenu" in the Menu module
   - CTA menu items use link classes:
     "btn btn-brand btn-sm" and "btn btn-ghost btn-sm"
   ---------------------------------------------------------- */

/* Normal menu items */
.gs-mainmenu .nav-link,
.gs-mainmenu .nav-item > a{
  color: var(--gs-graphite);
  font-weight: 500;
  text-decoration: none;
}

/* Cassiopeia часто заворачивает текст в .menu-title */
.gs-mainmenu .nav-link .menu-title,
.gs-mainmenu .nav-item > a .menu-title{
  color: inherit;
}

/* Hover / focus */
.gs-mainmenu .nav-link:hover,
.gs-mainmenu .nav-link:focus,
.gs-mainmenu .nav-item > a:hover,
.gs-mainmenu .nav-item > a:focus{
  color: var(--gs-burgundy);
}

/* Active */
.gs-mainmenu .active > .nav-link,
.gs-mainmenu .nav-link.active,
.gs-mainmenu .active > a{
  color: var(--gs-burgundy);
  font-weight: 600;
}

/* CTA buttons in menu (handle both <a> and inner .menu-title) */
.gs-mainmenu a.btn{
  text-decoration: none;
}

/* Burgundy CTA */
.gs-mainmenu a.btn-brand,
.gs-mainmenu a.btn-brand .menu-title{
  color: #fff !important;
}

/* Ghost CTA */
.gs-mainmenu a.btn-ghost,
.gs-mainmenu a.btn-ghost .menu-title{
  color: var(--gs-graphite) !important;
}

.gs-mainmenu a.btn-ghost:hover,
.gs-mainmenu a.btn-ghost:hover .menu-title,
.gs-mainmenu a.btn-ghost:focus,
.gs-mainmenu a.btn-ghost:focus .menu-title{
  color: #fff !important;
}


/* ----------------------------------------------------------
   7) Custom buttons (used in content / landing)
   (We do NOT override .btn-primary globally)
   ---------------------------------------------------------- */

.btn-brand {
  background: var(--gs-burgundy);
  border: 1px solid var(--gs-burgundy);
  color: #fff;
}
.btn-brand:hover {
  background: #6F1622;
  border-color: #6F1622;
  color: #fff;
}

.btn-ghost{
  background: transparent;
  border: 1px solid var(--gs-graphite);
  color: var(--gs-graphite);
}
.btn-ghost:hover{
  background: var(--gs-graphite);
  color: #fff;
}

.container-header .mod-menu {color: #8B1E2D;}
.container-header .mod-menu a {color: #8B1E2D;}
.container-search .mod-menu:hover {color: #ffffff;}

/* ----------------------------------------------------------
   8) Footer (Cassiopeia-safe)
   ---------------------------------------------------------- */
footer,
.footer,
.site-footer,
.container-footer{
  background: var(--gs-graphite);
  color: rgba(255,255,255,.85);
}

footer a,
.footer a,
.site-footer a,
.container-footer a{
  color: var(--gs-accent) !important;
  text-decoration: none;
}

footer a:hover,
.footer a:hover,
.site-footer a:hover,
.container-footer a:hover{
  color: #E0BC6A !important;
  text-decoration: underline;
}

.back-to-top-link {background-color: #8B1E2D; color: #000; }
.back-to-top-link:hover {background-color: #000; color: #fff;}
.article-info dd {padding: 7px 10px 0 10px ; float: left;}

.text-muted {font-size: 12px; border: 0px solid #ccc; padding-top: 7px; background-color: #f2f2f2; line-height: 1.4;}


    





a.bold-link {font-weight: 700; /* Устанавливаем жирность 700 для Бренда */ font-size: 1.4rem; padding-bottom: 3px;}