/*
Theme Name: Blockskit Agency
Theme URI: https://blockskit.com/blockskit-agency/
Author: BlockskitDev
Author URI: https://blockskit.com
Description: Blockskit Agency is a modern and versatile WordPress theme designed for various types of websites.
Template: blockskit-base
Version: 1.0.1
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: blockskit-agency
*/

/* ==========================================================================
   HEADLINES: Reduced & balanced font sizes
   ========================================================================== */

h1,
.wp-block-heading.has-xxxx-large-font-size,
.wp-block-post-title,
.entry-title {
    font-size: clamp(26px, 3.2vw, 34px) !important;
    line-height: 1.25 !important;
    letter-spacing: -0.5px !important;
}

h2,
.wp-block-heading.has-xxx-large-font-size {
    font-size: clamp(22px, 2.6vw, 27px) !important;
    line-height: 1.3 !important;
    letter-spacing: -0.25px !important;
}

h3,
.wp-block-heading.has-xx-large-font-size {
    font-size: clamp(18px, 2.1vw, 22px) !important;
    line-height: 1.35 !important;
}

h4,
.wp-block-heading.has-x-large-font-size {
    font-size: clamp(16px, 1.8vw, 19px) !important;
    line-height: 1.4 !important;
}

h5,
.wp-block-heading.has-large-font-size {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

h6,
.wp-block-heading.has-medium-font-size {
    font-size: 14px !important;
    line-height: 1.4 !important;
}

/* ==========================================================================
   PAGE HEADER & NAVIGATION BAR
   ========================================================================== */

header.wp-block-template-part {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

header.wp-block-template-part .wp-block-group {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

header.wp-block-template-part .wp-block-site-title {
    font-size: 17px !important;
    margin: 0 !important;
}

header.wp-block-template-part .wp-block-navigation {
    font-size: 13px !important;
}

header.wp-block-template-part .wp-block-navigation-item {
    padding: 4px 8px !important;
}

header.wp-block-template-part .wp-block-button__link {
    padding: 6px 16px !important;
    font-size: 13px !important;
}

/* Subpage inner banner cover: compact corporate gradient */
main .wp-block-cover.alignfull {
    min-height: 85px !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    margin-bottom: 24px !important;
    background: linear-gradient(135deg, #182046 0%, #242F65 60%, #1e295a 100%) !important;
    border-bottom: 2px solid #ff5152 !important;
}

main .wp-block-cover.alignfull .wp-block-post-title {
    font-size: 24px !important;
    margin: 0 !important;
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

/* ==========================================================================
   HOME HERO BANNER: Natural height & framing (faces completely visible)
   ========================================================================== */

.home .wp-block-cover.alignfull:first-of-type {
    min-height: 520px !important;
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}

.home .wp-block-cover.alignfull:first-of-type img.wp-block-cover__image-background {
    object-position: 50% 28% !important;
}