/*
Theme Name: Kortez Preschool
Theme URI: https://kortezthemes.com/kortez-preschool/
Author: kortezthemes
Author URI: https://kortezthemes.com
Description: Kortez Preschool is a specialized WordPress block theme ideally suited for various educational websites.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kortez-preschool
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, education

Kortez Preschool WordPress Theme, Copyright 2024 kortezthemes
Kortez Preschool is distributed under the terms of the GNU General Public License v3
*/

/* Reset Default Blocks Gap */
body.editor-styles-wrapper .wp-site-blocks > * {
   margin-block-start: 0;
}
.wp-site-blocks > * {
   margin-block-start: 0;
}

/* Support Alignfull */
body {
   overflow-x: hidden;
}
.entry-content .alignfull {
  margin-left: calc( -50vw + 50%);
  margin-right: calc( -50vw + 50%);
  max-width: 100%;
  width: 100%;
}

/* Navigation */
@media screen and (min-width: 600px){
   .wp-block-navigation ul.wp-block-navigation-submenu li {
     border-bottom: 1px solid rgba(0,0,0,.15);
   }
   .wp-block-navigation ul.wp-block-navigation-submenu li:last-child {
     border: none;
   }
}

/* --- Responsive Image Styling Additions with left padding --- */

/* Basic responsive rules for all images */
img {
    max-width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box; /* Ensures padding/border don't affect max-width */
    /* Remove padding-left from here as more specific rules will handle it */
}

/* More specific rules for images within WordPress content to increase specificity */
/* Using :where() for better specificity management or adding important where needed */
.wp-block-post-content img,
.wp-block-post-featured-image img,
.entry-content img,
.wp-block-image img {
    max-width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    /* Add padding-left and explicitly reset others */
    padding-left: 10px !important; /* Added !important to force application */
    padding-right: 0 !important;   /* Explicitly remove any existing right padding */
    margin-left: 0 !important;     /* Explicitly remove any existing left margin */
    margin-right: 0 !important;    /* Explicitly remove any existing right margin */
}

/* For images that might be aligned (left, right, center) - reset padding/margin as they might have their own spacing */
.wp-block-image.alignleft,
.wp-block-image.alignright {
    max-width: 100%;
    width: auto;
    padding-left: 0 !important;  /* Reset for aligned images */
    padding-right: 0 !important; /* Reset for aligned images */
    margin-left: auto !important; /* Allow browser to determine margins for alignment */
    margin-right: auto !important; /* Allow browser to determine margins for alignment */
}

/* If images have a specific width attribute, we might need to override it for responsiveness */
img[width] {
    width: auto !important; /* Reset explicit width attributes for responsiveness */
}

/* To ensure images inside figure elements are also responsive (common in WP) */
figure.wp-block-image img,
figure img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    padding-left: 10px !important; /* Added 10px padding to the left for figure images */
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* --- End Responsive Image Styling Additions --- */