/* Userinfo.tpl: works for both public profiles and the logged-in user's cabinet. */
body .dle-content:has(.profile-card) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}
body .profile-card {
  display: block !important;
  grid-column: 1 / -1 !important;
  width: min(1060px, calc(100% - 32px)) !important;
  max-width: 1060px !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  margin: 8px auto 34px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--border-color) !important;
  border-radius: var(--radius-lg) !important;
  background: #fff !important;
  box-shadow: var(--shadow-sm) !important;
}
body .profile-card__head { display:flex!important; align-items:center!important; gap:20px!important; min-height:136px!important; box-sizing:border-box!important; padding:26px 34px!important; background:linear-gradient(135deg,#edf3e8,#fff 68%)!important; border:0!important; }
body .profile-card__head img { display:block!important; flex:0 0 82px!important; width:82px!important; height:82px!important; object-fit:cover!important; border-radius:50%!important; background:var(--green-light)!important; color:transparent!important; font-size:0!important; }
body .profile-card__head h1 { margin:0!important; color:var(--text-dark)!important; font-size:clamp(1.8rem,3vw,2.35rem)!important; line-height:1.1!important; }
body .profile-card__head p { margin:6px 0 0!important; color:var(--green-main)!important; font-size:.88rem!important; font-weight:700!important; }
body .profile-card__grid { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:14px!important; width:100%!important; box-sizing:border-box!important; margin:0!important; padding:28px 34px!important; background:#fff!important; }
body .profile-card__grid > div { display:flex!important; min-width:0!important; min-height:92px!important; box-sizing:border-box!important; padding:16px 18px!important; flex-direction:column!important; justify-content:center!important; border:1px solid var(--border-color)!important; border-radius:var(--radius-sm)!important; background:var(--bg-subtle)!important; }
body .profile-card__grid span { display:block!important; margin:0!important; color:var(--text-muted)!important; font-size:.73rem!important; font-weight:700!important; line-height:1.3!important; }
body .profile-card__grid b { display:block!important; min-width:0!important; margin-top:8px!important; color:var(--text-dark)!important; font-size:1rem!important; line-height:1.35!important; overflow-wrap:anywhere!important; }
body .profile-card__news-link { display:block!important; margin-top:7px!important; font-style:normal!important; font-size:.78rem!important; line-height:1.25!important; }
body .profile-card__news-link a { color:var(--green-main)!important; font-weight:800!important; text-decoration:none!important; }
body .profile-card__news-link a:hover { text-decoration:underline!important; }
body .profile-card__grid .rating { transform:scale(.9); transform-origin:left center; }
body .profile-card__about { margin:0 34px 24px!important; padding:20px 22px!important; border:1px solid var(--border-color)!important; border-radius:var(--radius-sm)!important; background:var(--bg-subtle)!important; }
body .profile-card__story { display:grid!important; grid-template-columns:minmax(220px,.72fr) minmax(0,1.48fr)!important; gap:clamp(30px,5vw,66px)!important; margin:0 34px!important; padding:42px 0 44px!important; border:0!important; border-top:1px solid var(--border-color)!important; border-bottom:1px solid var(--border-color)!important; border-radius:0!important; background:transparent!important; }
body .profile-card__story-intro { align-self:start!important; min-width:0!important; padding:4px 0 5px 20px!important; border-left:3px solid var(--green-main)!important; }
body .profile-card__eyebrow { margin:0 0 11px!important; color:var(--green-main)!important; font-size:.71rem!important; font-weight:800!important; letter-spacing:.1em!important; text-transform:uppercase!important; }
body .profile-card__story h2 { margin:0!important; color:var(--text-dark)!important; font-size:clamp(1.65rem,2.6vw,2.25rem)!important; line-height:1.08!important; }
body .profile-card__story-lead { margin:18px 0 0!important; color:var(--text-muted)!important; font-size:1rem!important; line-height:1.55!important; }
body .profile-card__story-copy { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; align-content:start!important; gap:22px 28px!important; min-width:0!important; }
body .profile-card__story-copy p { margin:0!important; color:var(--text-muted)!important; font-size:.95rem!important; line-height:1.7!important; }
body .profile-card__story-copy p:first-child::first-letter { float:left!important; margin:.05em .12em 0 0!important; color:var(--green-main)!important; font-family:Georgia,serif!important; font-size:3.45em!important; font-weight:700!important; line-height:.72!important; }
body .profile-card__recipes { margin:0!important; padding:4px 34px 30px!important; border-top:1px solid var(--border-color)!important; background:#fff!important; }
body .profile-card__recipes-head { display:flex!important; align-items:baseline!important; justify-content:space-between!important; gap:16px!important; margin:24px 0 16px!important; }
body .profile-card__recipes-head h2 { margin:0!important; font-size:1.45rem!important; line-height:1.15!important; }
body .profile-card__recipes-all { color:var(--green-main)!important; font-size:.8rem!important; font-weight:800!important; }
body .profile-card__recipes-all a { color:inherit!important; text-decoration:none!important; }
body .profile-card__recipes-all a:hover { text-decoration:underline!important; }
body .profile-card__recipes-grid { display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:12px!important; }
body .profile-recipe-card { position:relative!important; min-width:0!important; aspect-ratio:1/1.08!important; overflow:hidden!important; border:1px solid var(--border-color)!important; border-radius:14px!important; background:var(--green-light)!important; transition:transform .24s ease,box-shadow .24s ease!important; }
body .profile-recipe-card:hover { transform:translateY(-4px)!important; box-shadow:var(--shadow-md)!important; }
body .profile-recipe-card__image { display:block!important; width:100%!important; height:100%!important; overflow:hidden!important; background:var(--green-light)!important; }
body .profile-recipe-card__image img { display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; }
body .profile-recipe-card h3 { position:absolute!important; right:0!important; bottom:0!important; left:0!important; z-index:1!important; display:-webkit-box!important; box-sizing:border-box!important; min-height:64px!important; margin:0!important; padding:24px 12px 12px!important; overflow:hidden!important; background:linear-gradient(transparent,rgba(16,28,15,.88))!important; color:#fff!important; font-size:.94rem!important; line-height:1.2!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important; }
body .profile-recipe-card h3 a { color:inherit!important; text-decoration:none!important; }
body .profile-card__links { display:flex!important; gap:10px!important; flex-wrap:wrap!important; margin:0!important; padding:22px 34px 30px!important; border-top:1px solid var(--border-color)!important; }
body .profile-card__links a { display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:40px!important; padding:0 16px!important; border-radius:var(--radius-pill)!important; background:var(--green-light)!important; color:var(--green-main)!important; font-size:.84rem!important; font-weight:800!important; line-height:1!important; }
body .profile-card__links a:hover { background:var(--green-main)!important; color:#fff!important; }
@media(max-width:720px){ body .profile-card__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:22px!important} body .profile-card__head{padding:24px!important} body .profile-card__about{margin:0 22px 22px!important} body .profile-card__story{grid-template-columns:1fr!important;gap:28px!important;margin:0 22px!important;padding:32px 0!important} body .profile-card__story-copy{grid-template-columns:1fr!important;gap:15px!important} body .profile-card__recipes{padding:4px 22px 24px!important} body .profile-card__recipes-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} body .profile-card__links{padding:20px 22px 24px!important} }
@media(max-width:460px){ body .profile-card{width:calc(100% - 24px)!important;margin-top:0!important;border-radius:var(--radius-md)!important} body .profile-card__head{gap:14px!important;padding:20px!important} body .profile-card__head img{flex-basis:64px!important;width:64px!important;height:64px!important} body .profile-card__grid{grid-template-columns:1fr!important;padding:18px!important} body .profile-card__grid>div{min-height:76px!important} body .profile-card__about{margin:0 18px 18px!important} body .profile-card__story{margin:0 18px!important;padding:28px 0!important} body .profile-card__story-intro{padding-left:16px!important} body .profile-card__story h2{font-size:1.7rem!important} body .profile-card__story-copy{gap:14px!important} body .profile-card__recipes{padding:4px 18px 20px!important} body .profile-card__recipes-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} body .profile-card__recipes-head{margin-top:20px!important} body .profile-card__recipes-head h2{font-size:1.25rem!important} body .profile-card__links{padding:18px!important} }
