/*
Theme Name: Tronar
Theme URI: https://wordpress.com/theme/tronar/
Author: Automattic
Author URI: https://automattic.com/
Description: Tronar is a simple blog theme. It works best with featured images. The latest sticky post appears at the top with a large featured image.
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 5.7
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tronar
Tags: blog, one-column, wide-blocks, block-patterns, block-styles, featured-images, full-site-editing, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline >.wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 0.5px !important;
	text-underline-offset: 2px;
}

/*
 * Navigation Block
 * Reset the padding from List block
 * https://github.com/WordPress/gutenberg/issues/50486
 */
.wp-block-navigation ul {
	padding: unset;
}

/*
 * Navigation Block - Dropdown Icons
 * Style dropdown icons for menu items with submenus
 */
.wp-block-navigation .wp-block-navigation-item.has-child .wp-block-navigation__submenu-icon,
.wp-block-navigation .wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 0.5em;
	vertical-align: middle;
}

.wp-block-navigation .wp-block-navigation__submenu-icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
	transition: transform 0.2s ease;
}

.wp-block-navigation .wp-block-navigation-item.has-child[aria-expanded="true"] .wp-block-navigation__submenu-icon svg {
	transform: rotate(180deg);
}

/*
 * Pull quote Block
 * Reset the browser default margins for blockquote and paragraph element
 * https://github.com/WordPress/gutenberg/issues/44129
 */
.wp-block-pullquote blockquote,
.wp-block-pullquote p {
	margin: 0;
}

/*
 * Form field styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
input:not([type="submit"]):not([type="checkbox"]),
textarea,
.wp-block-post-comments-form input:not([type=submit]),
.wp-block-post-comments-form textarea,
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
	border-color: var(--wp--preset--color--secondary);
}

/*
 * Book Summaries Categories Section
 * Modern, card-based design for category links
 */
.book-summaries-categories-section {
	margin: var(--wp--preset--spacing--70) auto;
	padding: 0;
}

.book-summaries-categories-container {
	max-width: var(--wp--style--global--wide-size);
	margin: 0 auto;
}

.book-summaries-heading {
	font-family: var(--wp--preset--font-family--source-sans-3);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--wp--preset--color--contrast);
	margin: 0 0 var(--wp--preset--spacing--20) 0;
	line-height: 1.2;
}

.book-summaries-description {
	font-family: var(--wp--preset--font-family--spectral);
	font-size: var(--wp--preset--font-size--medium);
	color: var(--wp--preset--color--contrast);
	opacity: 0.8;
	margin: 0 0 var(--wp--preset--spacing--50) 0;
	line-height: 1.6;
}

.book-summaries-categories-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: var(--wp--preset--spacing--40);
	margin-top: var(--wp--preset--spacing--50);
}

.book-summaries-category-card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: var(--wp--preset--spacing--50);
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--secondary);
	border-radius: 4px;
	text-decoration: none;
	color: var(--wp--preset--color--contrast);
	transition: all 0.2s ease;
	min-height: 100px;
	text-align: center;
}

.book-summaries-category-card:hover {
	border-color: var(--wp--preset--color--primary);
	background: rgba(0, 112, 246, 0.03);
	transform: translateY(-2px);
	text-decoration: none;
}

.category-name {
	font-family: var(--wp--preset--font-family--source-sans-3);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: var(--wp--preset--spacing--20);
	display: block;
	color: var(--wp--preset--color--contrast);
}

.category-count {
	font-family: var(--wp--preset--font-family--source-sans-3);
	font-size: var(--wp--preset--font-size--x-small);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	opacity: 0.6;
	font-weight: 500;
}

@media (max-width: 768px) {
	.book-summaries-categories-grid {
		grid-template-columns: 1fr;
		gap: var(--wp--preset--spacing--30);
	}
	
	.book-summaries-category-card {
		padding: var(--wp--preset--spacing--40);
	}
}