/*
Theme Name: Gunamalik
Theme URI: https://gunamalik.com
Author: Gunamalik
Author URI: https://gunamalik.com
Description: Official FSE block theme for Gunamalik — dual-brand site for Gunamalik Bakes & Co. and Gunamalik Digital. Built with full Gutenberg/FSE support and custom blocks.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.7
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gunamalik
Tags: full-site-editing, block-themes, custom-blocks, two-columns, wide-blocks
*/

body { margin: 0; }

/* ---------------------------------------------------------------------------
   Global: Sections
   Shared layout wrapper used by all Bakes and Digital content blocks.
--------------------------------------------------------------------------- */
.gm-digital-section,
.gm-bakes-section {
	padding: 5.5rem 0;
}

.gm-digital-section__inner,
.gm-bakes-section__inner {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 2.5rem;
}

/* ---------------------------------------------------------------------------
   Global: Section Labels
   The short-line + uppercase eyebrow pattern used across all blocks.
--------------------------------------------------------------------------- */
.gm-section-label {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 10px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	margin-bottom: 22px;
}

.gm-section-label--bakes {
	color: var(--wp--preset--color--bakes-gold);
}

.gm-section-label--bakes::before {
	content: '';
	display: inline-block;
	width: 22px;
	height: 1px;
	background: var(--wp--preset--color--bakes-gold);
	flex-shrink: 0;
}

.gm-section-label--digital {
	color: var(--wp--preset--color--digital-blue);
}

.gm-section-label--digital::before {
	content: '';
	display: inline-block;
	width: 22px;
	height: 1px;
	background: var(--wp--preset--color--digital-blue);
	flex-shrink: 0;
}

/* ---------------------------------------------------------------------------
   Global: Buttons
--------------------------------------------------------------------------- */
.gm-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 11px 26px;
	border-radius: 999px;
	border: none;
	font-family: var(--wp--preset--font-family--raleway);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}

.gm-btn--bakes-primary {
	background: var(--wp--preset--color--bakes-dark);
	color: var(--wp--preset--color--bakes-bg);
}
.gm-btn--bakes-primary:hover { background: var(--wp--preset--color--bakes-gold); }

.gm-btn--bakes-outline {
	background: transparent;
	color: var(--wp--preset--color--bakes-dark);
	border: 1px solid rgba(59, 31, 10, 0.30);
}
.gm-btn--bakes-outline:hover { border-color: var(--wp--preset--color--bakes-gold); color: var(--wp--preset--color--bakes-gold); }

.gm-btn--digital-primary {
	background: var(--wp--preset--color--digital-navy);
	color: #fff;
}
.gm-btn--digital-primary:hover { background: var(--wp--preset--color--digital-blue); }

.gm-btn--digital-outline {
	background: transparent;
	color: var(--wp--preset--color--digital-navy);
	border: 1px solid rgba(74, 111, 212, 0.30);
}
.gm-btn--digital-outline:hover { border-color: var(--wp--preset--color--digital-blue); color: var(--wp--preset--color--digital-blue); }

/* ---------------------------------------------------------------------------
   Global: Form Rows
--------------------------------------------------------------------------- */
.gm-form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

@media (max-width: 480px) {
	.gm-form-row { grid-template-columns: 1fr; }
}

/* ---------------------------------------------------------------------------
   Global: Footer
--------------------------------------------------------------------------- */
.gm-footer {
	box-sizing: border-box;
}

.gm-footer .wp-block-navigation__container {
	gap: 2rem;
}

.gm-footer .wp-block-navigation-item__content {
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 11px;
	text-decoration: none;
	transition: opacity 0.2s ease;
}

.gm-footer .wp-block-navigation-item__content:hover {
	opacity: 1;
}

.gm-footer--bakes .wp-block-navigation-item__content {
	color: rgba(245, 239, 224, 0.6);
	font-family: var(--wp--preset--font-family--libre-baskerville);
}

.gm-footer--bakes .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--bakes-gold);
}

.gm-footer--digital .wp-block-navigation-item__content {
	color: rgba(255, 255, 255, 0.5);
	font-family: var(--wp--preset--font-family--raleway);
}

.gm-footer--digital .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--digital-blue);
}
