/* =========================
   citatul.ro — theme-bootstrap.css (Optimized REV-4)
   Încărcat DUPĂ Bootstrap 5
   ========================= */

 

/* ---- Paletă & helpers ---- */
:root{ --nav-offset:72px }                    /* aceeași valoare peste tot */
.navbar.fixed-top{ min-height:72px }          /* forțează înălțimea stabilă */
body{ padding-top:var(--nav-offset)!important }
.navbar .navbar-brand img{
  width:auto; height:48px;                    /* deja ai; e ok: NU varia */
  aspect-ratio:160/40;                        /* rezervă spațiul exact */
  display:block;
}

.meniul a.link {
  font-weight: 600;        /* text mai gros (bold) */
}

.meniul a.link i.bi {
  font-weight: 600;        /* iconițele Bootstrap se bazează pe grosimea fontului */
  font-size: 1.2em;        /* opțional: puțin mai mari decât textul */
}



@media (max-width: 768px){
  /* absoarbe apariția anchor-ului sau a cookie-bar-ului */
  body{ padding-bottom: 56px; }
}

/* dacă ai cookie-bar, ține-l fixed și NU modifica height după randare */
.cookie-bar{ position:fixed; left:0; right:0; bottom:0; min-height:56px; }


/* ===== LISTA DE CATEGORII – fără CLS ===== */
.meniul ul{ margin:0; padding:0; }
.meniul li{ list-style:none; }

/* fiecare rând are înălțime fixă; nu permite ruperea pe 2 rânduri */
.meniul .link{
  display:flex; align-items:center; gap:8px;
  min-height:36px; line-height:36px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* rezervă loc pentru icon chiar dacă fontul de icon-uri vine mai târziu */
.meniul .icon{
  display:inline-block; width:1.25em; height:1.25em; flex:0 0 1.25em;
  /* dacă vrei culoare: color:#000; (evită inline style ca să nu blocheze reflow) */
}

/* numărul are lățime fixă și cifre tabulare -> nu schimbă lățimea când se schimbă fontul */
.meniul .count-wrap{ margin-left:6px; }
.meniul .count{
  display:inline-block;
  min-width:4ch;            /* rezervă locul pt 4 cifre; pune 5ch dacă ai >9999 */
  text-align:right;
  font-variant-numeric: tabular-nums;
}

/* opțional: pe mobil, dacă mai apare un wrap din cauza spațiului mic, micșorează fontul ușor */
@media (max-width: 360px){
  .meniul .label{ font-size:0.95em; }
}


/* ---- Reset / normalize ușor ---- */
html,body{width:100%;max-width:none!important;overflow-x:hidden}
body{margin:0!important;padding-top:var(--nav-offset)!important;background:#f8fafc;font-display:swap}
.recent-posts-list img{ aspect-ratio:16/9; height:auto; object-fit:cover; }


/* Linkuri — neutrale, fără ornamente */
a,a:visited,a:hover,a:focus,a:active{color:#1f2937!important;text-decoration:none!important;border:0!important;box-shadow:none!important}

/* Centrează toate H1-urile pe tot site-ul */
h1,.h1{text-align:center}

.btn-brand {
  background: transparent;
  border: 1px solid #ccc;
  color: #000 !important;
}

.btn-brand:hover {
  background: #f8f9fa;
  color: #0d6efd !important;  /* icon albastru la hover */
}

/* —— Anti-CLS pe lista de categorii —— */
.meniul .link{
  display:flex; align-items:center; gap:8px;
  min-height:36px; line-height:36px; white-space:nowrap;
}
.meniul .icon{ display:inline-block; width:1.25em; height:1.25em; flex:0 0 1.25em; }

/* NUMĂRUL: ghost invizibil + număr real suprapus (lipit de „(”) */
.meniul .count{
  position:relative; display:inline-block; margin-left:1px;
  font-variant-numeric: tabular-nums;
}
.meniul .count .ghost{
  visibility:hidden; display:inline-block; font-variant-numeric: inherit;
}
.meniul .count .n{
  position:absolute; left:0; top:0; font-variant-numeric: inherit;
}

/* Șterge orice min-width/text-align vechi pe .count */
.meniul .count{ min-width:0; text-align:left; }
/* —— Anti-CLS pe lista de categorii —— */
.meniul .link{
  display:flex; align-items:center; gap:8px;
  min-height:36px; line-height:36px; white-space:nowrap;
}
.meniul .icon{ display:inline-block; width:1.25em; height:1.25em; flex:0 0 1.25em; }

/* NUMĂRUL: ghost invizibil + număr real suprapus (lipit de „(”) */
.meniul .count{
  position:relative; display:inline-block; margin-left:6px;
  font-variant-numeric: tabular-nums;
}
.meniul .count .ghost{
  visibility:hidden; display:inline-block; font-variant-numeric: inherit;
}
.meniul .count .n{
  position:absolute; left:0; top:0; font-variant-numeric: inherit;
}

/* Șterge orice min-width/text-align vechi pe .count */
.meniul .count{ min-width:0; text-align:left; }




/* ---- Container global ---- */
#page-wrap{max-width:1140px;width:100%;margin:0 auto;padding:0 12px}
#page-wrap .h1{font-weight:800;font-size:clamp(1.25rem,1rem + 1.2vw,2rem);line-height:1.2;color:#111827!important;margin:.5rem 0 1rem}
#page-wrap,#page-wrap *{box-sizing:border-box}
#page-wrap center{display:block;text-align:initial}
#page-wrap center>*{display:block;width:100%;margin-left:0;margin-right:0}
#page-wrap>*{float:none!important;clear:both}
#page-wrap img,#page-wrap iframe{max-width:100%;height:auto}

/* ---- Navbar ---- */
.navbar.fixed-top{backdrop-filter:saturate(180%) blur(5px)}
.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,0,0,0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.navbar .navbar-brand img{height:48px;width:auto;display:block}

/* ---- Butoane brand ---- */
.btn-brand{background:var(--brand);border-color:var(--brand);color:#fff}
.btn-brand:hover{background:#4b6df6;border-color:#4b6df6;color:#fff}
.btn-outline-brand{color:var(--brand);border-color:var(--brand)}
.btn-outline-brand:hover{background:var(--brand);color:#fff}

/* ---- Hero ---- */
.hero{background:radial-gradient(1200px 500px at 10% -20%,rgba(91,124,250,.25),transparent),radial-gradient(1200px 500px at 90% -20%,rgba(0,194,168,.25),transparent),linear-gradient(180deg,#fff 0%,#f8fafc 100%)}

/* ---- Carduri citate ---- */
.card{border-radius:1rem}
.quote-card{transition:transform .15s ease,box-shadow .15s ease;border:1px solid rgba(0,0,0,.06);background:#fff}
.quote-card:hover{transform:translateY(-2px);box-shadow:0 .5rem 1rem rgba(0,0,0,.08)}
.quote-mark{font-size:3rem;line-height:1;color:var(--brand);opacity:.35}
.badge-clean{background:rgba(0,0,0,.05)}
.author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}

/* Clampează descrieri lungi */
.line-clamp-2,.line-clamp-4{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-2{-webkit-line-clamp:2}
.line-clamp-4{-webkit-line-clamp:4}

/* ---- Masonry-like (coloane CSS) pentru liste de citate ---- */
@media (min-width:992px){.masonry{column-count:3;column-gap:1rem}.masonry>.masonry-item{break-inside:avoid}}
@media (min-width:1400px){.masonry{column-count:4}}

/* ---- Citatul zilei ---- */
.citatul-zilei-container{background:#fff;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 .5rem 1rem rgba(0,0,0,.05)!important;border-radius:1rem!important;padding:1.25rem!important}

/* ===== CATEGORII — auto-fit grid ===== */
.meniul{margin:.5rem 0 1rem}
.meniul>ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.meniul>ul>li{margin:0;padding:0}
.meniul a.link{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;color:#212529;box-shadow:0 .25rem .75rem rgba(0,0,0,.04);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;min-height:56px;text-decoration:none}
.meniul a.link i[class^="bi"]{flex:0 0 auto;width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(13,110,253,.08);color:#0d6efd;font-size:18px;line-height:1}
.meniul a.link .txt{font-weight:600;min-width:0;white-space:normal;overflow-wrap:anywhere}
.meniul a.link:hover,.meniul a.link:focus{transform:translateY(-2px);box-shadow:0 .5rem 1rem rgba(0,0,0,.08);border-color:rgba(13,110,253,.35)}
.meniul a.link::after{content:"›";margin-left:auto;opacity:.45;transition:transform .15s ease,opacity .15s ease}
.meniul a.link:hover::after{transform:translateX(2px);opacity:.7}
.meniul ul,.meniul li a{background:transparent!important}
.meniul a.link,.meniul a.link:visited,.meniul a.link:hover,.meniul a.link:focus{color:#212529!important;background:#fff!important;text-decoration:none!important}
.meniul li a:hover{background:#fff!important;color:#212529!important}
.meniul a.link i[class^="bi"],.meniul a.link:hover i[class^="bi"]{color:#0d6efd!important}

/* ===== ULTIMELE CITATE — grid responsiv ===== */
.recent-posts-container{width:100%;margin-top:.5rem}
.recent-posts-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.recent-posts-list>li{display:block!important;width:auto!important}
.recent-posts-list a{display:block;border-radius:12px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 .25rem .75rem rgba(0,0,0,.06);transition:transform .15s ease,box-shadow .15s ease;text-decoration:none!important}
.recent-posts-list a:hover{transform:translateY(-2px);box-shadow:0 .5rem 1rem rgba(0,0,0,.08)}
.recent-posts-list img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover}
#page-wrap .recent-posts-list li,#page-wrap .recent-posts-list a{border-bottom:none!important}
@media (max-width:575.98px){#page-wrap .recent-posts-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}#page-wrap .recent-posts-list>li{width:auto!important;display:block!important;grid-column:auto!important}#page-wrap .recent-posts-list img{width:100%;height:auto;object-fit:cover}}

/* ---- Breadcrumb clasic ---- */
.breadcrumb{display:table;margin:20px auto;white-space:nowrap}
.breadcrumb-item+.breadcrumb-item::before{content:"›";color:#aaa;margin:0 8px}

/* ---- Pagination discretă ---- */
.pagination a{display:inline-block;padding:.5rem .75rem;border:1px solid #ddd;margin:0 .25rem;border-radius:.5rem;color:#000;text-decoration:none}
.pagination a:hover{background:#f4f4f4}
.pagination .active{background:#e9ecef;border-color:#e9ecef}
.pagination .disabled{pointer-events:none;opacity:.6}

/* ---- Blockquote aspect curat ---- */
blockquote{font-style:italic;color:#555;border-left:4px solid #2980b9;padding-left:16px;margin:20px 0;line-height:1.6}
blockquote::before{content:''}

/* ---- Tabele responsive simple ---- */
table{width:100%;border-collapse:collapse;margin-bottom:20px}
th,td{padding:10px;text-align:left;border-bottom:1px solid #dee2e6}
th{background:#343a40;color:#fff}
@media (max-width:768px){table{display:block;overflow:auto}}


/* ---- Ascunde meniul vechi ---- */
#myLinks,.topnav,.meniul-vechi{display:none!important}

/* ====== QOTD (citatul zilei) ====== */
.qotd .qotd-box{position:relative;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:20px 22px;box-shadow:0 .25rem .75rem rgba(0,0,0,.05)}
.qotd .qotd-box::before{content:"";position:absolute;inset:0 auto 0 0;width:6px;border-radius:14px 0 0 14px;background:var(--brand,#5b7cfa)}
.qotd .qotd-meta{font-size:.9rem;color:#6c757d;margin-bottom:.35rem}
.qotd .qotd-text{font-family:"Playfair Display",Georgia,"Times New Roman",serif;font-weight:600;font-size:clamp(1.2rem,1rem + 1vw,1.8rem);line-height:1.45;color:#1f2937;margin:0;display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;-webkit-box-orient:unset!important}
.qotd .qotd-text a,.qotd .qotd-text a:visited,.qotd .qotd-text a:hover,.qotd .qotd-text a:focus{color:inherit!important;text-decoration:none!important;border:0!important;box-shadow:none!important;white-space:inherit!important;overflow:visible!important;text-overflow:clip!important}
@media (max-width:575.98px){.qotd .qotd-box{padding:16px 18px}}

/* ==== Quote view + list layouts (consolidate) ==== */
/* Reset decorative artifacts */
blockquote,.quote-quote,.quote-view blockquote{border:0!important;padding-left:0!important;background:transparent!important}
blockquote::before,blockquote::after,.quote-quote::before,.quote-quote::after,.quote-view blockquote::before,.quote-view blockquote::after{content:none!important;display:none!important}
#page-wrap blockquote{border-left:0!important}

/* Single quote page */
.quote-two-col{display:grid;gap:24px}
@media(min-width:992px){.quote-two-col{grid-template-columns:1fr 1fr;align-items:center;grid-template-areas:"media header" "media body" "media body"}.qt-media{grid-area:media}.qt-header{grid-area:header}.qt-body{grid-area:body}.qt-body .share-bar{justify-content:flex-start}}
@media(max-width:991.98px){.qt-body{display:block}.qt-body .share-bar{justify-content:center}}
.qt-header{margin-bottom:.5rem}
.qt-title{line-height:1.25}
.qt-meta p{margin:.25rem 0 .5rem}
.quote-view img{border:0!important;box-shadow:none!important;outline:none!important}
/* Blockquote sub poză (single) */
.quote-view blockquote{margin:.25rem 0 0;max-width:60ch;text-align:center;font-family:"Merriweather",Georgia,"Times New Roman",serif;font-weight:600;font-style:italic;font-size:clamp(1rem,.95rem + .5vw,1.25rem);line-height:1.45;color:#1f2937;margin-left:auto;margin-right:auto}

/* ===== Grid / listă de citate (desktop + mobil) ===== */
.quotes-grid{display:grid;gap:20px}
@media(min-width:992px){.quotes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.quote-list-item{
  display:flex;flex-direction:column;gap:10px;
  padding:12px;background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:16px;box-shadow:0 .25rem .6rem rgba(0,0,0,.06);
  margin-bottom:1rem;
}

/* imagine: resetare globală (radius pe container, nu pe IMG) */
.qli-media img{
  display:block;width:100%;height:auto;
  border:0!important;box-shadow:none!important;outline:none!important;border-radius:0!important;
}

/* Desktop: imaginea „lipită” de marginile cardului sus, fără bandă albă */
.quote-list-item .qli-media{
  margin:-12px -12px 8px;            /* compensează paddingul cardului */
  border-radius:16px 16px 0 0;       /* colțuri sus ca la card */
  overflow:hidden;
}

/* Text citat din card */
.qli-body{display:flex;flex-direction:column}
.qli-body .quote-quote{
  margin:.35rem 0 .25rem;max-width:unset;text-align:left;
  font-family:"Merriweather",Georgia,"Times New Roman",serif;
  font-weight:600;font-style:italic;
  font-size:clamp(1rem,.95rem + .5vw,1.25rem);
  line-height:1.45;color:#1f2937;
}
/* în listă: centrare și lățime comfort */
.quotes-grid .quote-list-item .qli-body .quote-quote{
  text-align:center;max-width:48ch;margin-left:auto;margin-right:auto;
}

/* ===== Doar MOBIL (≤575.98px): fără margini, colțuri rotunjite SUS ===== */
@media (max-width:575.98px){
  .quotes-grid .quote-list-item{
    padding:0 !important;
    border-radius:12px;                 /* cardul rămâne rotunjit */
  }
  .quotes-grid .quote-list-item .qli-media{
    margin:0 !important;
    border-radius:12px 12px 0 0 !important; /* doar SUS */
    overflow:hidden !important;
  }
  .quotes-grid .quote-list-item .qli-media img{
    aspect-ratio:16/9;object-fit:cover;border-radius:0 !important;
  }
  .quotes-grid .quote-list-item .qli-body{
    padding:12px !important;            /* aer pentru text + share */
  }

  /* (dacă folosești .qt-media pe pagina citatului) */
  .qt-media{border-radius:12px 12px 0 0 !important;overflow:hidden !important;}
  .qt-media img{border-radius:0 !important;}
}



/* ==== Share bar (unic) ==== */
.share-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;justify-content:center;margin-inline:auto}
.share-bar .share-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.10);box-shadow:0 .25rem .75rem rgba(0,0,0,.06);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background-color .12s ease;color:#111!important;font-size:20px;line-height:1;cursor:pointer}
.share-bar .share-btn i{font-size:20px;line-height:1}
.share-bar .share-btn:hover{transform:translateY(-1px);box-shadow:0 .5rem 1rem rgba(0,0,0,.10);border-color:rgba(13,110,253,.25)}
.share-bar .whatsapp:hover{background:#25D366!important;border-color:#25D366!important;color:#fff!important}
.share-bar .facebook:hover{background:#1877F2!important;border-color:#1877F2!important;color:#fff!important}
.share-bar .pinterest:hover{background:#E60023!important;border-color:#E60023!important;color:#fff!important}
.share-bar .instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)!important;border-color:#cc2366!important;color:#fff!important}
.share-bar .sms:hover{background:#212529!important;border-color:#212529!important;color:#fff!important}
.share-bar .copy:hover{background:#0d6efd!important;border-color:#0d6efd!important;color:#fff!important}
.share-bar .share-btn.fav i{color:#e11d48}
.share-bar .share-btn.report i{color:#f59e0b}
.share-bar .share-btn.copy i{color:#475569}
.share-bar .share-btn .btn-label{display:none}
@media (max-width:576px){.share-bar{gap:8px}.share-bar .share-btn{width:40px;height:40px;font-size:18px}.share-bar .share-btn.fav,.share-bar .share-btn.report{width:auto;height:auto;border-radius:12px;padding:9px 12px;gap:8px;justify-content:flex-start}.share-bar .share-btn.fav .btn-label,.share-bar .share-btn.report .btn-label{display:inline;font-weight:700;color:#111}.share-bar .share-btn.fav i,.share-bar .share-btn.report i{font-size:18px}}


/* === Desktop: bara devine STATICĂ, centrată, capsulă === */
@media (min-width: 992px){
  #footer-buttons{
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;

    /* centrare & dimensiuni */
    width: auto !important;
    max-width: 100% !important;
    margin: 28px auto !important;          /* spațiu față de secțiuni */
    border-radius: 9999px !important;      /* rotund perfect (capsulă) */
    padding: var(--fb-pad, 8px) 14px;

    /* layout frumos pe desktop */
    display: flex !important;
    justify-content: center !important;
    gap: var(--fb-gap, 8px);
    grid-template-columns: unset !important; /* anulăm gridul fix */
    box-shadow: 0 6px 20px rgba(0,0,0,.10);
  }

  /* pe desktop nu mai rezervăm spațiu jos pentru bară */
  body{ padding-bottom: 0 !important; }
}

/* === Mobil/tabletă: rămâne FIXĂ jos, full-bleed (cum vrei) === */
@media (max-width: 991.98px){
  #footer-buttons{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    transform: none !important;
    width: auto !important;
    max-width: none !important;
    border-radius: 0 !important;
    padding-bottom: calc(var(--fb-pad,8px) + env(safe-area-inset-bottom));
  }
  /* rezervăm loc pentru bară pe mobil ca să nu acopere conținutul */
  body{ padding-bottom: calc(var(--fb-height,54px) + 2*var(--fb-pad,8px)) !important; }
}

@media (min-width: 992px){
  #footer-buttons .buton{
    font-size: 1.15rem;      /* text mai mare */
    min-height: 60px;        /* buton mai înalt */
    padding: .6rem 1.2rem;   /* mai mult spațiu în interior */
    border-radius: 14px;     /* colțuri normale, nu rotunde complet */
  }

  #footer-buttons{
    gap: 18px !important;    /* distanță mai mare între butoane */
    border-radius: 14px !important;  /* și cadrul barei la fel */
  }
}
@media (min-width: 992px){
  #footer-buttons .buton {
    font-size: 1.2rem;      /* text + emoji mai mari */
    padding: .7rem 1.5rem;  /* spațiu interior mai generos */
    min-height: 62px;       /* crește înălțimea butonului */
  }

  #footer-buttons {
    gap: 20px;              /* mai mult spațiu între butoane */
  }
}
:root{
  --fb-pad: 10px;         /* padding interior bară */
  --fb-gap: 10px;         /* spațiu între butoane */
  --fb-height: 56px;      /* înălțime minimă buton pe mobil */
}

/:root{
  --fb-pad: 10px;
  --fb-gap: 10px;
  --fb-height: 56px;
}

/* layout comun (3 butoane perfect centrate) */
#footer-buttons{
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  justify-items: center;
  align-items: center;
  gap: 16px;
}

#footer-buttons .buton{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  line-height: 1;
  font-weight: 700;
  border-radius: 12px;
  min-height: 52px;
  padding: .55rem 1.1rem;
  color: #0f172a;
  background: #fff;               /* ALB pe toate device-urile */
  border: 1px solid #e5e7eb;
}

#footer-buttons .buton .bi{
  font-size: 1.25em;
  line-height: 1;
  vertical-align: middle;
  transform: translateY(-0.5px);
}

/* === MOBIL / TABLETĂ — bară plutitoare, albă === */
@media (max-width: 991.98px){
  #footer-buttons{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    transform: none !important;

    width: auto;
    max-width: none;
    margin: 0;

    gap: var(--fb-gap);
    background: #fff !important;         /* bară ALBĂ */
    border: 1px solid #e5e7eb;
    box-shadow: 0 -4px 18px rgba(0,0,0,.14);
    border-radius: 0;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    padding: var(--fb-pad);
    padding-bottom: calc(var(--fb-pad) + env(safe-area-inset-bottom));
    z-index: 1200;
  }

  #footer-buttons .buton{
    min-height: var(--fb-height);
    font-size: 1.05rem;
    background: #fff;                    /* butoane ALBE pe mobil */
  }

  /* rezervă loc ca bara să nu acopere conținutul */
  body{
    padding-bottom: calc(var(--fb-height) + 2*var(--fb-pad) + env(safe-area-inset-bottom));
  }
}

/* === DESKTOP — bară statică, centrată, colțuri 14px === */
@media (min-width: 992px){
  #footer-buttons{
    position: static !important;
    left: auto !important; right: auto !important; bottom: auto !important; transform: none !important;

    width: auto; max-width: 100%;
    margin: 28px auto;

    display: flex;
    justify-content: center;
    gap: 18px;

    background: #fff;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 14px;
    box-shadow: 0 6px 20px rgba(0,0,0,.10);
    padding: var(--fb-pad) 14px;
  }

  #footer-buttons .buton{
    font-size: 1.15rem;
    min-height: 60px;
    padding: .6rem 1.2rem;
    border-radius: 14px;
  }

  body{ padding-bottom: 0; }
}

@media (min-width: 992px){
  #footer-buttons{
    width: 100% !important;
    max-width: 1100px !important;     /* ajustează 900–1100 după gust */
    margin: 28px auto !important;
    justify-content: space-between !important;
    gap: 0 !important;               /* nu mai e nevoie de gap când întindem */
    padding: 12px 24px !important;
  }
}


/* ===== Footer modern ===== */
footer.citatul-footer{--bg:#f9f9fb;--fg:#222;--muted:#555;--chip:#fff;--line1:#6e7ff5;--line2:#7fd4ff;--line3:#a56ef5;background:var(--bg);color:var(--fg);padding:36px 16px 20px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;border-top:1px solid #e0e0e5}
.cf-container{max-width:1100px;margin:0 auto}
.cf-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.cf-title{font-weight:600;letter-spacing:.2px}
.cf-social{display:flex;gap:10px;flex-wrap:wrap}
.cf-social a{display:inline-flex;width:48px;height:48px;border-radius:50%;align-items:center;justify-content:center;background:var(--chip);color:var(--fg);font-size:22px;text-decoration:none;transition:all .25s ease;border:1px solid #ddd}
.cf-social a:hover{transform:translateY(-3px) scale(1.05)}
.cf-social a.tiktok:hover{background:#000;color:#fff;border-color:#000}
.cf-social a.facebook:hover{background:#1877F2;color:#fff;border-color:#1877F2}
.cf-social a.pinterest:hover{background:#E60023;color:#fff;border-color:#E60023}
.cf-divider{height:3px;margin:20px 0 15px;border-radius:999px;background:linear-gradient(90deg,var(--line1),var(--line2),var(--line3));opacity:.8}
.cf-links{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:center;font-size:14px}
.cf-links a{color:var(--fg);text-decoration:none;opacity:.9}
.cf-links a:hover{text-decoration:underline}
.cf-meta{margin-top:10px;text-align:center;font-size:13px;color:var(--muted)}
.cf-meta i b{font-weight:700;color:var(--fg)}
.cf-bottom{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.cf-chip{background:var(--chip);padding:6px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;border:1px solid #ddd}
.cf-backtotop{text-decoration:none;color:var(--fg);display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid transparent;transition:all .2s ease}
.cf-backtotop:hover{background:var(--chip);border-color:#ddd}
@media (max-width:768px){.cf-top{justify-content:center;text-align:center}.cf-title{flex-basis:100%;margin-bottom:10px}.cf-social{justify-content:center}}

/* ===== Citat mare + spacing ===== */
.quote-big{font-size:clamp(1.6rem,1.1rem + 2vw,2.4rem);font-weight:700;line-height:1.45;margin:0 auto .25rem auto;max-width:1100px}
.qt-top-meta .h3{line-height:1.3}
.badge-cat{font-size:.95rem}
.card-img-top{max-height:720px;object-fit:cover}
@media (min-width:992px){.quote-big{max-width:1000px}}
.btn-author{color:#fff!important;width:100%;max-width:520px}

/* Citat – scalare prietenoasă pe telefoane */
@media (max-width:575.98px){#page-wrap blockquote{font-size:clamp(1rem,2.6vw + .5rem,1.125rem);line-height:1.5;margin:0 0 1rem}}