/**
 * Krikil Elementor Addons - Container Corner Accents Stylesheet
 * 100% Instant CSS rendering via pseudo-elements and CSS variables
 * Strictly zeroes opposite radii to prevent colliding arcs / crescent hooks.
 */

.krikil-has-corner-accent-yes {
    position: relative !important;
}

/* Sudut Kiri Atas (Top Left) via ::before */
.krikil-has-corner-accent-yes.krikil-c-tl-yes::before {
    content: "" !important;
    position: absolute !important;
    top: var(--krikil-c-accent-offset, 0px) !important;
    left: var(--krikil-c-accent-offset, 0px) !important;
    width: var(--krikil-c-accent-w, 60px) !important;
    height: var(--krikil-c-accent-h, 60px) !important;
    border-style: solid !important;
    border-color: var(--krikil-c-accent-color, #EF4D48) !important;
    border-width: var(--krikil-c-accent-thick, 6px) 0 0 var(--krikil-c-accent-thick, 6px) !important;
    border-radius: 0 !important;
    border-top-left-radius: var(--krikil-c-accent-radius, 18px) !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: transparent !important;
    pointer-events: none !important;
    z-index: 10 !important;
    box-sizing: border-box !important;
    display: block !important;
    transition: border-color 0.25s ease;
}

/* Sudut Kanan Atas jika Kiri Atas tidak aktif via ::before */
.krikil-has-corner-accent-yes:not(.krikil-c-tl-yes).krikil-c-tr-yes::before {
    content: "" !important;
    position: absolute !important;
    top: var(--krikil-c-accent-offset, 0px) !important;
    right: var(--krikil-c-accent-offset, 0px) !important;
    width: var(--krikil-c-accent-w, 60px) !important;
    height: var(--krikil-c-accent-h, 60px) !important;
    border-style: solid !important;
    border-color: var(--krikil-c-accent-color, #EF4D48) !important;
    border-width: var(--krikil-c-accent-thick, 6px) var(--krikil-c-accent-thick, 6px) 0 0 !important;
    border-radius: 0 !important;
    border-top-right-radius: var(--krikil-c-accent-radius, 18px) !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: transparent !important;
    pointer-events: none !important;
    z-index: 10 !important;
    box-sizing: border-box !important;
    display: block !important;
    transition: border-color 0.25s ease;
}

/* Sudut Kanan Bawah (Bottom Right) via ::after */
.krikil-has-corner-accent-yes.krikil-c-br-yes::after {
    content: "" !important;
    position: absolute !important;
    bottom: var(--krikil-c-accent-offset, 0px) !important;
    right: var(--krikil-c-accent-offset, 0px) !important;
    width: var(--krikil-c-accent-w, 60px) !important;
    height: var(--krikil-c-accent-h, 60px) !important;
    border-style: solid !important;
    border-color: var(--krikil-c-accent-color, #EF4D48) !important;
    border-width: 0 var(--krikil-c-accent-thick, 6px) var(--krikil-c-accent-thick, 6px) 0 !important;
    border-radius: 0 !important;
    border-bottom-right-radius: var(--krikil-c-accent-radius, 18px) !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background: transparent !important;
    pointer-events: none !important;
    z-index: 10 !important;
    box-sizing: border-box !important;
    display: block !important;
    transition: border-color 0.25s ease;
}

/* Sudut Kiri Bawah jika Kanan Bawah tidak aktif via ::after */
.krikil-has-corner-accent-yes:not(.krikil-c-br-yes).krikil-c-bl-yes::after {
    content: "" !important;
    position: absolute !important;
    bottom: var(--krikil-c-accent-offset, 0px) !important;
    left: var(--krikil-c-accent-offset, 0px) !important;
    width: var(--krikil-c-accent-w, 60px) !important;
    height: var(--krikil-c-accent-h, 60px) !important;
    border-style: solid !important;
    border-color: var(--krikil-c-accent-color, #EF4D48) !important;
    border-width: 0 0 var(--krikil-c-accent-thick, 6px) var(--krikil-c-accent-thick, 6px) !important;
    border-radius: 0 !important;
    border-bottom-left-radius: var(--krikil-c-accent-radius, 18px) !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: transparent !important;
    pointer-events: none !important;
    z-index: 10 !important;
    box-sizing: border-box !important;
    display: block !important;
    transition: border-color 0.25s ease;
}

/* Standalone Elements (when more than 2 corners are active simultaneously) */
.krikil-container-corner-accent {
    position: absolute !important;
    pointer-events: none !important;
    z-index: 10 !important;
    border-style: solid !important;
    border-width: 0 !important;
    border-color: var(--krikil-c-accent-color, #EF4D48) !important;
    width: var(--krikil-c-accent-w, 60px) !important;
    height: var(--krikil-c-accent-h, 60px) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.25s ease;
}

.krikil-container-corner-accent.corner-top-left {
    top: var(--krikil-c-accent-offset, 0px) !important;
    left: var(--krikil-c-accent-offset, 0px) !important;
    border-width: var(--krikil-c-accent-thick, 6px) 0 0 var(--krikil-c-accent-thick, 6px) !important;
    border-top-left-radius: var(--krikil-c-accent-radius, 18px) !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.krikil-container-corner-accent.corner-top-right {
    top: var(--krikil-c-accent-offset, 0px) !important;
    right: var(--krikil-c-accent-offset, 0px) !important;
    border-width: var(--krikil-c-accent-thick, 6px) var(--krikil-c-accent-thick, 6px) 0 0 !important;
    border-top-right-radius: var(--krikil-c-accent-radius, 18px) !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.krikil-container-corner-accent.corner-bottom-left {
    bottom: var(--krikil-c-accent-offset, 0px) !important;
    left: var(--krikil-c-accent-offset, 0px) !important;
    border-width: 0 0 var(--krikil-c-accent-thick, 6px) var(--krikil-c-accent-thick, 6px) !important;
    border-bottom-left-radius: var(--krikil-c-accent-radius, 18px) !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.krikil-container-corner-accent.corner-bottom-right {
    bottom: var(--krikil-c-accent-offset, 0px) !important;
    right: var(--krikil-c-accent-offset, 0px) !important;
    border-width: 0 var(--krikil-c-accent-thick, 6px) var(--krikil-c-accent-thick, 6px) 0 !important;
    border-bottom-right-radius: var(--krikil-c-accent-radius, 18px) !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}