/*
Theme Name: Forza With Tori
Theme URI: https://forzawithtori.com
Author: Forza With Tori
Description: Block theme for Forza With Tori — 1:1 online strength and nutrition coaching for working women and mums 35–55. Edit everything from Appearance → Editor.
Requires at least: 6.5
Tested up to: 6.6
Requires PHP: 7.4
Version: 1.0.5
License: GNU General Public License v2 or later
Text Domain: forza-with-tori
*/

/* Only what block styles cannot express. Colours, type and spacing live in theme.json. */

.fwt-logo img { mix-blend-mode: multiply; }

.fwt-kicker {
  font-size: var(--wp--preset--font-size--kicker);
  letter-spacing: 0.24em;
  text-transform: uppercase;
  font-weight: 500;
}

.fwt-script {
  font-family: var(--wp--preset--font-family--kaushan);
  line-height: 1;
}

.fwt-nav a {
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--wp--preset--color--petrol);
  padding-bottom: 3px;
  border-bottom: 1.5px solid transparent;
}
.fwt-nav a:hover,
.fwt-nav .current-menu-item a { color: var(--wp--preset--color--coral); border-bottom-color: var(--wp--preset--color--coral); }

.fwt-header { position: sticky; top: 0; z-index: 50; background: rgba(250,245,240,0.94); backdrop-filter: blur(10px); }

/* Circular hero portrait with the double ring from the brand assets */
.fwt-hero-portrait { position: relative; padding: 26px; }
.fwt-hero-portrait::before,
.fwt-hero-portrait::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
.fwt-hero-portrait::before { inset: 0; border: 1.5px solid var(--wp--preset--color--mint); }
.fwt-hero-portrait::after { inset: 14px; border: 1px solid #C7E9EC; }
.fwt-hero-portrait img { border-radius: 50%; aspect-ratio: 1; object-fit: cover; object-position: 50% 30%; }

.fwt-roundel {
  width: 152px; height: 152px; border-radius: 50%;
  background: var(--wp--preset--color--coral); color: #FFF6F1;
  display: flex; align-items: center; justify-content: center; text-align: center;
  padding: 20px; font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; line-height: 1.6;
}

.fwt-chip { border: 1px solid #3D6E7D; padding: 10px 17px; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; }

.fwt-tick li { list-style: none; position: relative; padding-left: 22px; margin-bottom: 12px; }
.fwt-tick { padding-left: 0; }
.fwt-tick li::before { content: ""; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; border-radius: 50%; background: var(--wp--preset--color--mint); }

.fwt-price { font-family: var(--wp--preset--font-family--cormorant); font-size: clamp(40px, 5vw, 60px); line-height: 1; margin: 0; }
.fwt-price span { font-family: var(--wp--preset--font-family--jost); font-size: 15px; color: #7C8F96; letter-spacing: 0.08em; }

.fwt-embed { min-width: 320px; min-height: 760px; background: var(--wp--preset--color--shell); border: 1px solid #E4D8CE; }

.fwt-form input,
.fwt-form textarea {
  width: 100%; background: var(--wp--preset--color--shell); border: 1px solid #E4D8CE;
  padding: 17px 18px; font-family: var(--wp--preset--font-family--jost); font-size: 15px;
  color: var(--wp--preset--color--petrol); box-sizing: border-box;
}
.fwt-form { display: grid; gap: 12px; }
.fwt-form button {
  background: var(--wp--preset--color--coral); color: #FFF6F1; border: none; padding: 18px; cursor: pointer;
  font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 500;
}
.fwt-form button:hover { background: var(--wp--preset--color--petrol); }

@media (max-width: 781px) {
  .fwt-roundel { width: 118px; height: 118px; }
}