/* =========================================================================
   Herbaterápia Tartalomkezelő – megjelenítő stílusok
   Saját, "htc-" előtagú osztályok, hogy sehol ne ütközzenek más beállítással.
   A dizájn a weboldal Tudástár/Receptek kinézetét tükrözi.
   ========================================================================= */

.htc{
  --sage:#85917B;--moss:#414B37;--moss-soft:#5C684C;--tint:#DDE3D5;--tint-deep:#CDD5C2;
  --paper:#FAF7F0;--paper2:#F3EFE4;--honey:#C49A5E;--honey-dark:#A9814A;
  --ink:#444A3C;--ink-soft:#6E7363;--line:rgba(65,75,55,.16);
  font-family:'Hanken Grotesk',system-ui,sans-serif;color:var(--ink);line-height:1.7;
  overflow-wrap:break-word;word-break:break-word;
}
.htc *{box-sizing:border-box}
.htc h3,.htc h4{font-family:'Playfair Display',Georgia,serif;color:var(--moss);font-weight:500;line-height:1.16;letter-spacing:-.01em}
.htc a{color:inherit;text-decoration:none}

/* ---- Videók rács ---- */
.htc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:8px 0}
.htc-vcard{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .3s ease}
.htc-vcard:hover{transform:translateY(-5px)}
.htc-vbody{padding:16px 18px 20px}
.htc-vcard h3{font-size:1.02rem;margin:0;line-height:1.3}

/* ---- Shorts rács ---- */
.htc-shorts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;margin:8px 0}
.htc-short{display:flex;flex-direction:column;min-width:0}
.htc-short.htc-hidden{display:none}
.htc-short-t{font-size:.82rem;color:var(--ink-soft);margin-top:8px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}
.htc-morewrap{text-align:center;margin-top:28px}
.htc-more{display:inline-block;cursor:pointer;background:transparent;border:1.5px solid var(--sage);color:var(--moss);font-family:inherit;font-weight:600;font-size:.95rem;padding:12px 26px;border-radius:999px;transition:background .2s,color .2s}
.htc-more:hover{background:var(--sage);color:#fff}

/* ---- Videó keret (közös) ---- */
.htc-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background-color:var(--tint);background-size:cover;background-position:center;cursor:pointer}
.htc-frame.htc-portrait{aspect-ratio:9/16}
.htc-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.30));transition:opacity .25s}
.htc-frame:hover:after{opacity:.6}
.htc-play{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;background:rgba(250,247,240,.94);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px -8px rgba(0,0,0,.5);transition:transform .25s;z-index:2}
.htc-frame:hover .htc-play{transform:scale(1.08)}
.htc-play svg{width:20px;height:20px;color:var(--moss);margin-left:3px}
.htc-frame video,.htc-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3;object-fit:cover;background:#000}

/* ---- Cikk-kártyák ---- */
.htc-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:8px 0}
.htc-article{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-width:0;border-top:3px solid var(--sage);transition:transform .3s ease,box-shadow .3s ease}
.htc-article:hover{transform:translateY(-5px);box-shadow:0 22px 44px -28px rgba(65,75,55,.5)}
.htc-article-img{aspect-ratio:16/9;background-size:cover;background-position:center;background-color:var(--tint)}
.htc-article-body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}
.htc-cat{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sage);font-weight:600;margin-bottom:8px}
.htc-article h3{font-size:1.22rem;margin:0 0 10px}
.htc-article p{color:var(--ink-soft);font-size:.97rem;margin:0 0 14px}
.htc-readmore{margin-top:auto;color:var(--honey-dark);font-weight:600;font-size:.95rem}

/* ---- Üres állapot ---- */
.htc-empty{background:#fff;border:1px dashed var(--line);border-radius:18px;padding:30px 28px;text-align:center;color:var(--ink-soft)}

/* ---- Receptek (lenyíló) ---- */
.htc-rc-list{margin:8px 0}
.htc-rc{background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:14px;overflow:hidden}
.htc-rc>summary{list-style:none;cursor:pointer;padding:20px 24px;display:flex;flex-direction:column;gap:3px;position:relative}
.htc-rc>summary::-webkit-details-marker{display:none}
.htc-rc>summary::after{content:"▾";position:absolute;right:22px;top:20px;color:var(--sage);transition:transform .25s}
.htc-rc[open]>summary::after{transform:rotate(180deg)}
.htc-rc>summary h3{font-size:1.16rem;padding-right:26px;margin:0}
.htc-ben{font-size:.9rem;color:var(--ink-soft)}
.htc-rc-body{padding:4px 24px 24px;border-top:1px solid var(--line);margin-top:4px}
.htc-rc-body h4{font-family:'Hanken Grotesk',sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sage);margin:16px 0 8px}
.htc-rc-body p{margin:10px 0;color:var(--ink)}
.htc-rc-body ul{list-style:none;margin:8px 0;display:grid;grid-template-columns:minmax(0,1fr);gap:7px;padding:0}
.htc-rc-body ul li{position:relative;padding-left:22px;color:var(--ink);list-style:none}
.htc-rc-body ul li::before{content:"";position:absolute;left:2px;top:.7em;width:7px;height:7px;border-radius:50%;background:var(--sage)}
.htc-rc-body ol{margin:8px 0 8px 20px}
.htc-rc-body img{max-width:100%;height:auto;border-radius:12px}
.htc-rc-warn{background:var(--paper2);border-radius:12px;padding:14px 16px;font-size:.92rem;color:var(--ink-soft);margin-top:14px}
.htc-rc-warn b{color:var(--moss)}
.htc-rc-poem{font-family:'Playfair Display',serif;font-style:italic;color:var(--moss);background:var(--tint);border-radius:12px;padding:16px 20px;margin-top:12px;line-height:1.55}

/* ---- Reszponzív ---- */
@media(max-width:900px){
  .htc-grid,.htc-articles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .htc-grid,.htc-articles{grid-template-columns:minmax(0,1fr)}
  .htc-shorts{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* =========================================================================
 *  VÉLEMÉNYEK (herba_velemenyek / herba_velemenyek_kiemelt / űrlap)
 *  Színek a weboldal palettájából, önállóan (nem függ a Divi oldal CSS-étől).
 * ====================================================================== */
.htv{font-family:'Hanken Grotesk',system-ui,sans-serif;color:#444A3C}
.htv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;align-items:start}
.htv-card{background:#fff;border:1px solid rgba(65,75,55,.16);border-radius:18px;padding:26px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;margin:0}
.htv-card .htv-photo{width:78px;height:78px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 14px;border:2px solid #CDD5C2}
.htv-card .htv-stars{color:#C49A5E;font-size:.92rem;letter-spacing:2px;margin-bottom:12px}
.htv-card blockquote{font-family:'Playfair Display',Georgia,serif;font-style:italic;color:#414B37;font-size:.98rem;line-height:1.55;margin:0}
.htv-card .htv-by{margin-top:16px;font-weight:600;color:#444A3C;font-size:.9rem;font-style:normal}
.htv-card .htv-by span{display:block;font-weight:400;color:#6E7363;font-size:.8rem;margin-top:2px}
.htv-more{display:none;margin-top:12px;background:none;border:none;color:#A9814A;font:600 .82rem/1 'Hanken Grotesk',system-ui,sans-serif;cursor:pointer;align-items:center;gap:5px}
.htv-more .chev{transition:transform .2s}
/* --- slider --- */
.htv-slider{position:relative;max-width:1120px;margin:0 auto}
.htv-viewport{overflow:hidden;border-radius:20px;padding:4px}
.htv-track{display:flex;gap:22px;align-items:flex-start;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.htv-slide{flex:0 0 auto}
.htv-slider .htv-card blockquote{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.htv-slider .htv-card.expanded blockquote{display:block;-webkit-line-clamp:none;overflow:visible}
.htv-slider .htv-card.has-more .htv-more{display:inline-flex}
.htv-slider .htv-card.expanded .htv-more .chev{transform:rotate(180deg)}
.htv-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#fff;border:1.5px solid #85917B;color:#414B37;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px -12px rgba(65,75,55,.5);transition:background .2s,color .2s;z-index:2}
.htv-nav:hover{background:#85917B;color:#fff}
.htv-nav.prev{left:-14px}
.htv-nav.next{right:-14px}
.htv-nav svg{width:19px;height:19px}
.htv-dots{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:24px}
.htv-dot{width:9px;height:9px;border-radius:50%;background:#CDD5C2;border:none;cursor:pointer;padding:0;transition:background .2s,transform .2s}
.htv-dot.active{background:#85917B;transform:scale(1.25)}
@media(max-width:920px){.htv-nav.prev{left:0}.htv-nav.next{right:0}.htv-card{padding:24px 20px}}
/* --- beküldő űrlap --- */
.htv-form{max-width:640px;margin:0 auto;background:#fff;border:1px solid rgba(65,75,55,.16);border-radius:16px;padding:24px;position:relative}
.htv-form .fld{display:block;font-weight:600;margin:0 0 5px;font-size:.9rem}
.htv-form input[type=text],.htv-form textarea,.htv-form select{width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid rgba(65,75,55,.28);border-radius:10px;font:inherit;background:#FAF7F0;margin-bottom:16px}
.htv-form textarea{min-height:130px;resize:vertical}
.htv-form .hp{position:absolute;left:-9999px;width:1px;height:1px}
.htv-form button{background:#414B37;color:#fff;border:none;border-radius:999px;padding:13px 26px;font:600 .95rem 'Hanken Grotesk',system-ui,sans-serif;cursor:pointer}
.htv-form button:hover{background:#5C684C}
.htv-ok{background:rgba(133,145,123,.14);border:1px solid rgba(133,145,123,.3);border-radius:12px;padding:16px 18px;color:#414B37;max-width:640px;margin:0 auto 18px}

/* --- hírlevél feliratkozás ([herba_hirlevel] / .htv-hirlevel-form) --- */
.htv-hl{max-width:560px;margin:0 auto;text-align:center}
.htv-hl-cim{font-family:'Playfair Display',Georgia,serif;color:#414B37;font-weight:500;font-size:clamp(1.4rem,2.6vw,1.9rem);margin:0 0 6px}
.htv-hl-alcim{color:#6E7363;margin:0 0 18px}
.htv-hirlevel-form{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;position:relative}
.htv-hirlevel-form .hp{position:absolute;left:-9999px;width:1px;height:1px}
.htv-hirlevel-form input[type=email],.htv-hirlevel-form input[type=text]:not(.hp){flex:1 1 190px;min-width:0;padding:13px 15px;border:1px solid rgba(65,75,55,.28);border-radius:999px;font:inherit;background:#fff}
.htv-hirlevel-form button{background:#414B37;color:#fff;border:none;border-radius:999px;padding:13px 24px;font:600 .95rem 'Hanken Grotesk',system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.htv-hirlevel-form button:hover{background:#5C684C}
.htv-hirlevel-form button:disabled{opacity:.6;cursor:default}

/* --- feliratkozó gomb → kattintásra megjelenő mező --- */
.htv-hl-inline{display:inline-block}
.htv-hl-inline .htv-hirlevel-form{margin-top:12px}

/* A rejtett feliratkozó űrlap tényleg legyen rejtve (a display:flex felülírná a [hidden]-t) */
.htv-hirlevel-form[hidden]{display:none!important}

/* Tudástár gyorslink-sor: a megnyíló mező NE nyújtsa fel a pilleket, és külön sorba kerüljön */
.kb-jump{align-items:center}
.kb-jump .htv-hl-inline.htv-open{flex-basis:100%;display:flex;justify-content:center;margin-top:6px}