/*
Theme Name: Offerte Tech
Theme URI: https://offertedanonperdere.it/
Author: Codex
Description: Child theme commerciale per Offerte Da Non Perdere.
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.1
Version: 1.0.0
Template: twentytwentyfive
Text Domain: offerte-tech
*/

.wp-site-blocks {
  background:
    radial-gradient(circle at top left, rgba(255, 214, 10, 0.16), transparent 26%),
    radial-gradient(circle at top right, rgba(32, 201, 151, 0.16), transparent 24%),
    linear-gradient(180deg, #f8fbff 0%, #eef8f5 100%);
}

.wp-block-group.is-style-tech-panel,
.tech-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(6, 40, 61, 0.08);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(240, 250, 246, 0.96));
  box-shadow: 0 24px 70px rgba(6, 40, 61, 0.09);
}

.wp-block-group.is-style-tech-panel::before,
.tech-panel::before {
  content: "";
  position: absolute;
  inset: auto -18% -45% auto;
  width: 240px;
  height: 240px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(0, 179, 255, 0.22), rgba(0, 179, 255, 0));
  pointer-events: none;
}

.tech-kicker {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  padding: 0.45rem 0.85rem;
  border-radius: 999px;
  background: rgba(255, 214, 10, 0.16);
  color: #0e3b2f;
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.tech-hero {
  position: relative;
  overflow: hidden;
  border-radius: 36px;
  background:
    linear-gradient(135deg, rgba(255, 214, 10, 0.92), rgba(32, 201, 151, 0.92) 58%, rgba(0, 179, 255, 0.95));
  color: #06283d;
  box-shadow: 0 28px 80px rgba(6, 40, 61, 0.18);
}

.tech-hero::after {
  content: "";
  position: absolute;
  right: -80px;
  top: -60px;
  width: 260px;
  height: 260px;
  border-radius: 32px;
  transform: rotate(18deg);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.45), rgba(255,255,255,0.02)),
    linear-gradient(135deg, rgba(6,40,61,0.25), rgba(6,40,61,0.02));
}

.tech-hero .wp-block-button__link {
  border-radius: 999px;
  font-weight: 700;
  padding-inline: 1.4rem;
}

.tech-metric {
  padding: 1.15rem 1.2rem;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: inset 0 0 0 1px rgba(6, 40, 61, 0.08);
}

.tech-metric strong {
  display: block;
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  line-height: 1;
}

.tech-card-grid .wp-block-column {
  padding: 1.4rem;
  border-radius: 26px;
  background: rgba(255,255,255,0.9);
  box-shadow: 0 16px 42px rgba(6, 40, 61, 0.08);
  border: 1px solid rgba(6, 40, 61, 0.08);
}

.tech-card-grid .wp-block-heading {
  margin-bottom: 0.5rem;
}

.tech-badge-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.tech-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.7rem 1rem;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(6, 40, 61, 0.08);
  border: 1px solid rgba(6, 40, 61, 0.08);
  font-weight: 600;
}

.wc-block-grid__product,
ul.products li.product {
  border-radius: 24px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 50px rgba(6, 40, 61, 0.08);
  border: 1px solid rgba(6, 40, 61, 0.08);
  padding: 1rem !important;
}

.wc-block-grid__product-title,
ul.products li.product .woocommerce-loop-product__title {
  color: #06283d;
  font-size: 1rem !important;
  font-weight: 700;
}

.price,
.wc-block-grid__product-price {
  color: #0a7f63 !important;
  font-weight: 800;
}

.single_add_to_cart_button,
.add_to_cart_button,
.wp-block-button.is-style-outline .wp-block-button__link {
  border-radius: 999px !important;
}

.wc-block-components-product-badge,
.onsale {
  border-radius: 999px !important;
  background: #ffd60a !important;
  color: #06283d !important;
  font-weight: 800 !important;
}

.wp-block-navigation .wp-block-navigation-item__content {
  font-weight: 600;
}

.site-footer-note {
  opacity: 0.8;
  font-size: 0.95rem;
}

@media (max-width: 781px) {
  .tech-hero {
    border-radius: 28px;
  }

  .tech-card-grid .wp-block-column {
    padding: 1.1rem;
  }
}