/*
Theme Name: Gon Child - No WPBakery
Theme URI: https://rationaldisciple.org
Description: A child theme of Gon that works without WPBakery Page Builder
Author: Your Name
Template: gon
Version: 1.0.0
Text Domain: gon-child
*/

/* Import parent theme styles */
@import url('../gon/style.css');

/* Fix full-width layout - remove max-width constraints */
body,
html {
    width: 100%;
    overflow-x: hidden;
}

#main,
.page-container,
.container {
    max-width: 100% !important;
    width: 100% !important;
}

/* Keep content container at reasonable width but allow full-width backgrounds */
.page-container > .container,
.site-content {
    max-width: 1170px;
    margin: 0 auto;
    width: 100%;
}

/* Fix hyperlinks - ensure they are visible and clickable */
a {
    color: #e67e22;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

a:hover,
a:focus {
    color: #d35400;
    text-decoration: underline;
}

a:visited {
    color: #c0392b;
}

/* Ensure menu links work */
header a,
nav a,
.menu a {
    color: inherit;
    text-decoration: none;
    display: inline-block;
}

header a:hover,
nav a:hover,
.menu a:hover {
    color: #e67e22;
}

/* Fix images - ensure proper sizing and display */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

.wp-block-image img,
.alignleft img,
.alignright img,
.aligncenter img {
    max-width: 100%;
    height: auto;
}

/* WooCommerce product images */
.woocommerce img,
.woocommerce-page img {
    max-width: 100%;
    height: auto;
}

.product-thumbnail img,
.product-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Featured images */
.post-thumbnail img,
.entry-thumbnail img {
    width: 100%;
    height: auto;
}

/* Remove WPBakery container constraints */
.vc_row,
.vc_column,
.vc_column_container,
.wpb_column,
.vc_column-inner,
.vc_row-fluid {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
}

/* Ensure WordPress blocks work at full width */
.wp-block {
    max-width: 100%;
}

.alignwide {
    max-width: 100%;
    width: 100%;
}

.alignfull {
    max-width: 100vw;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

/* Fix container padding */
.header-top > .container,
.header-middle > .container,
.header-bottom > .container {
    padding-left: 15px;
    padding-right: 15px;
}

/* Gutenberg color palette support */
.has-primary-color {
    color: #e67e22;
}

.has-primary-background-color {
    background-color: #e67e22;
}

.has-secondary-color {
    color: #3498db;
}

.has-secondary-background-color {
    background-color: #3498db;
}

/* Better button styles */
.wp-block-button__link,
button,
.button,
input[type="submit"],
input[type="button"] {
    background-color: #e67e22;
    color: #fff;
    border-radius: 4px;
    padding: 12px 30px;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    border: none;
}

.wp-block-button__link:hover,
button:hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background-color: #d35400;
    transform: translateY(-2px);
    color: #fff;
    text-decoration: none;
}

/* Fix WooCommerce buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background-color: #e67e22;
    color: #fff;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    background-color: #d35400;
    color: #fff;
}

/* Responsive fixes */
@media (max-width: 768px) {
    .page-container > .container,
    .site-content {
        padding: 0 15px;
    }
    
    img {
        max-width: 100%;
        height: auto;
    }
}