/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/style.css ***!
  \*******************************************************************************************************************************************************************/
/* Block alignment styles */
.svg-inline-block.align-left {
    text-align: left;
}

.svg-inline-block.align-center {
    text-align: center;
}

.svg-inline-block.align-right {
    text-align: right;
}

/* SVG Container - Outer wrapper with background, border-radius, and receives WP padding */
.svg-container {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    box-sizing: border-box;
}

/* SVG Wrapper - Inner wrapper for SVG sizing only */
.svg-wrapper {
    display: inline-block;
    max-width: 100%;
    color: var(--svg-color, currentColor);
}

.svg-wrapper svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* Override SVG fill and stroke attributes - Apply to ALL visible elements */
.svg-wrapper svg path,
.svg-wrapper svg circle,
.svg-wrapper svg rect,
.svg-wrapper svg polygon,
.svg-wrapper svg ellipse,
.svg-wrapper svg line,
.svg-wrapper svg polyline {
    fill: var(--svg-fill-color, currentColor) !important;
    stroke: var(--svg-stroke-color, currentColor) !important;
    transition: fill 0.3s ease, stroke 0.3s ease, color 0.3s ease;
}

/* Preserve explicit none values from SVG processing - HIGHER SPECIFICITY */
.svg-wrapper svg path[fill="none"],
.svg-wrapper svg circle[fill="none"],
.svg-wrapper svg rect[fill="none"],
.svg-wrapper svg polygon[fill="none"],
.svg-wrapper svg ellipse[fill="none"],
.svg-wrapper svg line[fill="none"],
.svg-wrapper svg polyline[fill="none"],
.svg-wrapper svg path[fill="transparent"],
.svg-wrapper svg circle[fill="transparent"],
.svg-wrapper svg rect[fill="transparent"],
.svg-wrapper svg polygon[fill="transparent"],
.svg-wrapper svg ellipse[fill="transparent"],
.svg-wrapper svg line[fill="transparent"],
.svg-wrapper svg polyline[fill="transparent"] {
    fill: none !important;
}

.svg-wrapper svg path[stroke="none"],
.svg-wrapper svg circle[stroke="none"],
.svg-wrapper svg rect[stroke="none"],
.svg-wrapper svg polygon[stroke="none"],
.svg-wrapper svg ellipse[stroke="none"],
.svg-wrapper svg line[stroke="none"],
.svg-wrapper svg polyline[stroke="none"],
.svg-wrapper svg path[stroke="transparent"],
.svg-wrapper svg circle[stroke="transparent"],
.svg-wrapper svg rect[stroke="transparent"],
.svg-wrapper svg polygon[stroke="transparent"],
.svg-wrapper svg ellipse[stroke="transparent"],
.svg-wrapper svg line[stroke="transparent"],
.svg-wrapper svg polyline[stroke="transparent"] {
    stroke: none !important;
}

/* MASK HANDLING: Masks use luminance, so they need to stay white for functionality */
/* But we apply color to the masked CONTENT, not the mask definition */
.svg-wrapper svg mask path,
.svg-wrapper svg mask circle,
.svg-wrapper svg mask rect,
.svg-wrapper svg mask polygon,
.svg-wrapper svg mask ellipse {
    /* Masks must stay white (max luminance) to show content properly */
    fill: white !important;
    stroke: none !important;
    transition: none !important;
}

/* DEFS and CLIPPATH: These are definitions and should not be colored */
.svg-wrapper svg defs path,
.svg-wrapper svg defs circle,
.svg-wrapper svg defs rect,
.svg-wrapper svg clipPath path,
.svg-wrapper svg clipPath circle,
.svg-wrapper svg clipPath rect {
    fill: inherit !important;
    stroke: inherit !important;
    transition: none !important;
}

/* Hover states */
.svg-wrapper:hover svg path,
.svg-wrapper:hover svg circle,
.svg-wrapper:hover svg rect,
.svg-wrapper:hover svg polygon,
.svg-wrapper:hover svg ellipse,
.svg-wrapper:hover svg line,
.svg-wrapper:hover svg polyline {
    fill: var(--svg-hover-fill-color, var(--svg-fill-color, currentColor)) !important;
    stroke: var(--svg-hover-stroke-color, var(--svg-stroke-color, currentColor)) !important;
}

/* Preserve explicit none values on hover - HIGHER SPECIFICITY */
.svg-wrapper:hover svg path[fill="none"],
.svg-wrapper:hover svg circle[fill="none"],
.svg-wrapper:hover svg rect[fill="none"],
.svg-wrapper:hover svg polygon[fill="none"],
.svg-wrapper:hover svg ellipse[fill="none"],
.svg-wrapper:hover svg line[fill="none"],
.svg-wrapper:hover svg polyline[fill="none"],
.svg-wrapper:hover svg path[fill="transparent"],
.svg-wrapper:hover svg circle[fill="transparent"],
.svg-wrapper:hover svg rect[fill="transparent"],
.svg-wrapper:hover svg polygon[fill="transparent"],
.svg-wrapper:hover svg ellipse[fill="transparent"],
.svg-wrapper:hover svg line[fill="transparent"],
.svg-wrapper:hover svg polyline[fill="transparent"] {
    fill: none !important;
}

.svg-wrapper:hover svg path[stroke="none"],
.svg-wrapper:hover svg circle[stroke="none"],
.svg-wrapper:hover svg rect[stroke="none"],
.svg-wrapper:hover svg polygon[stroke="none"],
.svg-wrapper:hover svg ellipse[stroke="none"],
.svg-wrapper:hover svg line[stroke="none"],
.svg-wrapper:hover svg polyline[stroke="none"],
.svg-wrapper:hover svg path[stroke="transparent"],
.svg-wrapper:hover svg circle[stroke="transparent"],
.svg-wrapper:hover svg rect[stroke="transparent"],
.svg-wrapper:hover svg polygon[stroke="transparent"],
.svg-wrapper:hover svg ellipse[stroke="transparent"],
.svg-wrapper:hover svg line[stroke="transparent"],
.svg-wrapper:hover svg polyline[stroke="transparent"] {
    stroke: none !important;
}

/* Keep masks white on hover (masks need white for luminance) */
.svg-wrapper:hover svg mask path,
.svg-wrapper:hover svg mask circle,
.svg-wrapper:hover svg mask rect,
.svg-wrapper:hover svg mask polygon {
    fill: white !important;
    stroke: none !important;
}

/* Keep defs unchanged on hover */
.svg-wrapper:hover svg defs path,
.svg-wrapper:hover svg defs circle,
.svg-wrapper:hover svg clipPath path {
    fill: inherit !important;
    stroke: inherit !important;
}

/* Additional global CSS rules to ensure SVG color control works - MAXIMUM SPECIFICITY */
.wp-block-custom-theme-sync-svg .svg-wrapper svg path,
.wp-block-custom-theme-sync-svg .svg-wrapper svg circle,
.wp-block-custom-theme-sync-svg .svg-wrapper svg rect,
.wp-block-custom-theme-sync-svg .svg-wrapper svg polygon,
.wp-block-custom-theme-sync-svg .svg-wrapper svg ellipse,
.wp-block-custom-theme-sync-svg .svg-wrapper svg line,
.wp-block-custom-theme-sync-svg .svg-wrapper svg polyline {
    fill: var(--svg-fill-color, currentColor) !important;
    stroke: var(--svg-stroke-color, currentColor) !important;
    transition: fill 0.3s ease, stroke 0.3s ease, color 0.3s ease;
}

/* Block-specific: Preserve explicit none values - HIGHER SPECIFICITY */
.wp-block-custom-theme-sync-svg .svg-wrapper svg path[fill="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg circle[fill="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg rect[fill="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg polygon[fill="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg ellipse[fill="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg line[fill="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg polyline[fill="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg path[fill="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg circle[fill="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg rect[fill="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg polygon[fill="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg ellipse[fill="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg line[fill="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg polyline[fill="transparent"] {
    fill: none !important;
}

.wp-block-custom-theme-sync-svg .svg-wrapper svg path[stroke="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg circle[stroke="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg rect[stroke="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg polygon[stroke="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg ellipse[stroke="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg line[stroke="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg polyline[stroke="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg path[stroke="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg circle[stroke="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg rect[stroke="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg polygon[stroke="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg ellipse[stroke="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg line[stroke="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper svg polyline[stroke="transparent"] {
    stroke: none !important;
}

/* Masks stay white (luminance = visible) */
.wp-block-custom-theme-sync-svg .svg-wrapper svg mask path,
.wp-block-custom-theme-sync-svg .svg-wrapper svg mask circle,
.wp-block-custom-theme-sync-svg .svg-wrapper svg mask rect,
.wp-block-custom-theme-sync-svg .svg-wrapper svg mask polygon {
    fill: white !important;
    stroke: none !important;
    transition: none !important;
}

/* Defs and clipPaths preserve original attributes */
.wp-block-custom-theme-sync-svg .svg-wrapper svg defs path,
.wp-block-custom-theme-sync-svg .svg-wrapper svg defs circle,
.wp-block-custom-theme-sync-svg .svg-wrapper svg clipPath path,
.wp-block-custom-theme-sync-svg .svg-wrapper svg clipPath circle {
    fill: inherit !important;
    stroke: inherit !important;
    transition: none !important;
}

.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg path,
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg circle,
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg rect,
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg polygon,
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg ellipse,
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg line,
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg polyline {
    fill: var(--svg-hover-fill-color, var(--svg-fill-color, currentColor)) !important;
    stroke: var(--svg-hover-stroke-color, var(--svg-stroke-color, currentColor)) !important;
}

/* Block-specific: Preserve explicit none values on hover - HIGHER SPECIFICITY */
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg path[fill="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg circle[fill="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg rect[fill="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg polygon[fill="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg ellipse[fill="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg line[fill="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg polyline[fill="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg path[fill="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg circle[fill="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg rect[fill="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg polygon[fill="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg ellipse[fill="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg line[fill="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg polyline[fill="transparent"] {
    fill: none !important;
}

.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg path[stroke="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg circle[stroke="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg rect[stroke="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg polygon[stroke="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg ellipse[stroke="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg line[stroke="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg polyline[stroke="none"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg path[stroke="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg circle[stroke="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg rect[stroke="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg polygon[stroke="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg ellipse[stroke="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg line[stroke="transparent"],
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg polyline[stroke="transparent"] {
    stroke: none !important;
}

/* Keep masks white on hover */
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg mask path,
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg mask circle,
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg mask polygon {
    fill: white !important;
    stroke: none !important;
}

/* Keep defs unchanged on hover */
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg defs path,
.wp-block-custom-theme-sync-svg .svg-wrapper:hover svg clipPath path {
    fill: inherit !important;
    stroke: inherit !important;
}

/* Editor styles */
.svg-preview-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

.svg-loading-state {
    text-align: center;
    padding: 40px 20px;
    color: #757575;
}

.svg-loading-state p {
    margin: 0;
    font-size: 14px;
}


/* Media Placeholder custom styling */
.wp-block-custom-theme-sync-svg .components-placeholder {
    min-height: 200px;
    border: 2px dashed #ccc;
    border-radius: 4px;
    transition: border-color 0.2s ease;
}

.wp-block-custom-theme-sync-svg .components-placeholder:hover {
    border-color: #2271b1;
}

.wp-block-custom-theme-sync-svg .components-placeholder__label {
    font-size: 16px;
    font-weight: 600;
    color: #1e1e1e;
}

.wp-block-custom-theme-sync-svg .components-placeholder__instructions {
    font-size: 13px;
    color: #757575;
    margin-bottom: 16px;
}

.wp-block-custom-theme-sync-svg .components-placeholder__fieldset {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Better SVG wrapper in editor */
.editor-styles-wrapper .svg-wrapper {
    display: inline-block;
    max-width: 100%;
}

/* Editor-specific: Apply colors to SVG elements */
.editor-styles-wrapper .svg-wrapper svg path,
.editor-styles-wrapper .svg-wrapper svg circle,
.editor-styles-wrapper .svg-wrapper svg rect,
.editor-styles-wrapper .svg-wrapper svg polygon,
.editor-styles-wrapper .svg-wrapper svg ellipse,
.editor-styles-wrapper .svg-wrapper svg line,
.editor-styles-wrapper .svg-wrapper svg polyline {
    fill: var(--svg-fill-color, currentColor) !important;
    stroke: var(--svg-stroke-color, currentColor) !important;
    transition: fill 0.3s ease, stroke 0.3s ease, color 0.3s ease;
}

/* Editor-specific: Preserve explicit none values - HIGHER SPECIFICITY */
.editor-styles-wrapper .svg-wrapper svg path[fill="none"],
.editor-styles-wrapper .svg-wrapper svg circle[fill="none"],
.editor-styles-wrapper .svg-wrapper svg rect[fill="none"],
.editor-styles-wrapper .svg-wrapper svg polygon[fill="none"],
.editor-styles-wrapper .svg-wrapper svg ellipse[fill="none"],
.editor-styles-wrapper .svg-wrapper svg line[fill="none"],
.editor-styles-wrapper .svg-wrapper svg polyline[fill="none"],
.editor-styles-wrapper .svg-wrapper svg path[fill="transparent"],
.editor-styles-wrapper .svg-wrapper svg circle[fill="transparent"],
.editor-styles-wrapper .svg-wrapper svg rect[fill="transparent"],
.editor-styles-wrapper .svg-wrapper svg polygon[fill="transparent"],
.editor-styles-wrapper .svg-wrapper svg ellipse[fill="transparent"],
.editor-styles-wrapper .svg-wrapper svg line[fill="transparent"],
.editor-styles-wrapper .svg-wrapper svg polyline[fill="transparent"] {
    fill: none !important;
}

.editor-styles-wrapper .svg-wrapper svg path[stroke="none"],
.editor-styles-wrapper .svg-wrapper svg circle[stroke="none"],
.editor-styles-wrapper .svg-wrapper svg rect[stroke="none"],
.editor-styles-wrapper .svg-wrapper svg polygon[stroke="none"],
.editor-styles-wrapper .svg-wrapper svg ellipse[stroke="none"],
.editor-styles-wrapper .svg-wrapper svg line[stroke="none"],
.editor-styles-wrapper .svg-wrapper svg polyline[stroke="none"],
.editor-styles-wrapper .svg-wrapper svg path[stroke="transparent"],
.editor-styles-wrapper .svg-wrapper svg circle[stroke="transparent"],
.editor-styles-wrapper .svg-wrapper svg rect[stroke="transparent"],
.editor-styles-wrapper .svg-wrapper svg polygon[stroke="transparent"],
.editor-styles-wrapper .svg-wrapper svg ellipse[stroke="transparent"],
.editor-styles-wrapper .svg-wrapper svg line[stroke="transparent"],
.editor-styles-wrapper .svg-wrapper svg polyline[stroke="transparent"] {
    stroke: none !important;
}

/* Editor-specific: Keep masks, defs, and clipPaths unchanged */
.editor-styles-wrapper .svg-wrapper svg mask path,
.editor-styles-wrapper .svg-wrapper svg mask circle,
.editor-styles-wrapper .svg-wrapper svg mask rect,
.editor-styles-wrapper .svg-wrapper svg mask polygon,
.editor-styles-wrapper .svg-wrapper svg mask ellipse {
    fill: white !important;
    stroke: none !important;
    transition: none !important;
}

.editor-styles-wrapper .svg-wrapper svg defs path,
.editor-styles-wrapper .svg-wrapper svg defs circle,
.editor-styles-wrapper .svg-wrapper svg defs rect,
.editor-styles-wrapper .svg-wrapper svg clipPath path,
.editor-styles-wrapper .svg-wrapper svg clipPath circle,
.editor-styles-wrapper .svg-wrapper svg clipPath rect {
    fill: inherit !important;
    stroke: inherit !important;
    transition: none !important;
}

/* Inspector spacing: use Gutenberg defaults; no overrides needed */

/*# sourceMappingURL=style-index.css.map*/