/* Block Styles for Australian Pipeline Valve Theme */

/* Base block styles */
.wp-block {
    max-width: 100%;
}

/* Responsive embeds */
.responsive-embed-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    margin: 1.5rem 0;
}

.responsive-embed-wrapper iframe,
.responsive-embed-wrapper object,
.responsive-embed-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* WordPress core embed blocks */
.wp-block-embed {
    margin: 1.5rem 0;
}

.wp-block-embed .wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.wp-block-embed .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* YouTube specific fixes */
.wp-block-embed-youtube .wp-block-embed__wrapper {
    padding-bottom: 56.25%;
}

/* Alignment support */
.wp-block[data-align="wide"],
.alignwide {
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.wp-block[data-align="full"],
.alignfull {
    width: 100vw;
    max-width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* Content width container */
.wp-block-group.has-global-padding {
    padding-left: var(--wp--style--root--padding-left, 1.5rem);
    padding-right: var(--wp--style--root--padding-right, 1.5rem);
}

/* Spacing utilities */
.has-small-font-size {
    font-size: 14px;
}

.has-medium-font-size {
    font-size: 16px;
}

.has-large-font-size {
    font-size: 20px;
}

.has-x-large-font-size {
    font-size: 24px;
}

/* Color palette */
.has-primary-color {
    color: #D35400;
}

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

.has-secondary-color {
    color: #2C3E50;
}

.has-secondary-background-color {
    background-color: #2C3E50;
}

.has-white-color {
    color: #ffffff;
}

.has-white-background-color {
    background-color: #ffffff;
}

.has-light-gray-color {
    color: #f8f9fa;
}

.has-light-gray-background-color {
    background-color: #f8f9fa;
}

.has-dark-gray-color {
    color: #343a40;
}

.has-dark-gray-background-color {
    background-color: #343a40;
}

/* Block spacing support */
.wp-block-group,
.wp-block-cover,
.wp-block-columns {
    margin-top: var(--wp--preset--spacing--50, 1.5rem);
    margin-bottom: var(--wp--preset--spacing--50, 1.5rem);
}

/* Columns block improvements */
.wp-block-columns {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wp--style--block-gap, 1.5rem);
}

.wp-block-column {
    flex: 1;
    min-width: 0;
}

/* Group block improvements */
.wp-block-group {
    box-sizing: border-box;
}

.wp-block-group.has-background {
    padding: var(--wp--preset--spacing--50, 1.5rem);
}

/* Image block improvements */
.wp-block-image {
    margin: 1.5rem 0;
}

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

/* Cover block improvements */
.wp-block-cover {
    position: relative;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.wp-block-cover .wp-block-cover__inner-container {
    width: 100%;
    z-index: 1;
    position: relative;
}

/* Button block improvements */
.wp-block-button .wp-block-button__link {
    border-radius: 4px;
    padding: 12px 24px;
    text-decoration: none;
    display: inline-block;
    border: none;
    cursor: pointer;
    font-weight: 600;
}

.wp-block-button.is-style-outline .wp-block-button__link {
    background-color: transparent;
    border: 2px solid currentColor;
}

/* Gallery block improvements */
.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.wp-block-gallery .wp-block-image {
    margin: 0;
    flex: 1 1 200px;
}

/* Quote block improvements */
.wp-block-quote {
    border-left: 4px solid #D35400;
    padding-left: 1.5rem;
    margin: 1.5rem 0;
    font-style: italic;
}

.wp-block-quote cite {
    font-style: normal;
    font-weight: 600;
    color: #666;
}

/* Responsive design */
@media (max-width: 768px) {
    .wp-block-columns {
        flex-direction: column;
    }
    
    .wp-block[data-align="wide"],
    .wp-block[data-align="full"] {
        margin-left: -1rem;
        margin-right: -1rem;
        width: calc(100% + 2rem);
        max-width: calc(100% + 2rem);
    }
    
    .wp-block-group.has-background {
        padding: 1rem;
    }
    
    .wp-block-cover {
        min-height: 300px;
    }
}