/*
Theme Name: Snusstocken
Description: This is a child theme for Flatsome Theme
Author: Andreas Persson
Template: flatsome
Version: 3.0336
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
#kco-wrapper #kco-order-review,
#kco-wrapper #kco-iframe {
	width: 100%;
	float: none;
	clear: both;
}

input#dgwt-wcas-search-input-2 {
    border-radius: 10px !important;
}

.nikotin-varning-banner p {
    margin-bottom: 10px !important;
}

.produktbild-column img {
    pointer-events: none;
}

.woocommerce-product-gallery__wrapper {
    background-color: #fff !important;
    background: transparent !important;
}

.snus-tabs ul.nav[role="tablist"]{
  display:flex;
  flex-wrap:nowrap;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  scroll-behavior:smooth;
  max-width:100%;
  padding: 0;
}

.snus-tabs ul.nav[role="tablist"] > li{flex:0 0 auto; scroll-snap-align:start;}
.snus-tabs ul.nav[role="tablist"] a span{ white-space:nowrap; }
.snus-tabs ul.nav[role="tablist"]{ scrollbar-width:none; }


#brands_a_z .top {
    display: none;
}

ul.brands_index {
    overflow: visible !important;
}

.term-description {
    font-size: 13px;
    line-height: 20px;
    padding: 2px;
}

#brands_a_z li {
    list-style-type: none;
	margin-left: 0;
}

.brands_index li {
    display: inline-block;
    float: left;
    width: 25px;
    height: 25px;
    margin: 2px;
    line-height: 25px;
    text-align: center;
}

#brands_a_z h3 {
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    font-size: 115%;
    text-transform: uppercase;
}

#brands_a_z a, #brands_a_z span {
    display: block;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
	min-width: 25px;
}

.archivetab {
    padding: 10px !important;
}

.archive .product-small.col.has-hover.product {
	padding: 10px 10px 0px 10px;
    margin-bottom: 10px;
}

.archive .single_variation_wrap, .related .single_variation_wrap button.single_add_to_cart_button.button {
    border-radius: 0px 8px 8px 0px !important;
}

.ux-menu-link.flex.menu-item, .ux-menu-title.flex {
    font-size: 0.9em !important;
}

.ss-archive-filters{
  display:flex; align-items:center; gap:.75rem;
  padding:.75rem 1rem; background:#efd421; border-radius:10px; margin:0 0 1rem;
  overflow:auto; white-space:nowrap;
}
.ss-archive-filters .label{color:#fff;font-weight:700;margin-right:.25rem}
.ss-archive-filters .ss-filter{
  min-width:150px; max-width:220px;
  margin-bottom: 0px !important;
  border:1px solid #d9e0e7; border-radius:8px;
  font-weight:700; background:#fff; color:#0f2632;
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
}
@media (max-width:600px){
  .ss-archive-filters .ss-filter{
    min-width:130px; max-width:180px; font-size:14px; padding:.45rem 1.8rem .45rem .6rem;
  }
}



.meny-bredd {min-width: 360px;}

  .ssmp-row{position:relative;display:flex;gap:.75rem;align-items:center;border-radius:.6rem;padding:.6rem .6rem .6rem .5rem;margin:.45rem 0}
  .ssmp-thumb-wrap{flex:0 0 60px}
  .ssmp-thumb{width:60px;height:60px;border-radius:9999px;background:#fff;object-fit:cover}
  .ssmp-main{display:flex;flex:1;align-items:center;gap:.5rem;min-width:0}
.ssmp-main{
  display:flex;
  flex-direction:column;      /* <-- rad → kolumn */
  align-items:flex-start;
  gap:.35rem;
  flex:1;
  min-width:0;
}
  .ssmp-title{flex:1;font-weight:700;line-height:1.2;color:#111;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 12px;}
  .ssmp-form{display:flex;align-items:center;gap:0px !important;margin:0}
  .ssmp-select{min-width:210px;border:1px solid #d6dde6;border-radius:8px 0px 0px 8px;padding:.55rem .9rem;background:#fff;font-weight:700;line-height:1;   flex:1; max-width:160px;
    appearance:none;-webkit-appearance:none;-moz-appearance:none;
    background-repeat:no-repeat;background-position:right .6rem center;padding-right:2.1rem; margin-bottom: 0px !important;}
  .ssmp-price{font-weight:800}
.ssmp-form .ssmp-btn, button.ssmp-btn{z-index: 999999; border:0; border-radius:0px 8px 8px 0px !important; padding: 0px !important;background:#e1121b;color:#fff;cursor:pointer; min-width: 60px; flex:0 0 auto;}
  .ssmp-btn:active{transform:translateY(1px)}
  @media (max-width:420px){ .ssmp-select{min-width:170px} }



/* Yttergrid med områden: media | content / form form */
.sspc2-card{
  display:grid;
  grid-template-columns: 1.1fr 1.6fr;
  grid-template-areas:
    "media content"
    "form  form";
  gap:1.5rem;
  background:#fff; border-radius:20px; padding:25px;
  box-shadow:0 12px 28px rgba(0,0,0,.06);
  margin:20px 0;
}
@media (max-width:980px){
  .sspc2-card{
    grid-template-columns:1fr;
    grid-template-areas:
      "media"
      "content"
      "form";
    gap:18px;
  }
}

/* Placering */
.sspc2-media   { grid-area: media; display:flex; align-items:flex-start; justify-content:center; }
.sspc2-content { grid-area: content; display:grid; grid-auto-rows:auto; gap:12px; }
.sspc2-form    { grid-area: form; }        /* ⟵ nu sträcker den över båda kolumnerna */
.sspc2-title{font-weight:800;font-size:19px;text-decoration:none}
@media (max-width:980px){ .sspc2-title{font-size:24px} }
.sspc2-excerpt{color:#3f4a57;line-height:1.55; font-size: 13px;}

.sspc2-form form.variations_form{
  display:grid; grid-template-columns:1fr auto;
  grid-template-areas:"vars button";
  align-items:center; gap:0;
  margin: 0px !important;
}
.sspc2-form table.variations{grid-area:vars;margin:0;border:0;width:100%}
.sspc2-form table.variations th{display:none}
.sspc2-form table.variations td{padding:0;border:0}
.sspc2-form .reset_variations{display:none !important}
.sspc2-form .woocommerce-variation{display:none !important}
.sspc2-form .quantity{display:none !important}
.sspc2-form .variations_button{grid-area:button;display:flex;align-items:center;margin:0}

.sspc2-form select{
  min-height:40px;width:100%;
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  border:1px solid #e3e6ea;border-radius:8px 0 0 8px;
  font-weight:800;line-height:1.1;background:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'%3E%3Cpath fill='%23555' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;
}
.sspc2-form .single_add_to_cart_button.sspc2-btn{
  background:#e1121b !important;border-color:#e1121b !important;color:#fff !important;
  border-radius:0 8px 8px 0 !important;font-weight:800;line-height:1;font-size:16px;
  min-width:auto;min-height:40px;box-shadow:0 2px 0 rgba(0,0,0,.08);
}
.sspc2-form .single_add_to_cart_button.sspc2-btn:hover{filter:brightness(.97)}


  /* Radens bas (oförändrat) */
  .sspr-row{position:relative;display:flex;gap:.75rem;align-items:center;border-radius:.6rem;padding:.65rem .65rem .65rem .5rem;margin:.5rem 0}
  .sspr-row a{flex-grow: 0 !important;}
  .sspr-accent{position:absolute;left:0;top:.4rem;bottom:.4rem;width:6px;background:#efd421;border-radius:4px}
  .sspr-thumb-wrap{flex:0 0 60px}
  .sspr-thumb{width:60px;height:60px;border-radius:9999px;background:#fff;object-fit:cover}
  .sspr-body{display:flex;flex-direction:column;gap:.35rem;flex:1;min-width:0}
  .sspr-title{font-weight:700;line-height:1.2;color:#111;text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sspr-price-line{display:flex;align-items:baseline;gap:.45rem}
  .sspr-price{font-weight:800}
  .sspr-pack{color:#5f6b7a}

  /* === Gör Woo-variationsformuläret till två kolumner: [SELECT] [KÖP] === */
  .sspr-form form.variations_form{
    display:grid;
    grid-template-columns: 1fr auto;           /* select tar plats, knappen kompakt */
    grid-template-areas: "vars button";
    align-items:center;
    gap:0px;
    margin:0;
  }
  .sspr-form table.variations{                /* själva selecten */
    grid-area: vars;
    margin:0;border:0
  }
  .sspr-form table.variations th{display:none}
  .sspr-form table.variations td{padding:0;border:0}

  /* Dölj Woo’s “extra” variation-block (pris/stock) – vi visar pris i rubriken */
  .sspr-form .single_variation_wrap{display:block !important}

  /* Själva köp-knappen sitter i .variations_button → placera i höger kolumn */
  .sspr-form .variations_button{grid-area:button;display:flex;align-items:center;gap:.5rem;margin:0}

  /* Pill-select som i exemplet */
  .sspr-form select{
	  margin: 0px !important;
    appearance:none;-webkit-appearance:none;-moz-appearance:none;
    padding:.7rem 2.2rem .7rem .95rem;
    border:1px solid #d6dde6;
    border-radius: 8px 0px 0px 8px;
	background:#fff;font-weight:700;line-height:1;
    min-width:280px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right .7rem center;
  }
  @media (max-width:480px){ .sspr-form select{min-width:220px} }

  /* Röd knapp (Flatsome/Woo) */
.sspr-row .variations_button .single_add_to_cart_button.button.alt, .sspr-row .single_add_to_cart_button.button.alt, .sspr-row .single_add_to_cart_button.button {
	background:#e1121b !important;border-color:#e1121b;color:#fff;border-radius: 0px 4px 4px 0px !important;padding:.7rem .9rem;font-weight:800;line-height:1;
    box-shadow:0 2px 0 rgba(0,0,0,.08);
	min-height: 30px !important;
	font-size: 14px !important;
  }
  .sspr-form .single_add_to_cart_button.button:hover{filter:brightness(.97)}
  .sspr-form .quantity{display:none} /* 1 st i menyn */
  .sspr-form .reset_variations{display:none !important}

.woocommerce-form-coupon-toggle {
    text-align: center;
	font-size: 12px !important;
}

.coupon button.button.expand, .coupon input#coupon_code {
    border-radius: 0px !important;
}

.single-product .badge {
    height: 2.1em !important;
}

.archive .box-text {
    min-height: 140px !important;
}

.woocommerce-cart .wc-block-components-product-badge.wc-block-components-sale-badge, .woocommerce-additional-fields, .checkout_coupon p {
    display: none;
}

.ss-under-10 form.variations_form.cart, .info-om-slut, .outofstock form.variations_form.cart {
    display: none;
}

/* TEST */
.price-wrapper .price, .woocommerce-variation-price, a.reset_variations, .variations th.label, .box-image .out-of-stock-label {
    display: none !important;
}

.variations td, .variations th {
	padding: 0px !important;
}

select#pa_antal {
    margin: 0px !important;
}

.archive button.single_add_to_cart_button.button {
    border-radius: 0px 10px 10px 0px !important;
    height: 40px;
}
/* TEST */

.dgwt-wcas-content-wrapp {
    flex-wrap: wrap;
}

span.dgwt-wcas-sp {
    display: flex;
    padding-left: 0px !important;
}

a.dgwt-wcas-suggestion.dgwt-wcas-suggestion-product {
    display: flex;
    flex: 0 1 50%;
}

.dgwt-wcas-suggestions-wrapp.woocommerce.dgwt-wcas-has-img.dgwt-wcas-has-price.dgwt-wcas-has-headings.js-dgwt-wcas-initialized,  {
    display: flex;
    flex-wrap: wrap;
}

.lazy-load {
    background: #fff !important;
}

.shipping-options::after {
    display: none;
}

.wc-postnord-widget > .shipping-options {
    padding-bottom: 0px !important;
}

.wc-postnord-widget > .shipping-options > .shipping-options > .shipping-option.selected {
    background-color: #fcf5d6;
}

img.svanenmarkt-svg {
    display: none;
}

.wc-postnord-widget p.select-shipping-option {
    display: none !important;
}

.wc-postnord-widget {
    box-shadow: none !important;
}

.wc-postnord-package-1 ul.shipping-options {
    border: 1px solid hsla(0, 0%, 7%, .11);
}

.wc-block-components-address-card {
    background: #fcf5d6;
: ;
}

.snus-tabs li {
    font-size: 20px;
}

.archive .single_add_to_cart_button {
	color: #000;
}

.woocommerce-checkout div#order-notes {
    display: none;
}

.outofstock .woocommerce-LoopProduct-link img, .outofstock img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    filter: grayscale(100%);
    opacity: 0.6;
}

.slider-wrapper, .box-wrapper-banner .col-inner {
    border-radius: 10px;
    overflow: hidden;
}

.toppBanner {
    display: contents;
    object-position: top;
}

a.header-cart-link.is-small {
    text-transform: uppercase;
    font-size: 15px;
}

a.header-cart-link {
    color: #000000 !important;
}

.cart-item {
    padding-left: 5px !important;
}

.cart-item .button span {
    line-height: 3;
}

input#dgwt-wcas-search-input-1 {
    border-radius: 15px;
}

.price del { display: none !important; }

.xt_woovs-disabled span {
    text-decoration: line-through;
    color: #999999;
}

.xt_woovs-disabled::before, .xt_woovs-disabled::after {
	display: none;
}

/* Gör all out-of-stock-text fet, oavsett var den renderas */
.woocommerce .stock.out-of-stock,
.stock.out-of-stock {
    font-weight: 700;
}

.dgwt-wcas-suggestion:not(.dgwt-wcas-suggestion-history-product):not(.dgwt-wcas-suggestion-history-search) span.dgwt-wcas-si, dgwt-wcas-suggestion dgwt-wcas-suggestion-history-product dgwt-wcas-suggestion-product dgwt-wcas-suggestion-selected span.dgwt-wcas-si {
    width: 100px !important;
}

.woocommerce-variation-availability, a.added_to_cart.wc-forward {
    display: none;
}

.archive .title-wrapper {
    min-height: 50px;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    font-size: 15px;
    font-weight: 700;
    text-align: center;
}

.archive .price-wrapper {
    font-size: 25px;
    text-align: right;
}

.start-liten-banner .col-inner {
    border: 3px solid #000000 !important;
    padding: 0px !important;
    border-radius: 0px 0px 13px 10px !important;
}

.button.primary.expand.banner-button {
    margin: 0 !important;
    border-radius: 100px 0px 10px 0px !important;
    border: 0px !important;
}

.fyra_info_box {
    padding: 0px 0px 0px 8px !important;
}

.produkt_meta_sido .product_meta {
	line-height: 20px;
	font-weight: 600;
    font-size: 15px;
}

.wpcbr-brands .wpcbr-brand img {
    max-width: 100px !important;
    padding-bottom: 10px;
}

/* Change WooCommerce messages position - https://wordpress.org/support/?p=15772373 */
.woocommerce-message.message-wrapper {
    position: fixed;
    z-index: 9999;
    right: 0;
    top: 16vh;
    background: red;
    border: 1px #000000 dashed;
    border-radius: 5px;
    margin: 20px;
    padding: 10px;
    opacity: 0.85;
	display: none;
}

.message-container.container.success-color.medium-text-center {
    color: white !important;
}

span.sku_wrapper {
    border: none !important;
    font-weight: 900;
    font-size: 15px;
}

span.posted_in, .add-to-cart-button, .single-product .product-price-container.is-normal, .single-product .woocommerce-variation.single_variation, .single-product .ux-quantity.quantity.buttons_added {
    display: none !important;
}

div#priset {
    font-size: 30px;
    font-weight: 800;
    text-align: end;
    padding-bottom: 10px;
}

button.single_add_to_cart_button.button.alt {
    min-width: 100%;
    color: #fff;
    background-color: #000000 !important;
	font-size: 25px;
	min-height: 60px;
}

.xt_woovs-single-product .xt_woovs-swatches.xt_woovs-featured-3 .swatch.swatch-label {
    border-radius: 10px !important;
    text-align: left;
    padding-left: 20px !important;
}

.woocommerce-variation-price {
    font-size: 30px;
    font-weight: 900;
    border-top: none !important;
    letter-spacing: .1em;
}

.produktinfobox {
	margin-top: 5px !important;
    margin-bottom: 10px !important;
    letter-spacing: .03em;
    line-height: 1.2;
    text-transform: uppercase;
}

.add_to_cart_button.added, a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    display: block !important;
}

a.button.product_type_woosb.add_to_cart_button.ajax_add_to_cart {
    height: 40px;
    width: 100% !important;
}

.archive select#pa_antal, .related select#pa_antal {
    font-size: 14px;
    font-weight: 600;
    border-radius: 10px 0px 0px 10px !important;
    height: 40px;
}

.archive .woocommerce-variation-add-to-cart, .archive form.cart, .related .woocommerce-variation-add-to-cart, .related form.cart {
    flex-wrap: nowrap;
	gap: 0em !important;
}

.badge {
    height: 2.5em !important;
}

.badge-inner {
    border-radius: 6px !important;
    font-size: 12px;
    height: 30px !important;
    padding: 10px !important;
    margin: 0px !important;
    display: block;
}

.badge-inner.is-small.new-bubble-auto {
	background-color: orange;
}

.xt_woovs-swatches-wrap.xt_woovs-align-center.xt_woovs-reset-hide.xt_woovs-behavior-blur-cross.xt_woovs-disabled-unclickable.xt_woovs-auto-select-on-select {
	margin-bottom: -20px !important;
    flex: 2 !important;
}

.archive button.button.product_type_variable.single_add_to_cart_button, .related button.button.product_type_variable.single_add_to_cart_button {
	width: 100% !important;
    font-size: 12px;
    border-radius: 0px 10px 10px 0px !important;
    height: 40px;
}

.archive .single_variation_wrap, .related .single_variation_wrap {
	flex: 0.75 !important;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    letter-spacing: 0em !important;
    font-size: 15px !important;
    padding: 0px !important;
    margin: 0px !important;
    max-height: 40px;
	color: #000;
}

.box-wrapper-banner a.button.primary {
    max-width: 90%;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
a.dgwt-wcas-suggestion.dgwt-wcas-suggestion-product {
    display: flex;
    flex: 0 1 100%;
}

.term-description {
    font-size: 13px;
}
	
.klarna-postnord .img {
	margin: 0 auto;
	display: block;
}

	
.dgwt-wcas-overlay-mobile-on.dgwt-wcas-is-ios .dgwt-wcas-suggestions-wrapp {
    max-height: none !important;
    height: 95% !important;
}
.snus-tabs ul.nav[role="tablist"].nav-center{ justify-content:flex-start; }

.archive select#pa_antal, .related select#pa_antal {
    font-size: 14px;
    font-weight: 600;
    border-radius: 10px 10px 0px 0px !important;
    height: 40px;
}

.archive button.single_add_to_cart_button.button {
    border-radius: 0px 0px 10px 10px !important;
    height: 40px;
    width: 100%;
}

.archive .woocommerce-variation-add-to-cart, .archive form.cart, .related .woocommerce-variation-add-to-cart, .related form.cart {
    flex-wrap: wrap;
    gap: 0em !important;
    width: 100%;
}

.archive .single_variation_wrap, .related .single_variation_wrap {
    flex: 1 !important;
}
}