/* 
Theme Name: سلام المنتور کودک
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: نالب | nulleb.ir
Author URI: https://nulleb.ir
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*
 * Euphoric design system uses html { font-size: .5208333333vw } as rem base.
 * This makes 1rem ≈ 10px on 1920px screens instead of 16px.
 * Elementor widgets use inline px styles so they're unaffected, but the
 * Hello Elementor theme CSS (header, footer, WP defaults) uses rem for
 * spacing and font-sizes. The overrides below neutralise the shrunken rem
 * for everything OUTSIDE the euphoric shortcode markup.
 */

/* ── Reset font-size on Elementor & general WP containers ────────────── */
body .elementor,
body .site-header,
body .site-footer,
body #comments,
body .pagination,
body .wp-caption,
body .alignleft,
body .alignright,
body .aligncenter {
    font-size: 16px;
}

@media (max-width: 768px) {
    body .elementor,
    body .site-header,
    body .site-footer,
    body #comments,
    body .pagination,
    body .wp-caption {
        font-size: 16px;
    }
}

/* ── Hello Elementor theme header/footer rem overrides ───────────────── */
.site-header {
    padding-block-start: 16px;
    padding-block-end: 16px;
}
.site-header .site-title {
    font-size: 40px;
}
.site-header .site-branding {
    gap: 8px;
}
.site-footer {
    padding-block-start: 16px;
    padding-block-end: 16px;
}
.site-footer .site-title {
    font-size: 24px;
}
.site-footer .site-branding {
    gap: 8px;
}

/* ── Navigation toggle rem overrides ─────────────────────────────────── */
.site-navigation-toggle-holder .site-navigation-toggle-icon {
    width: 20px;
}
.site-navigation-toggle-holder .site-navigation-toggle-icon:before {
    box-shadow: 0 5.6px 0 currentColor;
    margin-block-end: 8px;
}
.site-navigation-toggle-holder .site-navigation-toggle-icon:after {
    /* inherits from theme */
}
.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before {
    box-shadow: none;
    transform: translateY(5.6px) rotate(45deg);
}
.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:after {
    transform: translateY(-5.6px) rotate(-45deg);
}
.site-navigation-dropdown .menu-item {
    padding: 8px;
}

/* ── WordPress default content rem overrides ─────────────────────────── */
.wp-caption .wp-caption-text {
    font-size: 13px;
    padding: 12px;
}
.pagination {
    font-size: 16px;
    margin-block-end: 14.4px;
}
.alignleft {
    margin-right: 16px;
}
.alignright {
    margin-left: 16px;
}
.wp-caption {
    margin-block-end: 20px;
}


@media screen and (min-width: 768px){
    a.home__nav__item.cursor--hover--link.has-image .home__nav__item__inner {
    	width: var(--home-bubble-circle-size);
	}
}


@media screen and (max-width: 768px){
    a.home__nav__item.cursor--hover--link.has-image .home__nav__item__inner {
    	width: var(--home-bubble-mobile-circle-size);
	}
}