/* ====== Ujhelyi Szende receptjei – frontend (rózsaszín / púder / fehér) ====== */

/* A paletta a :root-on van, hogy a beállításokban megadott szín (vagy az
   Elementor widget színe) felül tudja írni. Elementornál a .pr-recipe / wrapper
   inline style adja meg a --pr-rose / --pr-rose-deep értékeket. */
:root{
	--pr-rose:#C56B8A;
	--pr-rose-deep:#A24E70;
	--pr-blush:#F7DCE6;
	--pr-blush-soft:#FCEFF4;
	--pr-cream:#FFFBFC;
	--pr-plum:#3E2A35;
	--pr-plum-soft:#6E5460;
	--pr-gold:#D9A55C;
	--pr-line:#F0D7E0;
	--pr-shadow:0 10px 40px rgba(162,78,112,.10);
	--pr-shadow-sm:0 4px 18px rgba(162,78,112,.08);
	--pr-radius:20px;
}

.pr-recipe{color:var(--pr-plum);line-height:1.6}
.pr-recipe *{box-sizing:border-box}
.pr-recipe h2.pr-h{font-family:var(--pr-head-font,Georgia,'Times New Roman',serif);font-size:1.7rem;margin:1.6rem 0 1rem;display:flex;align-items:center;gap:10px;color:var(--pr-plum)}
.pr-recipe h2.pr-h::before{content:"";width:8px;height:1.4em;background:var(--pr-rose);border-radius:4px;display:inline-block}
.pr-recipe h3{font-family:var(--pr-head-font,Georgia,serif);color:#fff;margin:0}

/* fejléc */
.pr-header{margin-bottom:18px}
.pr-breadcrumb{font-size:13px;color:var(--pr-plum-soft);margin-bottom:12px}
.pr-breadcrumb a{color:var(--pr-plum-soft);text-decoration:none}
.pr-title{font-family:var(--pr-head-font,Georgia,serif);font-size:2.6rem;line-height:1.15;color:var(--pr-plum);margin:6px 0 12px}
.pr-byline{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:var(--pr-plum-soft);font-size:14px;margin-bottom:8px}
.pr-byline .pr-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--pr-rose),var(--pr-gold));display:inline-block}
.pr-byline-rate{color:var(--pr-gold);font-weight:700}

/* badge-ek */
.pr-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.pr-badge{background:var(--pr-blush);color:var(--pr-rose-deep);font-size:12.5px;font-weight:600;padding:5px 13px;border-radius:999px;text-decoration:none}
.pr-badge:hover{background:var(--pr-rose);color:#fff}
.pr-badge-tag{background:var(--pr-blush-soft);color:var(--pr-plum-soft)}

/* bevezető */
.pr-lead{font-size:1.15rem;font-style:italic;color:var(--pr-plum-soft);margin:0 0 18px;max-width:760px}

/* borítókép */
.pr-hero{border-radius:var(--pr-radius);overflow:hidden;box-shadow:var(--pr-shadow);margin:0 0 8px}
.pr-hero img{display:block;width:100%;height:auto}

/* horgony-navi */
.pr-anchornav{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:10px;padding:12px 0;margin:8px 0 4px;background:var(--pr-blush-soft);border-bottom:1px solid var(--pr-line)}
.pr-anchornav a{background:#fff;border:1px solid var(--pr-line);padding:8px 18px;border-radius:999px;font-size:14px;font-weight:600;color:var(--pr-plum);text-decoration:none}
.pr-anchornav a:hover{background:var(--pr-rose);color:#fff;border-color:var(--pr-rose)}
html{scroll-behavior:smooth}

/* meta csík */
.pr-meta-strip{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 8px}
.pr-meta-card{background:var(--pr-cream);border:1px solid var(--pr-line);border-radius:16px;padding:12px 18px;flex:1;min-width:120px;text-align:center;box-shadow:var(--pr-shadow-sm);display:flex;flex-direction:column;gap:2px}
.pr-meta-card .pr-ic{font-size:20px}
.pr-meta-card .pr-val{font-size:1.05rem;font-weight:700;font-family:var(--pr-head-font,Georgia,serif)}
.pr-meta-card .pr-lbl{font-size:11px;color:var(--pr-plum-soft);text-transform:uppercase;letter-spacing:1px}

/* elrendezés */
.pr-layout{display:grid;grid-template-columns:1fr 350px;gap:36px;margin-top:14px;align-items:start}
@media(max-width:880px){.pr-layout{grid-template-columns:1fr}}

/* lépések */
.pr-steps{list-style:none;margin:0;padding:0}
.pr-steps li{display:flex;gap:16px;margin-bottom:18px;align-items:flex-start}
.pr-steps .pr-num{flex:none;width:40px;height:40px;border-radius:50%;background:var(--pr-rose);color:#fff;font-family:var(--pr-head-font,Georgia,serif);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:var(--pr-shadow-sm)}
.pr-steps .pr-step-text{padding-top:4px}
.pr-steps .pr-step-text p{margin:0 0 .4em}

/* videó */
.pr-video{position:relative;width:100%;padding-top:56.25%;border-radius:var(--pr-radius);overflow:hidden;box-shadow:var(--pr-shadow);margin:8px 0 20px;background:#2a1820}
.pr-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* tippek */
.pr-tips{list-style:none;margin:0;padding:0}
.pr-tips li{padding:10px 0 10px 28px;position:relative;border-bottom:1px dashed var(--pr-line)}
.pr-tips li:last-child{border:none}
.pr-tips li::before{content:"✦";position:absolute;left:0;color:var(--pr-gold);font-size:15px}

/* hozzávalók kártya */
.pr-side{position:relative}
.pr-ing-card{position:sticky;top:70px;background:var(--pr-cream);border:1px solid var(--pr-line);border-radius:var(--pr-radius);box-shadow:var(--pr-shadow);overflow:hidden}
.pr-ing-head{background:linear-gradient(135deg,var(--pr-rose),var(--pr-rose-deep));color:#fff;padding:20px;text-align:center}
.pr-ing-head h3{font-size:1.5rem;margin-bottom:12px}
.pr-serv{display:flex;align-items:center;justify-content:center;gap:12px}
/* A gombokat KÖR alakban tartjuk a téma gombstílusai ellen is (!important). */
.pr-recipe .pr-serv button{
	flex:0 0 auto !important;
	width:44px !important;
	min-width:44px !important;
	max-width:44px !important;
	height:44px !important;
	padding:0 !important;
	margin:0 !important;
	border:none !important;
	border-radius:50% !important;
	background:rgba(255,255,255,.22) !important;
	color:#fff !important;
	font-size:24px !important;
	line-height:1 !important;
	display:flex !important;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	box-shadow:none !important;
	transition:.15s;
}
.pr-recipe .pr-serv button:hover{background:rgba(255,255,255,.42) !important}
.pr-serv-box{background:#fff;color:var(--pr-rose-deep);border-radius:12px;padding:8px 16px;font-weight:700;font-family:var(--pr-head-font,Georgia,serif);min-width:90px}
.pr-ing-list{list-style:none;margin:0;padding:6px 20px}
.pr-ing-list li{padding:10px 0;border-bottom:1px solid var(--pr-line)}
.pr-ing-list li:last-child{border:none}
.pr-ing-list label{display:flex;align-items:center;gap:10px;cursor:pointer;margin:0}
.pr-ing-list input[type=checkbox]{width:18px;height:18px;accent-color:var(--pr-rose);flex:none}
.pr-ing-group{font-weight:700;color:var(--pr-rose-deep);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;padding-top:14px !important;border-bottom:none !important}
.pr-qty{font-weight:700;color:var(--pr-rose-deep);min-width:72px;font-variant-numeric:tabular-nums}
.pr-ing-name{flex:1}
.pr-ing-note{color:var(--pr-plum-soft);font-size:.9em}
.pr-shop-btn{display:block;width:100%;background:var(--pr-plum);color:#fff;border:none;padding:16px;font-size:.95rem;font-weight:700;cursor:pointer;letter-spacing:.3px}
.pr-shop-btn:hover{background:var(--pr-rose-deep)}

/* értékelés-doboz */
.pr-rating{margin-top:26px}
.pr-rating-box{text-align:center;background:linear-gradient(135deg,var(--pr-blush-soft),var(--pr-blush));border:1px solid var(--pr-line);border-radius:var(--pr-radius);padding:30px}
.pr-rating-big{font-size:3.2rem;font-family:var(--pr-head-font,Georgia,serif);color:var(--pr-rose-deep);line-height:1}
.pr-rating-stars{font-size:1.8rem;letter-spacing:4px;margin:10px 0;color:var(--pr-line)}
.pr-rating-stars span{color:var(--pr-line)}
.pr-rating-stars span.pr-on{color:var(--pr-gold)}
.pr-rating-meta{color:var(--pr-plum-soft);font-size:14px}

/* értékelés-input a komment űrlapban (radio-csillagok) */
.pr-rate-input{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.pr-rate-label{font-weight:600;color:var(--pr-plum)}
.pr-rate-stars{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end}
.pr-rate-stars input{position:absolute;opacity:0;width:0;height:0}
.pr-rate-stars label{font-size:1.9rem;color:#dcd0d6;cursor:pointer;padding:0 2px;line-height:1;transition:.1s}
.pr-rate-stars label:hover,
.pr-rate-stars label:hover ~ label,
.pr-rate-stars input:checked ~ label{color:var(--pr-gold)}

/* fotó mező */
.pr-photo-field{margin:10px 0 14px;font-size:14px;color:var(--pr-plum-soft)}
.pr-photo-field input[type=file]{margin-top:6px}

/* vélemények (téma kommentlistájába injektálva) */
.pr-review-stars{color:var(--pr-gold);letter-spacing:2px;font-size:1.05rem;margin-bottom:6px}
.pr-review-stars .pr-star-off{color:var(--pr-line)}
.pr-review-photos{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pr-review-photos a{display:block;width:72px;height:72px;border-radius:10px;overflow:hidden}
.pr-review-photos img{width:100%;height:100%;object-fit:cover;display:block}

/* teaser */
.pr-teaser{max-width:560px;margin:30px auto;text-align:center;background:linear-gradient(135deg,var(--pr-blush-soft),var(--pr-blush));border:1px solid var(--pr-line);border-radius:22px;padding:40px 30px;box-shadow:var(--pr-shadow)}
.pr-teaser-lock{font-size:42px;margin-bottom:8px}
.pr-teaser h3{font-family:var(--pr-head-font,Georgia,serif);color:var(--pr-rose-deep);font-size:1.6rem;margin:0 0 10px}
.pr-teaser p{color:var(--pr-plum-soft);margin:0 0 20px}
.pr-teaser-btn{display:inline-block;background:var(--pr-rose);color:#fff !important;text-decoration:none;padding:14px 30px;border-radius:999px;font-weight:700}
.pr-teaser-btn:hover{background:var(--pr-rose-deep)}

/* katalógus */
.pr-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.pr-chip{background:var(--pr-blush-soft);border:1px solid var(--pr-line);color:var(--pr-rose-deep);padding:7px 16px;border-radius:999px;text-decoration:none;font-size:.9rem}
.pr-chip:hover,.pr-chip.is-active{background:var(--pr-rose);color:#fff;border-color:var(--pr-rose)}
.pr-grid{display:grid;gap:22px}
.pr-cols-2{grid-template-columns:repeat(2,1fr)}
.pr-cols-3{grid-template-columns:repeat(3,1fr)}
.pr-cols-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:880px){.pr-cols-3,.pr-cols-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.pr-grid{grid-template-columns:1fr}}
.pr-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--pr-line);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--pr-plum);box-shadow:var(--pr-shadow-sm);transition:.2s}
.pr-card:hover{transform:translateY(-4px);box-shadow:var(--pr-shadow)}
.pr-card-thumb{display:block;aspect-ratio:4/3;background:linear-gradient(135deg,var(--pr-blush),var(--pr-rose));background-size:cover;background-position:center}
.pr-card-body{padding:14px;display:flex;flex-direction:column;gap:6px}
.pr-card-cat{font-size:11px;color:var(--pr-rose-deep);font-weight:700;text-transform:uppercase;letter-spacing:1px}
.pr-card-cat a{color:var(--pr-rose-deep);text-decoration:none}
.pr-card-title{font-family:var(--pr-head-font,Georgia,serif);font-size:1.1rem;line-height:1.3}
.pr-card-rate{color:var(--pr-gold);font-weight:700;font-size:.85rem}

/* ====== Komment / értékelő szekció a téma sablonjában (recept oldal) ====== */
.pr-recipe-single .comment-respond,
.pr-recipe-single #respond{
	background:var(--pr-blush-soft);
	border:1px solid var(--pr-line);
	border-radius:var(--pr-radius);
	padding:26px 28px;
	box-shadow:var(--pr-shadow-sm);
	margin-top:24px;
}
.pr-recipe-single .comment-reply-title,
.pr-recipe-single #reply-title,
.pr-recipe-single .comments-title{
	font-family:var(--pr-head-font,Georgia,'Times New Roman',serif);
	color:var(--pr-rose-deep);
	font-size:1.6rem;
}
.pr-recipe-single #commentform label{color:var(--pr-plum);font-weight:600}
.pr-recipe-single #commentform textarea,
.pr-recipe-single #commentform input[type=text],
.pr-recipe-single #commentform input[type=email],
.pr-recipe-single #commentform input[type=url]{
	border:1px solid var(--pr-line);
	border-radius:12px;
	background:#fff;
	padding:12px 14px;
}
.pr-recipe-single #commentform textarea:focus,
.pr-recipe-single #commentform input:focus{
	border-color:var(--pr-rose);
	outline:none;
	box-shadow:0 0 0 3px rgba(197,107,138,.15);
}
.pr-recipe-single .form-submit input,
.pr-recipe-single #commentform #submit,
.pr-recipe-single #commentform .submit{
	background:var(--pr-rose) !important;
	color:#fff !important;
	border:none !important;
	border-radius:999px !important;
	padding:13px 30px !important;
	font-weight:700 !important;
	cursor:pointer;
	box-shadow:none !important;
	transition:.15s;
}
.pr-recipe-single .form-submit input:hover,
.pr-recipe-single #commentform #submit:hover{background:var(--pr-rose-deep) !important}

/* vélemények listája */
.pr-recipe-single .comment-list{list-style:none;margin:18px 0 0;padding:0}
.pr-recipe-single .comment-list .comment-body,
.pr-recipe-single .comment-list li.comment{
	background:#fff;
	border:1px solid var(--pr-line);
	border-radius:16px;
	padding:18px 20px;
	margin-bottom:14px;
	box-shadow:var(--pr-shadow-sm);
}
.pr-recipe-single .comment-author .fn,
.pr-recipe-single .comment-author b{color:var(--pr-plum)}

/* ====== Recept oldal: téma-cím átstílusozása + szélesség ====== */
/* A téma sima címét a mockup szerinti elegáns serifre cseréljük. */
.pr-recipe-single .entry-title,
.pr-recipe-single h1.entry-title,
.pr-recipe-single .ast-single-post .entry-title{
	font-family:var(--pr-head-font,Georgia,'Times New Roman',serif);
	color:var(--pr-plum);
	font-size:2.6rem;
	line-height:1.15;
	margin-bottom:.3em;
}
/* A téma „Leave a Comment / By / dátum" meta sorát elrejtjük a recepteknél. */
.pr-recipe-single .entry-header .entry-meta,
.pr-recipe-single .ast-single-post .entry-meta,
.pr-recipe-single .entry-meta{display:none !important}

/* Szélesebb, mockup-szerű elrendezés (a szűk blog-oszlop helyett). */
.pr-recipe{max-width:1180px;margin-left:auto;margin-right:auto}
.pr-recipe-single #primary,
.pr-recipe-single .entry-content,
.pr-recipe-single .ast-article-single{max-width:100%}
.pr-recipe-single .site-content > .ast-container,
.pr-recipe-single .ast-container{max-width:1240px}

/* Hasonló receptek ajánló */
.pr-related{margin-top:32px}