/*
Theme Name: Save Your iPod (Hello child)
Template: hello-elementor
Author: Save Your iPod
Version: 0.2.0
Description: Child of Hello Elementor. Clean, spacious, "Apple-adjacent" look:
  white ground, SF-style system type, one blue accent from the brand logo.
  Phase 1 = catalog / enquiry only (no checkout).
*/

:root{
  --syi-bg:        #ffffff;
  --syi-bg-alt:    #f5f5f7;   /* Apple's section grey */
  --syi-ink:       #1d1d1f;   /* Apple text */
  --syi-muted:     #6e6e73;   /* Apple secondary text */
  --syi-line:      #d2d2d7;
  --syi-accent:    #0071e3;   /* Apple web blue */
  --syi-accent-h:  #0077ed;
  --syi-accent-deep:#1f5fa8;  /* deep blue from the logo */
  --syi-accent-ink:#ffffff;
  --syi-radius:    18px;
  --syi-shadow:    0 4px 24px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);
  --syi-font: -apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

*{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }

body{
  background:var(--syi-bg);
  color:var(--syi-ink);
  font-family:var(--syi-font);
  font-size:17px;
  line-height:1.47059;
  letter-spacing:-.01em;
}

h1,h2,h3,h4{
  font-family:var(--syi-font);
  color:var(--syi-ink);
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.022em;
}
h1{ font-size:clamp(2.4rem,5.2vw,3.75rem); }
h2{ font-size:clamp(1.7rem,3.4vw,2.6rem); margin-top:0; }
h3{ font-size:clamp(1.15rem,1.8vw,1.4rem); letter-spacing:-.015em; }
p{ color:var(--syi-ink); }
.entry-content p{ color:var(--syi-muted); }

a{ color:var(--syi-accent); text-decoration:none; }
a:hover{ color:var(--syi-accent-h); text-decoration:underline; text-underline-offset:3px; }

/* ---------- layout rhythm ---------- */
.page .entry-content,.hentry .entry-content{ max-width:820px; margin-inline:auto; padding-inline:22px; }
.entry-content > h2{ margin-top:2.2em; }
.entry-content ul,.entry-content ol{ padding-left:1.15em; }
.entry-content li{ margin:.4em 0; color:var(--syi-muted); }

/* ---------- buttons (Apple pill) ---------- */
.button,.wp-block-button__link,
.single_add_to_cart_button,
.yith-ywraq-add-to-quote a,.yith-ywraq-add-button a,
a.add_to_cart_button,.ywraq_table_form_button,
button.button,
.elementor-button{
  display:inline-block;
  background:var(--syi-accent);
  color:var(--syi-accent-ink);
  border:0;
  border-radius:980px;
  padding:.75em 1.35em;
  font-size:1rem;
  font-weight:400;
  letter-spacing:-.01em;
  line-height:1.2;
  text-decoration:none;
  transition:background-color .18s ease;
}
.button:hover,.wp-block-button__link:hover,button.button:hover,.elementor-button:hover{
  background:var(--syi-accent-h); color:#fff; text-decoration:none;
}
/* secondary / outline */
.is-style-outline .wp-block-button__link,
.elementor-button.elementor-button-link:not(.elementor-button-primary){
  background:transparent; color:var(--syi-accent);
  box-shadow:inset 0 0 0 1px var(--syi-accent);
}

/* ---------- header + logo ---------- */
.site-header,header.site-header{
  background:rgba(255,255,255,.85);
  -webkit-backdrop-filter:saturate(180%) blur(16px);
  backdrop-filter:saturate(180%) blur(16px);
  border-bottom:1px solid var(--syi-line);
}
.site-header .site-branding img,.site-logo img,.header-logo img,
img.custom-logo{ max-height:56px !important; height:56px !important; width:auto !important; }
@media (max-width:600px){
  .site-header .site-branding img,.site-logo img,.header-logo img,
  img.custom-logo{ max-height:44px !important; height:44px !important; }
}
nav a{ color:var(--syi-ink); font-size:.95rem; }
nav a:hover{ color:var(--syi-accent); text-decoration:none; }

/* ---------- footer ---------- */
.site-footer,footer.site-footer{
  background:var(--syi-bg-alt);
  border-top:1px solid var(--syi-line);
  color:var(--syi-muted);
  font-size:.82rem;
}
.site-footer a{ color:var(--syi-muted); }
.site-footer a:hover{ color:var(--syi-accent); }

/* ---------- WooCommerce ---------- */
ul.products{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:32px; list-style:none; margin:2.5em auto; max-width:1120px; padding-inline:22px;
}
ul.products li.product{ text-align:center; float:none !important; width:auto !important; margin:0 !important; }
ul.products li.product a img{
  background:var(--syi-bg-alt);
  border:1px solid var(--syi-line);
  border-radius:var(--syi-radius);
  margin-bottom:.9em;
  transition:transform .25s ease, box-shadow .25s ease;
}
ul.products li.product a:hover img{ transform:translateY(-4px); box-shadow:var(--syi-shadow); }
ul.products li.product .woocommerce-loop-product__title{ font-size:1rem; font-weight:600; color:var(--syi-ink); }
ul.products li.product .price{ color:var(--syi-muted); font-weight:400; }

.woocommerce div.product .product_title{ margin-bottom:.15em; }
.woocommerce div.product p.price,.woocommerce div.product span.price{ color:var(--syi-ink); font-weight:500; }
.woocommerce div.product div.images img{ border-radius:var(--syi-radius); }
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{ border-radius:980px; }
.woocommerce .woocommerce-message,.woocommerce .woocommerce-info{ border-top-color:var(--syi-accent); }

/* ---------- badges ---------- */
.syi-badge{ display:inline-block; font-size:.7rem; text-transform:uppercase; letter-spacing:.08em;
  border:1px solid var(--syi-line); border-radius:980px; padding:.2em .7em; color:var(--syi-muted); }
.stock.out-of-stock{ color:var(--syi-muted); font-weight:600; }

/* ---------- Elementor section helpers ---------- */
.elementor-section,.e-con{ }
.syi-hero{ background:radial-gradient(ellipse at 50% -10%, #eef6ff 0%, #ffffff 60%); }