/* =========================================================================
   SALONG — 2026-10-08. Lyftet efter blindpanelen mot fyra konkurrenter.
   Laddas sist (inc/salong.php). Av: option viraine_salong = '0', eller ta
   bort 'salong' ur modullistan i functions.php.
   Palett: grädde, beige, brunt, varmvitt, svart. Inget rött.
   HÅRD REGEL: inga filter, toningar eller blandlägen på foton.
   ========================================================================= */

/* ---------- Inloggningen: formulär + stämningsbild ---------- */
.v-konto{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(2rem,6vw,6.5rem);align-items:start}
.v-konto__form{min-width:0}
.v-konto__sida{margin:0;position:sticky;top:calc(var(--header-h,75px) + var(--announce-h,38px) + 24px)}
.v-konto__bild{display:block;overflow:hidden;background:var(--stone)}
.v-konto__bild img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%}
.v-konto__rad{font-family:var(--serif);font-size:clamp(1.35rem,1rem + 1vw,1.85rem);line-height:1.15;margin:1rem 0 0;color:var(--ink)}
.v-konto__rad em{color:var(--gilt,#7A5A3E)}
@media(max-width:900px){
	.v-konto{grid-template-columns:1fr}
	.v-konto__sida{position:static;order:-1}
	.v-konto__bild img{aspect-ratio:16/11;object-position:50% 28%}
	.v-konto__rad{display:none}
}

/* ---------- Om oss: bildpar i texten ---------- */
.v-om__par{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.6rem,1.5vw,1.25rem);margin-block:clamp(1.75rem,4vw,3rem)!important;max-width:none}
.v-om__bild{display:block;overflow:hidden;background:var(--stone)}
.v-om__bild img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%}
.v-om__bild:nth-child(2){margin-top:clamp(1.5rem,5vw,3.5rem)}

/* ---------- Navigation: läsbarare toppmeny (12 -> 12,5 px, lite luftigare) ---------- */
@media(min-width:1025px){
	.v-nav__link{font-size:.78rem;letter-spacing:.15em}
	.v-mega__col a{font-size:.9375rem}
}

/* ---------- Produktsidan: tydligare hierarki och en köpknapp som bär ---------- */
@media(min-width:961px){
	.v-pdp__name{font-size:clamp(2.6rem,1.6rem + 1.6vw,3.6rem);line-height:.98;letter-spacing:-.015em}
}
.v-pdp__name{font-style:italic}
.v-pdp__hook{color:var(--muted);font-size:1rem;line-height:1.6;max-width:42ch}
/* Köpknappen: alltid espresso. Innan storlek valts står den kvar mörk men
   dämpad (inte beige), så den aldrig blir svagare än plånboksknappen. */
body .v-pdp__form button.button.single_add_to_cart_button{
	background:var(--espresso,#1F1411);border-color:var(--espresso,#1F1411);color:#F7EBDD;
	min-height:56px;letter-spacing:.2em;
}
body .v-pdp__form button.button.single_add_to_cart_button.disabled,
body .v-pdp__form button.button.single_add_to_cart_button:disabled{
	background:#3A2A21;border-color:#3A2A21;color:#EBDCC8;opacity:1;cursor:not-allowed;   /* 10,6:1 */
}
body .v-pdp__form button.button.single_add_to_cart_button:not(:disabled):not(.disabled):hover{
	background:var(--cherry,#5C4033);border-color:var(--cherry,#5C4033);color:#FFF7EE;
}
/* Trygghetsraderna som en lugn panel i stället för lösa rader. */
.v-pdp__buy .v-assure{
	background:var(--surface,#FAF4EC);border:1px solid var(--hair,rgba(168,128,84,.34));
	padding:1rem 1.1rem;margin-top:1.1rem;
}

/* ---------- Korg: notisen som en tunn rad, rubriken i display-serif ---------- */
body.vcro-notices.woocommerce-cart .wc-block-components-notice-banner,
.woocommerce-cart .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-message{
	background:transparent!important;border:0!important;border-bottom:1px solid var(--hair,rgba(168,128,84,.34))!important;
	box-shadow:none!important;outline:0!important;border-radius:0!important;
	padding:.85rem 0!important;font-size:.875rem;color:var(--muted);
}
body.vcro-notices.woocommerce-cart .wc-block-components-notice-banner>svg{fill:var(--gilt,#7A5A3E)!important;width:18px;height:18px}
body.vcro-notices.woocommerce-cart .wc-block-components-notice-banner:focus:not(:focus-visible){outline:0!important}
.v-om__par{align-items:start}
.woocommerce-cart main h1.wp-block-post-title,
.woocommerce-account main h1.wp-block-post-title,
.woocommerce-checkout main h1.wp-block-post-title{
	font-family:var(--serif);font-style:italic;font-size:clamp(2.6rem,1.8rem + 2vw,4rem);line-height:.95;letter-spacing:-.02em
}

/* ---------- Produktsidan: betalsätt som chips ---------- */
.v-betal{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .5rem;margin:.9rem 0 0}
.v-betal__rub{font-size:var(--t-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-right:.35rem}
.v-betal ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.v-betal li{font-size:.6875rem;letter-spacing:.06em;line-height:1;padding:.42rem .55rem;border:1px solid var(--hair,rgba(168,128,84,.34));background:var(--white,#FFFAF3);color:var(--ink)}

/* ---------- Innehållssidor (Om oss, hjälp): rubriken i samma display-serif som kategorierna ---------- */
main.v-page > h1.wp-block-post-title{
	font-family:var(--serif);font-style:italic;font-size:clamp(2.75rem,1.8rem + 2.4vw,4.5rem);line-height:.95;letter-spacing:-.02em;margin-bottom:clamp(1.25rem,3vw,2.25rem)
}

/* ---------- Produktsidan, desktop: huvudbild i 4:5 (bildernas eget format, inga
   stenlister) och övriga vyer staplade två och två under (inc/salong.php) ---------- */
@media(min-width:961px){
	.v-gal__main img{aspect-ratio:4/5}
	.v-gal__stack{grid-column:2;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-top:var(--sp-3)}
	.v-gal__stackbild{display:block;padding:0;border:0;background:var(--stone);cursor:zoom-in;line-height:0}
	.v-gal__stackbild img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}
	.v-gal--stack .v-bildstatus{grid-row:3}
}
@media(max-width:960px){.v-gal__stack{display:none}}

/* ---------- Varukorgen: "lagd i korgen"-bekräftelsen behövs inte på sidan där varan
   redan står överst; fel och upplysningar visas som förut ---------- */
body.woocommerce-cart .wc-block-store-notices .wc-block-components-notice-banner.is-success{display:none}

/* ---------- Om oss / hjälpsidor: ingress, mellanrubriker och flytande bild ---------- */
.v-page .entry-content > .v-lede{font-family:var(--serif);font-size:clamp(1.35rem,1.1rem + .8vw,1.75rem);line-height:1.35;color:var(--ink);max-width:34ch}
.v-page .entry-content > h2{font-style:italic;font-size:clamp(1.6rem,1.3rem + .8vw,2.1rem);padding-top:clamp(1.25rem,2.5vw,1.75rem);border-top:1px solid var(--hair,rgba(168,128,84,.34))}
.v-om__flyt{float:right;width:min(42%,300px);margin:.35rem 0 1rem clamp(1rem,3vw,2rem)}
.v-om__flyt img{aspect-ratio:4/5}
.v-page .entry-content > .v-helpnav{clear:both}
@media(max-width:600px){.v-om__flyt{float:none;width:100%;margin:1rem 0}}

/* ---------- Kassan: stegrubrikerna i samma display-serif som resten av butiken ---------- */
.wc-block-checkout .wc-block-components-checkout-step__title,
.wc-block-checkout .wc-block-components-title.wc-block-components-checkout-step__title{
	font-family:var(--serif);font-style:italic;font-size:clamp(1.5rem,1.2rem + .7vw,1.9rem);letter-spacing:-.01em
}
.wc-block-checkout .wc-block-components-checkout-step{padding-top:.4rem}
.wc-block-checkout .wc-block-components-checkout-step + .wc-block-components-checkout-step{border-top:1px solid var(--hair,rgba(168,128,84,.34));padding-top:1.4rem}
/* Brödtext i samma vänsterlinje som rubrikerna (konstruerad layout centrerade de smalare styckena). */
.v-page .entry-content > p,.v-page .entry-content > ul,.v-page .entry-content > ol{margin-left:0!important}
.v-page .entry-content > h2{display:flow-root}