/*
Theme Name: PHOX Child
Theme URI: http://phox.whmcsdes.com/
Author: whmcsdes
Author URI: https://whmcsdes.com
Template: phox
Description: PHOX Child - Hosting Wordpress Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: domains, host, hosting, hosting templates, landing page, layout, layout switcher, modern, one page, template, web hosting templates, whmcs, whmcs templates, whmcsdes
Text Domain: phox
*/

/* * Custom CSS for the Seamless WHMCS Order Button
 * Class: .kloud-buy-btn 
 * This ensures the button is highly visible and contrasts with the Phox theme's default style.
 */

.kloud-buy-btn {
    /* 1. Size and Weight: Make it impossible to miss */
    font-size: 1.25em !important;      /* Larger text */
    font-weight: 700 !important;       /* Bolder text */
    padding: 15px 40px !important;     /* More padding around the text */
    min-width: 300px;                  /* Ensure a minimum width */
    
    /* 2. Color Override: Use a high-contrast color */
   /* background-color: #FF5733 !important; /* Vivid Orange/Red */
    /*border-color: #FF5733 !important;
    /*color: #FFFFFF !important;
    
    /* 3. Visual Polish: Soft shadow for depth */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    
    /* 4. Hover Effect: Make it respond to user action */
    transition: background-color 0.2s ease, transform 0.2s ease;
    display: inline-block; /* Essential for padding/min-width to work properly */
}

.kloud-buy-btn:hover {
    background-color: #E04E2D !important; /* Slightly darker on hover */
    transform: translateY(-2px);           /* Lift the button slightly */
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); /* Slightly bigger shadow on hover */
}

/* Ensures the button is centered on the single product page wrapper */
.product-order-wrapper {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
/* * FINAL FIX: Hiding Unwanted Blog/Meta Wrappers on CPT Archive Pages
 * This targets the specific elements that show "Blog", "Home", and CPT Title
 */
 
/* Hides the main "Blog" title that may be rendered by the theme */
.blog-content .page-header {
    display: none !important;
}

/* Hides the breadcrumbs if they are still showing the "Blog" link */
.blog-content .breadcrumb-list {
    display: none !important;
}

/* If the "Blog" text is still visible, target the outer wrapper */
body.archive .blog-content > h1:first-child,
body.archive .page-header h1.page-title {
    display: none !important;
}

/* Ensure the custom title we injected remains visible */
.karibukloud-archive-header {
    display: block !important; 
}
/* * FINAL FIX: Hiding Unwanted Blog/Meta Wrappers on CPT Archive Pages */

/* 1. Hides the main large "Blog" title that Phox renders on archive pages. */
/* This targets the title in the banner section above the content area. */
.main-header .banner-title h1 {
    display: none !important;
}

/* 2. Hides the breadcrumbs that show "Home > SSL Certificates" (which often includes a blog link) */
.main-header .breadcrumb {
    display: none !important;
}

/* 3. Ensures the area where the main content starts is not padding/styled like a blog */
body.archive .blog-content {
    padding-top: 0 !important;
}

/* 4. Ensures the custom title we injected remains visible */
/* (This is our custom header, which must override the hidden theme header) */
.karibukloud-archive-header {
    display: block !important; 
    padding-top: 40px; /* Add some space above the title */
}