/* DG26 — stilul paginii
   Mutat din template taxonomy-model-categories.php, 9 octombrie 2026.
   Continut neschimbat, rand cu rand. Cat timp statea scris in pagina,
   browserul nu-l putea amana; intr-un fisier, poate.
*/

.dg26-wrap{max-width:1640px;margin:0 auto;padding:0 16px}
@media (min-width:1024px){.dg26-wrap{padding:0 32px}}
.dg26-section{padding:14px 0}

.dg26-cat-head{padding:26px 0 6px}
.dg26-cat-head h1{font-family:"Playfair Display",serif;font-style:italic;font-weight:600;
	font-size:26px;line-height:1.2;margin:0 0 10px;color:#d4af37}
@media (min-width:768px){.dg26-cat-head h1{font-size:38px;color:#e8d5a8}}
.dg26-cat-count{font-size:14px;color:#8a8a8a;font-variant-numeric:tabular-nums;margin:0 0 10px}
.dg26-cat-count b{color:#c9a45c;font-weight:700}
/* Textele se taie la ~3 rânduri, exact ca zonele 3/5/6 de pe homepage.
   Conţinutul e integral în HTML — doar decupat vizual — deci Google îl
   citeşte tot. Nu e cloaking: acelaşi cod pentru om şi pentru robot. */
/* Lăţimea textului: tot containerul de 1640px, la fel ca grila de carduri
   şi ca zonele de text de pe homepage (.dg26-accordion-body-inner — 16px,
   line-height 1.7, fără limită de lăţime).
   Aici fusese `max-width:80ch` (~650px). O pusesem pentru lizibilitate, dar
   ieşea din rând cu restul site-ului. Dacă rândurile lungi te vor deranja pe
   monitor mare, valoarea de mijloc e `max-width:1200px`, adăugată la finalul
   liniei de mai jos. */
.dg26-textblock{font-size:16px;line-height:1.7;color:#c4c4c4;max-height:88px;overflow:hidden;position:relative}
.dg26-textblock.dg26-open{max-height:none}
.dg26-textblock::after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(to bottom, rgba(0,0,0,0), #0c0c0c);pointer-events:none}
.dg26-textblock.dg26-open::after{display:none}
.dg26-textblock p{margin:0 0 1em}
.dg26-textblock p:last-child{margin-bottom:0}
.dg26-textblock a{color:#c9a45c}
.dg26-textblock ul{margin:0 0 1em;padding-left:1.2em}
.dg26-textblock li{margin-bottom:.35em}
.dg26-textblock li::marker{color:#c9a45c}
.dg26-textblock h2{font-family:"Playfair Display",serif;font-size:19px;font-weight:700;color:#c9a45c;margin:22px 0 10px;line-height:1.3}
@media (min-width:768px){.dg26-textblock h2{font-size:22px}}
.dg26-textblock h3{font-size:16px;font-weight:700;color:#e0d3b0;margin:18px 0 8px}
.dg26-readmore{display:inline-flex;align-items:center;gap:8px;margin-top:14px;background:transparent;border:1.5px solid #333;color:#f3ecd9;font-size:14px;font-weight:600;padding:11px 22px;border-radius:999px;cursor:pointer;transition:border-color .2s ease}
.dg26-readmore:hover{border-color:#c9a45c}
.dg26-readmore i{color:#c9a45c;font-size:12px;transition:transform .2s ease}
.dg26-readmore.dg26-open i{transform:rotate(180deg)}

.dg26-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:768px){.dg26-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media (min-width:1024px){.dg26-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}}

.dg26-card{background:rgba(212,175,55,0.12);border:1px solid #2a2a2a;border-radius:18px;overflow:hidden;text-decoration:none;display:block;transition:border-color .2s cubic-bezier(.4,0,.2,1)}
.dg26-card:hover{border-color:#444}
.dg26-card-img{position:relative;aspect-ratio:57/100;background:#222;overflow:hidden}
@media (min-width:768px){.dg26-card-img{aspect-ratio:3/4}}
.dg26-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.dg26-badge{position:absolute;top:12px;left:12px;z-index:2;background:#c9a45c;color:#1a1408;font-size:12px;font-weight:700;padding:5px 10px;border-radius:8px}
.dg26-card-name-overlay{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;background:linear-gradient(to top, rgba(0,0,0,0.78), rgba(0,0,0,0));pointer-events:none}
.dg26-card-name-overlay .name{font-size:19px;font-weight:700;color:#f3ecd9;margin:0;line-height:1.2}
@media (min-width:1280px){.dg26-card-name-overlay .name{font-size:21px}}
.dg26-stats{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;row-gap:2px;gap:0;padding:7px 8px 6px;background:linear-gradient(to bottom, rgba(212,175,55,0.85) 0%, rgba(212,175,55,0.5) 35%, rgba(212,175,55,0.2) 75%, rgba(212,175,55,0) 100%);border-top:1px solid rgba(212,175,55,0.85)}
@media (min-width:768px){.dg26-stats{padding:10px 14px 9px}}
.dg26-stat{display:flex;align-items:baseline;gap:2px;font-variant-numeric:tabular-nums;white-space:nowrap}
.dg26-stat .v{font-size:12px;font-weight:700;color:#fff;letter-spacing:0.1px;text-shadow:0 1px 3px rgba(0,0,0,0.55)}
@media (min-width:768px){.dg26-stat .v{font-size:13.5px}}
.dg26-stat .u{font-size:9.5px;font-weight:600;color:#f0dca0;text-transform:uppercase;letter-spacing:0.3px;text-shadow:0 1px 3px rgba(0,0,0,0.5)}
@media (min-width:768px){.dg26-stat .u{font-size:10.5px;letter-spacing:0.4px}}
.dg26-stat-sep{width:3px;height:3px;border-radius:50%;background:rgb(212,175,55);margin:0 7px;flex-shrink:0;opacity:0.8}
@media (min-width:768px){.dg26-stat-sep{margin:0 9px}}

.dg26-btn-outline{display:block;text-align:center;width:100%;border:1.5px solid #555;color:#f3ecd9;background:transparent;padding:15px;border-radius:11px;text-decoration:none;font-size:16px;font-weight:700;margin-top:16px;cursor:pointer}
.dg26-btn-outline:disabled{opacity:.45;cursor:default}

.dg26-cat-empty{padding:40px 0;color:#999;font-size:16px}
.dg26-cat-empty a{color:#c9a45c}