/* =========================================================
   SENIOR MODE / GRÖSSERE SCHRIFT
   Klarer, ruhiger, besser lesbar für 60+
========================================================= */

/* =========================================================
   GLOBAL
========================================================= */

body.senior-mode{
  font-size:19px;
  line-height:2;
  letter-spacing:0;
  --muted:#4b5563;
}

body.dark.senior-mode{
  --muted:#cbd5e1;
}

html[dir="rtl"] body.senior-mode{
  line-height:2.15;
}

/* =========================================================
   TYPOGRAPHY
========================================================= */

body.senior-mode h1{
  font-size:clamp(2rem, 3vw, 2.5rem) !important;
  line-height:1.2 !important;
}

body.senior-mode h2{
  font-size:clamp(1.6rem, 2.4vw, 2rem) !important;
  line-height:1.24 !important;
}

body.senior-mode h3{
  font-size:1.35rem !important;
  line-height:1.3 !important;
}

body.senior-mode h4,
body.senior-mode h5,
body.senior-mode h6{
  font-size:1.12rem !important;
  line-height:1.35 !important;
}

body.senior-mode p,
body.senior-mode li,
body.senior-mode .text-muted,
body.senior-mode .card-text,
body.senior-mode .article-excerpt,
body.senior-mode .meta-row,
body.senior-mode .small,
body.senior-mode blockquote,
body.senior-mode figcaption{
  font-size:1.04rem !important;
  line-height:1.95 !important;
}

/* =========================================================
   CURRENT HEADER
========================================================= */

body.senior-mode .header-date-kicker{
  font-size:11px !important;
}

body.senior-mode .header-date-main{
  font-size:15px !important;
  line-height:1.3 !important;
}

body.senior-mode .header-brand-title{
  font-size:clamp(1.75rem, 4vw, 2.6rem) !important;
  line-height:1.08 !important;
}

body.senior-mode .header-brand-eyebrow{
  font-size:.82rem !important;
}

body.senior-mode .header-menu-toggle,
body.senior-mode .header-login-link{
  min-height:44px !important;
  font-size:1rem !important;
  padding:0 16px !important;
}

body.senior-mode .header-menu-toggle i,
body.senior-mode .header-login-link i{
  font-size:1rem !important;
}

body.senior-mode .header-menu-link,
body.senior-mode .header-menu-section-toggle{
  min-height:50px !important;
  font-size:1.04rem !important;
}

body.senior-mode .header-menu-category-link{
  min-height:44px !important;
  font-size:1rem !important;
}

body.senior-mode .header-menu-search-input,
body.senior-mode .header-menu-search-submit{
  min-height:52px !important;
  font-size:1rem !important;
}

body.senior-mode .header-menu-lang{
  min-height:46px !important;
  font-size:.98rem !important;
  padding:0 12px !important;
}

body.senior-mode .header-menu-tool{
  min-height:48px !important;
  font-size:1rem !important;
}

/* =========================================================
   BUTTONS / FORMS / UI
========================================================= */

body.senior-mode .btn{
  font-size:1rem !important;
  font-weight:700 !important;
  min-height:46px;
  padding:.68rem 1rem !important;
}

body.senior-mode .header-icon-btn{
  width:42px;
  height:42px;
  flex-basis:42px;
}

body.senior-mode .form-control,
body.senior-mode textarea,
body.senior-mode select{
  font-size:1rem !important;
  min-height:48px;
  padding:.7rem .9rem !important;
}

body.senior-mode textarea{
  min-height:140px;
}

body.senior-mode .badge,
body.senior-mode .category-pill,
body.senior-mode .menu-cat{
  font-size:.98rem !important;
  padding:.55rem .85rem !important;
}

body.senior-mode .category-pill{
  min-height:42px;
}

/* =========================================================
   CARDS / LISTS / TEASERS
========================================================= */

body.senior-mode .news-card{
  border-radius:24px;
  box-shadow:0 16px 38px rgba(0,0,0,.08);
}

body.senior-mode .news-card .card-body{
  padding:24px 24px !important;
}

body.senior-mode .article-title{
  font-size:1.42rem !important;
  line-height:1.3 !important;
}

body.senior-mode .meta-row{
  font-size:1rem !important;
  gap:.55rem .75rem !important;
}

body.senior-mode .article-excerpt{
  font-size:1.06rem !important;
  line-height:1.95 !important;
  -webkit-line-clamp:5;
  line-clamp:5;
}

body.senior-mode .news-thumb,
body.senior-mode .news-thumb-placeholder{
  min-height:250px;
}

/* =========================================================
   ARTICLE PAGE
========================================================= */

body.senior-mode .article-content{
  font-size:21px !important;
  line-height:2.1 !important;
}

html[dir="rtl"] body.senior-mode .article-content{
  line-height:2.25 !important;
}

body.senior-mode .article-content p{
  margin-bottom:1.2rem !important;
}

body.senior-mode .article-content blockquote{
  padding:1rem 1.15rem !important;
  font-size:1.02em !important;
}

/* =========================================================
   SIDEBAR / TABLES / COMMENTS
========================================================= */

body.senior-mode .sidebar-sticky .card .card-body{
  padding:18px 18px !important;
}

body.senior-mode .sidebar-sticky .card h3,
body.senior-mode .sidebar-sticky .card .h6{
  font-size:1.08rem !important;
}

body.senior-mode .sidebar-sticky .text-muted.small{
  font-size:1rem !important;
  line-height:1.8 !important;
}

body.senior-mode .table th,
body.senior-mode .table td{
  font-size:1rem !important;
  padding:14px 14px !important;
}

body.senior-mode .table thead th{
  font-size:.98rem !important;
}

body.senior-mode .comment-card,
body.senior-mode .card-body{
  line-height:1.9;
}

body.senior-mode .comment-author{
  font-size:1.05rem;
}

body.senior-mode .comment-date{
  font-size:.95rem;
}

body.senior-mode .comment-body{
  font-size:1.04rem;
}

/* =========================================================
   FOOTER
========================================================= */

body.senior-mode .footer-links a,
body.senior-mode .footer-desc,
body.senior-mode .site-footer .footer-bottom{
  font-size:1rem !important;
}

body.senior-mode .footer-name{
  font-size:1.08rem !important;
}

/* =========================================================
   MUTED TEXT / COLOR CONSISTENCY
========================================================= */

body.senior-mode .article-excerpt,
body.senior-mode .text-muted,
body.senior-mode .meta-row,
body.senior-mode .footer-links a,
body.senior-mode .footer-desc{
  color:var(--muted) !important;
}

/* =========================================================
   FOCUS STATES
========================================================= */

body.senior-mode a:focus-visible,
body.senior-mode button:focus-visible,
body.senior-mode input:focus-visible,
body.senior-mode textarea:focus-visible,
body.senior-mode select:focus-visible{
  outline:3px solid rgba(13,110,253,.35);
  outline-offset:2px;
  border-radius:10px;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width:768px){
  body.senior-mode{
    font-size:18px;
  }

  body.senior-mode .header-brand-title{
    font-size:clamp(1.45rem, 6vw, 2rem) !important;
  }

  body.senior-mode .article-title{
    font-size:1.28rem !important;
  }

  body.senior-mode .article-content{
    font-size:19px !important;
    line-height:2.05 !important;
  }

  body.senior-mode .news-card .card-body{
    padding:20px 18px !important;
  }

  body.senior-mode .news-thumb,
  body.senior-mode .news-thumb-placeholder{
    min-height:190px;
  }

  body.senior-mode .header-menu-toggle,
  body.senior-mode .header-login-link{
    min-height:40px !important;
    font-size:.96rem !important;
  }

  body.senior-mode .header-menu-link,
  body.senior-mode .header-menu-section-toggle{
    min-height:48px !important;
    font-size:1rem !important;
  }

  body.senior-mode .header-menu-tool,
  body.senior-mode .header-menu-lang{
    min-height:44px !important;
    font-size:.95rem !important;
  }
}