/**
 * Frontend overrides — fonturi mai mici pe site-ul public
 * Se incarca DOAR pe frontend (layout.php), NU in admin panel.
 *
 * Ultima modificare: 2026-02-06 12:15
 * Modificari:
 *   2026-02-06 13:00 — Overrides blog, testimonial carousel, mega dropdown blog (px values)
 *   2026-02-06 03:00 — Creare: font global 15px, h2-h5 mai mici, feature cards compact, service content
 */


/* ==========================================================================
   BASE: font-size mai mic pe frontend (15px in loc de 16px)
   Toate rem-urile se calculeaza relativ la aceasta valoare
   ========================================================================== */

html {
    font-size: 15px;
}


/* ==========================================================================
   TYPOGRAPHY: headings mai compacte
   ========================================================================== */

h2 {
    font-size: clamp(1.2rem, 3vw, 1.6rem);
}

h3 {
    font-size: clamp(1.1rem, 2.5vw, 1.4rem);
}

h4 {
    font-size: 1.15rem;
}

h5 {
    font-size: 1.05rem;
    font-weight: 600;
}

h6 {
    font-size: 0.95rem;
    font-weight: 600;
}

.lead {
    font-size: 1.05rem;
}


/* ==========================================================================
   SERVICE CONTENT BODY: paragrafele din paginile de servicii
   ========================================================================== */

.service-content-body {
    font-size: 0.9375rem;
    line-height: 1.7;
}

.service-content-body h2 {
    font-size: 1.3rem;
    margin-bottom: 0.875rem;
}

.service-content-body h3 {
    font-size: 1.1rem;
    margin-bottom: 0.625rem;
}

.service-content-body h4 {
    font-size: 1rem;
}


/* ==========================================================================
   FEATURE CARDS: carduri cu icon + titlu + descriere
   ========================================================================== */

.feature-card h5 {
    font-size: 1rem;
    font-weight: 600;
}

.feature-card .feature-description {
    font-size: 0.85rem;
    line-height: 1.55;
}

.feature-card-content .feature-title {
    font-size: 0.95rem;
}

.feature-card-content .feature-description {
    font-size: 0.8125rem;
}


/* ==========================================================================
   HERO SECTIONS: subtitle si descrieri
   ========================================================================== */

.hero-section p {
    font-size: 1rem;
}


/* ==========================================================================
   CARDS (bg-light rounded): carduri text din sectiuni servicii
   ========================================================================== */

.service-content-body .bg-light h4 {
    font-size: 1.05rem;
}

.service-content-body .bg-light p {
    font-size: 0.875rem;
    line-height: 1.6;
}


/* ==========================================================================
   BLOG: carduri, continut articol, headings
   ========================================================================== */

.blog-card-title {
    font-size: 1rem;
}

.blog-card-excerpt {
    font-size: 0.8125rem;
    line-height: 1.55;
}

.blog-card-meta {
    font-size: 0.75rem;
}

.blog-card-body {
    padding: 1.25rem;
}

.blog-content {
    font-size: 0.9375rem;
    line-height: 1.75;
}

.blog-content h2 {
    font-size: 1.3rem;
}

.blog-content h3 {
    font-size: 1.1rem;
}

.blog-article-title {
    font-size: clamp(1.5rem, 3.5vw, 2.125rem);
}

.related-posts-title {
    font-size: 1.3rem;
}


/* ==========================================================================
   MEGA DROPDOWN BLOG: valori in px (imune la html font-size 15px)
   Originale la 16px: title 12.4px, excerpt 10.4px, thumb 72x52
   Aici punem valori egale sau putin mai mari
   ========================================================================== */

.mega-dropdown-blog {
    width: 820px;
}

.mega-blog-grid {
    gap: 14px;
}

.mega-blog-card {
    gap: 12px;
    padding: 9px;
}

.mega-blog-thumb {
    width: 88px;
    height: 64px;
    min-width: 88px;
}

.mega-blog-title {
    font-size: 13px;
}

.mega-blog-excerpt {
    font-size: 11px;
    line-height: 1.4;
}

.mega-blog-footer {
    margin-top: 14px;
    padding-top: 12px;
}

.mega-blog-all {
    font-size: 13px;
}


/* ==========================================================================
   TESTIMONIAL CAROUSEL: fonturi compacte
   ========================================================================== */

.testimonial-carousel-text {
    font-size: 0.875rem;
}

.testimonial-carousel-author strong {
    font-size: 0.85rem;
}

.testimonial-carousel-role {
    font-size: 0.75rem;
}