/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* === DMNS Recipe Panel – Salient Mag look === */

.dmns-recipe {
  --card-bg: #fff;
  --card-radius: 16px;
  --card-shadow: 0 6px 20px rgba(0,0,0,.06);
  --text-muted: rgba(0,0,0,.65);
  --hr: rgba(0,0,0,.08);
  background: var(--card-bg);
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  padding: clamp(16px, 2.2vw, 24px);
  margin: clamp(20px, 2.4vw, 32px) 0;
}

body[data-header-format] .dmns-recipe h2,
body[data-header-format] .dmns-recipe h3 {
  font-weight: 700;
  margin: 0 0 .5rem 0;
  letter-spacing: -0.015em;
}

.dmns-recipe h2 { font-size: clamp(22px, 2.2vw, 28px); }
.dmns-recipe h3 { font-size: clamp(18px, 1.8vw, 22px); color: var(--text-muted); }

.dmns-recipe .dmns-recipe-meta {
  display: flex; flex-wrap: wrap; gap: .75rem 1.25rem;
  border-bottom: 1px solid var(--hr); padding-bottom: .75rem; margin-bottom: 1rem;
}
.dmns-recipe .dmns-recipe-meta div {
  font-size: 14.5px; color: var(--text-muted);
  background: rgba(0,0,0,.035);
  padding: .35rem .6rem; border-radius: 999px;
}

.dmns-recipe ul, .dmns-recipe ol {
  margin: .25rem 0 1rem 1.25rem; padding: 0;
}
.dmns-recipe ul li, .dmns-recipe ol li {
  margin: .25rem 0; line-height: 1.55;
}

/* “Magazine chip” bullets for ingredients */
.dmns-recipe ul li {
  list-style: none; position: relative; padding-left: 1rem;
}
.dmns-recipe ul li::before {
  content: ""; position: absolute; left: 0; top: .6em;
  width: .5em; height: .5em; border-radius: 50%;
  background: currentColor; opacity: .35;
}

/* Numbered steps spacing */
.dmns-recipe ol { counter-reset: step; list-style: decimal; }

/* Responsive tighten-up on mobiles */
@media (max-width: 767px) {
  .dmns-recipe { padding: 16px; border-radius: 14px; }
  .dmns-recipe .dmns-recipe-meta div { font-size: 13.5px; }
}

/* Optional dark mode (Salient dark) */
body.nectar-dark .dmns-recipe {
  --card-bg: #111214;
  --text-muted: rgba(255,255,255,.75);
  --hr: rgba(255,255,255,.08);
  box-shadow: none;
}
body.nectar-dark .dmns-recipe .dmns-recipe-meta div {
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.85);
}

/* === Hide default Salient header elements for single posts === */
.single-post .post-area .post-featured-img,
.single-post .post-area .content .post-title,
.single-post .post-area .post .post-header,
.single-post .post-area .post .post-meta {
  display:none !important;
}

/* === DMNS Hero Layout === */
.dmns-hero {
  display:grid;
  grid-template-columns: 1.1fr 1fr;
  gap: clamp(24px, 4vw, 48px);
  align-items: start;
  margin: clamp(24px, 4vw, 56px) 0;
}
.dmns-hero__media img {
  width:100%;
  height:auto;
  border-radius: 18px;
  display:block;
}
.dmns-hero__text h1.dmns-hero__title {
  font-size: clamp(28px, 4.2vw, 56px);
  line-height: 1.05;
  margin: 8px 0 10px;
  letter-spacing: -0.02em;
}
.dmns-chips {
  display:flex;
  gap:8px 10px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.dmns-chips .chip {
  background: rgba(0,0,0,.06);
  padding:.35rem .6rem;
  border-radius:999px;
  font-size: 13px;
}
.dmns-hero__meta {
  color: rgba(0,0,0,.55);
  font-size: 14px;
  margin-bottom: 12px;
}
.dmns-hero__hash {
  font-weight: 600;
  opacity:.8;
  margin: 12px 0 6px;
}
.dmns-hero__intro p {
  margin:.4rem 0 0 0;
  max-width: 55ch;
}
.dmns-btn {
  display:inline-block;
  margin-top: 14px;
  padding:.7rem 1.1rem;
  border-radius: 999px;
  background: #000;
  color:#fff;
  text-decoration: none;
  transition: transform .12s ease, background .2s ease;
}
.dmns-btn:hover {
  transform: translateY(-1px);
  background:#222;
}
@media (max-width: 980px) {
  .dmns-hero { grid-template-columns: 1fr; }
}

/* === Recipe Two-Column Block === */
.dmns-recipe2 {
  margin: clamp(28px, 5vw, 72px) 0;
}
.dmns-recipe2__meta {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.dmns-recipe2__meta .chip {
  background: rgba(0,0,0,.06);
  padding:.35rem .6rem;
  border-radius:999px;
  font-size:13px;
  color: rgba(0,0,0,.7);
}
.dmns-grid {
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(18px, 3vw, 36px);
}
.dmns-grid h2 {
  font-size: clamp(20px, 2.4vw, 28px);
  margin: 6px 0 10px;
}
.dmns-grid .ingredients,
.dmns-grid .steps {
  margin:0;
  padding-left: 1.2rem;
}
.dmns-grid .ingredients li {
  margin:.25rem 0;
  line-height:1.6;
  list-style: disc;
}
.dmns-grid .steps li {
  margin:.35rem 0;
  line-height:1.6;
}
.dmns-grid .muted {
  color: rgba(0,0,0,.55);
}
@media (max-width: 980px) {
  .dmns-grid { grid-template-columns: 1fr; }
}

.single-post #page-header-wrap{
	display: none !IMPORTANT;
}

/* Sakrij Salientov krug za svaki slučaj */
.woocommerce ul.products li.product .onsale { display:none !important; }

/* Pozicioniranje našeg wrappera */
.woocommerce ul.products li.product { position:relative; }
.woocommerce ul.products li.product .product-wrap { position:relative; }
.dmns-flags {
  position:absolute;
  top:10px;        /* po potrebi poravnaj s Figma vrijednostima */
  left:10px;
  z-index: 5;
  display:flex;
  flex-direction:column;
  gap:8px;
}

/* Osnovni stil “bijelog kvadrata” */
.dmns-flag {
  display:inline-block;
  background:#fff;
  color:#6d2220;              /* DMNS tamno-crvena iz primjera */
  font-weight:700;
  line-height:1;
  padding:8px 12px;
  border-radius:2px;
  box-shadow:0 1px 0 rgba(0,0,0,.05);
  letter-spacing:.04em;
  font-size:14px;
}

/* “RASPRODANO” – ostaje bijelo, kako je u Figma */
.dmns-flag--oos {}

/* Postotak ispod njega – po Figma: manji label, bijela pozadina */
.dmns-flag--sale {
  /* ako želiš drugačiji stil, npr. obrub umjesto sjene: */
  /* border:1px solid rgba(0,0,0,.08); */
}

/* Gridovi s različitim thumb omjerima – osiguraj da ne preklapa heading */
.woocommerce ul.products li.product .product-wrap img {
  display:block;
}

/* ====== DMNS RECIPE (FIGMA) ====== */

/* Tipografija */
:root {
  --dmns-text: #121212;
  --dmns-muted: rgba(0,0,0,.55);
  --dmns-bg: #f7f4ea; /* tvoja pozadina */
  --dmns-wide: min(1280px, 92vw);
  --dmns-narrow: min(860px, 88vw);
}
.single-post .container-wrap { background: var(--dmns-bg); }

/* Uporabi Big Freight Pro na naslovima */
.dmns-hero__title,
.dmns-grid h2,
h1,h2 { font-family: "big-freight-pro","Big Freight Pro", serif; }

/* Layout “wide/narrow” */
.dmns-wrap { margin: 0 auto; }
.dmns-wrap--wide   { max-width: var(--dmns-wide); }
.dmns-wrap--narrow { max-width: var(--dmns-narrow); }

/* HERO dvostupčani, slika lijevo – bez zaobljenja */
.dmns-hero {
  display:grid;
  grid-template-columns: 1.05fr 1fr;
  gap: clamp(28px,3.5vw,48px);
  align-items:center;
  margin: clamp(32px,5vw,72px) 0;
}
.dmns-hero__media img{
  width:100%; height:auto; display:block; border-radius:0; /* bez zaobljenja */
}
.dmns-hero__text{ text-align:center; }
.dmns-chips{ display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin-bottom:12px; }
.dmns-chips .chip{
  font-size:12px; line-height:1; padding:.45rem .6rem; border-radius:999px;
  background:rgba(0,0,0,.06); color:rgba(0,0,0,.7);
}
.dmns-hero__title{ font-size:clamp(28px, 4.8vw, 56px); line-height:1.04; margin:4px 0 8px; }
.dmns-hero__meta{ color:var(--dmns-muted); font-size:14px; margin-bottom:10px; }
.dmns-hero__icons{ display:flex; gap:10px; justify-content:center; margin:10px 0 12px; }
.icon-btn{
  width:36px; height:36px; display:grid; place-items:center; border-radius:50%;
  background:rgba(0,0,0,.07); color:#000; border:none; cursor:pointer;
}
.icon-btn.is-liked, .icon-btn:hover{ background:rgba(0,0,0,.12); }
.dmns-hero__intro{ max-width:56ch; margin:0 auto 12px; color:var(--dmns-text); }
.dmns-hero__intro--recipe{ margin-top:8px; }
.dmns-btn{
  display:inline-block; padding:.7rem 1.2rem; border-radius:999px;
  background:#000; color:#fff; text-decoration:none;
}
.dmns-btn--inline{ margin-top:6px; }

/* RECIPE blok – wide, malo veći od “story” */
.dmns-recipe2{ margin: clamp(28px, 5vw, 72px) 0; }
.dmns-recipe2__meta{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin:0 0 18px; }
.dmns-recipe2__meta .chip{
  background:rgba(0,0,0,.06); padding:.45rem .6rem; border-radius:999px; font-size:12px; color:rgba(0,0,0,.7);
}
.dmns-grid{
  display:grid; grid-template-columns: 1fr 1fr; gap: clamp(22px, 3vw, 42px);
}
.dmns-grid h2{ font-size: clamp(22px, 2.6vw, 30px); margin:0 0 10px; text-align:left; }
.dmns-sec{ margin:.5rem 0 .35rem; font-weight:600; color:var(--dmns-muted); }
.ingredients{ margin:0; padding-left:1.2rem; }
.ingredients li{ line-height:1.6; margin:.25rem 0; }
.steps{ margin:0; padding-left:1.2rem; }
.steps li{ line-height:1.6; margin:.3rem 0; }
.dmns-note{ margin-top:1rem; color:var(--dmns-muted); }

/* Story uži od wide */
#dmns-story .entry-content{ max-width: var(--dmns-narrow); margin: 0 auto; }

/* Responsive stack */
@media (max-width: 980px){
  .dmns-hero{ grid-template-columns: 1fr; }
  .dmns-grid{ grid-template-columns: 1fr; }
}
/* ===== COOKBOOK BANNER ===== */
.dmns-cookbook{
  position: relative;
  margin: clamp(28px,6vw,80px) 0 clamp(22px,5vw,60px);
  min-height: clamp(260px, 40vw, 480px);
  background-image: var(--ck-bg);
  background-size: cover;
  background-position: center;
  border-radius: 0; /* prema figmi: bez radijusa */
  overflow: hidden;
}
.dmns-cookbook__overlay{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.35) 100%);
  mix-blend-mode: normal;
}
.dmns-cookbook__inner{
  position: relative; z-index:2;
  display:flex; flex-direction:column; align-items:flex-start;
  gap: 18px;
  padding: clamp(24px,5vw,56px);
  color:#fff;
}
.dmns-cookbook__title{
  margin:0;
  font-family:"big-freight-pro","Big Freight Pro",serif;
  font-size: clamp(28px, 4.6vw, 64px);
  line-height: 1.05;
  text-shadow: 0 2px 8px rgba(0,0,0,.25);
}
.dmns-cookbook__cta{ display:flex; align-items:center; gap: 18px; }
.dmns-btn--light{
  background:#fff; color:#111;
  padding:.85rem 1.2rem; border-radius:7px; text-decoration:none;
}
.dmns-link{
  color:#fff; text-decoration:none; position:relative; padding-bottom:2px;
}
.dmns-link:after{
  content:""; position:absolute; left:0; right:0; bottom:-2px; height:2px; background:#fff; opacity:.8;
}

/* Responsivnost */
@media (max-width:980px){
  .dmns-cookbook__inner{ align-items:flex-start; }
}

/* ===== COOKBOOK BANNER (fixed) ===== */
.dmns-cookbook{
  position: relative;
  margin: clamp(28px,6vw,80px) 0 clamp(22px,5vw,60px);
  min-height: clamp(260px, 40vw, 480px);
  /* fallback + var */
  background-image: var(--ck-bg);
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  border-radius: 0;
  overflow: hidden;
}
.dmns-cookbook__overlay{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.45) 100%);
}
.dmns-cookbook__inner{
  position: relative; z-index:2;
  display:flex; flex-direction:column; align-items:flex-start;
  gap: 18px;
  padding: clamp(24px,5vw,56px);
  color:#fff;
}
.dmns-cookbook__title{
  margin:0;
  font-family:"big-freight-pro","Big Freight Pro",serif;
  font-size: clamp(28px, 4.6vw, 64px);
  line-height: 1.05;
  text-shadow: 0 2px 8px rgba(0,0,0,.25);
}
.dmns-cookbook__cta{ display:flex; align-items:center; gap: 18px; }

/* bijeli, NEzaobljen gumb */
.dmns-btn--light{
  background:#fff; color:#111;
  padding:.9rem 1.35rem;
  border-radius:0;
  text-decoration:none;
  border: none;
  box-shadow: 0 1px 2px rgba(0,0,0,.06);
}

/* Ako je varijabla postavljena inline, prisili je da se koristi */
.dmns-cookbook[style*="url("]{
  background-image: inherit !important;
}

/* ===== FIGMA: Cookbook banner ===== */
.dmns-cookbook {
  position: relative;
  margin: clamp(32px,6vw,84px) 0 clamp(28px,5vw,72px);
  min-height: clamp(360px, 46vw, 520px);
  background-image: var(--ck-bg);
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  border-radius: 0;
  overflow: hidden;
}

/* tamni overlay (vidljivo bijelo pismo) */
.dmns-cookbook__overlay {
  position: absolute; inset: 0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.48) 100%);
  pointer-events: none;
}

/* unutarnji layout – lijevo, vertikalno centrirano */
.dmns-cookbook__inner{
  position: relative; z-index: 2;
  display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
  gap: clamp(14px, 2.2vw, 22px);
  padding: clamp(26px, 6.2vw, 64px);
  min-height: inherit;
  color: #fff !important;
}

/* velik serif naslov kao na figmi */
.dmns-cookbook__title{
  margin: 0;
  color: #fff !important;
  font-family: "big-freight-pro","Big Freight Pro",serif;
  font-weight: 400;
  font-size: clamp(32px, 4.8vw, 64px);
  line-height: 1.05;
  text-shadow: 0 2px 10px rgba(0,0,0,.25);
  max-width: 1100px;
}

/* CTA grupa */
.dmns-cookbook__cta{
  display:flex; align-items:center; gap: clamp(14px, 2vw, 20px);
}

/* primarni gumb – bijeli, zaobljen kao u vizualu */
.dmns-btn--light.dmns-btn--fig{
  background:#fff; color:#111 !important;
  padding: .85rem 1.35rem;
  border-radius: 8px;            /* Figma look */
  text-decoration: none;
  border: 0;
  box-shadow: 0 1px 3px rgba(0,0,0,.10);
}

/* sekundarni link */
.dmns-link.dmns-link--fig{
  color:#fff !important;
  text-decoration:none;
  position:relative; padding-bottom:4px;
}
.dmns-link.dmns-link--fig::after{
  content:""; position:absolute; left:0; right:0; bottom:0;
  height:2px; background:#fff; opacity:.85;
}

/* osiguraj da inline var (style attr) pobijedi sve */
.dmns-cookbook[style*="url("]{
  background-image: inherit !important;
}

/* responzivnost */
@media (max-width:980px){
  .dmns-cookbook__title { font-size: clamp(28px, 6vw, 40px); }
  .dmns-cookbook { min-height: clamp(320px, 56vw, 460px); }
}

/* ===== BLOG LAYOUT (non-recipe) ===== */
.dmns-blog-article .inner-wrap { margin-top: 0; }

/* širine: hero šire, body uže (kao kod recepata) */
.dmns-blog-hero { 
  margin: clamp(24px,4vw,56px) 0; 
  max-width: min(1100px, 92vw);
  margin-left: auto; margin-right: auto;
}
.dmns-blog-body .entry-content {
  max-width: min(820px, 90vw);
  margin-left: auto; margin-right: auto;
}

/* chips iznad naslova */
.dmns-blog-chips { display:flex; gap:8px 10px; flex-wrap:wrap; margin-bottom:10px; }
.dmns-blog-chips .chip { background:rgba(0,0,0,.06); padding:.35rem .6rem; border-radius:999px; font-size:13px; }

/* naslov */
.dmns-blog-title {
  font-family: "Big Freight Pro","big-freight-pro", serif;
  text-align:center;
  font-size: clamp(30px, 5vw, 56px);
  line-height:1.05;
  letter-spacing:-.02em;
  margin: 6px auto 10px;
  max-width: 18ch;
}

/* meta red */
.dmns-blog-meta {
  display:flex; gap:18px; flex-wrap:wrap; 
  align-items:center; justify-content:center;
  color:rgba(0,0,0,.65);
  font-size:14px; margin-bottom: 16px;
}
.dmns-blog-meta .lbl { opacity:.75; margin-right:6px; }
.dmns-blog-meta .dmns-actions { display:flex; gap:10px; margin-left:10px; }
.dmns-action { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:999px; background:rgba(0,0,0,.06); }
.dmns-action:hover { background:rgba(0,0,0,.1); }

/* hero slika */
.dmns-blog-hero-media { margin: 14px 0 20px; }
.dmns-blog-hero-media img { width:100%; height:auto; display:block; }

/* kratki intro */
.dmns-blog-intro { 
  max-width: min(820px, 90vw); 
  margin: 0 auto; 
  color: rgba(0,0,0,.75);
}
.dmns-blog-intro p { margin:.5rem 0; }

/* body copy */
.dmns-blog-body .entry-content p,
.dmns-blog-body .entry-content li { font-size:16px; line-height:1.65; }

/* Newsletter CTA */
.dmns-newsletter-cta { 
  background: #f7f7f5; 
  margin: clamp(32px,6vw,64px) 0; 
  padding: clamp(18px,3.2vw,28px) 0; 
}
.dmns-newsletter-cta .nl-inner{
  max-width: min(820px, 90vw); margin:0 auto; text-align:center;
}
.dmns-newsletter-cta h3{
  font-size: clamp(22px, 3.2vw, 34px); line-height:1.15; margin:0 0 12px;
}
.dmns-newsletter-cta .dmns-btn{ 
  display:inline-block; padding:.7rem 1.1rem; border-radius:999px; background:#000; color:#fff; text-decoration:none;
}

/* Related */
.dmns-related { max-width: min(1100px, 92vw); margin: clamp(24px,5vw,60px) auto; }
.dmns-related h3 { font-size: clamp(20px, 2.5vw, 28px); margin: 0 0 14px; }
.dmns-related-grid {
  display:grid; grid-template-columns: repeat(3, 1fr); gap: clamp(14px, 2vw, 22px);
}
.rel-card { background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:14px; overflow:hidden; display:flex; flex-direction:column; }
.rel-media img { width:100%; height:auto; display:block; }
.rel-meta { padding:12px 14px; }
.rel-cats { font-size:12px; color:rgba(0,0,0,.55); margin-bottom:4px; text-transform:uppercase; letter-spacing:.02em; }
.rel-title { font-size: clamp(16px, 2.1vw, 19px); line-height:1.25; margin:0 0 6px; }
.rel-title a { text-decoration:none; color:inherit; }
.dmns-link { color:#000; text-underline-offset: 2px; }

/* Responsive */
@media (max-width: 900px) {
  .dmns-related-grid { grid-template-columns: 1fr; }
}

/* Full-width frame za male slike unutar teksta (preuzimamo tvoju logiku + klase) */
.entry-content .frame-wrap { 
  background:#efeee9; 
  margin: 18px 0; 
  padding: 10px 0; 
}
.entry-content .frame-wrap.no-frame { background: transparent; padding: 0; }

/* ---------- BLOG (single post) ---------- */
.is-blog .dmns-blog-lead { 
  font-size: clamp(1.1rem, 1.2rem + .6vw, 1.6rem);
  line-height: 1.6;
  color: var(--text, #232323);
  margin: 2.5rem auto 1.5rem;
  max-width: 72ch;
}

.dmns-blog-hero16 {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  margin: 0;
  background: #eee;
}
.dmns-blog-hero16 > img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  display: block;
  filter: none;
  border-radius: 0;
}

.dmns-blog-grid {
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: clamp(16px, 3vw, 40px);
  align-items: start;
  margin-top: clamp(20px, 3vw, 40px);
}
@media (max-width: 900px) {
  .dmns-blog-grid { grid-template-columns: 1fr; }
}

.dmns-blog-meta .meta-kv { 
  display: grid; grid-template-columns: auto 1fr; gap: 6px 14px;
  align-items: baseline; margin-bottom: .35rem;
}
.dmns-blog-meta .meta-kv > span { color:#666; font-size:.95rem; }
.dmns-blog-meta .meta-kv > strong { font-weight:600; }

/* reciklirane akcije – mala margina */
.dmns-blog-meta .dmns-actions { margin-top: 1rem; }

/* Uži tekst u desnom stupcu (paragrafi, liste, blockquote), a slike i figure idu punom širinom contenta */
.entry-content--narrow > p,
.entry-content--narrow > ul,
.entry-content--narrow > ol,
.entry-content--narrow > blockquote {
  max-width: 66ch;
}
.entry-content--narrow > figure,
.entry-content--narrow > .wp-caption,
.entry-content--narrow > p:has(> img) {
  max-width: none;
}

/* Uključi “okvir” samo na receptima; ugasi ga za blog */
.is-blog .entry-content figure.wp-block-image,
.is-blog .entry-content .wp-caption,
.is-blog .entry-content p:has(> img) {
  padding: 0 !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Ako tema autoinjektira dupli newsletter/related ispod bloga – skloni na single post */
.single-post .section-newsletter-cta,
.single-post .related-posts,
.single-post .before-footer { display: none; }