@charset "UTF-8";
/*
Theme Name: Electronics and gadget shop theme for WooCommerce - Child
Theme URI: https://demo.gutenmate.com/demo-b/gravia/landing/
Author: Gutenmate
Author URI: https://gutenmate.com
Description: Ecommerce child theme powered by Gutenmate.
Version: 1.2.1
Tested up to: 6.7
Requires PHP: 7.4
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: electronics-and-gadget-shop-theme-for-woocommerce
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Template: electronics-and-gadget-shop-theme-for-woocommerce
*/
/*
* Snippet: Turn WooCommerce product tabs into accordions 2025<br> * Author: John Cook <br> * URL: https://wcsuccessacademy.com/?p=824<br> * Tested with WooCommerce 9.3.3<br> * "Accordian CSS"
*/
/* .woocommerce-tabs {

background-color: #f9f9f9;

padding: 2px;

}
details {
  border: 1px solid #1664e6;
  border-radius: 4px;
  padding: 0.5em 0.5em 0;
}

summary {
  font-weight: bold;
  margin: -0.5em -0.5em 0;
  padding: 0.5em;
}

details[open] {
  padding: 0.5em;
}

details[open] summary {
  border-bottom: 1px solid #1664e6;
  margin-bottom: 0.5em;
}
.menu-with-subheading {
position: relative;
}
.menu-with-subheading .subheading {
position: absolute;
font-size: 10px;
bottom: -2em;
text-align: center;
left: 0;
right: 0;
}
/* Dölj mobilen-versionen på desktop */
@media (min-width: 768px) {
  .wc-block-product-filters__open-overlay {
    display: none !important;
  }
}

/* Visa bara på mobiler (om du vill behålla mobilversionen) */
@media (max-width: 767px) {
  .wc-block-product-filters__open-overlay {
    display: inline-flex !important;
  }
}
.wc-block-product-filters__open-overlay {
  background-color: #1664e6; /* din primärfärg */
  color: white;
  border: none;
  border-radius: 6px;
  padding: 10px 16px;
  font-weight: 600;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.wc-block-product-filters__open-overlay:hover {
  background-color: #0f4dc1; /* mörkare hover */
}
.woocommerce div.product .product-spec-single {
  font-size: 14px !important;
  font-weight: normal !important;
  color: #555 !important;
  margin-top: 0.3em;
  line-height: 1.4 !important;
}
/* 1. Minska avståndet under titeln */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    margin-bottom: 4px !important;
}

/* 2. Specifikationens layout */
.gmstore-spec-loop,
.spec-field-placeholder p {
    /* background: #f2f2f2;
    display: block; /* Byt från inline-block till block */
    padding: 2px 0px;
    border-radius: 4px;
    font-size: 0.75em;
    margin: 0 !important;
    line-height: 1.3;
}

/* 3. Nolla eventuellt avstånd runt hela raden */
.spec-field-placeholder,
.gmstore-spec-loop {
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. Minska avstånd före priset */
.woocommerce ul.products li.product .price {
    margin-top: 6px !important;
}
/* Gäller butik, kategorier, taggar och sökresultat med produkter */
.post-type-archive-product .gm-spec-field,
.tax-product_cat .gm-spec-field,
.tax-product_tag .gm-spec-field,
.search .type-product .gm-spec-field {
  line-height: 0.95;
}

/* Desktop (≥ 601px) */
@media (min-width: 601px) {
  .post-type-archive-product .gm-spec-field,
  .tax-product_cat .gm-spec-field,
  .tax-product_tag .gm-spec-field,
  .search .type-product .gm-spec-field,
  .woocommerce-loop-product__title + .gm-spec-field {
    font-size: 12px !important;
  }
}

/* Mobil (≤ 600px) */
@media (max-width: 600px) {
  .post-type-archive-product .gm-spec-field,
  .tax-product_cat .gm-spec-field,
  .tax-product_tag .gm-spec-field,
  .search .type-product .gm-spec-field,
  .woocommerce-loop-product__title + .gm-spec-field {
    font-size: 10px !important;
  }
}
.gm-spec-field{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.woocommerce-product-gallery__image.flex-active-slide {
    pointer-events: none !important;
}
/* ==========================================================
   GRAVIA – KOMPAKT SÖKRESULTAT (VISA ALLA RESULTAT)
   Gäller endast search/search-results
   ========================================================== */

/* Wrapper för varje sökresultat */
.search .site-main .entry,
.search-results .site-main .entry{
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 16px;
  align-items: flex-start;
  padding: 14px 0;
  border-bottom: 1px solid rgba(0,0,0,.08);
}

/* Thumbnail container */
.search .site-main .post-thumbnail,
.search-results .site-main .post-thumbnail{
  width: 120px;
  max-width: 120px;
}

/* Själva bilden */
.search .site-main .post-thumbnail img,
.search-results .site-main .post-thumbnail img{
  width: 120px !important;
  max-width: 120px !important;
  height: auto !important;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

/* Titel */
.search .site-main .entry-title,
.search-results .site-main .entry-title{
  margin: 0 0 6px 0;
  font-size: 18px;
  line-height: 1.25;
}

/* Meta / excerpt */
.search .site-main .entry-summary,
.search-results .site-main .entry-summary{
  margin: 0;
  font-size: 14px;
  opacity: .8;
}

/* Ta bort extra spacing som gör korten stora */
.search .site-main .entry-content,
.search-results .site-main .entry-content{
  margin: 0;
}

/* WooCommerce produkter i sökresultat */
.search .woocommerce ul.products li.product,
.search-results .woocommerce ul.products li.product{
  width: 100% !important;
  margin: 0 0 16px 0 !important;
  padding: 12px !important;
  display: grid !important;
  grid-template-columns: 120px 1fr;
  gap: 16px;
  align-items: center;
}

/* Produktbild i sök */
.search .woocommerce ul.products li.product a img,
.search-results .woocommerce ul.products li.product a img{
  width: 120px !important;
  max-width: 120px !important;
  height: auto !important;
  object-fit: cover;
  border-radius: 12px;
}

/* Produkttitel */
.search .woocommerce ul.products li.product h2,
.search-results .woocommerce ul.products li.product h2{
  font-size: 16px;
  margin: 0 0 6px 0;
}

/* Pris */
.search .woocommerce ul.products li.product .price,
.search-results .woocommerce ul.products li.product .price{
  font-size: 14px;
  font-weight: 600;
}

/* ================= MOBILE ================= */
@media (max-width: 640px){

  .search .site-main .entry,
  .search-results .site-main .entry{
    grid-template-columns: 90px 1fr;
    gap: 12px;
  }

  .search .site-main .post-thumbnail,
  .search-results .site-main .post-thumbnail{
    width: 90px;
    max-width: 90px;
  }

  .search .site-main .post-thumbnail img,
  .search-results .site-main .post-thumbnail img{
    width: 90px !important;
    max-width: 90px !important;
  }

  .search .woocommerce ul.products li.product,
  .search-results .woocommerce ul.products li.product{
    grid-template-columns: 90px 1fr;
  }

  .search .woocommerce ul.products li.product a img,
  .search-results .woocommerce ul.products li.product a img{
    width: 90px !important;
    max-width: 90px !important;
  }
}
.gm-embed header,
.gm-embed footer,
.gm-embed .site-header,
.gm-embed .site-footer,
.gm-embed .wp-site-blocks > header,
.gm-embed .wp-site-blocks > footer {
  display: none !important;
}

.gm-embed main,
.gm-embed .site-content,
.gm-embed .wp-site-blocks {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.gm-ico{
  width:44px;height:44px;border-radius:14px;
  background:#f3f6ff;
  display:flex;align-items:center;justify-content:center;
  flex:0 0 44px;
  overflow:hidden;
}
.gm-ico--img{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
}
.gm-model-img{
  width:34px;
  height:34px;
  object-fit:contain;
  display:block;
}