/*
Theme Name: Smaka
Theme URI: https://krantz.biz/
Author: Krantz.biz
Description: Ett avskalat WordPress-tema för mat, recept och redaktionellt innehåll. Byggt för Smaka Recept.
Version: 1.8.0
Text Domain: smaka
Requires at least: 6.4
Requires PHP: 8.0
*/

/* V1.4.2 – Tipsplatta under instruktionerna */
.recipe-directions .recipe-tip{display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;align-items:start;margin:38px 0 0;padding:20px 22px;border:1px solid var(--smaka-border,#ded8cf);border-radius:16px;background:var(--smaka-soft,#f2ece4);}
.recipe-tip-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--smaka-accent,#b84b2f);color:#fff;}
.recipe-tip-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.recipe-tip-content strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;line-height:1.2;margin:1px 0 5px;}
.recipe-tip-content p{margin:0;line-height:1.6;}
@media(max-width:600px){.recipe-directions .recipe-tip{grid-template-columns:36px minmax(0,1fr);gap:13px;padding:18px}.recipe-tip-icon{width:34px;height:34px}.recipe-tip-icon svg{width:19px;height:19px}}


/* Smaka 1.5 – compact desktop scale. Intentionally not CSS zoom: keeps sticky/responsive behaviour stable. */
@media (min-width: 801px){
  :root{--smaka-wide:1020px;--smaka-read:680px}
  body{font-size:15px}
  .header-inner{min-height:56px;gap:24px}
  .site-brand{font-size:1.38rem}
  .site-nav ul,.site-footer ul{gap:18px}
  .recipe-search input{padding-top:6px;padding-bottom:6px}
  .home-hero{width:min(calc(100% - 40px),var(--smaka-wide));height:min(39vh,400px);min-height:280px;margin-top:30px;border-radius:20px}
  .hero-overlay{padding:clamp(24px,4vw,48px);padding-top:96px}
  .home-content,.content-grid,.archive-wrap{padding-top:54px;padding-bottom:54px}
  .section-head{margin-bottom:22px}
  .cards{gap:25px}
  .recipe-card .card-copy h2{font-size:1.45rem}
  .card-style-card .card-copy{padding:15px}
  .reading{padding:56px 0}
  .entry-content,.contact-body{font-size:1rem}
  .site-footer{margin-top:64px;padding:44px 0}

  .recipe-shell{max-width:920px;padding:52px 0}
  .smaka-single-recipe{max-width:920px}
  .smaka-single-recipe .recipe-header{max-width:700px;margin-bottom:27px}
  .smaka-single-recipe .recipe-header h1{font-size:clamp(2.35rem,4.8vw,4.15rem)}
  .lead{font-size:clamp(1.08rem,1.9vw,1.4rem)}
  .recipe-gallery{margin-bottom:24px;border-radius:18px}
  .smaka-single-recipe .recipe-facts{margin:24px 0 44px}
  .smaka-single-recipe .recipe-facts div{padding:14px 11px}
  .recipe-facts strong{font-size:.98rem}
  .smaka-single-recipe .recipe-body{grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:60px}
  .smaka-single-recipe .recipe-body h2{font-size:1.9rem;margin-bottom:19px}
  .smaka-single-recipe .recipe-body h3{font-size:1.2rem;margin:27px 0 10px}
  .ingredient-list label{gap:9px;padding:8px 0}
  .recipe-step{grid-template-columns:36px 1fr;gap:13px;margin-bottom:22px}
  .recipe-step-number{width:32px;height:32px}
  .recipe-taxonomy{margin-top:48px;padding-top:19px}
}

/* Tips card: compact, bounded icon. */
.recipe-directions .recipe-tip{grid-template-columns:34px minmax(0,1fr);gap:13px;margin-top:30px;padding:16px 18px;border-radius:14px;overflow:hidden}
.recipe-tip-icon{width:32px!important;height:32px!important;min-width:32px;max-width:32px;min-height:32px;max-height:32px;overflow:hidden}
.recipe-tip-icon svg{display:block!important;width:18px!important;height:18px!important;min-width:18px;max-width:18px;min-height:18px;max-height:18px}
.recipe-tip-content strong{font-size:1.15rem;margin-bottom:4px}.recipe-tip-content p{line-height:1.5}

/* Smaka 1.5.1 – recipe page scale is controlled explicitly, not by hero typography. */
.smaka-single-recipe .recipe-header h1{
  font-size:clamp(2rem,4vw,var(--smaka-recipe-title,52px)) !important;
  line-height:1.02;
}
.smaka-single-recipe .recipe-header .lead{
  font-size:var(--smaka-recipe-lead,20px) !important;
  line-height:1.5;
}
@media (min-width:801px){
  .recipe-shell{max-width:880px;padding-top:42px;padding-bottom:42px}
  .smaka-single-recipe{max-width:880px}
  .smaka-single-recipe .recipe-header{max-width:650px;margin-bottom:22px}
  .smaka-single-recipe .recipe-gallery{margin-bottom:20px}
  .smaka-single-recipe .recipe-facts{margin:20px 0 36px}
  .smaka-single-recipe .recipe-body{gap:48px}
}
@media (max-width:800px){
  .smaka-single-recipe .recipe-header h1{font-size:clamp(2rem,10vw,3rem)!important}
  .smaka-single-recipe .recipe-header .lead{font-size:clamp(1rem,4.6vw,1.2rem)!important}
}

/* Smaka 1.5.2 – fix: recipe title setting is the actual desktop size. */
.smaka-single-recipe .recipe-header h1{
  font-size:var(--smaka-recipe-title,52px) !important;
}
@media (max-width:800px){
  .smaka-single-recipe .recipe-header h1{
    font-size:min(var(--smaka-recipe-title,52px),clamp(2rem,10vw,3rem)) !important;
  }
}

/* Smaka 1.5.3 – final typography overrides, loaded after assets/css/site.css. */
.smaka-single-recipe .recipe-header h1{
  font-size:var(--smaka-recipe-title,52px) !important;
}
.smaka-single-recipe .recipe-header .lead{
  font-size:var(--smaka-recipe-lead,20px) !important;
}

/* Smaka 1.6 – selectable recipe-tip palette. */
.recipe-tip--terracotta{--tip-accent:#bd4f32;--tip-bg:#f3ebe3;--tip-border:#dfd1c4}
.recipe-tip--sage{--tip-accent:#60745f;--tip-bg:#edf0e9;--tip-border:#d3dbce}
.recipe-tip--mustard{--tip-accent:#9b741e;--tip-bg:#f5f0df;--tip-border:#e2d7ad}
.recipe-tip--blue{--tip-accent:#47677b;--tip-bg:#eaf0f3;--tip-border:#cbd9df}
.recipe-tip--plum{--tip-accent:#735366;--tip-bg:#f1eaee;--tip-border:#dccdd5}
.recipe-tip--neutral{--tip-accent:#5f5b55;--tip-bg:#f0ede8;--tip-border:#d8d2ca}
.recipe-tip[class*="recipe-tip--"]{background:var(--tip-bg)!important;border-color:var(--tip-border)!important}
.recipe-tip[class*="recipe-tip--"] .recipe-tip-icon{background:var(--tip-accent)!important}


/* Smaka 1.7.2: tip palette is supplied dynamically by Smaka Recept. */
.recipe-tip {
  background: var(--tip-bg, #f0ede8) !important;
  border-color: var(--tip-border, #d8d2ca) !important;
}
.recipe-tip .recipe-tip-icon {
  background: var(--tip-accent, #5f5b55) !important;
}