/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Description: Blocksy Child Theme for PointsGobbler
Author: PointsGobbler Team
Author URI: http://pointsgobbler.local/
Template: blocksy
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blocksy-child
*/

/* PointsGobbler Custom Styles */

/* ===== NAVIGATION DROPDOWN FIX ===== */
/* Fix dropdown menu positioning - ensure dropdowns appear directly under nav items */

/* Target Blocksy's dropdown menus */
.header-menu-1 .sub-menu,
.ct-header .sub-menu,
[data-id="menu"] .sub-menu {
    top: 100% !important; /* Position directly below parent */
    margin-top: 0 !important; /* Remove any gap */
}

/* Ensure proper z-index stacking */
.ct-header,
[data-id="header"] {
    position: relative;
    z-index: 999;
}

.header-menu-1 .sub-menu,
.ct-header .sub-menu {
    z-index: 9999 !important; /* Above hero section */
}

/* Hero section positioning - ensure it doesn't overlap header */
.pg-hero {
    position: relative;
    z-index: 1; /* Below header and dropdowns */
    margin-top: 0 !important; /* No negative margin pulling it up */
    clear: both; /* Clear any floats from header */
}

/* Additional Blocksy-specific fixes */
.ct-header-cart .ct-dropdown-content,
.ct-header-search .ct-dropdown-content {
    top: 100% !important;
    margin-top: 0 !important;
}

/* Mobile menu fixes */
@media (max-width: 999px) {
    .mobile-menu .sub-menu {
        position: relative !important;
        top: auto !important;
    }
}

/* ===== HOMEPAGE CARD TITLE ALIGNMENT ===== */
/* Keep archive/homepage card titles visually flush even when headline lengths vary. */
.entries .entry-title,
.site-main .entry-title {
    line-height: 1.25;
}

.entries .entry-title a,
.site-main article .entry-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.5em;
}

/* Tighten card media rhythm after the fixed-height title block. */
.entries article .ct-media-container,
.site-main article .ct-media-container {
    margin-top: 14px;
}