/*
Theme Name: Naufragat theme
Theme URI: https://naufragat.com
Author: Franck
Author URI: https://naufragat.com
Description: Naufragat theme from Twenty Twenty-Five theme
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
Template: twentytwentyfive
*/

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

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

body {
	padding-top: 40px;
	background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='40' height='60'><rect x='0' y='0' width='20' height='20' fill='%23333'/><rect x='20' y='20' width='20' height='20' fill='%23333333'/></pattern></defs><rect width='800%' height='40' transform='translate(0,0)' fill='url(%23a)'/></svg>");
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	max-width: 1080px;
    margin: 0 auto;
}

.wp-block-group:has(>.wp-block-site-tagline) {
	display: block;
}
.wp-block-site-tagline {
	background: #fffaf0;
	padding: 8px 2px;
	position: relative;
	top: -8px;
}

/* single header */
.wp-block-header {
	display: flex;
}
.wp-block-header .wp-block-header-content {
	width: 32%;
	padding-right: 2%;
}
.wp-block-header .wp-block-header-picture {
	width: 66%;
	position: relative;
}
.wp-block-header .wp-block-header-picture .wp-block-post-featured-image:after {
	content: '';
	height: 60px;
	width: 60px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: url("data:image/svg+xml,<svg width='60' height='60' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='20' height='20' fill='%23333'/><rect x='0' y='20' width='20' height='20' fill='%23fffaf0'/><rect x='20' y='20' width='20' height='20' fill='%23333'/><rect x='40' y='40' width='20' height='20' fill='%23333'/><rect x='20' y='40' width='20' height='20' fill='%23fffaf0'/><rect x='0' y='40' width='20' height='20' fill='%23333'/></svg>");
}

/* single content */
.entry-content {
	padding: 0 0 0 360px;
	margin: 0;
}

/* table of content */
.wp-block-rank-math-toc-block {
	position: absolute;
    left: 0;
    top: 517px;
    width: 320px;
}
.wp-block-rank-math-toc-block h2 {
	font: bold 12px Trebuchet MS, sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.wp-block-rank-math-toc-block ul {
	list-style: none;
    margin: 0;
    padding: 0;
	counter-reset: section;
	font-size: 20px;
	line-height: 30px;
}
.wp-block-rank-math-toc-block li {
	background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='8' height='3'><circle cx='1.5' cy='1.5' r='1.5' fill='%23333'/></pattern></defs><rect width='800%' height='3' fill='url(%23a)'/></svg>");
	background-position: right -11px;
	position: relative;
}
.wp-block-rank-math-toc-block li::before {
	counter-increment: section;
	content: counter(section);
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #fffaf0;
	padding-left: 6px;
	display: inline-block;
}
.wp-block-rank-math-toc-block a {
	background-color: #fffaf0;
	padding-right: 6px;
}

/* ingredients */
.ingredients {
	background-color: #fffaf0;
	border: solid 3px #333;
	border-radius: 8px;
	width: 240px;
	float: right;
	margin: 20px;
    position: relative;
    top: -80px;
}
.ingredients h2 {
	font: bold 12px Trebuchet MS, sans-serif;
	padding: 20px 20px 18px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 0;
}
.ingredients ul {
	list-style: none;
    margin: 0;
    padding: 0;
}
.ingredients ul li {
	border-top: solid #333 1px;
	padding: 10px 20px;
	margin: 0;
	font-size: 20px;
}


/* layout */