/* Plotteriet i WordPress: det som trengs utover prototypen.
   Kadence sine fargevariabler settes til paletten, så kurv, kasse, Vipps-siden, Min konto og
   produktsidene får samme farger og skrifter uten at WooCommerce-malene endres. */

:root {
  --global-palette1: #1f2418;  /* knapper og lenker */
  --global-palette2: #1f2418;
  --global-palette3: #1f2418;  /* overskrifter */
  --global-palette4: #1f2418;  /* brødtekst */
  --global-palette5: #3d4433;
  --global-palette6: #5a614f;
  --global-palette7: #fff9d6;  /* lyse flater */
  --global-palette8: #ffdcdc;  /* bakgrunn */
  --global-palette9: #fff9d6;  /* innholdsbokser */
  --global-palette-btn: #ffdcdc;
  --global-palette-btn-hover: #ffdcdc;
  --global-palette-btn-bg: #1f2418;
  --global-palette-btn-bg-hover: #1f2418;
  --global-body-font-family: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  --global-heading-font-family: "Bagel Fat One", "Arial Rounded MT Bold", sans-serif;
  --global-content-edge-padding: var(--gutter);
}
body { background: var(--y); color: var(--ink); font-family: var(--sans); }
.site, #wrapper, #inner-wrap { background: transparent; }
h1, h2, h3, h4, h5, h6 { color: var(--ink); }
a { color: inherit; }  /* lenker arver fargen fra flaten de står på, som i prototypen */

/* Malen med full bredde: Kadence sin innholdsboks og tittel er borte */
.plotteriet-fri #inner-wrap { padding: 0; }
.plotteriet-innhold > :first-child { margin-top: 0; }
.plotteriet-innhold p:empty { display: none; }

/* Menyen fra Utseende › Menyer kommer som en liste */
.hovedmeny li, .bunn nav li { display: contents; list-style: none; }
.kurv { position: relative; text-decoration: none; }
.kurv__antall {
  position: absolute; right: -4px; top: -4px; min-width: 22px; height: 22px; padding: 0 6px;
  display: grid; place-items: center; border-radius: 999px;
  background: var(--rose); color: var(--ink); font: 400 .8rem/1 var(--fat);
}
.bunn__firma { flex-basis: 100%; font-weight: 400; font-size: .9rem; }
.skip-link:focus { background: var(--ink); color: var(--y); }

/* ── Skjemaene (Contact Form 7 og Jetpack) får samme uttrykk som i prototypen ── */
.skjema-cf7 .wpcf7, .wp-block-jetpack-contact-form-container, form.contact-form {
  background: var(--paper); border: 3px solid var(--ink); border-radius: 32px; padding: clamp(22px, 3.4vw, 44px);
}
.wpcf7-form, form.contact-form { display: grid; gap: 18px; margin: 0; }
.wpcf7-form p, form.contact-form p { margin: 0; }
.wpcf7-form label, form.contact-form label, .grunion-field-label { display: grid; gap: 7px; font-weight: 800; color: var(--ink); }
.wpcf7-form :is(input[type="text"], input[type="email"], input[type="number"], input[type="date"], input[type="tel"], select, textarea),
form.contact-form :is(input[type="text"], input[type="email"], select, textarea) {
  width: 100%; font: 400 1.05rem/1.4 var(--sans); color: var(--ink); background: #fff;
  border: 2px solid var(--ink); border-radius: 14px; padding: 13px 15px; min-height: 52px; box-shadow: none;
}
.wpcf7-form textarea, form.contact-form textarea { min-height: 160px; }
.wpcf7-form input[type="file"] {
  width: 100%; border: 2px dashed var(--ink); border-radius: 18px; padding: 16px; background: #fff; font: 600 1rem var(--sans);
}
.wpcf7-form :is(input, select, textarea):focus-visible, form.contact-form :is(input, select, textarea):focus-visible { outline: 3px solid var(--ink); outline-offset: 2px; }
.wpcf7-not-valid { border-color: #8f1d1d !important; }
.wpcf7-not-valid-tip { color: #8f1d1d; font-weight: 600; font-size: .95rem; margin-top: 4px; }
.wpcf7 form .wpcf7-response-output { margin: 0; border-radius: 18px; padding: 14px 18px; border-width: 2px; font-weight: 600; }
.wpcf7 form.sent .wpcf7-response-output { background: var(--sage); border-color: var(--ink); }
.wpcf7-submit, form.contact-form :is(button, input[type="submit"]), .wp-block-jetpack-contact-form .wp-block-button__link {
  justify-self: start; display: inline-flex; align-items: center; justify-content: center;
  padding: 18px 30px; border-radius: 999px; border: 3px solid var(--ink);
  background: var(--ink); color: var(--y); font: 400 1.35rem/1 var(--fat); cursor: pointer;
  transition: transform .35s var(--pop);
}
.wpcf7-submit:hover, form.contact-form :is(button, input[type="submit"]):hover { transform: rotate(-3deg) scale(1.05); background: var(--ink); color: var(--y); }
.wpcf7-spinner { margin-left: 12px; }

/* ── WooCommerce: knapper, felt og meldinger ── */
.woocommerce :is(a.button, button.button, input.button, #respond input#submit),
.woocommerce .button.alt, .wc-block-components-button:not(.is-link), .single_add_to_cart_button {
  border-radius: 999px !important; border: 3px solid var(--ink) !important;
  background: var(--ink) !important; color: var(--y) !important;
  font-family: var(--fat) !important; font-weight: 400 !important; letter-spacing: .01em;
  padding: 16px 28px !important; transition: transform .35s var(--pop);
}
.woocommerce :is(a.button, button.button):hover, .single_add_to_cart_button:hover { transform: rotate(-2deg) scale(1.03); }
.woocommerce :is(input.input-text, select, textarea), .wc-block-components-text-input input, .wc-block-components-textarea, .select2-container .select2-selection {
  border: 2px solid var(--ink) !important; border-radius: 14px !important; background: #fff !important; color: var(--ink);
}
.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner {
  border-radius: 18px; border: 2px solid var(--ink); background: var(--paper); color: var(--ink);
}
.woocommerce-error, .wc-block-components-notice-banner.is-error { background: #ffe9e6; }
.woocommerce .content-bg, .content-bg, .entry.content-bg { background: var(--paper); border-radius: 28px; }
.woocommerce div.product .product_title, .woocommerce-products-header__title, .page-title, .entry-title {
  font-family: var(--fat); font-weight: 400; letter-spacing: -.01em; line-height: .95;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price {
  color: var(--ink); font: 400 1.6rem/1 var(--fat);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title { font: 400 1.4rem/1 var(--fat); }
.woocommerce ul.products li.product img { border-radius: 18px; }
.woocommerce-breadcrumb, .kadence-breadcrumbs { font-weight: 600; }

/* Kassen og kurven (blokkene til WooCommerce) */
.wc-block-cart, .wc-block-checkout { font-family: var(--sans); }
.wc-block-components-title, .wc-block-components-checkout-step__title, .wc-block-cart__totals-title { font-family: var(--fat) !important; font-weight: 400 !important; }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font: 400 1.4rem/1 var(--fat); }

/* Butikken: innholdet fra Butikk-siden får full bredde over produktlisten, uten Kadence sin tittel */
.post-type-archive-product .product-archive-hero-section { display: none; }
.post-type-archive-product .woocommerce-products-header { margin: 0; padding: 0; }
.post-type-archive-product .page-description { width: 100vw; margin-left: calc(50% - 50vw); }
.post-type-archive-product .page-description > :first-child { padding-top: clamp(16px, 3vw, 40px); }
.butikk__alle { margin: clamp(40px, 6vw, 80px) 0 28px; }