/*
Theme Name: Ilmoraa
Description: The block theme of the Ilmoraa studio site: who we are, our WordPress themes and plugins, support and contact.
Version: 1.0.0
Requires at least: 7.0
Tested up to: 7.1
Requires PHP: 7.4
Author: Ahmed Mahgoub
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ilmoraa
*/

/* Full-width sections sit edge to edge, and header, main and footer touch. */
.wp-site-blocks > * + * { margin-block-start: 0; }
.wp-block-post-content > .alignfull { margin-block-start: 0; }
.wp-block-post-content > .alignfull + .alignfull { margin-block-start: 0; }

/* Skip link and focus. */
:where(a, button, summary):focus-visible { outline: 3px solid var(--wp--preset--color--accent); outline-offset: 3px; border-radius: 2px; }

/* Header. */
.ilmoraa-header { border-bottom: 1px solid var(--wp--preset--color--line); }
.ilmoraa-header .wp-block-site-title a { text-decoration: none; }
.ilmoraa-header .wp-block-navigation a { text-decoration: none; }
.ilmoraa-header .wp-block-navigation a:hover { text-decoration: underline; text-underline-offset: 4px; }

/* Product cards. */
.ilmoraa-card { height: 100%; border: 1px solid var(--wp--preset--color--line); border-radius: 12px; overflow: hidden; background: var(--wp--preset--color--base); }
.ilmoraa-card .wp-block-image { margin: 0; }
.ilmoraa-card .wp-block-image img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-bottom: 1px solid var(--wp--preset--color--line); }
.ilmoraa-card__body { padding: 1.25rem 1.25rem 1.5rem; }
.ilmoraa-card__body > * + * { margin-block-start: 0.6rem; }

/* Status labels. */
.ilmoraa-status { display: inline-block; font-size: 0.8125rem; font-weight: 600; line-height: 1.3; padding: 0.2rem 0.6rem; border-radius: 999px; background: var(--wp--preset--color--tint); color: var(--wp--preset--color--accent-dark); }

/* Product detail rows. */
.ilmoraa-product { padding-block: 3rem; border-top: 1px solid var(--wp--preset--color--line); }
.ilmoraa-product img { border-radius: 10px; border: 1px solid var(--wp--preset--color--line); }
.ilmoraa-product ul { padding-left: 1.2rem; }
.ilmoraa-product li + li { margin-top: 0.35rem; }

/* Principles. */
.ilmoraa-point { border-top: 3px solid var(--wp--preset--color--accent); padding-top: 1rem; }

/* Lists in page text. */
.wp-block-post-content li + li { margin-top: 0.35rem; }