/*
Theme Name: KH-MASKIN
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kh-maskin
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news

/*
 * IMPORTANT: This file is only served on the frontend when `SCRIPT_DEBUG` is enabled;
 * in most instances, the `style.min.css` file will be served. It is not recommended that you
 * use the Theme File Editor to modify this stylesheet. Instead, add the necessary style
 * overrides via "Additional CSS" in the Site Editor.
 */

:root {
  /* Brand Colors */
  --kh-orange-primary: #f28100;
  --kh-orange-secondary: #ff8200;
  --kh-orange-accent: #ef7d00;
  --kh-orange-map: #f39200;
  --kh-orange-hover: #d47e00;

  /* Grayscale & Text */
  --kh-white: #ffffff;
  --kh-black: #000000;
  --kh-text-dark: #333333;
  --kh-text-muted: #666666;
  --kh-text-light: #555555;
  --kh-gray-dark: #36383a;
  --kh-gray-hover: #242323;

  /* Borders & Backgrounds */
  --kh-border-light: #e5e5e5;
  --kh-border-medium: #d9d9d6;
  --kh-border-subtle: #eeeeee;
  --kh-bg-light: #f9f9f9;
  --kh-bg-grey: #f0f0f0;

  /* Specialized Colors */
  --kh-pagination-bg: #e9e6ed;
  --kh-pagination-text: #816f98;
  --kh-warranty-border: #8C6A48;
  --kh-warranty-bg-start: #3a3a3c;
  --kh-warranty-bg-end: #1c1c1e;
  --kh-warranty-text: #e7e5e5;
  --kh-warranty-gold-start: #e3b78c;
  --kh-warranty-gold-end: #e08f4c;
  --kh-btn-grad-start: #e67610;
  --kh-btn-grad-end: #aa4300;
  --kh-btn-border: #5a2100;
  --kh-btn-hover-start: #f78d2d;
  --kh-btn-hover-end: #c25200;
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
  text-decoration-thickness: 1px !important;
  text-underline-offset: 0.1em;
}

a:hover {
  color: var(--kh-orange-primary);
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
  outline-width: 2px;
  outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
  margin-bottom: 5px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
  outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
  text-wrap: pretty;
}

h1 {
  font-weight: 800;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
  display: block;
}

/*
 * Prevents unnecessary scrollbars while handling long lines of preformatted text.
 * https://core.trac.wordpress.org/ticket/63875
 */
:where(pre) {
  overflow-x: auto;
}

a {
  text-decoration: none;
}

a:focus:not(:focus-visible) {
  outline: none;
}

/*---Header---*/
.wp-block-navigation-item.undermeny-stack {
  display: block !important;
  width: 100% !important;
  position: relative !important;
}

.wp-block-navigation-item.undermeny-stack .wp-block-navigation__submenu-container {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  display: none;
}

.wp-block-navigation-item.undermeny-stack:hover>.wp-block-navigation__submenu-container,
.wp-block-navigation-item.undermeny-stack.is-menu-open>.wp-block-navigation__submenu-container {
  display: block !important;
}

.wp-block-navigation-item.undermeny-stack .wp-block-navigation__submenu-icon svg {
  transform: rotate(0deg) !important;
}

.wp-block-navigation .wp-block-navigation-item__content {
  position: relative;
  text-decoration: none;
  transition: color 0.3s ease;
}

.wp-block-navigation .wp-block-navigation-item__content:hover {
  color: var(--kh-orange-secondary);
}

.wp-block-navigation .wp-block-navigation-item__content:hover::after {
  width: 100%;
}

/* För aktiv sida */
.wp-block-navigation .wp-block-navigation-item__content[aria-current="page"],
.wp-block-navigation .current-menu-item>.wp-block-navigation-item__content,
.wp-block-navigation .current-menu-ancestor>.wp-block-navigation-item__content,
.wp-block-navigation .current_page_item>.wp-block-navigation-item__content {
  color: var(--kh-orange-secondary);
}

/* Själva linjen (understrykningen) */
.wp-block-navigation .wp-block-navigation-item__content::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -3px;
  height: 3px;
  width: 0;
  background-color: var(--kh-orange-secondary);
  transition: width 0.3s ease;
  pointer-events: none;
}

/* Aktiverar linjen för alla aktiva lägen */
.wp-block-navigation .wp-block-navigation-item__content[aria-current="page"]::after,
.wp-block-navigation .current-menu-item>.wp-block-navigation-item__content::after,
.wp-block-navigation .current-menu-ancestor>.wp-block-navigation-item__content::after,
.wp-block-navigation .current_page_item>.wp-block-navigation-item__content::after {
  width: 100%;
}

.wp-block-navigation-item.undermeny-stack>.wp-block-navigation-item__content {
  display: flex !important;
  width: max-content !important;
  min-width: 0;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item__content::after {
  display: none !important;
}

.wp-block-navigation-item.undermeny-stack .wp-block-navigation__submenu-container {
  padding-left: 15px !important;
  background-color: transparent !important;
  border: none !important;
}

.wp-block-navigation__submenu-container a {
  font-size: 0.9em !important;
  text-transform: none;
}

.wp-block-navigation__submenu-container {
  margin-top: 15px !important;
}

/* Förhindra att undermenyn stängs när musen rör sig över gapet */
.wp-block-navigation .has-child:hover>.wp-block-navigation__submenu-container::before {
  content: "";
  display: block;
  position: absolute;
  top: -15px;
  width: 100%;
  height: 15px;
  background: transparent;
}

/*---Kontakt tabell---*/

/* Den aktiva fliken */
.contact-tabs-wrapper .tab-link.active .wp-block-button__link {
  background-color: var(--kh-white) !important;
  color: var(--kh-orange-primary) !important;
  border-top: 4px solid var(--kh-orange-primary) !important;
}

/* Dölj allt innehåll som inte är aktivt */
.tab-content {
  display: none;
  padding: 20px 0;
}

.tab-content.active {
  display: block;
}

.contact-container table {
  border: none !important;
}

.contact-container .tab-content td,
.contact-container .tab-content th {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: 1px solid var(--kh-border-light) !important;
  padding: 15px 10px;
}

.contact-container .tab-content th {
  font-weight: 600 !important;
  text-transform: uppercase !important;
  color: var(--kh-text-muted);
  border-bottom: 2px solid var(--kh-text-dark) !important;
}

.contact-container .tab-content tr:last-child td {
  border-bottom: none !important;
}

/* --  Woocommerce -- */

.wc-block-product {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
}

.wc-block-product>.wp-block-group {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  transition: all 0.3s ease !important;
}

.wc-block-product:hover .wp-block-group {
  border-color: var(--kh-orange-primary) !important;
  transform: translateY(-5px);
}

.wc-block-product img {
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  width: 100% !important;
  height: auto !important;
}

.wc-block-product .wp-block-post-title a {
  color: var(--kh-text-dark) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.wc-block-product .wp-block-post-title a:hover {
  color: var(--kh-orange-primary) !important;
}

.wc-block-product .wp-block-woocommerce-product-button {
  margin-top: auto !important;
}

.wp-block-button.wc-block-components-product-button a {
  background-color: var(--kh-gray-dark) !important;
  color: var(--kh-white) !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 12px 20px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  font-style: italic !important;
  display: inline-block !important;
  transition: background-color 0.3s ease !important;
  font-size: 14px !important;
}

.woocommerce ul.products li.product .button {
  background-color: var(--kh-gray-dark) !important;
  color: var(--kh-white) !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 12px 20px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  font-style: italic !important;
  display: inline-block !important;
  transition: background-color 0.3s ease !important;
  font-size: 14px;
}

.wp-block-button .wp-block-button__link:hover {
  background-color: var(--kh-gray-hover) !important;
  color: var(--kh-white) !important;
}

.wc-block-product .wp-block-button__link {
  width: 100% !important;
}

.wp-block-columns.location-grid-equal>.wp-block-column {
  display: flex !important;
  flex-direction: column !important;
  min-height: 230px !important;
  height: 100% !important;
}

.wp-block-columns.location-grid-equal {
  align-items: stretch !important;
}

.location-grid-equal .wp-block-column .wp-block-separator {
  margin-top: auto !important;
  margin-bottom: 20px !important;
  border: none !important;
  height: 1px !important;
  background-color: var(--kh-white) !important;
  opacity: 0.3 !important;
  width: 100% !important;
  display: block !important;
}

.location-grid-equal .wp-block-column>.wp-block-group {
  margin-top: 0 !important;
}

.location-grid-equal .wp-block-group.is-layout-flex {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
}

.location-grid-equal .wp-block-group.is-layout-flex p {
  margin: 0 !important;
  white-space: nowrap !important;
}

/* Behållaren för produkterna */
.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 1.5rem;
  margin: var(--wp--preset--spacing--50) 0;
  padding: 0;
}


.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce ul.products li::before,
.woocommerce ul.products li::after {
  display: none !important;
}


.woocommerce ul.products li.product {
  border: 1px solid var(--wp--preset--color--custom-ljusgr, var(--kh-border-medium)) !important;
  padding: var(--wp--preset--spacing--50) !important;
  background-color: var(--kh-white);

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;

  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box;
  transition: transform 0.2s ease;
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}

.woocommerce ul.products li.product img {
  margin-bottom: var(--wp--preset--spacing--30) !important;
  aspect-ratio: 1/1;
  object-fit: contain !important;
  width: 100% !important;
  height: auto;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
  line-height: 1.4 !important;
  margin-bottom: 0.75rem !important;
  margin-top: 0 !important;
  font-size: var(--wp--preset--font-size--medium) !important;
  color: var(--wp--preset--color--contrast, #111);
}

.woocommerce ul.products li.product .button {
  margin-top: auto !important;
  width: 100%;
}

.woocommerce ul.products li.product:hover {
  transform: translateY(-8px);
  border-color: var(--wp--preset--color--custom-orange, var(--kh-orange-primary)) !important;
  /* Ändrar ramen till orange */
}

/*---Interaktiva kartor--*/

.map-region-sellers,
.map-region-reservdelar {
  fill: var(--kh-orange-map);
  stroke: var(--kh-white);
  stroke-width: 1px;
  transition: all 0.2s ease;
  cursor: pointer;
}

.map-region-sellers:hover,
.map-region-sellers.is-active,
.map-region-reservdelar:hover,
.map-region-reservdelar.is-active {
  fill: var(--kh-orange-hover) !important;
}

.map-label {
  font-family: var(--wp--preset--font-family--roboto), sans-serif;
  font-size: 10px;
  font-weight: 700;
  fill: var(--kh-text-dark);
  text-transform: uppercase;
  pointer-events: none;
  user-select: none;

  paint-order: stroke;
  stroke: var(--kh-white);
  stroke-width: 2px;
  stroke-linecap: butt;
  stroke-linejoin: miter;
}

.display-none {
  display: block !important;
}

/* Mobilanpassning för Hero-sektionen */
@media (max-width: 600px) {
  .hero-section header {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    z-index: 10;
  }

  .hero-section .wp-block-cover__inner-container {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: center !important;
    padding-top: 150px;
  }

  .hero-section h1 {
    font-size: 2rem !important;
  }

  .hero-section .wp-block-buttons {
    justify-content: center !important;
    gap: 20px;
  }

  .mobil-dold-spacer {
    display: none !important;
  }

  .hero-usps .wp-block-column {
    border: none !important;
    display: flex;
    flex-direction: column !important;
    align-items: start !important;
  }

  .hero-usps {
    gap: 20px !important;
  }

  .has-xx-large-font-size {
    font-size: 25px !important;
  }

  .wp-block-columns .wp-block-column.display-none {
    display: none !important;
  }

  .no-border-column {
    border: none !important;
  }

  .brand-columns {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}

.kh-m--product-filters .bapf_head :is(h3, p) {
  font-weight: 400 !important;
  font-size: 18px !important;
}

.kh-m--product-filters .bapf_head {
  padding-right: 50px !important;
}

.kh-m--product-filters .bapf_head:hover {
  background-color: var(--kh-bg-grey) !important;
}

.kh-m--product-filters .bapf_body ul li label {
  font-size: 16px !important;
}

.kh-m--product-filters .bapf_body ul li .pcs {
  font-size: 15px !important;
}

.kh-m--product-filters .bapf_body ul li {
  margin-bottom: 5px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.kh-m--product-filters .bapf_slidr_all .bapf_val {
  font-size: 16px !important;
}

.kh-m--product-filters .bapf_from,
.kh-m--product-filters .bapf_to {
  line-height: 1 !important;
  margin-bottom: 5px !important;
}

.woocommerce-result-count {
  font-size: 16px;
}

.kh-m--product-filters .berocket_single_filter_widget {
  display: inline-block !important;
  position: relative;
}

.kh-m--product-filters .bapf_head {
  width: 100% !important;
  box-sizing: border-box !important;
}


.kh-m--product-filters .bapf_body {
  width: 100% !important;
  box-sizing: border-box !important;
}


/*---Produkt sida---*/

/* Dölj rader från och med rad 6 */
.wp-block-woocommerce-product-specifications table tbody tr:nth-child(n+6) {
  display: none;
}

.wp-block-woocommerce-product-specifications.is-expanded table tbody tr {
  display: table-row !important;
}

.spec-show-more-wrapper {
  text-align: center;
  padding: 15px;
  border: 1px solid var(--kh-black);
  border-top: none;
  margin-bottom: 20px;
}

.spec-toggle-btn {
  border: none;
  color: var(--kh-text-light);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
}

.spec-toggle-btn i {
  font-size: 12px;
  transition: transform 0.3s ease;
}

.wp-block-woocommerce-product-specifications.is-expanded+.spec-show-more-wrapper i {
  transform: rotate(180deg);
}

.p1 {
  font-size: 18px !important;
}

.wc-block-product-description {
  display: flex !important;
  flex-direction: column !important;
  gap: 30px !important;
}

.wc-block-product-gallery-large-image {
  order: 1 !important;
  margin-bottom: 30px !important;
}

.wc-block-product-gallery-thumbnails {
  order: 2 !important;
  width: 100% !important;
  flex-basis: auto !important;
}

.wc-block-product-gallery-thumbnails__scrollable {
  gap: 20px !important;
  /* Ökat mellanrum mellan småbilderna */
  overflow-x: auto !important;
}


.wc-block-product-gallery-thumbnails__thumbnail__image {
  border-radius: 4px;
  border: 1px solid var(--kh-border-light);
}

/* --- Justeringar för variabla produkter --- */
.product-type-variable .specs-box-to-hide {
  display: none !important;
}

.variations_form.cart {
  margin-bottom: 30px;
  background: var(--kh-bg-light);
  padding: 25px;
  border-radius: 4px;
  border: 1px solid var(--kh-border-subtle);
}

.variations tr {
  display: flex !important;
  align-items: center !important;
  gap: 20px;
  flex-wrap: nowrap;
  margin-bottom: 15px;
}

.variations td.value {
  display: flex !important;
  align-items: center !important;
  gap: 15px;
}

.variations label {
  font-size: 1.38rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  min-width: 80px;
  margin: 0 !important;
}

.variations select {
  width: auto !important;
  min-width: 220px;
  padding: 10px 35px 10px 15px !important;
  font-size: 16px !important;
  color: var(--kh-text-dark) !important;
  background-color: var(--kh-white) !important;
  border: 1px solid var(--kh-border-medium) !important;
  border-radius: 2px !important;
  cursor: pointer;
  appearance: none !important;
  -webkit-appearance: none !important;
  /* orange pil */
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ef7d00%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E") !important;
}

.reset_variations {
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: var(--kh-orange-accent) !important;
  text-decoration: none !important;
  display: inline-block !important;
  margin: 0 !important;
}

.woocommerce-variation-description {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 2px solid var(--kh-orange-accent);
  animation: fadeIn 0.4s ease-in-out;
}

.woocommerce-variation-description p {
  font-size: 20px !important;
  line-height: 2 !important;
  color: var(--kh-gray-dark) !important;
  margin-bottom: 8px;
}

.specs-box-to-hide:empty {
  display: none !important;
}

.wp-block-query-pagination,
.wp-block-query-pagination-numbers {
  display: flex;
}

.wp-block-query-pagination-numbers> :is(a, span),
:is(.wp-block-query-pagination-next, .wp-block-query-pagination-previous) {
  padding: .5em;
  border: 1px solid var(--kh-border-medium);
  line-height: 1;
  min-width: 1em;
  text-align: center;
  font-weight: 400;
  font-size: 1em;
}

.wp-block-query-pagination-numbers> :not(:last-child),
.wp-block-query-pagination:has(.wp-block-query-pagination-next) .wp-block-query-pagination-numbers> :last-child,
.wp-block-query-pagination .wp-block-query-pagination-previous {
  border-right: none;
}

.wp-block-query-pagination-numbers>span {
  background: var(--kh-pagination-bg);
  color: var(--kh-pagination-text);
}

.wp-block-query-pagination-next>span {
  margin-left: 0 !important
}

.wp-block-query-pagination-previous>span {
  margin-right: 0 !important
}

.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-close svg {
  width: 40px !important;
  height: 40px !important;
}

.wp-block-navigation__responsive-container-open svg rect {
  height: 2.5px !important;
}

@media (max-width: 1460px) {
  .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
    display: flex !important;
  }

  .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }

}

/* Team member, personalbilder */

.dwl-team-wrapper--main.wtm-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 30px 0 !important;
}

.team-member-info-wrap {
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 15px !important;
}

/* Innehållskortet: Den grå boxen */
.team-member-info-content {
  background-color: var(--kh-bg-grey) !important;
  border-radius: 5px;
  padding: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

.team-member-info-wrap img {
  box-shadow: none !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  width: 100%;
}

/* Titel och Position */
.team-member-title {
  font-size: 1rem !important;
  color: var(--kh-text-dark) !important;
}

p.team-member-title {
  text-align: center !important;
  font-weight: 700;
}

.team-position {
  color: var(--kh-orange-secondary) !important;
  font-size: 1rem !important;
  font-weight: 600;
}

.team-member-desc {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

.team-member-other-info {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 20px !important;
}

/* Kontakt-rader (Ikon + Text) */
.team-member-info {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 12px !important;
  text-align: left !important;
}

.team-member-info i {
  color: var(--kh-orange-primary) !important;
  width: 20px !important;
}

.team-member-info a span,
.team-member-info span {
  color: var(--kh-text-dark) !important;
  font-size: 1rem !important;
  white-space: nowrap !important;
  display: inline-block !important;
}

/* Länkar och Hover */
.team-member-info a:hover span,
.phone-link:hover {
  color: var(--kh-orange-secondary) !important;
}

.phone-link {
  transition: color 0.2s ease;
  text-decoration: none !important;
}

/* --- RESPONSIVITET --- */

/* Desktop: 4 kolumner */
.four-columns .team-member-info-wrap {
  max-width: 25% !important;
  flex: 0 0 25% !important;
}

/* Tablet: 2 kolumner */
@media screen and (max-width: 991px) {
  .four-columns .team-member-info-wrap {
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }

}

@media screen and (max-width: 767px) {
  .four-columns .team-member-info-wrap {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .reverse-columns {
    flex-direction: column-reverse;
  }
}

.wtm-team-manager-shortcode .team-member-info-wrap {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  padding: 15px !important;
  margin: 0 !important;
}

.wtm-team-manager-shortcode .team-member-info-content {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.team-member-info:has(.fa-map-marker) {
  order: 1 !important;
  margin-bottom: 15px !important;
}

.team-member-info:has(.fa-mobile-alt) {
  order: 2 !important;
}

.team-member-info:has(.fa-phone-alt) {
  order: 3 !important;
}

.team-member-info:has(.fa-envelope) {
  order: 4 !important;
}

/* Automatiska varumärkesknappar */
.kh-brand-filter-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 25px !important;
  margin-bottom: 10px;
}

.kh-brand-btn {
  background-color: var(--kh-gray-dark);
  color: var(--kh-white) !important;
  border: 2px solid var(--kh-gray-dark);
  padding: 8px 20px;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.kh-brand-btn:hover {
  background-color: var(--kh-orange-secondary);
  border-color: var(--kh-orange-secondary);
}

/* "Visa alla"-knappen */
.kh-brand-btn.all-btn {
  background-color: transparent;
  color: var(--kh-white) !important;
  border-color: var(--kh-orange-secondary);
}

/* Stil för vald knapp */
.kh-brand-btn.is-active {
  background-color: var(--kh-orange-secondary);
  border-color: var(--kh-orange-secondary);
}

.kh-brand-btn.all-btn.is-active {
  background-color: var(--kh-orange-secondary);
}

.kh-brand-btn.all-btn:hover {
  background-color: var(--kh-orange-secondary);
}

/* --- MOBILANPASSNING FÖR NAVIGERING --- */

@media (max-width: 1460px) {
  .wp-block-navigation__container {
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding-left: 0 !important;
    margin: 0 auto !important;
  }

  .wp-block-navigation-item {
    position: relative;
    width: 100% !important;
    display: block;
    text-align: center;
  }

  .wp-block-navigation-item.undermeny-stack>.wp-block-navigation-item__content {
    width: 100% !important;
    max-width: 100% !important;
  }

  .wp-block-navigation-item__content {
    padding: 15px 0 !important;
    display: block;
    width: 100% !important;
  }

  .wp-block-navigation-submenu .wp-block-navigation__submenu-container {
    display: none !important;
    border-left: none !important;
    margin-bottom: 10px;
    background: transparent !important;
    width: 100% !important;
    padding: 0 !important;
  }

  /* Visa undermenyn */
  .wp-block-navigation-submenu__toggle[aria-expanded="true"]+.wp-block-navigation__submenu-container,
  .wp-block-navigation-item.is-menu-open>.wp-block-navigation__submenu-container {
    display: block !important;
  }

  .wp-block-navigation-submenu__toggle {
    position: absolute !important;
    top: 0;
    right: 0;
    width: 50px !important;
    height: 54px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border: none;
    z-index: 10;
  }

  .wp-block-navigation-submenu__toggle svg {
    transition: transform 0.3s ease;
    width: 1.2em !important;
    height: 1.2em !important;
  }

  .wp-block-navigation-submenu__toggle[aria-expanded="true"] svg {
    transform: rotate(180deg);
  }
}

.wp-block-navigation-item__label {
  letter-spacing: 0.05em;
}

/* Utökad garanti ruta*/

.premium-warranty-card {
  background: linear-gradient(145deg, var(--kh-warranty-bg-start), var(--kh-warranty-bg-end));
  border: 3px solid var(--kh-warranty-border);
  border-radius: 16px;
  box-shadow:
    inset 0px 4px 15px rgba(255, 255, 255, 0.05),
    inset 0px -4px 15px rgba(0, 0, 0, 0.6);

}

.premium-warranty-card::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  pointer-events: none;
}

.premium-card-subtitle {
  background: linear-gradient(to bottom, var(--kh-warranty-gold-start), var(--kh-warranty-gold-end));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  letter-spacing: 1.5px;
}

.premium-card-title {
  background: linear-gradient(to bottom, #ffffff 0%, #c0bfbf 45%, #c9c8c8 50%, #d1d1d1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  margin: 5px 0 20px 0;
  line-height: 1.2;
}

.premium-card-disclaimer {
  color: var(--kh-warranty-text);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);

  max-width: 85%;
  margin: 0 auto 30px auto;
  line-height: 1.5;
}

.premium-card-button .wp-block-button__link {
  display: inline-block;

  background: linear-gradient(to bottom, var(--kh-btn-grad-start) 0%, var(--kh-btn-grad-end) 100%);
  border: 1px solid var(--kh-btn-border);
  font-weight: 700;

  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);
  box-shadow:
    inset 0px 2px 5px rgba(255, 255, 255, 0.3),
    inset 0px -3px 5px rgba(0, 0, 0, 0.3),
    0px 6px 15px rgba(0, 0, 0, 0.6);

  padding: 14px 35px;
  transition: all 0.2s ease-in-out;
  letter-spacing: 0.5px;
}

.premium-card-button .wp-block-button__link:hover {
  background: linear-gradient(to bottom, var(--kh-btn-hover-start) 0%, var(--kh-btn-hover-end) 100%) !important;
  transform: translateY(-2px);
  box-shadow:
    inset 0px 2px 5px rgba(255, 255, 255, 0.4),
    inset 0px -3px 5px rgba(0, 0, 0, 0.3),
    0px 10px 20px rgba(0, 0, 0, 0.7);
}

.premium-card-button .wp-block-button__link:active {
  transform: translateY(1px);
  box-shadow:
    inset 0px 4px 8px rgba(0, 0, 0, 0.6),
    0px 2px 4px rgba(0, 0, 0, 0.4);
}

/* Tvinga produkterna att alltid hålla 4-kolumnsbredd oavsett antal */
.woocommerce ul.products.columns-4 {
  display: flex !important;
  flex-wrap: wrap !important;
}

.woocommerce ul.products.columns-4 li.product {
  /* Räknat på 4 kolumner: (100% - (3 mellanrum * 2%)) / 4 = 23.5% */
  width: 23.5% !important;
  flex: 0 0 23.5% !important;
  /* Förhindrar att de växer (flex-grow: 0) */
  max-width: 23.5% !important;
}

/* På mobilen visas en produkt */
@media (max-width: 768px) {
  .woocommerce ul.products.columns-4 li.product {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/*--Gör orangea pilar med text till ett helt knapp block*--/

/* Gör containern till basen för länkens yta */
.kh-link-row {
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Sträck ut länken så den täcker hela blocket */
.kh-link-row a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  /* Lägger den osynliga länk-ytan överst */
}

.kh-link-row:hover .icon-container {
  transform: translateX(5px);
  background-color: var(--kh-text-dark) !important;
}

.kh-link-row .icon-container {
  transition: all 0.3s ease !important;
}

/*--featured/recommended products*--/

/* Tablet: Visa 2 produkter i bredd */
@media (min-width: 600px) and (max-width: 999px) {
    .wp-block-woocommerce-product-collection ul.wc-block-product-template.columns-4 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 1.25rem; 
    }
}

/* Mobil: Visa 1 produkt i bredd */
@media (max-width: 599px) {
    .wp-block-woocommerce-product-collection ul.wc-block-product-template.columns-4 {
        display: grid !important;
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
    
    .wp-block-woocommerce-product-collection ul.wc-block-product-template li.wc-block-product {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 780px) {
    .product-usp .wp-block-column {
        /* Tar bort den vänstra linjen på alla kolumner */
        border-left: none !important;
    }
    .wp-block-search__button {
        display: none !important;
    }
}

/* Tvinga linjen under "Maskiner" när man besöker en produktkategori (t.ex. Dumper) */
body.tax-product_cat .wp-block-navigation__container > .wp-block-navigation-item:first-child > .wp-block-navigation-item__content::after {
    width: 100% !important;
}

/* Gör även texten orange när vi är inne på en kategori */
body.tax-product_cat .wp-block-navigation__container > .wp-block-navigation-item:first-child > .wp-block-navigation-item__content {
    color: var(--kh-orange-secondary) !important;
}