/*
Theme Name: Franco Ferrari My Books
Description: Tema su misura per francoferrarimybooks.it: sfondo di libreria, foglio chiaro centrale, titoli in Garamond corsivo e menu a riquadri, come il sito originale ma leggibile anche da telefono.
Version: 1.0.1
Requires at least: 6.4
Requires PHP: 7.4
Author: Davide Caruso
License: GPL-2.0-or-later
Text Domain: ffmybooks
*/

/* Sfondo: la libreria del sito originale (striscia che si ripete in verticale).
   Si cambia da Aspetto > Editor > Stili > Sfondo. */
body { background-color: #6b5a4e; }

/* Il foglio centrale */
.ff-foglio {
	max-width: 1180px;
	margin: 0 auto;
	background: var(--wp--preset--color--carta);
	box-shadow: 0 0 40px rgba(0, 0, 0, .35);
	min-height: 100vh;
}

/* Menu in alto: riquadri in maiuscoletto come l'originale */
.ff-menu-alto .wp-block-navigation-item__content {
	border: 1px solid var(--wp--preset--color--filo);
	padding: 6px 12px 7px;
	text-transform: uppercase;
	letter-spacing: .06em;
	font-size: 12.5px;
	background: rgba(255, 255, 255, .5);
	transition: border-color .15s, color .15s;
}
.ff-menu-alto .wp-block-navigation-item__content:hover,
.ff-menu-alto .current-menu-item > .wp-block-navigation-item__content {
	border-color: var(--wp--preset--color--bordeaux);
	color: var(--wp--preset--color--bordeaux);
}
.ff-menu-alto .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	border: 0;
	text-transform: none;
	letter-spacing: 0;
	font-size: 15px;
	background: none;
}
.ff-menu-alto .wp-block-navigation__submenu-container {
	border: 1px solid var(--wp--preset--color--filo) !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
}

/* Titolo del sito */
.ff-titolo-sito a { text-decoration: none; }
.ff-titolo-sito .ff-mybooks { font-weight: 400; color: var(--wp--preset--color--seppia); }

/* Banner con Franco */
.ff-banner img { width: 100%; height: auto; display: block; border-radius: 2px; }

/* Barra laterale */
.ff-laterale .wp-block-navigation { gap: 0; }
.ff-laterale .wp-block-navigation-item { width: 100%; border-bottom: 1px solid var(--wp--preset--color--filo); }
.ff-laterale .wp-block-navigation-item__content { display: block; padding: 9px 0; width: 100%; }
.ff-laterale .wp-block-navigation__submenu-container { position: static !important; opacity: 1 !important; visibility: visible !important; width: 100% !important; height: auto !important; border: 0 !important; padding-left: 14px !important; background: none !important; min-width: 0 !important; }
.ff-laterale .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 6px 0; font-size: 15px; }
.ff-laterale .wp-block-navigation-submenu__toggle { display: none; }
.ff-riquadro-biblioteca { border: 1px solid var(--wp--preset--color--filo); background: rgba(255, 255, 255, .6); }

/* Contenuti */
.entry-content img, .wp-block-post-content img { max-width: 100%; height: auto; }
.wp-block-post-content .wp-caption, .wp-block-post-content .alignleft { margin-right: 1.2em; }
.wp-block-post-content .alignleft { float: left; }
.wp-block-post-content .alignright { float: right; margin-left: 1.2em; }
.wp-block-post-content .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-block-post-content .wp-caption-text { font-size: 14px; color: var(--wp--preset--color--seppia); font-style: italic; }
.wp-block-post-content iframe { max-width: 100%; }
.wp-block-post-content::after { content: ""; display: table; clear: both; }
.wp-block-post-content blockquote { border-left: 3px solid var(--wp--preset--color--bordeaux); margin-left: 0; padding-left: 1em; font-style: italic; }

.ff-elenco-articoli .wp-block-post { border-bottom: 1px solid var(--wp--preset--color--filo); padding-bottom: 1.4em; }

:focus-visible { outline: 2px solid var(--wp--preset--color--bordeaux); outline-offset: 2px; }

@media (max-width: 781px) {
	body { background-attachment: scroll !important; }
	.ff-menu-alto .wp-block-navigation-item__content { border: 0; text-transform: none; letter-spacing: 0; font-size: 18px; background: none; padding: 6px 0; }
	.ff-laterale { border-top: 1px solid var(--wp--preset--color--filo); padding-top: 1.5em; }
}
@media print {
	body { background: #fff !important; }
	.ff-foglio { box-shadow: none; max-width: none; }
	.ff-menu-alto, .ff-laterale, .ff-banner, footer.wp-block-template-part { display: none !important; }
}

/* Sottomenu della barra laterale, sempre aperti e allineati */
.ff-laterale .wp-block-navigation-item.has-child { flex-direction: column; align-items: flex-start; }
.ff-laterale .wp-block-navigation__submenu-container { left: auto !important; top: auto !important; }
.ff-laterale .wp-block-navigation__submenu-container .wp-block-navigation-item { border-bottom: 0; }

/* Telefono: le immagini affiancate al testo nei vecchi articoli vanno sopra al testo */
@media (max-width: 600px) {
	.wp-block-post-content .alignleft,
	.wp-block-post-content .alignright,
	.wp-block-post-content .wp-caption { float: none !important; margin: 0 auto 1em !important; max-width: 100% !important; width: auto !important; }
	.wp-block-post-content img { display: block; margin: 0 auto; }
}