/*
Theme Name: Tina's Premium Desserts
Theme URI: https://tinaspremiumdesserts.com
Author: Opus Agentic
Description: Block theme for Tina's Premium Desserts — a woman-owned premium cheesecake brand selling B2B to distributors. Direction B ("Flavor Band"). Palette, fonts and the per-flavor accent system live in theme.json.
Version: 0.1.0
Requires at least: 6.5
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: tinas
*/

.tinas-eyebrow,
.is-style-eyebrow {
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: 0.6875rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.4em;
	color: var(--wp--preset--color--pastry-gold);
}

.tinas-badge {
	display: inline-block;
	font-family: var(--wp--preset--font-family--fredoka);
	font-weight: 600;
	font-size: 0.6875rem;
	color: #fff;
	padding: 4px 12px;
	border-radius: 999px;
	background: var(--wp--custom--accent);
}

.tinas-framed img {
	border: 6px solid #fff;
	border-radius: 16px;
	box-shadow: 0 18px 44px -26px rgba(14, 91, 101, 0.55);
}

.tinas-accent-text { color: var(--wp--custom--accent); }
.tinas-accent-bar { height: 8px; background: var(--wp--custom--accent); border-radius: 4px; }

/* =====================================================================
   SITE HEADER — lollipop style
   ===================================================================== */
/* Collapse the header template part so it takes no space */
.wp-site-blocks > .wp-block-template-part {
	height: 0;
	overflow: visible;
	display: block;
}

/* Collapse header html block wrapper too */
.wp-site-blocks > .wp-block-template-part > .wp-block-html {
	height: 0;
	overflow: visible;
}

/* Hero fills viewport from top — block gap creates 24px top gap, kill it */
.wp-site-blocks {
	padding-top: 0 !important;
	margin-top: 0 !important;
}
.wp-site-blocks > * {
	margin-block-start: 0 !important;
}
body {
	margin-top: 0 !important;
}

/* Remove skip link gap */
.skip-link {
	position: absolute !important;
	top: -100px !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

.tinas-site-header {
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	z-index: 100;
}

.tinas-site-header__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: rgba(253, 251, 247, 0.72);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	box-shadow: 0 3px 0 rgba(226,149,59,0.4), 0 5px 20px rgba(14,91,101,0.12);
	padding: 0.4rem 1.5rem 0.4rem 0;
	position: relative;
	height: 52px;
	overflow: visible;
}

/* Gold top strip */
.tinas-site-header__bar::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: #E2953B;
}

/* Logo circle — the lollipop head */
.tinas-site-header__logo-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	background: #FDFBF7;
	border-radius: 50%;
	flex-shrink: 0;
	position: relative;
	margin-left: 2rem;
	margin-top: -24px;
	margin-bottom: -24px;
	box-shadow:
		0 0 0 3px #E2953B,
		0 0 0 6px #FDFBF7,
		0 0 0 9px #1292A1,
		0 4px 16px rgba(14,91,101,0.25);
	z-index: 2;
	transition: transform 0.2s ease;
}
.tinas-site-header__logo-wrap:hover { transform: scale(1.05); }
.tinas-site-header__logo-wrap img {
	width: 70px;
	height: auto;
}

/* Nav links */
.tinas-site-header__nav {
	display: flex;
	align-items: center;
	gap: 1.75rem;
}
.tinas-site-header__nav a {
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: 0.875rem;
	font-weight: 600;
	color: #0E5B65;
	text-decoration: none;
	transition: color 0.2s;
}
.tinas-site-header__nav a:hover { color: #1292A1; }

/* Partner CTA button */
.tinas-site-header__cta {
	background: #E06A4E !important;
	color: #fff !important;
	padding: 0.55rem 1.25rem;
	border-radius: 999px;
	border: 2px solid #b8442c;
	box-shadow: inset 0 0 0 2px rgba(255,255,255,0.4);
	font-weight: 700 !important;
	transition: background 0.2s, transform 0.1s;
}
.tinas-site-header__cta:hover { background: #c45a40 !important; color: #fff !important; transform: translateY(-1px); }

/* Scrolled state — teal bar */
.tinas-site-header.is-scrolled {
	position: fixed;
	padding-top: 0;
}
.tinas-site-header.is-scrolled .tinas-site-header__bar {
	background: rgba(14, 91, 101, 0.97);
	box-shadow: 0 2px 16px rgba(0,0,0,0.2);
}
.tinas-site-header.is-scrolled .tinas-site-header__nav a { color: #FDFBF7; }
.tinas-site-header.is-scrolled .tinas-site-header__nav a:hover { color: #E2953B; }
.tinas-site-header.is-scrolled .tinas-site-header__logo-wrap { margin-top: -12px; margin-bottom: -12px; }

@media (max-width: 768px) {
	.tinas-site-header__nav a:not(.tinas-site-header__cta) { display: none; }
	.tinas-site-header__logo-wrap { width: 80px; height: 80px; margin-top: -16px; margin-bottom: -16px; }
	.tinas-site-header__logo-wrap img { width: 56px; }
}

/* Fabric edge — hero bottom (::before reserved for this) */

/* Inner pages — push content below the floating lollipop header */
.tinas-inner-page {
	padding-top: 0 !important;
}

/* Polaroid hero section */
.tinas-polaroid-section {
	padding-top: 140px;
	padding-bottom: 3.5rem;
	display: flex;
	justify-content: center;
	background: #FDFBF7;
	overflow: visible;
	position: relative;
	z-index: 10;
}

/* Drop animation — flies in from above the viewport */
@keyframes tinas-drop {
	0% {
		opacity: 0;
		transform: rotate(-18deg) translateY(-120vh) scale(0.85);
	}
	40% {
		opacity: 0.9;
	}
	70% {
		opacity: 1;
		transform: rotate(7deg) translateY(14px) scale(1.02);
	}
	85% {
		transform: rotate(4deg) translateY(-4px) scale(0.99);
	}
	100% {
		transform: rotate(5deg) translateY(0px) scale(1);
	}
}

.tinas-polaroid {
	position: relative;
	background: #fff;
	padding: 12px 12px 56px;
	/* Asymmetric shadow — light from upper left, heavy bottom-right */
	box-shadow:
		-2px 2px 0 rgba(255,255,255,0.8),
		6px 12px 0 rgba(226,149,59,0.25),
		8px 18px 40px rgba(14,91,101,0.3),
		12px 24px 60px rgba(0,0,0,0.15);
	transform: rotate(5deg);
	max-width: 480px;
	width: 88%;
	animation: tinas-drop 1s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	cursor: default;
}

/* Lift slightly on hover — like picking it up */
.tinas-polaroid:hover {
	transform: rotate(3deg) translateY(-8px);
	box-shadow:
		-2px 2px 0 rgba(255,255,255,0.8),
		6px 18px 0 rgba(226,149,59,0.2),
		10px 28px 50px rgba(14,91,101,0.28),
		14px 32px 70px rgba(0,0,0,0.12);
}

.tinas-polaroid img {
	width: 100%;
	height: 280px;
	object-fit: cover;
	display: block;
}

.tinas-polaroid__caption {
	font-family: var(--wp--preset--font-family--pacifico);
	font-size: 1.1rem;
	color: #0E5B65;
	text-align: center;
	padding-top: 14px;
}

/* Flavor card tilt */
.tinas-flavor-card {
	transition: transform 0.15s ease, box-shadow 0.15s ease;
	transform-style: preserve-3d;
	will-change: transform;
	cursor: pointer;
}
.tinas-flavor-card:hover {
	box-shadow: 0 24px 48px -16px rgba(14, 91, 101, 0.35) !important;
}

/* Press-in effect for all WP block buttons */
.wp-block-button__link {
	transition: transform 0.1s ease, box-shadow 0.1s ease, filter 0.1s ease !important;
	box-shadow: inset 0 0 0 2px rgba(255,255,255,0.45);
}
.wp-block-button__link:active {
	transform: translateY(2px) !important;
	box-shadow:
		inset 0 0 0 2px rgba(255,255,255,0.3),
		inset 0 4px 10px rgba(0,0,0,0.28),
		inset 0 2px 4px rgba(0,0,0,0.2) !important;
	filter: brightness(0.88);
}

/* =====================================================================
   FULL-WIDTH HERO — warm southern feel
   ===================================================================== */

.wp-site-blocks > .wp-block-html,
.wp-site-blocks > .wp-block-html > div {
	padding: 0 !important;
	margin: 0 !important;
	max-width: none !important;
}

.tinas-hero-fullwidth {
	position: relative;
	width: 100vw;
	min-height: 90vh;
	overflow: hidden;
	display: flex;
	align-items: center;
	margin-left: calc(-1 * var(--wp--style--root--padding-left, 0px));
	margin-right: calc(-1 * var(--wp--style--root--padding-right, 0px));
}

.tinas-hero-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 65% center;
	z-index: 0;
}

/* Fabric edge — hero bottom */
.tinas-hero-fullwidth::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 28px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 28' preserveAspectRatio='none'%3E%3Cpath d='M0,28 L0,14 L6,11 L10,15 L14,10 L18,14 L22,9 L26,13 L30,11 L34,15 L38,8 L42,13 L46,10 L50,14 L54,11 L58,15 L62,9 L66,13 L70,10 L74,15 L78,11 L82,14 L86,9 L90,13 L94,11 L98,15 L102,8 L106,13 L110,10 L114,15 L118,11 L122,14 L126,10 L130,14 L134,8 L138,13 L142,11 L146,15 L150,9 L154,13 L158,10 L162,15 L166,11 L170,14 L174,9 L178,13 L182,11 L186,15 L190,8 L194,13 L198,10 L202,15 L206,11 L210,14 L214,9 L218,13 L222,11 L226,15 L230,8 L234,13 L238,10 L242,15 L246,11 L250,14 L254,9 L258,14 L262,11 L266,15 L270,8 L274,13 L278,10 L282,14 L286,11 L290,15 L294,9 L298,13 L302,10 L306,15 L310,11 L314,14 L318,9 L322,13 L326,11 L330,15 L334,8 L338,13 L342,10 L346,15 L350,11 L354,14 L358,9 L362,13 L366,10 L370,15 L374,11 L378,14 L382,9 L386,13 L390,11 L394,15 L398,8 L402,13 L406,10 L410,15 L414,11 L418,14 L422,9 L426,13 L430,11 L434,15 L438,8 L442,13 L446,10 L450,14 L454,11 L458,15 L462,9 L466,13 L470,10 L474,15 L478,11 L482,14 L486,9 L490,13 L494,11 L498,15 L502,8 L506,13 L510,10 L514,15 L518,11 L522,14 L526,9 L530,14 L534,11 L538,15 L542,8 L546,13 L550,10 L554,15 L558,11 L562,14 L566,9 L570,13 L574,10 L578,15 L582,11 L586,14 L590,9 L594,13 L598,11 L602,15 L606,8 L610,13 L614,10 L618,14 L622,11 L626,15 L630,9 L634,13 L638,10 L642,15 L646,11 L650,14 L654,9 L658,13 L662,11 L666,15 L670,8 L674,13 L678,10 L682,15 L686,11 L690,14 L694,9 L698,13 L702,10 L706,15 L710,11 L714,14 L718,9 L722,13 L726,11 L730,15 L734,8 L738,13 L742,10 L746,14 L750,11 L754,15 L758,9 L762,13 L766,10 L770,15 L774,11 L778,14 L782,9 L786,13 L790,11 L794,15 L798,8 L802,13 L806,10 L810,15 L814,11 L818,14 L822,9 L826,14 L830,11 L834,15 L838,8 L842,13 L846,10 L850,14 L854,11 L858,15 L862,9 L866,13 L870,10 L874,15 L878,11 L882,14 L886,9 L890,13 L894,11 L898,15 L902,8 L906,13 L910,10 L914,15 L918,11 L922,14 L926,9 L930,13 L934,10 L938,15 L942,11 L946,14 L950,9 L954,13 L958,11 L962,15 L966,8 L970,13 L974,10 L978,14 L982,11 L986,15 L990,9 L994,13 L998,10 L1002,15 L1006,11 L1010,14 L1014,9 L1018,13 L1022,11 L1026,15 L1030,8 L1034,13 L1038,10 L1042,15 L1046,11 L1050,14 L1054,9 L1058,13 L1062,10 L1066,15 L1070,11 L1074,14 L1078,9 L1082,13 L1086,11 L1090,15 L1094,8 L1098,13 L1102,10 L1106,14 L1110,11 L1114,15 L1118,9 L1122,13 L1126,10 L1130,15 L1134,11 L1138,14 L1142,9 L1146,14 L1150,11 L1154,15 L1158,8 L1162,13 L1166,10 L1170,14 L1174,11 L1178,15 L1182,9 L1186,13 L1190,10 L1194,15 L1198,11 L1202,14 L1206,9 L1210,13 L1214,11 L1218,15 L1222,8 L1226,13 L1230,10 L1234,14 L1238,11 L1242,15 L1246,9 L1250,13 L1254,10 L1258,15 L1262,11 L1266,14 L1270,9 L1274,13 L1278,11 L1282,15 L1286,8 L1290,13 L1294,10 L1298,14 L1302,11 L1306,15 L1310,9 L1314,13 L1318,10 L1322,15 L1326,11 L1330,14 L1334,9 L1338,13 L1342,11 L1346,15 L1350,8 L1354,13 L1358,10 L1362,14 L1366,11 L1370,15 L1374,9 L1378,13 L1382,10 L1386,14 L1390,11 L1394,15 L1398,9 L1402,13 L1406,10 L1410,14 L1414,11 L1418,15 L1422,9 L1426,12 L1430,10 L1434,14 L1438,11 L1440,13 L1440,28 Z' fill='%23FDFBF7'/%3E%3C/svg%3E");
	background-size: 100% 100%;
	z-index: 3;
	pointer-events: none;
}

/* Fabric edges on colour blocks */
.tinas-whipped-block {
	position: relative;
}

.tinas-whipped-block::before,
.tinas-whipped-block::after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 28px;
	pointer-events: none;
	z-index: 2;
}

.tinas-whipped-block--cream::before,
.tinas-whipped-block--cream::after { display: none; }

.tinas-whipped-block--cream--UNUSED::after {
	bottom: -1px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 28' preserveAspectRatio='none'%3E%3Cpath d='M0,28 L0,14 L4,11 L8,15 L12,10 L16,14 L20,9 L24,13 L28,11 L32,15 L36,8 L40,13 L44,10 L48,15 L52,11 L56,14 L60,9 L64,13 L68,10 L72,15 L76,11 L80,14 L84,9 L88,13 L92,11 L96,15 L100,8 L104,13 L108,10 L112,14 L116,11 L120,15 L124,9 L128,13 L132,10 L136,15 L140,11 L144,14 L148,9 L152,13 L156,11 L160,15 L164,8 L168,13 L172,10 L176,15 L180,11 L184,14 L188,9 L192,13 L196,10 L200,14 L204,11 L208,15 L212,9 L216,13 L220,10 L224,15 L228,11 L232,14 L236,8 L240,13 L244,10 L248,15 L252,11 L256,14 L260,9 L264,13 L268,10 L272,15 L276,11 L280,14 L284,9 L288,13 L292,11 L296,15 L300,8 L304,13 L308,10 L312,14 L316,11 L320,15 L324,9 L328,13 L332,10 L336,15 L340,11 L344,14 L348,9 L352,13 L356,11 L360,15 L364,8 L368,13 L372,10 L376,15 L380,11 L384,14 L388,9 L392,13 L396,10 L400,14 L404,11 L408,15 L412,9 L416,13 L420,10 L424,15 L428,11 L432,14 L436,8 L440,13 L444,10 L448,15 L452,11 L456,14 L460,9 L464,13 L468,10 L472,15 L476,11 L480,14 L484,9 L488,13 L492,11 L496,15 L500,8 L504,13 L508,10 L512,14 L516,11 L520,15 L524,9 L528,13 L532,10 L536,15 L540,11 L544,14 L548,9 L552,13 L556,10 L560,14 L564,11 L568,15 L572,9 L576,13 L580,10 L584,15 L588,11 L592,14 L596,8 L600,13 L604,10 L608,15 L612,11 L616,14 L620,9 L624,13 L628,10 L632,15 L636,11 L640,14 L644,9 L648,13 L652,11 L656,15 L660,8 L664,13 L668,10 L672,14 L676,11 L680,15 L684,9 L688,13 L692,10 L696,15 L700,11 L704,14 L708,9 L712,13 L716,10 L720,15 L724,11 L728,14 L732,8 L736,13 L740,10 L744,15 L748,11 L752,14 L756,9 L760,13 L764,10 L768,15 L772,11 L776,14 L780,9 L784,13 L788,11 L792,15 L796,8 L800,13 L804,10 L808,14 L812,11 L816,15 L820,9 L824,13 L828,10 L832,15 L836,11 L840,14 L844,9 L848,13 L852,11 L856,15 L860,8 L864,13 L868,10 L872,14 L876,11 L880,15 L884,9 L888,13 L892,10 L896,15 L900,11 L904,14 L908,9 L912,13 L916,10 L920,15 L924,11 L928,14 L932,8 L936,13 L940,10 L944,15 L948,11 L952,14 L956,9 L960,13 L964,10 L968,15 L972,11 L976,14 L980,9 L984,13 L988,11 L992,15 L996,8 L1000,13 L1004,10 L1008,14 L1012,11 L1016,15 L1020,9 L1024,13 L1028,10 L1032,15 L1036,11 L1040,14 L1044,9 L1048,13 L1052,11 L1056,15 L1060,8 L1064,13 L1068,10 L1072,14 L1076,11 L1080,15 L1084,9 L1088,13 L1092,10 L1096,14 L1100,11 L1104,15 L1108,9 L1112,13 L1116,10 L1120,14 L1124,11 L1128,15 L1132,8 L1136,13 L1140,10 L1144,14 L1148,11 L1152,15 L1156,9 L1160,13 L1164,10 L1168,14 L1172,11 L1176,15 L1180,9 L1184,13 L1188,10 L1192,14 L1196,11 L1200,15 L1204,8 L1208,13 L1212,10 L1216,14 L1220,11 L1224,15 L1228,9 L1232,13 L1236,10 L1240,14 L1244,11 L1248,15 L1252,9 L1256,13 L1260,10 L1264,14 L1268,11 L1272,15 L1276,8 L1280,13 L1284,10 L1288,14 L1292,11 L1296,15 L1300,9 L1304,13 L1308,10 L1312,14 L1316,11 L1320,15 L1324,9 L1328,13 L1332,10 L1336,14 L1340,11 L1344,15 L1348,8 L1352,13 L1356,10 L1360,14 L1364,11 L1368,15 L1372,9 L1376,13 L1380,10 L1384,14 L1388,11 L1392,15 L1396,9 L1400,12 L1404,10 L1408,14 L1412,11 L1416,15 L1420,9 L1424,12 L1428,10 L1432,14 L1436,11 L1440,13 L1440,28 Z' fill='%230E5B65'/%3E%3C/svg%3E");
	background-size: 100% 100%;
}

.tinas-whipped-block--teal::before {
	top: -1px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 28' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L0,14 L4,17 L8,13 L12,18 L16,14 L20,19 L24,15 L28,17 L32,13 L36,20 L40,15 L44,18 L48,13 L52,17 L56,14 L60,19 L64,15 L68,18 L72,13 L76,17 L80,14 L84,19 L88,15 L92,17 L96,13 L100,20 L104,15 L108,18 L112,14 L116,17 L120,13 L124,19 L128,15 L132,18 L136,13 L140,17 L144,14 L148,19 L152,15 L156,17 L160,13 L164,20 L168,15 L172,18 L176,13 L180,17 L184,14 L188,19 L192,15 L196,18 L200,14 L204,17 L208,13 L212,19 L216,15 L220,18 L224,13 L228,17 L232,14 L236,20 L240,15 L244,18 L248,13 L252,17 L256,14 L260,19 L264,15 L268,18 L272,13 L276,17 L280,14 L284,19 L288,15 L292,17 L296,13 L300,20 L304,15 L308,18 L312,14 L316,17 L320,13 L324,19 L328,15 L332,18 L336,13 L340,17 L344,14 L348,19 L352,15 L356,17 L360,13 L364,20 L368,15 L372,18 L376,13 L380,17 L384,14 L388,19 L392,15 L396,18 L400,14 L404,17 L408,13 L412,19 L416,15 L420,18 L424,13 L428,17 L432,14 L436,20 L440,15 L444,18 L448,13 L452,17 L456,14 L460,19 L464,15 L468,18 L472,13 L476,17 L480,14 L484,19 L488,15 L492,17 L496,13 L500,20 L504,15 L508,18 L512,14 L516,17 L520,13 L524,19 L528,15 L532,18 L536,13 L540,17 L544,14 L548,19 L552,15 L556,18 L560,14 L564,17 L568,13 L572,19 L576,15 L580,18 L584,13 L588,17 L592,14 L596,20 L600,15 L604,18 L608,13 L612,17 L616,14 L620,19 L624,15 L628,18 L632,13 L636,17 L640,14 L644,19 L648,15 L652,17 L656,13 L660,20 L664,15 L668,18 L672,14 L676,17 L680,13 L684,19 L688,15 L692,18 L696,13 L700,17 L704,14 L708,19 L712,15 L716,18 L720,13 L724,17 L728,14 L732,20 L736,15 L740,18 L744,13 L748,17 L752,14 L756,19 L760,15 L764,18 L768,13 L772,17 L776,14 L780,19 L784,15 L788,17 L792,13 L796,20 L800,15 L804,18 L808,14 L812,17 L816,13 L820,19 L824,15 L828,18 L832,13 L836,17 L840,14 L844,19 L848,15 L852,17 L856,13 L860,20 L864,15 L868,18 L872,14 L876,17 L880,13 L884,19 L888,15 L892,18 L896,13 L900,17 L904,14 L908,19 L912,15 L916,18 L920,13 L924,17 L928,14 L932,20 L936,15 L940,18 L944,13 L948,17 L952,14 L956,19 L960,15 L964,18 L968,13 L972,17 L976,14 L980,19 L984,15 L988,17 L992,13 L996,20 L1000,15 L1004,18 L1008,14 L1012,17 L1016,13 L1020,19 L1024,15 L1028,18 L1032,13 L1036,17 L1040,14 L1044,19 L1048,15 L1052,17 L1056,13 L1060,20 L1064,15 L1068,18 L1072,14 L1076,17 L1080,13 L1084,19 L1088,15 L1092,18 L1096,14 L1100,17 L1104,13 L1108,19 L1112,15 L1116,18 L1120,14 L1124,17 L1128,13 L1132,20 L1136,15 L1140,18 L1144,14 L1148,17 L1152,13 L1156,19 L1160,15 L1164,18 L1168,14 L1172,17 L1176,13 L1180,19 L1184,15 L1188,18 L1192,14 L1196,17 L1200,13 L1204,20 L1208,15 L1212,18 L1216,14 L1220,17 L1224,13 L1228,19 L1232,15 L1236,18 L1240,14 L1244,17 L1248,13 L1252,19 L1256,15 L1260,18 L1264,14 L1268,17 L1272,13 L1276,20 L1280,15 L1284,18 L1288,14 L1292,17 L1296,13 L1300,19 L1304,15 L1308,18 L1312,14 L1316,17 L1320,13 L1324,19 L1328,15 L1332,18 L1336,14 L1340,17 L1344,13 L1348,20 L1352,15 L1356,18 L1360,14 L1364,17 L1368,13 L1372,19 L1376,15 L1380,18 L1384,14 L1388,17 L1392,13 L1396,19 L1400,16 L1404,18 L1408,14 L1412,17 L1416,13 L1420,19 L1424,16 L1428,18 L1432,14 L1436,17 L1440,15 L1440,0 Z' fill='%23FDFBF7'/%3E%3C/svg%3E");
	background-size: 100% 100%;
}

.tinas-whipped-block--teal::after {
	bottom: -1px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 28' preserveAspectRatio='none'%3E%3Cpath d='M0,28 L0,14 L4,11 L8,15 L12,10 L16,14 L20,9 L24,13 L28,11 L32,15 L36,8 L40,13 L44,10 L48,15 L52,11 L56,14 L60,9 L64,13 L68,10 L72,15 L76,11 L80,14 L84,9 L88,13 L92,11 L96,15 L100,8 L104,13 L108,10 L112,14 L116,11 L120,15 L124,9 L128,13 L132,10 L136,15 L140,11 L144,14 L148,9 L152,13 L156,11 L160,15 L164,8 L168,13 L172,10 L176,15 L180,11 L184,14 L188,9 L192,13 L196,10 L200,14 L204,11 L208,15 L212,9 L216,13 L220,10 L224,15 L228,11 L232,14 L236,8 L240,13 L244,10 L248,15 L252,11 L256,14 L260,9 L264,13 L268,10 L272,15 L276,11 L280,14 L284,9 L288,13 L292,11 L296,15 L300,8 L304,13 L308,10 L312,14 L316,11 L320,15 L324,9 L328,13 L332,10 L336,15 L340,11 L344,14 L348,9 L352,13 L356,11 L360,15 L364,8 L368,13 L372,10 L376,15 L380,11 L384,14 L388,9 L392,13 L396,10 L400,14 L404,11 L408,15 L412,9 L416,13 L420,10 L424,15 L428,11 L432,14 L436,8 L440,13 L444,10 L448,15 L452,11 L456,14 L460,9 L464,13 L468,10 L472,15 L476,11 L480,14 L484,9 L488,13 L492,11 L496,15 L500,8 L504,13 L508,10 L512,14 L516,11 L520,15 L524,9 L528,13 L532,10 L536,15 L540,11 L544,14 L548,9 L552,13 L556,10 L560,14 L564,11 L568,15 L572,9 L576,13 L580,10 L584,15 L588,11 L592,14 L596,8 L600,13 L604,10 L608,15 L612,11 L616,14 L620,9 L624,13 L628,10 L632,15 L636,11 L640,14 L644,9 L648,13 L652,11 L656,15 L660,8 L664,13 L668,10 L672,14 L676,11 L680,15 L684,9 L688,13 L692,10 L696,15 L700,11 L704,14 L708,9 L712,13 L716,10 L720,15 L724,11 L728,14 L732,8 L736,13 L740,10 L744,15 L748,11 L752,14 L756,9 L760,13 L764,10 L768,15 L772,11 L776,14 L780,9 L784,13 L788,11 L792,15 L796,8 L800,13 L804,10 L808,14 L812,11 L816,15 L820,9 L824,13 L828,10 L832,15 L836,11 L840,14 L844,9 L848,13 L852,11 L856,15 L860,8 L864,13 L868,10 L872,14 L876,11 L880,15 L884,9 L888,13 L892,10 L896,15 L900,11 L904,14 L908,9 L912,13 L916,10 L920,15 L924,11 L928,14 L932,8 L936,13 L940,10 L944,15 L948,11 L952,14 L956,9 L960,13 L964,10 L968,15 L972,11 L976,14 L980,9 L984,13 L988,11 L992,15 L996,8 L1000,13 L1004,10 L1008,14 L1012,11 L1016,15 L1020,9 L1024,13 L1028,10 L1032,15 L1036,11 L1040,14 L1044,9 L1048,13 L1052,11 L1056,15 L1060,8 L1064,13 L1068,10 L1072,14 L1076,11 L1080,15 L1084,9 L1088,13 L1092,10 L1096,14 L1100,11 L1104,15 L1108,9 L1112,13 L1116,10 L1120,14 L1124,11 L1128,15 L1132,8 L1136,13 L1140,10 L1144,14 L1148,11 L1152,15 L1156,9 L1160,13 L1164,10 L1168,14 L1172,11 L1176,15 L1180,9 L1184,13 L1188,10 L1192,14 L1196,11 L1200,15 L1204,8 L1208,13 L1212,10 L1216,14 L1220,11 L1224,15 L1228,9 L1232,13 L1236,10 L1240,14 L1244,11 L1248,15 L1252,9 L1256,13 L1260,10 L1264,14 L1268,11 L1272,15 L1276,8 L1280,13 L1284,10 L1288,14 L1292,11 L1296,15 L1300,9 L1304,13 L1308,10 L1312,14 L1316,11 L1320,15 L1324,9 L1328,13 L1332,10 L1336,14 L1340,11 L1344,15 L1348,8 L1352,13 L1356,10 L1360,14 L1364,11 L1368,15 L1372,9 L1376,13 L1380,10 L1384,14 L1388,11 L1392,15 L1396,9 L1400,12 L1404,10 L1408,14 L1412,11 L1416,15 L1420,9 L1424,12 L1428,10 L1432,14 L1436,11 L1440,13 L1440,28 Z' fill='%23FDFBF7'/%3E%3C/svg%3E");
	background-size: 100% 100%;
}

/* Warm golden wash — ties photo to the cream palette */
.tinas-hero-warm-wash {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(
		110deg,
		rgba(253, 251, 247, 0.28) 0%,
		rgba(226, 149, 59, 0.10) 45%,
		rgba(14, 91, 101, 0.18) 100%
	);
}

.tinas-hero-overlay {
	position: relative;
	z-index: 2;
	width: 100%;
	display: flex;
	align-items: center;
	padding: 5rem 6%;
}

/* Handwritten-label card — slightly rotated, shadow-pinned feel */
.tinas-hero-card {
	position: relative;
	max-width: 500px;
	background: rgba(253, 251, 247, 0.95);
	padding: 2.75rem 2.5rem 2.5rem;
	border-radius: 3px 20px 5px 16px / 16px 4px 20px 5px;
	box-shadow:
		5px 7px 0 rgba(226, 149, 59, 0.4),
		0 20px 52px -10px rgba(14, 91, 101, 0.3);
	transform: rotate(-1.2deg);
	transition: transform 0.4s ease, box-shadow 0.4s ease;
	transform-style: preserve-3d;
	perspective: 800px;
}

.tinas-hero-card:hover {
	transform: rotate(-0.4deg) perspective(800px) rotateX(3deg) rotateY(-3deg) translateY(-5px);
	box-shadow:
		8px 20px 0 rgba(226, 149, 59, 0.3),
		0 36px 64px -8px rgba(14, 91, 101, 0.38);
}

/* Accent tape strips — scrapbook feel */
.tinas-tear {
	position: absolute;
	pointer-events: none;
	z-index: 0;
}

/* Gold strip across the top */
.tinas-tear--gold {
	background: #E2953B;
	height: 8px;
	width: 65%;
	top: -5px;
	left: 10%;
	border-radius: 2px 1px 3px 2px;
	opacity: 0.9;
}

/* Teal strip down the right edge */
.tinas-tear--teal {
	background: #1292A1;
	width: 8px;
	height: 55%;
	bottom: 12%;
	right: -5px;
	border-radius: 1px 3px 2px 1px;
	opacity: 0.75;
}

/* Coral strip along the bottom */
.tinas-tear--coral {
	background: #E06A4E;
	height: 6px;
	width: 45%;
	bottom: -4px;
	right: 12%;
	border-radius: 2px 1px 2px 1px;
	opacity: 0.8;
}

/* Text inside the card */
.tinas-hero-card .tinas-eyebrow {
	position: relative;
	z-index: 1;
	margin-bottom: 0.5rem;
}

.tinas-hero-h1 {
	font-family: var(--wp--preset--font-family--pacifico) !important;
	font-size: clamp(2.4rem, 4vw, 3.4rem) !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
	color: #0E5B65 !important;
	margin: 0 0 0 !important;
	position: relative;
	z-index: 1;
}

.tinas-hero-divider {
	width: 52px;
	height: 3px;
	background: #E2953B;
	border-radius: 2px;
	margin: 1rem 0 1rem;
	position: relative;
	z-index: 1;
}

.tinas-hero-sub {
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: 0.95rem;
	line-height: 1.75;
	color: #2a5c63;
	margin: 0 0 1.75rem;
	position: relative;
	z-index: 1;
}

.tinas-hero-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	position: relative;
	z-index: 1;
}

.tinas-btn {
	font-family: var(--wp--preset--font-family--montserrat);
	font-weight: 700;
	font-size: 0.875rem;
	padding: 0.65rem 1.6rem;
	border-radius: 999px;
	text-decoration: none;
	display: inline-block;
	transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
	/* Packaging-style double outline: inner white ring + outer colour border */
	outline: 2px solid transparent;
	outline-offset: 0;
	box-shadow: inset 0 0 0 2px rgba(255,255,255,0.55);
}
.tinas-btn:hover {
	transform: translateY(-1px);
	box-shadow: inset 0 0 0 2px rgba(255,255,255,0.85), 0 4px 14px rgba(0,0,0,0.18);
}

.tinas-btn:active {
	transform: translateY(2px);
	box-shadow:
		inset 0 0 0 2px rgba(255,255,255,0.4),
		inset 0 4px 10px rgba(0,0,0,0.28),
		inset 0 2px 4px rgba(0,0,0,0.2);
	filter: brightness(0.88);
}

.tinas-btn--primary {
	background: #1292A1;
	color: #fff;
	border: 2px solid #0E5B65;
}
.tinas-btn--primary:hover { background: #0E5B65; color: #fff; border-color: #0a3f46; }

.tinas-btn--coral {
	background: #E06A4E;
	color: #fff;
	border: 2px solid #b8442c;
}
.tinas-btn--coral:hover { background: #c45a40; color: #fff; border-color: #8f3422; }

@media (max-width: 640px) {
	.tinas-hero-fullwidth { min-height: 80vh; align-items: flex-end; }
	.tinas-hero-overlay { padding: 2rem 1.25rem 2.5rem; }
	.tinas-hero-card { max-width: 100%; transform: rotate(0); padding: 1.75rem 1.5rem; }
	.tinas-hero-h1 { font-size: 2.2rem !important; }
}