/* =========================================================================
   INFRACOM MODERNIZE OVERLAY — comcenter.se  (v2, tydligare)
   Lätt men SYNLIG modernisering med InfraCom-känsla.
   HELT REVERSIBELT: ta bort denna fil + <link>-raden (eller `git checkout`
   commit d2e22ae). Rör INTE innehåll, bilder, länkar eller HTML-struktur.
   ========================================================================= */

:root { --ic-orange:#ea5b0c; --ic-teal:#055559; }

/* ---- Övergångar ---- */
a, button, .elementor-button, .button, .woocommerce a.button,
.woocommerce button.button, input[type="submit"],
img, .elementor-widget-image, .woocommerce ul.products li.product {
  transition: all .2s ease !important;
}

/* ---- Rundade hörn överallt (modernt) ---- */
.elementor-widget-image img,
.woocommerce ul.products li.product img,
.wp-post-image, .attachment-woocommerce_thumbnail,
.elementor-image-box-img img, figure img {
  border-radius: 16px !important;
}
/* men inte loggor/ikoner i sidhuvud/sidfot */
header img, .site-header img, footer img, .site-footer img,
.elementor-location-header img, img[width="1"], svg { border-radius: 0 !important; }

/* ---- Mjuka skuggor på bilder & kort ---- */
.elementor-widget-image img,
.woocommerce ul.products li.product img,
.wp-post-image {
  box-shadow: 0 14px 34px rgba(8,85,90,.14) !important;
}

/* ---- Produktkort: vita rundade paneler med luft ---- */
.woocommerce ul.products li.product {
  background:#fff !important;
  border-radius: 18px !important;
  padding: 18px !important;
  box-shadow: 0 6px 20px rgba(8,85,90,.08) !important;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 18px 40px rgba(8,85,90,.16) !important;
}
.woocommerce ul.products li.product:hover img { transform: scale(1.04) !important; }

/* ---- Modernare knappar: rundare, mer padding, lyft ---- */
.elementor-button, .button, .woocommerce a.button,
.woocommerce button.button, input[type="submit"] {
  border-radius: 10px !important;
  letter-spacing: .3px !important;
  font-weight: 600 !important;
}
.elementor-button:hover, .button:hover, .woocommerce a.button:hover,
.woocommerce button.button:hover, input[type="submit"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(234,91,12,.28) !important;
}

/* ---- Mer luft i sektioner (airy = modernt, InfraCom-känsla) ---- */
section.elementor-section { padding-top: 12px; padding-bottom: 12px; }

/* ---- Typografi: tightare, renare rubriker ---- */
h1,h2,h3,h4 { letter-spacing:-.015em !important; }
h1 { line-height:1.12 !important; }
h2 { line-height:1.18 !important; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* ---- Länkar får InfraCom-orange vid hover (diskret) ---- */
.elementor-widget-text-editor a:hover, .entry-content a:hover { color: var(--ic-orange) !important; }