/*
Theme Name: Palatio Child Theme
Theme URI: https://palatio.axiomthemes.com/
Description: Palatio is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: AxiomThemes
Author URI: https://axiomthemes.com/
Version: 1.12.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: palatio
Template: palatio
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

/* ==========================================================================
   Luxury Garden Rooms - Custom Styles
   ========================================================================== */


/* ---- Premium Comes Standard: Tick icons + dividers on list items ---- */

#premium-comes-standard ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

#premium-comes-standard ul li {
    position: relative;
    padding: 14px 0 14px 36px;
    border-bottom: 1px solid rgba(18, 35, 46, 0.1);
    font-size: 15px;
    line-height: 1.6;
}

#premium-comes-standard ul li:last-child {
    border-bottom: none;
}

#premium-comes-standard ul li::before {
    content: "\2713";
    position: absolute;
    left: 0;
    top: 14px;
    width: 22px;
    height: 22px;
    background: #D8A01D;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}


/* ---- Model card layout improvements ---- */

.sc_blogger .sc_blogger_item .sc_blogger_item_excerpt {
    font-size: 14px;
    line-height: 1.5;
    color: #555;
    margin-top: 8px;
}

.sc_blogger .sc_blogger_item .post_title {
    font-size: 20px;
    line-height: 1.3;
}

/* Disable pointer/click on cards when no_links is set */
.sc_blogger_item a[href="#"],
.sc_blogger_item a[href=""] {
    pointer-events: none;
    cursor: default;
}


/* ---- Heading size overrides for h2 section titles ---- */

.sc_title .sc_item_title.sc_title_title {
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.2;
}

.sc_title .sc_item_subtitle {
    font-size: clamp(13px, 1.5vw, 15px);
}


/* ---- Services card improvements ---- */

.sc_services .sc_services_item .sc_services_item_title {
    font-size: 18px;
}

.sc_services .sc_services_item .sc_services_item_content {
    font-size: 14px;
    line-height: 1.6;
}

/* Remove hover link styling on service cards when links disabled */
.sc_services.sc_services_no_links .sc_services_item a {
    pointer-events: none;
    cursor: default;
}


/* ---- Footer cleanup ---- */

.footer_wrap .sc_item_title {
    font-size: 16px;
}

.footer_wrap .widget_custom_links li {
    font-size: 14px;
}


/* ---- Model section description text ---- */

.sc_title .sc_item_descr {
    font-size: 15px;
    line-height: 1.7;
    max-width: 800px;
    margin: 10px auto 0;
    color: #555;
}


/* ---- Groundwork / Manufacturing / Installation section titles ---- */

#groundwork-methods .sc_item_title,
#manufacturing .sc_item_title,
#installation-methods .sc_item_title {
    font-size: clamp(26px, 3.5vw, 38px);
}

#groundwork-methods .sc_item_descr,
#manufacturing .sc_item_descr,
#installation-methods .sc_item_descr {
    font-size: 15px;
    line-height: 1.7;
    max-width: 700px;
    margin: 10px auto 0;
    color: #555;
}

/* ---- Remove animations from bottom sections ---- */

#groundwork-methods .palatio-fadeinup,
#groundwork-methods ~ section .palatio-fadeinup,
#manufacturing .palatio-fadeinup,
#manufacturing ~ section .palatio-fadeinup,
#installation-methods .palatio-fadeinup,
#installation-methods ~ section .palatio-fadeinup {
    animation: none !important;
    -webkit-animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    -webkit-transform: none !important;
}

/* ---- Off-white background on each service card ---- */

#groundwork-methods ~ section .sc_services_item,
#installation-methods .sc_services_item,
#installation-methods ~ section .sc_services_item {
    background: #f8f6f4;
    padding: 10px;
    border-radius: 5px;
}

/* ---- More spacing between Groundwork / Manufacturing / Installation columns ---- */

#groundwork-methods ~ section .sc_services .trx_addons_columns_wrap,
#manufacturing ~ section .sc_services .trx_addons_columns_wrap,
#installation-methods ~ section .sc_services .trx_addons_columns_wrap {
    --theme-var-grid_gap: 40px;
}


/* ---- Portfolio card spec display ---- */

.sc_blogger_lay_portfolio .sc_blogger_item_title,
.sc_blogger_portestate .sc_blogger_item_title {
    font-size: 18px;
    font-weight: 600;
}

/* ---- Widen column gaps between portfolio items ---- */

.sc_blogger_lay_portfolio .sc_blogger_columns_wrap {
    --theme-var-grid_gap: 40px;
}

/* ---- Hide category text above model titles ---- */

.sc_blogger_lay_portfolio .sc_blogger_item_content .post_meta_categories,
.sc_blogger_lay_portfolio .sc_blogger_item_content .post_meta.post_meta_categories,
.sc_blogger_lay_portfolio .sc_blogger_item_content .sc_blogger_item_meta.post_meta_categories,
.sc_blogger_lay_portfolio .post_meta_categories {
    display: none !important;
}

/* ---- Spec pills styling ---- */

.sc_blogger_lay_portfolio .sc_blogger_item_excerpt {
    margin-top: 12px;
    padding-top: 0;
    border-top: none;
}

.spec-pills {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.spec-pill {
    display: block !important;
    padding: 6px 9px !important;
    background: #f2f2f2 !important;
    border-radius: 5px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    color: #12232e !important;
    font-weight: 700 !important;
}

span.spec-pill.spec-pill-dimensions {
    font-weight: 700 !important;
}

span.spec-pill.spec-pill-area {
    font-weight: 700 !important;
}

span.spec-pill.spec-pill-price {
    font-weight: 700 !important;
}


/* ---- Responsive adjustments ---- */

@media (max-width: 767px) {
    #premium-comes-standard ul li {
        padding: 12px 0 12px 32px;
        font-size: 14px;
    }

    #premium-comes-standard ul li::before {
        width: 20px;
        height: 20px;
        font-size: 11px;
        top: 12px;
    }

    .sc_title .sc_item_title.sc_title_title {
        font-size: 24px;
    }

    .sc_title .sc_item_descr {
        font-size: 14px;
    }
}


/* ---- Hide portfolio card meta, share, categories, readmore ---- */

.sc_blogger_lay_portfolio .sc_blogger_item_info .post_meta,
.sc_blogger_lay_portfolio .sc_blogger_item_info .post_meta_single,
.sc_blogger_lay_portfolio .sc_blogger_item_info .post_categories,
.sc_blogger_lay_portfolio .sc_blogger_item_info .post_readmore,
.sc_blogger_lay_portfolio .sc_blogger_item_info .post_counters,
.sc_blogger_lay_portfolio .sc_blogger_item_info .share_links,
.sc_blogger_lay_portfolio .sc_blogger_item_info .post_meta_item.post_date,
.sc_blogger_lay_portfolio .sc_blogger_item_info .post_meta_item.post_views_single,
.sc_blogger_lay_portfolio .sc_blogger_item_info .post_meta_item.post_likes_single,
.sc_blogger_lay_portfolio .sc_blogger_item_info .post_meta_item.post_comments_single,
.sc_blogger_lay_portfolio .sc_blogger_item_info .post_meta_item.share_links_trigger,
.sc_blogger_lay_portfolio .sc_blogger_item_info .post_meta_item.post_share,
.sc_blogger_lay_portfolio .post_meta,
.sc_blogger_lay_portfolio .share_links {
    display: none !important;
}

/* Hide the category/group links on portfolio cards */
.sc_blogger_lay_portfolio .post_categories_list,
.sc_blogger_lay_portfolio .post_meta_item.post_categories {
    display: none !important;
}

/* Make the card image unclickable */
.sc_blogger_lay_portfolio.no_links .sc_blogger_item_featured .mask,
.sc_blogger_lay_portfolio .sc_blogger_item.no_links .sc_blogger_item_featured .mask {
    pointer-events: none;
}

.no_links .sc_blogger_item_featured a.link,
.sc_blogger_item.no_links .sc_blogger_item_featured a.link {
    pointer-events: none;
    cursor: default;
}

/* Excerpt area (pills container) */
.sc_blogger_lay_portfolio .sc_blogger_item_excerpt {
    font-size: 13px;
    line-height: 1.5;
    color: #555;
    margin-top: 12px;
    padding-top: 0;
    border-top: none;
}

/* Make the post title not look like a link */
.no_links .sc_blogger_item_title a,
.sc_blogger_item.no_links .sc_blogger_item_title a {
    pointer-events: none;
    cursor: default;
    color: inherit;
    text-decoration: none;
}

/* Also hide share/meta on all portfolio items on this homepage */
.page-id-35102 .sc_blogger_item .post_meta,
.page-id-35102 .sc_blogger_item .share_links,
.page-id-35102 .sc_blogger_item .post_categories_list,
.page-id-35102 .sc_blogger_item .post_counters {
    display: none !important;
}

/* ---- Service card featured images max-width ---- */

img.attachment-medium.size-medium.wp-post-image {
    max-width: 60% !important;
}


/* ---- Responsive: spec pills ---- */
@media (max-width: 767px) {
    .spec-pills {
        gap: 4px;
    }
    .spec-pill {
        padding: 3px 10px;
        font-size: 11px;
    }
}