/*
Theme Name: Nuni Store Preview
Version: 0.1.0
Description: Local integration of the Nuni review design. Not launch approved.
*/
.nuni-native{padding-top:140px;padding-bottom:64px;max-width:1100px;margin:auto}.nuni-native h1{margin-bottom:32px}.nuni-native .woocommerce input.input-text,.nuni-native .woocommerce select,.nuni-native .woocommerce textarea{border:1px solid #93765e;border-radius:0;padding:12px;min-height:44px;background:#fff9f1;width:100%;color:#302117}.nuni-native .woocommerce .button{min-height:44px;background:#563618;color:#fff;padding:12px 20px}.nuni-native #order_review_heading{clear:both;padding-top:30px}.nuni-native .woocommerce-checkout-review-order{margin-top:20px}.nuni-native .woocommerce table{background:#fff9f1}.nuni-native .woocommerce-error,.nuni-native .woocommerce-message{margin:20px 0;padding:20px}.nuni-native .woocommerce #payment{background:#ede3d2}.nuni-native .woocommerce .col2-set{display:block}.nuni-native .woocommerce .col2-set .col-1,.nuni-native .woocommerce .col2-set .col-2{float:none;width:100%}@media(max-width:650px){.nuni-native{padding:100px 20px 40px}.nuni-native h1{font-size:36px}.nuni-native .woocommerce table.shop_table{font-size:14px}.nuni-native .form-row{float:none!important;width:100%!important}}

/* Native pages have no dark hero behind navigation. */
body.local-native:not(.menu-open) .nav{background:#F3E8D8;color:#302117}
body.local-native:not(.menu-open) .nav__brand img{filter:none}
body.local-native:not(.menu-open) .nav__n{background:#302117;color:#fff}

body[data-catalogue="loading"] .pris,body[data-catalogue="loading"] .pd__price,body[data-catalogue="loading"] .film__card>b{visibility:hidden}
.local-catalogue-error{position:relative;z-index:41;margin:100px 20px 20px;padding:16px;background:#fff4df;color:#302117;border:2px solid #563618}

/* Bygge 42, Nuur 28/9 20:19: ett tryck syns direkt. Knappen väntar med en diskret snurra, raden och summan tonas tills butiken svarat,
   och Till kassan visar en laddningsskärm i Nunis färger tills kassan ritas. */
@keyframes nuni-snurr{to{transform:rotate(360deg)}}
.is-vantar{cursor:progress}
.btn.is-vantar::before{content:"";position:absolute;top:50%;right:12px;width:14px;height:14px;margin-top:-7px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:nuni-snurr .7s linear infinite}
.qty button.is-vantar{position:relative;color:transparent}
.qty button.is-vantar::before{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;border:2px solid #3D2E24;border-right-color:transparent;animation:nuni-snurr .7s linear infinite}
.cl.is-vantar .cl__sum,.cart.is-vantar .cart__tot{opacity:.45;transition:opacity .2s}
.cl.is-bort{opacity:.4}
.nuni-kassa-laddar{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#F7EDE0;color:#3D2E24;font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.nuni-kassa-laddar[hidden]{display:none}
.nuni-kassa-laddar span{width:36px;height:36px;border-radius:50%;border:2px solid rgba(61,46,36,.16);border-top-color:#A24836;animation:nuni-snurr .8s linear infinite}
.nuni-kassa-laddar p{margin:0}
@media (prefers-reduced-motion:reduce){.is-vantar::before,.nuni-kassa-laddar span{animation-duration:2.4s}}

/* Bygge 56, kassan med Dinteros ruta (functions.php, kassan.js). Villkorsrutan står direkt ovanför rutan i alla bredder och
   markeras när betalningen nekats för att den är tom, utan att något runt den flyttar sig. Under 768 px står sammanfattningen
   hopfälld överst med totalen, Dinteros ruta direkt efter och anteckningar och nyhetsbrev efter rutan. */
.nuni-summering{display:none}
body.local-native .nuni-native #nuni-terms-wrapper+#dintero-checkout-iframe{margin-top:24px}
body.local-native .nuni-native #nuni_terms_field{scroll-margin-top:calc(var(--nav-h) + 24px);border-radius:var(--r);transition:background-color .3s var(--ease),box-shadow .3s var(--ease)}
body.local-native .nuni-native #nuni_terms_field.nuni-villkor-fel{background:#F6E7DE;box-shadow:0 0 0 10px #F6E7DE,0 0 0 11px rgba(163,69,46,.45)}
body.local-native .nuni-native .woocommerce #nuni_terms_field.nuni-villkor-fel input[type=checkbox]{border-color:#A3452E;box-shadow:0 0 0 3px rgba(163,69,46,.16)}
@media (max-width:959px){
  body.local-native .nuni-native #dintero-express-wrapper>div:has(>#nuni-terms-wrapper){margin-top:clamp(20px,5vw,32px)}
}
@media (max-width:767px){
  body.local-native .nuni-native #dintero-express-wrapper{display:flex;flex-direction:column}
  body.local-native .nuni-native #dintero-checkout-order-review{display:contents}
  body.local-native .nuni-native #dintero-express-extra-checkout-fields{order:1;margin-top:clamp(28px,7vw,40px)}
  body.local-native .nuni-native .nuni-summering{display:flex;align-items:center;gap:14px;width:100%;min-height:60px;margin:0;padding:10px 18px;font:inherit;color:var(--ink);text-align:left;background:var(--white);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 22px 40px -34px rgba(61,46,36,.45);cursor:pointer;-webkit-tap-highlight-color:transparent}
  body.local-native .nuni-native .nuni-summering:focus-visible{outline:2px solid #8A4636;outline-offset:3px}
  body.local-native .nuni-native .nuni-summering>span:first-child{flex:1;font-size:15px;font-weight:600;line-height:1.5}
  body.local-native .nuni-native .nuni-summering .amount{font-family:var(--f-disp);font-size:24px;line-height:1.2;letter-spacing:-.01em;white-space:nowrap;font-variant-numeric:tabular-nums}
  body.local-native .nuni-native .nuni-summering::after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(currentColor,currentColor) center/14px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 14px no-repeat;transition:background-size .3s var(--ease)}
  body.local-native .nuni-native .nuni-summering[aria-expanded="true"]::after{background-size:14px 1.5px,1.5px 0}
  body.local-native .nuni-native .nuni-summering[aria-expanded="false"]~table.woocommerce-checkout-review-order-table{display:none}
  body.local-native .nuni-native .nuni-summering[aria-expanded="true"]~table.woocommerce-checkout-review-order-table{margin:10px 0 0}
  body.local-native .nuni-native #dintero-checkout-order-review>.nuni-anger{margin:18px 0 0}
  body.local-native .nuni-native #dintero-express-wrapper>div:has(>#nuni-terms-wrapper){margin-top:6px}
}
@media (prefers-reduced-motion:reduce){
  body.local-native .nuni-native #nuni_terms_field,body.local-native .nuni-native .nuni-summering::after{transition:none}
}