/*
Theme Name: 10MinuteFix
Theme URI: https://10minutefix.in
Author: 10MinuteFix
Description: A fast, SEO and AI-friendly block theme for 10MinuteFix — fix anything in 10 minutes a day. Fully editable with drag-and-drop in the WordPress Site Editor. Includes homepage, blog, about, contact and product page layouts.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tenminutefix
Tags: blog, one-column, custom-colors, custom-logo, editor-style, full-site-editing, block-patterns
*/

/* Signature: the 10-minute dial */
.tmf-dial {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background:
    conic-gradient(var(--wp--preset--color--emerald) 0deg 60deg, transparent 60deg 360deg),
    radial-gradient(circle at center, var(--wp--preset--color--paper) 62%, transparent 63%),
    conic-gradient(var(--wp--preset--color--pine-soft) 0deg 360deg);
  display: flex;
  align-items: center;
  justify-content: center;
}
.tmf-dial::after {
  content: "";
  position: absolute;
  inset: 14px;
  border-radius: 50%;
  background: var(--wp--preset--color--paper);
}
.tmf-dial span {
  position: relative;
  z-index: 2;
  font-family: var(--wp--preset--font-family--display);
  font-size: 52px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--wp--preset--color--pine);
}
.tmf-dial small {
  position: absolute;
  z-index: 2;
  bottom: 52px;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wp--preset--color--slate);
}

/* Card hover lift */
.tmf-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  border-radius: 18px;
}
.tmf-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 34px rgba(18, 49, 43, 0.12);
}

/* Eyebrow label */
.tmf-eyebrow {
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 13px !important;
  font-weight: 600;
  color: var(--wp--preset--color--emerald);
}

/* Buttons */
.wp-block-button__link {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.wp-block-button__link:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(20, 155, 98, 0.35);
}

@media (prefers-reduced-motion: reduce) {
  .tmf-card, .wp-block-button__link { transition: none; }
  .tmf-card:hover, .wp-block-button__link:hover { transform: none; }
}

@media (max-width: 781px) {
  .tmf-dial { width: 170px; height: 170px; }
  .tmf-dial span { font-size: 40px; }
  .tmf-dial small { bottom: 40px; }
}