/**
 * Theme Name: GDCONF
 * Description: WP theme for GDCONF
 * Author: Shrapnel Pawel Skaba
 * Template: blocksy
 * Text Domain: gdconf
 */

.gdconf-logo {
    border-left: 5px solid var(--theme-palette-color-1);
    padding-left: 5px;
    font-size: clamp(11px, 3.8vw, 1em);
    white-space: nowrap;
    line-height: inherit;
}

/* ==========================================================================
   Responsive Substack embed
   Overrides the fixed width="480" from the default Substack iframe snippet.
   Height stays at ~320px — the signup form is fixed-height content.
   ========================================================================== */

iframe[src*="substack.com/embed"] {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 320px;
}

/* ==========================================================================
   Heading with trailing zigzag — usage: add class "gdconf-heading-wave"
   to any Heading block in Gutenberg (Advanced → Additional CSS class)
   ========================================================================== */

.gdconf-heading-wave {
    display: flex !important;
    align-items: center;
    gap: 14px;
    flex-wrap: nowrap;
}

.gdconf-heading-wave::after {
    content: '';
    flex: 1;
    min-width: 30px;
    height: 14px;
    /*
     * Seamless zigzag tile: M 0,14  L 10,0  L 20,14
     * Creates /\/\/\/\ pattern. Colour uses Blocksy palette-1 (accent blue).
     */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' viewBox='0 0 20 14'%3E%3Cpath d='M0 14 L10 0 L20 14' fill='none' stroke='%230D7FF0' stroke-width='2.2' stroke-linejoin='miter' stroke-linecap='square'/%3E%3C/svg%3E");
    background-repeat: repeat-x;
    background-size: 20px 14px;
    background-position: left center;
}