/*
Theme Name: Cafe Nook
Author: Jenisha Munikar
Author URI: https://jenishamunikar.com.np/
Description: Cafe Nook is a modern WordPress block theme designed for cafes, coffee shops, roasteries, and specialty coffee brands. It ships with purpose-built block patterns for menu listings, roastery and about sections, shop and product previews, visit-us and location details, customer testimonials, and contact information — making it easy to launch a warm, inviting coffee shop website without writing code.
Version: 1.0.0
Requires at least: 6.8
Tested up to: 7.1
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: cafe-nook
Tags: full-site-editing, block-patterns, block-styles, custom-colors, custom-logo, editor-style, featured-images, wide-blocks
*/

html,
body,
.wp-block-post-author__avatar,
.wp-block-social-links,
.wp-block-post-excerpt__excerpt,
.wp-block-separator {
	margin: 0;
	padding: 0;
}

html,
body {
	overflow-x: hidden;
}

.no-margin-top {
	margin-top: 0 !important;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
html {
	font-smooth: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
}

body {
	font-smooth: auto;
	font-smooth: inherit;
	-webkit-font-smoothing: inherit;
}

.wp-site-blocks > .wp-block-group {
	margin-block-start: 0;
}

.wp-block-columns {
	margin-block-start: 0;
	margin-block-end: 0;
}

.wp-block-cover {
	margin-block-start: 0;
	margin-block-end: 0;
}

.cafe-nook-icon {
	background-color: var(--wp--preset--color--secondary);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.common-icon {
	width: 16px !important;
	height: 16px;
	flex-shrink: 0;
	margin: 0 !important;
}

.larger-icon {
	width: 20px;
	height: 20px;
	margin: 0;
}

.cafe-nook-icon img {
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0;
}

@media (max-width: 740px) {
	.site-header .header-actions {
		display: none;
	}
}

@media (max-width: 781px) {
	.roastery-content {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.cafe-nook-col-border {
		border: none;
		padding: 0 !important;
	}

	.cafe-nook-col-padding {
		padding-left: 0 !important;
	}
}