/*
Theme Name: start-my-web-studio
Text Domain: start-my-web-studio
Description: Independent web design studio with a guided WhatsApp project enquiry.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

html {
	scroll-behavior: smooth;
}
/* Site-wide Particle Tether: reload, persistent motion, and interaction feedback. */
#smw-tether{--tether-ink:#94fd00;pointer-events:none}
#smw-tether *{box-sizing:border-box;pointer-events:none}
.smw-tether-canvas{display:block;width:100%;height:100%}
.smw-tether-intro{position:fixed;inset:0;z-index:99990;display:grid;place-items:center;background:rgba(8,10,7,.94);opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}
.smw-tether-intro.is-visible{opacity:1;visibility:visible}
.smw-tether-intro-inner{display:flex;flex-direction:column;align-items:center}
.smw-tether-intro .smw-tether-canvas{width:clamp(220px,34vw,360px);height:clamp(220px,34vw,360px)}
.smw-tether-brand{color:#fff;font-family:inherit;font-size:clamp(24px,3vw,36px);font-weight:800;letter-spacing:-1.4px}
.smw-tether-brand span{color:#ff5b24}
.smw-tether-caption{color:#b5bdad;font-family:inherit;font-weight:600;font-size:10px;line-height:1.5;letter-spacing:3px}
.smw-tether-dock{position:fixed;left:22px;bottom:22px;width:112px;height:112px;z-index:99970;border-radius:50%;background:rgba(8,10,7,.88);border:1px solid rgba(148,253,0,.3);box-shadow:0 6px 30px rgba(0,0,0,.18);transition:box-shadow .3s,border-color .3s,transform .3s}
.smw-tether-dock.is-reacting{transform:scale(1.13);border-color:rgba(148,253,0,.85);box-shadow:0 0 30px rgba(148,253,0,.22)}
.smw-tether-dot{position:absolute;right:14px;bottom:12px;width:5px;height:5px;background:var(--tether-ink);border-radius:50%}
.smw-tether-feedback{position:fixed;width:132px;height:132px;transform:translate(-50%,-50%) scale(.65);z-index:99980;opacity:0;visibility:hidden;border-radius:50%;background:rgba(8,10,7,.8);box-shadow:0 0 24px rgba(148,253,0,.15);transition:opacity .22s,visibility .22s,transform .3s}
.smw-tether-feedback.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
body:has(#wpvibe-preview-banner) .smw-tether-dock{bottom:76px}
@media(max-width:600px){.smw-tether-dock{width:80px;height:80px;left:12px;bottom:12px}.smw-tether-feedback{width:96px;height:96px}.smw-tether-caption{font-size:9px;letter-spacing:2px}body:has(#wpvibe-preview-banner) .smw-tether-dock{bottom:86px}}
@media(prefers-reduced-motion:reduce){.smw-tether-intro,.smw-tether-feedback{display:none}.smw-tether-dock{transition:none}.smw-tether-dock.is-reacting{transform:none}}