/**
 * Container Block Frontend Styles
 */

.zonkey-container-wrapper {
    width: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Drop Shadow */
.zonkey-container-wrapper.has-shadow {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Hover Effect */
.zonkey-container-wrapper.has-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.08);
}

.zonkey-container-inner {
    width: 100%;
}

/* HTML Anchor - invisible element for scroll-to links */
.zonkey-anchor {
    display: block;
    position: relative;
    top: -100px; /* Offset for fixed headers */
    visibility: hidden;
    height: 0;
}

/* Ensure nested blocks inherit text color */
.zonkey-container-wrapper h1,
.zonkey-container-wrapper h2,
.zonkey-container-wrapper h3,
.zonkey-container-wrapper h4,
.zonkey-container-wrapper h5,
.zonkey-container-wrapper h6,
.zonkey-container-wrapper p,
.zonkey-container-wrapper li {
    color: inherit;
}

/* Reset some block margins for better control */
.zonkey-container-inner > *:first-child {
    margin-top: 0;
}

.zonkey-container-inner > *:last-child {
    margin-bottom: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .zonkey-container-inner {
        /* Mobile devices can override padding if needed */
    }
}