/*
Theme Name: Pórázon – Természetközeli Magazin
Theme URI: https://porazon.hu/
Author: Pórázon.hu
Description: Könnyű, kutyabarát magazinsablon, widgetes oldalsávval és teljes szélességű kalkulátoroldalakkal.
Version: 1.7.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: porazon-termeszet
*/
:root{--green:#235b46;--dark:#173e32;--mint:#e8f3ea;--cream:#fffaf1;--sand:#e9dcc7;--text:#26372e;--muted:#61736a;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:#f8f9f4;font:16px/1.7 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(1180px,calc(100% - 36px));margin-inline:auto}.site-header{background:#fff;box-shadow:0 3px 20px #153b2810;position:relative;z-index:10}.header-inner{display:flex;align-items:center;gap:28px;min-height:88px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:1.65rem;color:var(--dark)}.brand-mark{background:var(--green);color:#fff;border-radius:16px;padding:6px 12px}.site-nav{margin-left:auto}.site-nav ul{display:flex;gap:8px;align-items:center;list-style:none;margin:0;padding:0;flex-wrap:wrap}.site-nav a{display:block;padding:10px 12px;font-weight:650;color:var(--dark);border-radius:10px}.site-nav a:hover{background:var(--mint);text-decoration:none}.menu-toggle{display:none;margin-left:auto;border:0;background:var(--green);color:white;border-radius:9px;padding:9px 13px}.hero{background:linear-gradient(115deg,#174b39 0%,#347a58 100%);color:#fff;overflow:hidden;position:relative}.hero:before{content:'🐾';position:absolute;right:5%;top:-90px;font-size:330px;opacity:.09;transform:rotate(-20deg)}.hero-inner{position:relative;padding:78px 0 82px;max-width:830px}.eyebrow{font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#e1c98c;font-size:.82rem}.hero h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.12;margin:14px 0 22px;letter-spacing:-.04em}.hero p{font-size:1.15rem;max-width:650px;color:#f1f8f1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 21px;border-radius:999px;background:var(--green);color:#fff;font-weight:800;text-decoration:none!important}.btn:hover{background:var(--dark)}.btn-light{background:#fff;color:var(--dark)}.btn-outline{border:1px solid #d5e2d7;background:#fff;color:var(--green)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.section{padding:50px 0}.section.alt{background:#eef5ec}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:23px}.section-head h2{font-size:clamp(1.55rem,3vw,2.1rem);line-height:1.25;margin:0;color:var(--dark)}.section-head p{margin:5px 0 0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.post-card{background:#fff;border:1px solid #e5eae2;border-radius:var(--radius);overflow:hidden;box-shadow:0 5px 18px #213b2110;min-width:0}.post-card img{width:100%;height:185px;object-fit:cover;display:block}.post-card-body{padding:18px}.post-card h3{font-size:1.12rem;line-height:1.38;margin:0 0 9px}.post-card h3 a{color:var(--dark)}.post-card p{margin:0 0 12px;color:var(--muted);font-size:.94rem}.post-card .more{font-weight:750}.post-card .placeholder{height:185px;display:grid;place-items:center;font-size:3rem;background:var(--mint)}.tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool{background:#fff;border:1px solid #dce7db;padding:26px;border-radius:var(--radius)}.tool-icon{font-size:2.2rem}.tool h3{margin:8px 0}.tool p{color:var(--muted)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:32px;align-items:start}.content-main,.sidebar{min-width:0}.entry,.widget{background:#fff;border:1px solid #e5eae2;border-radius:var(--radius);padding:clamp(20px,3vw,34px);margin:28px 0}.entry h1{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.2;color:var(--dark);margin-top:0}.entry-content{overflow-wrap:break-word;min-width:0}.entry-content img,.entry-content iframe{max-width:100%}.entry-content table{display:block;max-width:100%;overflow-x:auto}.entry-content h2,.entry-content h3{line-height:1.3;color:var(--dark)}.entry-content p{margin:0 0 1.2em}.sidebar .widget{padding:20px;margin-bottom:20px}.widget-title{font-size:1.1rem;margin:0 0 12px;color:var(--dark)}.widget ul{padding-left:20px}.page-full{max-width:1180px;margin-inline:auto}.page-full .entry{width:100%}.pagination{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.pagination .page-numbers{background:white;border:1px solid #dce5db;padding:7px 13px;border-radius:8px}.pagination .current{background:var(--green);color:white}.site-footer{background:#173e32;color:#e9f2e9;margin-top:45px;padding:38px 0}.site-footer a{color:#e8eecf}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-menu{display:flex;gap:14px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.backtop{position:fixed;bottom:18px;right:18px;border:0;border-radius:50%;background:var(--green);color:white;width:46px;height:46px;box-shadow:0 5px 16px #0002;z-index:40}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.alignwide{max-width:100%}.wp-block-image img{height:auto}@media(max-width:900px){.content-grid{grid-template-columns:minmax(0,1fr) 210px;gap:18px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tools{grid-template-columns:repeat(2,minmax(0,1fr))}.header-inner{flex-wrap:wrap;padding:15px 0}.menu-toggle{display:block}.site-nav{display:none;width:100%;margin-left:0}.site-nav.open{display:block}.site-nav ul{display:block}.site-nav a{padding:10px 5px}}@media(max-width:680px){.wrap{width:min(100% - 24px,1180px)}.hero-inner{padding:54px 0}.section{padding:34px 0}.content-grid{display:block}.cards,.tools{grid-template-columns:1fr}.post-card img,.post-card .placeholder{height:210px}.sidebar{margin-top:15px}.entry{margin:16px 0}.section-head{align-items:start;flex-direction:column}.brand{font-size:1.35rem}}@media print{.site-header,.site-footer,.sidebar,.backtop{display:none!important}.content-grid{display:block}.entry{border:0;padding:0;margin:0;box-shadow:none}.wrap{width:100%}}



/* V1.3 – Viráginfo.hu mintájára: valóban arányos képes magazinrácsok */
.magazine-section{background:#fbfaf7;padding:39px 0 32px}
.magazine-section:nth-of-type(even),.magazine-section:nth-of-type(3n){background:#fbfaf7}
.magazine-section .section-head{margin-bottom:17px}
.magazine-section .section-head h2{font-size:clamp(1.55rem,2.4vw,2rem)}
.magazine-section .section-head p{display:none}
.magazine-section .btn-outline{border:0;background:transparent;padding:7px 0;color:#32714d;font-size:.86rem}
.magazine-grid,.latest-magazine-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:stretch}
.magazine-grid .post-card,.latest-magazine-grid .post-card{min-width:0;min-height:0;display:flex;flex-direction:column;border:0;border-radius:15px;background:#fff;box-shadow:0 8px 24px #1d39200b;overflow:hidden}
.magazine-grid .post-card .magazine-thumb,.latest-magazine-grid .post-card>a:first-child{display:block;width:100%;flex:none;overflow:hidden;aspect-ratio:1.65}
.magazine-grid .post-card img,.magazine-grid .post-card .placeholder,.latest-magazine-grid .post-card img,.latest-magazine-grid .post-card .placeholder{width:100%;height:100%;object-fit:cover;display:block;min-height:0}
.magazine-grid .post-card .post-card-body,.latest-magazine-grid .post-card .post-card-body{padding:14px 15px 17px;display:block;flex:none}
.magazine-grid .post-card h3,.latest-magazine-grid .post-card h3{font-size:clamp(.88rem,1.1vw,1rem);line-height:1.38;margin:5px 0 0;font-weight:750}
.magazine-grid .post-card p,.magazine-grid .post-card .more{display:none}
.magazine-cat{font-size:.7rem;line-height:1.3;color:#3c7954;font-weight:850;text-transform:uppercase}
.magazine-grid .post-card:hover,.latest-magazine-grid .post-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1d39201b;transition:.2s}
/* A: egy nagy bal oldalon, jobb oldalon 2x2 kisebb (5 cikk) */
.magazine-layout-0 .post-card:nth-child(1){grid-column:span 3;grid-row:span 2}
/* Explicit 12-column grid avoids fractional span and maintains alignment */
.magazine-layout-0{grid-template-columns:repeat(12,minmax(0,1fr))}
.magazine-layout-0 .post-card:first-child{grid-column:span 6;grid-row:span 2}
.magazine-layout-0 .post-card:nth-child(n+2){grid-column:span 3}
.magazine-layout-0 .post-card:first-child .magazine-thumb{aspect-ratio:auto;flex:1;min-height:280px}
.magazine-layout-0 .post-card:first-child h3{font-size:1.3rem}
.magazine-layout-0 .post-card:nth-child(n+2) .magazine-thumb{aspect-ratio:1.75}
/* B: hat keskeny kártya egy sorban */
.magazine-layout-1 .post-card{grid-column:span 1}
.magazine-layout-1 .magazine-thumb{aspect-ratio:.78}
/* C: egy nagy bal oldalon, jobbra két kisebb felül és egy széles alul */
.magazine-layout-2{grid-template-columns:repeat(12,minmax(0,1fr))}
.magazine-layout-2 .post-card:first-child{grid-column:span 6;grid-row:span 2}
.magazine-layout-2 .post-card:nth-child(2),.magazine-layout-2 .post-card:nth-child(3){grid-column:span 3}
.magazine-layout-2 .post-card:nth-child(4){grid-column:span 6}
.magazine-layout-2 .post-card:first-child .magazine-thumb{aspect-ratio:auto;flex:1;min-height:270px}
.magazine-layout-2 .post-card:first-child h3{font-size:1.3rem}
.magazine-layout-2 .post-card:nth-child(2) .magazine-thumb,.magazine-layout-2 .post-card:nth-child(3) .magazine-thumb{aspect-ratio:1.75}
.magazine-layout-2 .post-card:nth-child(4) .magazine-thumb{aspect-ratio:3.2}
/* D: 3x2 arányos képes kártyák */
.magazine-layout-3 .post-card{grid-column:span 2}
.magazine-layout-3 .magazine-thumb{aspect-ratio:1.65}
/* Legfrissebb cikkek: nagy bal oldalt, 4 kisebb jobbra */
.latest-magazine-grid{grid-template-columns:repeat(12,minmax(0,1fr))}
.latest-magazine-grid .post-card:first-child{grid-column:span 6;grid-row:span 2}
.latest-magazine-grid .post-card:not(:first-child){grid-column:span 3}
.latest-magazine-grid .post-card:first-child>a:first-child{aspect-ratio:auto;flex:1;min-height:290px}
.latest-magazine-grid .post-card:first-child h3{font-size:1.35rem}
.latest-magazine-grid .post-card:not(:first-child)>a:first-child{aspect-ratio:1.75}
.latest-magazine-grid .post-card p,.latest-magazine-grid .post-card .more{display:none}
@media(max-width:950px){
 .magazine-grid,.latest-magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .magazine-grid .post-card,.magazine-layout-0 .post-card:first-child,.magazine-layout-0 .post-card:nth-child(n+2),.magazine-layout-2 .post-card:first-child,.magazine-layout-2 .post-card:nth-child(n+2),.magazine-layout-1 .post-card,.magazine-layout-3 .post-card,.latest-magazine-grid .post-card:first-child,.latest-magazine-grid .post-card:not(:first-child){grid-column:auto;grid-row:auto}
 .magazine-grid .post-card .magazine-thumb,.latest-magazine-grid .post-card>a:first-child,.magazine-layout-0 .post-card:first-child .magazine-thumb,.magazine-layout-2 .post-card:first-child .magazine-thumb,.latest-magazine-grid .post-card:first-child>a:first-child{aspect-ratio:1.65;min-height:0;flex:none}
 .magazine-grid .post-card:first-child h3,.latest-magazine-grid .post-card:first-child h3{font-size:1rem}
}
@media(max-width:580px){.magazine-grid,.latest-magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.magazine-grid .post-card .post-card-body,.latest-magazine-grid .post-card .post-card-body{padding:10px}.magazine-grid .post-card h3,.latest-magazine-grid .post-card h3{font-size:.82rem}.magazine-grid .post-card .magazine-thumb,.latest-magazine-grid .post-card>a:first-child{aspect-ratio:1.25}.magazine-section{padding:28px 0}}

/* V1.4 – szigorúan korlátozott képméretek, kompakt fejléc */
@media(min-width:951px){
.hero .hero-inner{padding:35px 0 39px;max-width:850px}
.hero h1{font-size:clamp(2.2rem,3.5vw,3.25rem);margin:8px 0 10px;line-height:1.13}
.hero p{font-size:1rem;line-height:1.5;margin:0;max-width:720px}
.hero-actions{margin-top:17px}
.hero:before{font-size:200px;top:-55px}
.magazine-grid,.latest-magazine-grid{align-items:start;grid-auto-rows:auto}
.magazine-grid .post-card,.latest-magazine-grid .post-card{align-self:start;height:auto;min-height:0}
.magazine-grid .post-card .magazine-thumb,.latest-magazine-grid .post-card>a:first-child{height:145px;min-height:0;max-height:145px;flex:0 0 auto;aspect-ratio:auto}
.magazine-grid .post-card img,.magazine-grid .post-card .placeholder,.latest-magazine-grid .post-card img,.latest-magazine-grid .post-card .placeholder{height:100%;width:100%;object-fit:cover}
.magazine-layout-0 .post-card:first-child .magazine-thumb,
.magazine-layout-2 .post-card:first-child .magazine-thumb,
.latest-magazine-grid .post-card:first-child>a:first-child{height:310px;min-height:0;max-height:310px;flex:0 0 auto;aspect-ratio:auto}
.magazine-layout-2 .post-card:nth-child(4) .magazine-thumb{height:130px;max-height:130px;aspect-ratio:auto}
.magazine-layout-1 .post-card .magazine-thumb{height:185px;max-height:185px;aspect-ratio:auto}
.magazine-layout-3 .post-card .magazine-thumb{height:175px;max-height:175px;aspect-ratio:auto}
.magazine-layout-0 .post-card:first-child,.magazine-layout-2 .post-card:first-child,
.latest-magazine-grid .post-card:first-child{grid-row:span 2}
.magazine-grid .post-card .post-card-body,.latest-magazine-grid .post-card .post-card-body{padding:12px 14px 15px}
.magazine-grid .post-card h3,.latest-magazine-grid .post-card h3{margin:4px 0 0;line-height:1.35}
.magazine-section{padding:30px 0}
}
@media(max-width:950px){
.hero .hero-inner{padding:30px 0 34px}
.hero h1{font-size:clamp(2rem,5vw,3rem);margin:10px 0}
.hero p{font-size:1rem;line-height:1.5}
.hero-actions{margin-top:16px}
.magazine-grid .post-card .magazine-thumb,.latest-magazine-grid .post-card>a:first-child,
.magazine-layout-0 .post-card:first-child .magazine-thumb,.magazine-layout-2 .post-card:first-child .magazine-thumb,
.latest-magazine-grid .post-card:first-child>a:first-child{height:175px;max-height:175px;min-height:0;flex:none;aspect-ratio:auto}
.magazine-grid .post-card img,.latest-magazine-grid .post-card img{height:100%;object-fit:cover}
}
@media(max-width:580px){
.hero .hero-inner{padding:25px 0 29px}
.hero h1{font-size:2rem}
.magazine-grid .post-card .magazine-thumb,.latest-magazine-grid .post-card>a:first-child,
.magazine-layout-0 .post-card:first-child .magazine-thumb,.magazine-layout-2 .post-card:first-child .magazine-thumb,
.latest-magazine-grid .post-card:first-child>a:first-child{height:125px;max-height:125px}
}

/* V1.5: Viráginfo ihlette négykártyás mozaik – négy kiválasztott témához.
   Balra nagy kép; jobbra fent széles; alatta két kicsi. */
@media(min-width:951px){
.magazine-section.magazine-layout-4 .magazine-grid{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
 grid-template-rows:210px 210px;gap:14px;align-items:stretch
}
.magazine-section.magazine-layout-4 .post-card{
 min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;
 grid-column:auto;grid-row:auto
}
.magazine-section.magazine-layout-4 .post-card:nth-child(1){grid-column:1 / 3;grid-row:1 / 3}
.magazine-section.magazine-layout-4 .post-card:nth-child(2){grid-column:3 / 5;grid-row:1}
.magazine-section.magazine-layout-4 .post-card:nth-child(3){grid-column:3;grid-row:2}
.magazine-section.magazine-layout-4 .post-card:nth-child(4){grid-column:4;grid-row:2}
.magazine-section.magazine-layout-4 .post-card .magazine-thumb,
.magazine-section.magazine-layout-4 .post-card:first-child .magazine-thumb{
 display:block;flex:1 1 0;height:0;min-height:0;max-height:none;aspect-ratio:auto;overflow:hidden
}
.magazine-section.magazine-layout-4 .post-card img,
.magazine-section.magazine-layout-4 .post-card .placeholder{
 width:100%;height:100%;object-fit:cover;display:block
}
.magazine-section.magazine-layout-4 .post-card .post-card-body{flex:none;padding:10px 13px 13px}
.magazine-section.magazine-layout-4 .post-card h3{font-size:.93rem;line-height:1.3;margin:3px 0 0}
.magazine-section.magazine-layout-4 .post-card:first-child h3{font-size:1.06rem}
.magazine-section.magazine-layout-4 .post-card .magazine-cat{font-size:.64rem}
}
@media(min-width:681px) and (max-width:950px){
.magazine-section.magazine-layout-4 .magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.magazine-section.magazine-layout-4 .post-card{grid-column:auto;grid-row:auto;height:auto}
}
@media(max-width:680px){
.magazine-section.magazine-layout-4 .magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.magazine-section.magazine-layout-4 .post-card{grid-column:auto;grid-row:auto;height:auto}
}

/* V1.6: a négy kiválasztott kategória ténylegesen 4-es elrendezést kap.
   A korábbi 12 oszlopos szabályok felülírása a konkrét grid elemen. */
@media(min-width:951px){
section.magazine-layout-4 .magazine-grid{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
 grid-template-rows:210px 210px;grid-auto-rows:auto;
 gap:14px;align-items:stretch
}
section.magazine-layout-4 .magazine-grid>.post-card{
 grid-column:auto;grid-row:auto;display:flex;flex-direction:column;
 height:100%;min-height:0;min-width:0
}
section.magazine-layout-4 .magazine-grid>.post-card:nth-child(1){grid-column:1 / 3;grid-row:1 / 3}
section.magazine-layout-4 .magazine-grid>.post-card:nth-child(2){grid-column:3 / 5;grid-row:1}
section.magazine-layout-4 .magazine-grid>.post-card:nth-child(3){grid-column:3;grid-row:2}
section.magazine-layout-4 .magazine-grid>.post-card:nth-child(4){grid-column:4;grid-row:2}
section.magazine-layout-4 .magazine-grid>.post-card>.magazine-thumb{
 height:0;min-height:0;max-height:none;flex:1 1 0;aspect-ratio:auto;
 overflow:hidden;display:block
}
section.magazine-layout-4 .magazine-grid>.post-card>.magazine-thumb img,
section.magazine-layout-4 .magazine-grid>.post-card>.magazine-thumb .placeholder{
 height:100%;width:100%;object-fit:cover
}
section.magazine-layout-4 .magazine-grid>.post-card>.post-card-body{
 padding:10px 13px 12px;flex:0 0 auto
}
}

/* V1.7 – kompakt oldalsáv ajánlók és címkék */
.sidebar .pt-recommendations,.sidebar .pt-tags{padding:17px}
.pt-recommendation-list{list-style:none;padding:0!important;margin:0;display:grid;gap:11px}
.pt-recommendation-list li{margin:0;padding:0}
.pt-recommendation-link{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:10px;color:var(--dark);font-size:.84rem;font-weight:700;line-height:1.35}
.pt-recommendation-link:hover{color:var(--green);text-decoration:none}
.pt-recommendation-thumb,.pt-recommendation-placeholder{width:70px!important;height:58px!important;object-fit:cover;border-radius:9px;display:grid;place-items:center;background:var(--mint);font-size:1.3rem}
.pt-tag-list{display:flex;flex-wrap:wrap;gap:7px}
.pt-tag-list a{font-size:.78rem;line-height:1.3;background:#eaf3e9;color:var(--dark);padding:6px 9px;border-radius:999px}
.pt-tag-list a:hover{background:#d7e9db;text-decoration:none}