/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* ==========================================================================
   Hero Section Fallback for Posts Without Featured Image
   ========================================================================== */
.hero-section[data-type="type-2"].hero-no-thumbnail,
.hero-section[data-type="type-2"]:not(:has(figure)) {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #29333c 100%) !important;
    --min-height: 280px !important;
    min-height: 280px !important;
    display: flex;
    align-items: center;
}

.hero-section[data-type="type-2"].hero-no-thumbnail .entry-header,
.hero-section[data-type="type-2"]:not(:has(figure)) .entry-header {
    width: 100%;
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

.hero-section[data-type="type-2"].hero-no-thumbnail .page-title,
.hero-section[data-type="type-2"]:not(:has(figure)) .page-title {
    color: #ffffff !important;
    --heading-color: #ffffff !important;
}

.hero-section[data-type="type-2"].hero-no-thumbnail .entry-meta,
.hero-section[data-type="type-2"]:not(:has(figure)) .entry-meta,
.hero-section[data-type="type-2"].hero-no-thumbnail .entry-meta a,
.hero-section[data-type="type-2"]:not(:has(figure)) .entry-meta a,
.hero-section[data-type="type-2"].hero-no-thumbnail .entry-meta time,
.hero-section[data-type="type-2"]:not(:has(figure)) .entry-meta time {
    color: rgba(255, 255, 255, 0.85) !important;
    --color: rgba(255, 255, 255, 0.85) !important;
}

.hero-section[data-type="type-2"].hero-no-thumbnail .entry-meta a:hover,
.hero-section[data-type="type-2"]:not(:has(figure)) .entry-meta a:hover {
    color: #38bdf8 !important;
}

/** about us page **/
.ct-custom.elementor-widget-image-box,
.ct-custom .elementor-widget-container {
	height: 100%;
}

.ct-custom .elementor-widget-container {
	overflow: hidden;
}

.ct-custom .elementor-image-box-content {
	padding: 0 30px;
}

/* Hero Section Fallback for Posts Without Featured Image */
.hero-section[data-type="type-2"].hero-no-thumbnail,
.hero-section[data-type="type-2"]:not(:has(figure)) {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #29333c 100%) !important;
    --min-height: 280px !important;
    min-height: 280px !important;
    display: flex !important;
    align-items: center !important;
}
.hero-section[data-type="type-2"].hero-no-thumbnail .entry-header,
.hero-section[data-type="type-2"]:not(:has(figure)) .entry-header {
    width: 100% !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.hero-section[data-type="type-2"].hero-no-thumbnail .page-title,
.hero-section[data-type="type-2"]:not(:has(figure)) .page-title {
    color: #ffffff !important;
    --heading-color: #ffffff !important;
}
.hero-section[data-type="type-2"].hero-no-thumbnail .entry-meta,
.hero-section[data-type="type-2"]:not(:has(figure)) .entry-meta,
.hero-section[data-type="type-2"].hero-no-thumbnail .entry-meta a,
.hero-section[data-type="type-2"]:not(:has(figure)) .entry-meta a,
.hero-section[data-type="type-2"].hero-no-thumbnail .entry-meta time,
.hero-section[data-type="type-2"]:not(:has(figure)) .entry-meta time {
    color: rgba(255, 255, 255, 0.85) !important;
    --color: rgba(255, 255, 255, 0.85) !important;
}
.hero-section[data-type="type-2"].hero-no-thumbnail .entry-meta a:hover,
.hero-section[data-type="type-2"]:not(:has(figure)) .entry-meta a:hover {
    color: #38bdf8 !important;
}

/* ==========================================================================
   WhatsApp Header Contact Button - Premium Redesign
   ========================================================================== */
li.menu-item-4405,
#header-menu-1 li.menu-item-4405,
.header-menu-1 li.menu-item-4405,
#menu-main-menu li.menu-item-4405 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    margin: 0 8px 0 14px !important;
    padding: 0 !important;
    list-style: none !important;
}

li.menu-item-4405 > a,
#header-menu-1 li.menu-item-4405 > a,
.header-menu-1 li.menu-item-4405 > a,
#menu-main-menu li.menu-item-4405 > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    height: 36px !important;
    max-height: 36px !important;
    min-height: 36px !important;
    padding: 0 15px !important;
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: inherit !important;
    letter-spacing: 0.2px !important;
    line-height: 36px !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 8px rgba(37, 211, 102, 0.35) !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-sizing: border-box !important;
    border: none !important;
}

li.menu-item-4405 > a::before,
#header-menu-1 li.menu-item-4405 > a::before,
.header-menu-1 li.menu-item-4405 > a::before,
#menu-main-menu li.menu-item-4405 > a::before {
    content: "" !important;
    display: inline-block !important;
    width: 17px !important;
    height: 17px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.816 9.816 0 0 0 12.04 2zm.01 1.67c2.2 0 4.26.86 5.82 2.42a8.225 8.225 0 0 1 2.41 5.83c0 4.54-3.7 8.24-8.24 8.24-1.48 0-2.93-.4-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.196 8.196 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.24-8.24zm4.52 11.66c-.25-.13-1.47-.72-1.7-.81-.23-.08-.39-.13-.56.13-.17.25-.64.81-.79.97-.14.17-.29.19-.54.06-.25-.13-1.06-.39-2.02-1.25-.75-.67-1.26-1.5-1.4-1.75-.15-.25-.02-.39.11-.51.11-.11.25-.29.37-.44.13-.15.17-.25.25-.42.08-.17.04-.31-.02-.44-.06-.13-.56-1.34-.76-1.84-.2-.49-.4-.42-.56-.43h-.48c-.17 0-.44.06-.67.31-.23.25-.88.86-.88 2.1 0 1.24.9 2.44 1.03 2.61.13.17 1.77 2.7 4.29 3.79.6.26 1.07.41 1.43.53.6.19 1.15.16 1.58.1.48-.07 1.47-.6 1.68-1.18.21-.58.21-1.08.15-1.18-.06-.1-.22-.16-.47-.29z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    flex-shrink: 0 !important;
}

li.menu-item-4405 > a:hover,
#header-menu-1 li.menu-item-4405 > a:hover,
.header-menu-1 li.menu-item-4405 > a:hover,
#menu-main-menu li.menu-item-4405 > a:hover {
    background: linear-gradient(135deg, #1ebd5a 0%, #0d7065 100%) !important;
    color: #ffffff !important;
    transform: translateY(-1.5px) !important;
    box-shadow: 0 4px 14px rgba(37, 211, 102, 0.45) !important;
}

li.menu-item-4405 > a:active,
#header-menu-1 li.menu-item-4405 > a:active,
.header-menu-1 li.menu-item-4405 > a:active,
#menu-main-menu li.menu-item-4405 > a:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 6px rgba(37, 211, 102, 0.35) !important;
}

/* Mobile Off-canvas Drawer Styling */
.ct-panel li.menu-item-4405,
.mobile-menu li.menu-item-4405 {
    height: auto !important;
    margin: 12px 0 !important;
    display: block !important;
}

.ct-panel li.menu-item-4405 > a,
.mobile-menu li.menu-item-4405 > a {
    width: 100% !important;
    height: 42px !important;
    max-height: 42px !important;
    border-radius: 8px !important;
    justify-content: center !important;
}