/*
Theme Name:        Twenty Twenty-Five SweetBerries
Description:       SweetBerries child theme of Twenty Twenty-Five. Example styling for The Daily Berry plugin (colors, fonts, font sizes) plus a wider global content width (1024px, set in theme.json). Built on the Bradenton pilot site as a reference for the Gainesville site developer.
Template:          twentytwentyfive
Version:           1.3.0
Author:            SweetBerries
Requires at least: 6.7
Requires PHP:      8.1
Text Domain:       twentytwentyfive-sweetberries
*/

/* ==========================================================================
   The Daily Berry — example theme styling
   --------------------------------------------------------------------------
   The plugin ships layout-only CSS; every color, font, and size below is the
   theme's choice. Full selector reference: wp-admin → The Daily Berry →
   Theme Styling. Two things to know when adapting this:

   1. The plugin stylesheet loads late (in the footer). For any property the
      plugin ALSO sets (borders, the today ring), win the specificity tie by
      prefixing with .dailyberry-cal-wrap — done below where needed.
   2. The plugin draws its lines, the badge outline, and the today ring from
      currentColor — so often just setting `color` is enough (see the badge).
   ========================================================================== */

:root {
	--sweetberries-crimson: #b91c1c;
	--sweetberries-green: #4b721d; /* the app's "secondary" — soup is green, flavor is crimson */
	--sweetberries-gold: #e5b641; /* the app's "accent" — sandwich special is gold */
	--sweetberries-gold-dark: #b45309; /* readable gold for label text */
	--sweetberries-cream: #fdf6ec;
	--sweetberries-line: #eadfce;
}

/* --------------------------------------------------------------------------
   Today banner  [dailyberry_today]
   -------------------------------------------------------------------------- */

.dailyberry-today {
	background: var(--sweetberries-cream);
	border: 1px solid var(--sweetberries-line);
	border-radius: 12px;
	padding: 1.25rem 1.5rem;
}

.dailyberry-today__label {
	font-family: var(--wp--preset--font-family--manrope, inherit);
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--sweetberries-crimson);
}

.dailyberry-today__name {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.2;
}

.dailyberry-today__desc {
	font-size: 1rem;
	color: color-mix(in srgb, currentColor 75%, transparent);
}

/* --------------------------------------------------------------------------
   Soup of the Day  [dailyberry_soup]
   --------------------------------------------------------------------------
   Mirrors the app: soup renders in forest green to set it apart from the
   crimson flavor block, on a light green-tinted panel. */

.dailyberry-soup {
	background: color-mix(in srgb, var(--sweetberries-green) 9%, #fff);
	border: 1px solid color-mix(in srgb, var(--sweetberries-green) 28%, #fff);
	border-radius: 12px;
	padding: 1.25rem 1.5rem;
}

.dailyberry-soup__label {
	font-family: var(--wp--preset--font-family--manrope, inherit);
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--sweetberries-green);
}

.dailyberry-soup__name {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.2;
}

.dailyberry-soup__desc {
	font-size: 1rem;
	color: color-mix(in srgb, currentColor 75%, transparent);
}

/* Sold Out pill — filled red with white text, like the app's error badge
   (overrides the generic outlined .dailyberry-badge styling above) */
.dailyberry-soup .dailyberry-badge--out {
	background: var(--sweetberries-crimson);
	border-color: var(--sweetberries-crimson);
	color: #fff;
	font-size: 0.75rem;
	font-weight: 600;
	padding: 0.2em 0.7em;
}

/* --------------------------------------------------------------------------
   Sandwich Special  [dailyberry_sandwich]
   --------------------------------------------------------------------------
   Mirrors the app: gold-tinted panel (the app's accent color), darker gold
   label for readability, rounded photo. */

.dailyberry-sandwich {
	background: color-mix(in srgb, var(--sweetberries-gold) 12%, #fff);
	border: 1px solid color-mix(in srgb, var(--sweetberries-gold) 40%, #fff);
	border-radius: 12px;
	padding: 1.25rem 1.5rem;
}

.dailyberry-sandwich__label {
	font-family: var(--wp--preset--font-family--manrope, inherit);
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--sweetberries-gold-dark);
}

.dailyberry-sandwich__title {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.2;
}

.dailyberry-sandwich__desc {
	font-size: 1rem;
	color: color-mix(in srgb, currentColor 75%, transparent);
}

.dailyberry-sandwich__photo {
	border-radius: 12px;
}

/* --------------------------------------------------------------------------
   Calendar  [dailyberry_calendar]
   -------------------------------------------------------------------------- */

.dailyberry-cal-nav__title {
	font-size: 1.25rem;
	font-weight: 700;
}

/* Previous / next month links styled as buttons */
.dailyberry-cal-nav__link {
	display: inline-block;
	padding: 0.45em 1.1em;
	background: var(--sweetberries-crimson);
	color: #fff;
	border-radius: 8px;
	font-size: 0.9rem;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	transition: background 0.15s ease;
}

.dailyberry-cal-nav__link:hover,
.dailyberry-cal-nav__link:focus {
	background: color-mix(in srgb, var(--sweetberries-crimson) 85%, black);
	color: #fff;
	text-decoration: none;
}

.dailyberry-cal-nav__link:active {
	background: color-mix(in srgb, var(--sweetberries-crimson) 75%, black);
}

/* Flavor links in the grid and the mobile list */
.dailyberry-flavor-link {
	color: var(--sweetberries-crimson);
	font-weight: 600;
	text-decoration: none;
	font-size: 1rem;
}

.dailyberry-flavor-link:hover,
.dailyberry-flavor-link:focus {
	text-decoration: none;
}

/* Weekday header row */
.dailyberry-cal-wrap .dailyberry-cal th {
	background: var(--sweetberries-cream);
	border-color: var(--sweetberries-line);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

/* Softer grid lines (plugin default derives them from the text color) */
.dailyberry-cal-wrap .dailyberry-cal__day {
	border-color: var(--sweetberries-line);
}

.dailyberry-cal__date {
	font-size: 0.75rem;
}

/* Today's square (grid) and today's row (mobile list) */
.dailyberry-cal-wrap .dailyberry-cal__day--today,
.dailyberry-cal-wrap .dailyberry-cal-list__day--today {
	box-shadow: inset 0 0 0 2px var(--sweetberries-crimson);
	background: rgba(185, 28, 28, 0.05);
}

.dailyberry-cal-wrap .dailyberry-cal-list__day {
	border-color: var(--sweetberries-line);
}

/* The outlined pill's border is currentColor, so color alone re-tints it */
.dailyberry-badge {
	color: var(--sweetberries-crimson);
	font-size: 0.7rem;
	font-weight: 600;
}

.dailyberry-star {
	color: var(--sweetberries-crimson);
}

/* --------------------------------------------------------------------------
   Description pop-up
   -------------------------------------------------------------------------- */

.dailyberry-modal__name {
	font-size: 1.3rem;
	font-weight: 700;
}

.dailyberry-modal__desc {
	font-size: 1rem;
}

.dailyberry-modal__close {
	background: var(--sweetberries-crimson);
	color: #fff;
	border: 0;
	border-radius: 8px;
	padding: 0.5em 1.4em;
	font-weight: 600;
	cursor: pointer;
}

.dailyberry-modal__close:hover {
	background: color-mix(in srgb, var(--sweetberries-crimson) 85%, black);
}