/*
Theme Name: Business Clouds Child
Theme URI: https://businessclouds.com.au/
Description: Child theme of Twenty Twenty-Five for Business Clouds. Gutenberg-compatible.
Author: Business Clouds
Template: twentytwentyfive
Version: 1.0.0
Text Domain: businessclouds-child
*/

/* Add future site-wide custom CSS here. Prefer Gutenberg Styles for editable design. */

/* Business Clouds — Full Width Gutenberg Homepage */

body.page .bc-hero,
body.page .bc-section,
body.page .bc-cta {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

/* Full-width hero */
body.page .bc-hero {
    padding: 110px max(5%, calc((100vw - 1400px) / 2));
    border-radius: 0;
}

/* Full-width content sections */
body.page .bc-section {
    padding-left: 5%;
    padding-right: 5%;
}

/* Full-width contact section */
body.page .bc-cta {
    padding: 90px 5%;
    border-radius: 0;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    body.page .bc-hero {
        padding: 65px 20px;
    }

    body.page .bc-section {
        padding-left: 20px;
        padding-right: 20px;
    }

    body.page .bc-cta {
        padding: 65px 20px;
    }
}

/* Business Clouds full-width page */

body.page-id-6 main.wp-block-group {
    max-width: none;
    width: 100%;
}

body.page-id-6 .wp-block-post-content {
    max-width: none;
    width: 100%;
}

body.page-id-6 .bc-hero,
body.page-id-6 .bc-section,
body.page-id-6 .bc-cta {
    max-width: none;
    width: 100%;
    box-sizing: border-box;
}

body.page-id-6 .bc-hero,
body.page-id-6 .bc-cta {
    border-radius: 0;
}

body.page-id-6 .bc-section {
    padding-left: 5%;
    padding-right: 5%;
}

/* Business Clouds — Hero layout improvements */

body.page-id-6 .bc-hero {
    padding: 110px 6%;
    min-height: 600px;
    box-sizing: border-box;
}

/* Override Gutenberg's constrained inner width */
body.page-id-6 .bc-hero > * {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

/* Modern hero heading */
body.page-id-6 .bc-hero h1 {
    max-width: 1050px;
    font-size: clamp(42px, 5vw, 76px);
    line-height: 1.12;
    letter-spacing: -2px;
    font-weight: 600;
}

/* Hero description */
body.page-id-6 .bc-hero p {
    max-width: 850px;
}

/* Buttons */
body.page-id-6 .bc-hero .wp-block-buttons {
    margin-top: 30px;
}

/* Responsive layout */
@media (max-width: 768px) {
    body.page-id-6 .bc-hero {
        padding: 75px 24px;
        min-height: auto;
    }

    body.page-id-6 .bc-hero h1 {
        font-size: clamp(36px, 8vw, 52px);
        letter-spacing: -1px;
    }
}

/* ==================================================
   BUSINESS CLOUDS - FULL WIDTH CONTENT FIX
   ================================================== */

/* Remove Gutenberg's narrow content restriction */
body.page-id-6 .wp-block-post-content,
body.page-id-6 .wp-block-post-content > .wp-block-group {
    width: 100%;
    max-width: none !important;
}

/* Give sections a professional content width */
body.page-id-6 .bc-section {
    width: 100%;
    max-width: none !important;
    padding: 75px max(5%, calc((100% - 1400px) / 2));
    box-sizing: border-box;
}

/* Make service columns use available width */
body.page-id-6 .bc-section .wp-block-columns {
    width: 100%;
    max-width: 1400px !important;
    margin-left: auto;
    margin-right: auto;
    gap: 30px;
    align-items: stretch;
}

/* Equal-width columns */
body.page-id-6 .bc-section .wp-block-column {
    flex: 1 1 0;
    min-width: 0;
}

/* Modern service cards */
body.page-id-6 .bc-card {
    width: 100%;
    max-width: none !important;
    min-height: 280px;
    padding: 40px;
    box-sizing: border-box;
    border-radius: 20px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

/* Prevent excessive word wrapping */
body.page-id-6 .bc-card h3 {
    font-size: 26px;
    line-height: 1.3;
    overflow-wrap: normal;
    word-break: normal;
}

body.page-id-6 .bc-card p {
    font-size: 17px;
    line-height: 1.7;
    overflow-wrap: normal;
    word-break: normal;
}

/* Responsive mobile layout */
@media (max-width: 781px) {

    body.page-id-6 .bc-section {
        padding: 50px 20px;
    }

    body.page-id-6 .bc-section .wp-block-columns {
        flex-direction: column;
        gap: 20px;
    }

    body.page-id-6 .bc-section .wp-block-column {
        width: 100%;
        flex-basis: auto !important;
    }

    body.page-id-6 .bc-card {
        min-height: auto;
        padding: 28px;
    }
}

/* ==================================================
   BUSINESS CLOUDS PREMIUM HOMEPAGE
   PAGE ID 19 - FULL WIDTH FIX
   ================================================== */

/* Remove constrained layout */
body.page-id-19 .wp-site-blocks,
body.page-id-19 main,
body.page-id-19 .wp-block-post-content {
    max-width: none !important;
    width: 100% !important;
}

/* Remove Gutenberg content width restrictions */
body.page-id-19 .wp-block-post-content,
body.page-id-19 .wp-block-post-content > *,
body.page-id-19 .entry-content,
body.page-id-19 .is-layout-constrained {
    max-width: none !important;
}

/* Hide the draft page title */
body.page-id-19 .wp-block-post-title {
    display: none !important;
}

/* Remove page margins and padding */
body.page-id-19 .wp-block-post-content {
    margin: 0 !important;
    padding: 0 !important;
}

/* Make the custom HTML block full width */
body.page-id-19 .wp-block-post-content > .wp-block-html {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

/* Prevent horizontal scrolling */
body.page-id-19 {
    overflow-x: hidden;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    body.page-id-19 .wp-block-post-content {
        padding: 0 !important;
    }
}

/* ==================================================
   BUSINESS CLOUDS PREMIUM DRAFT - PAGE 19
   ================================================== */

/* Hide original WordPress header on premium draft only */
body.page-id-19 .wp-site-blocks > header {
    display: none !important;
}

/* Remove inherited layout spacing */
body.page-id-19 .wp-site-blocks {
    padding: 0 !important;
    margin: 0 !important;
}

body.page-id-19 .wp-site-blocks > main {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

/* Remove Gutenberg page container spacing */
body.page-id-19 .wp-block-post-content {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

/* Make premium homepage span the entire viewport */
body.page-id-19 .wp-block-post-content > .wp-block-html {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove padding from the parent layout */
body.page-id-19 main.wp-block-group,
body.page-id-19 .wp-site-blocks > main.wp-block-group {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Hide the WordPress-generated page title */
body.page-id-19 .wp-block-post-title {
    display: none !important;
}

/* Remove default block spacing */
body.page-id-19 .wp-block-post-content > * {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

/* Prevent horizontal overflow */
body.page-id-19 {
    overflow-x: hidden;
}

/* Business Clouds premium draft — remove top spacing */
body.page-id-19,
body.page-id-19 .wp-site-blocks,
body.page-id-19 .wp-site-blocks > main,
body.page-id-19 .wp-block-post-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.page-id-19 .wp-site-blocks > main {
    margin-block-start: 0 !important;
}

body.page-id-19 .wp-block-post-content > :first-child {
    margin-top: 0 !important;
}

body.page-id-19 .wp-site-blocks > header {
    display: none !important;
}
