/**
 * NECOX — Shortcode Bloku Element CSS
 *
 * @since 5.7.13
 *
 * Yapi el-html.css ile ayni — sadece prefix farkli (el-shortcode).
 * Shortcode ciktisi user-supplied oldugu icin wrapper minimum mudahale eder.
 */

.necox-el-shortcode {
    /* Genel */
    max-width: var(--necox-el-shortcode-max-width, none);
    min-height: var(--necox-el-shortcode-min-height, 0);

    /* Tipografi */
    font-family: var(--necox-el-shortcode-font, inherit);
    font-size: var(--necox-el-shortcode-size, inherit);
    font-weight: var(--necox-el-shortcode-weight, inherit);
    line-height: var(--necox-el-shortcode-line-height, inherit);
    letter-spacing: var(--necox-el-shortcode-letter-spacing, normal);
    text-align: var(--necox-el-shortcode-text-align, inherit);
    text-transform: var(--necox-el-shortcode-text-transform, none);
    color: var(--necox-el-shortcode-color, inherit);

    /* Arka Plan */
    background: var(--necox-el-shortcode-bg, transparent);

    /* Border */
    border-width: var(--necox-el-shortcode-border-w, 0);
    border-style: var(--necox-el-shortcode-border-style, solid);
    border-color: var(--necox-el-shortcode-border-color, transparent);
    border-top-left-radius: var(--necox-el-shortcode-radius-tl, 0);
    border-top-right-radius: var(--necox-el-shortcode-radius-tr, 0);
    border-bottom-right-radius: var(--necox-el-shortcode-radius-br, 0);
    border-bottom-left-radius: var(--necox-el-shortcode-radius-bl, 0);

    /* Golge */
    box-shadow: var(--necox-el-shortcode-shadow, none);

    /* Padding */
    padding: var(--necox-el-shortcode-padding-top, 0)
             var(--necox-el-shortcode-padding-right, 0)
             var(--necox-el-shortcode-padding-bottom, 0)
             var(--necox-el-shortcode-padding-left, 0);

    transition: background 0.25s ease, color 0.25s ease, border 0.25s ease, box-shadow 0.25s ease;
}

/* Metin Gradient */
.necox-el-shortcode--text-gradient {
    background: var(--necox-el-shortcode-text-gradient, none);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* Hover state */
.necox-el-shortcode:hover {
    background: var(--necox-el-shortcode-hover-bg, var(--necox-el-shortcode-bg, transparent));
    border-width: var(--necox-el-shortcode-hover-border-w, var(--necox-el-shortcode-border-w, 0));
    border-color: var(--necox-el-shortcode-hover-border-color, var(--necox-el-shortcode-border-color, transparent));
    border-radius: var(--necox-el-shortcode-hover-border-radius, 0);
    box-shadow: var(--necox-el-shortcode-hover-shadow, var(--necox-el-shortcode-shadow, none));
    color: var(--necox-el-shortcode-hover-color, var(--necox-el-shortcode-color, inherit));
}

.necox-el-shortcode--text-gradient:hover {
    background: var(--necox-el-shortcode-text-hover-gradient, var(--necox-el-shortcode-text-gradient, none));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Link renkleri */
.necox-el-shortcode a {
    color: var(--necox-el-shortcode-link-color, inherit);
    transition: color 0.2s ease;
}

.necox-el-shortcode a:hover {
    color: var(--necox-el-shortcode-link-hover, var(--necox-el-shortcode-link-color, inherit));
}

/* Transparent */
.necox-el-shortcode--transparent {
    background: transparent !important;
}

.necox-el-shortcode--hover-transparent:hover {
    background: transparent !important;
}

/* Gradient */
.necox-el-shortcode--gradient {
    background: var(--necox-el-shortcode-gradient, none);
}

.necox-el-shortcode--hover-gradient:hover {
    background: var(--necox-el-shortcode-hover-gradient, var(--necox-el-shortcode-gradient, none));
}

/* Glass */
.necox-el-shortcode--glass {
    background: rgba(255, 255, 255, var(--necox-el-shortcode-glass-opacity, 0.20));
    backdrop-filter: blur(var(--necox-el-shortcode-glass-blur, 12px));
    -webkit-backdrop-filter: blur(var(--necox-el-shortcode-glass-blur, 12px));
}

.necox-el-shortcode--glass-hover:hover {
    background: rgba(255, 255, 255, var(--necox-el-shortcode-glass-hover-opacity, 0.30));
    backdrop-filter: blur(var(--necox-el-shortcode-glass-hover-blur, 16px));
    -webkit-backdrop-filter: blur(var(--necox-el-shortcode-glass-hover-blur, 16px));
}

/* Hizalama */
.necox-el-shortcode--align-left   { margin-right: auto; margin-left: 0; align-self: flex-start; }
.necox-el-shortcode--align-center { margin-left: auto;  margin-right: auto; align-self: center; }
.necox-el-shortcode--align-right  { margin-left: auto;  margin-right: 0; align-self: flex-end; }

/* Responsive — Tablet */
@media (max-width: 1024px) {
    .necox-el-shortcode {
        max-width: var(--necox-el-shortcode-max-width-tablet, var(--necox-el-shortcode-max-width, none));
        font-size: var(--necox-el-shortcode-size-tablet, var(--necox-el-shortcode-size, inherit));
        padding: var(--necox-el-shortcode-padding-top-tablet, var(--necox-el-shortcode-padding-top, 0))
                 var(--necox-el-shortcode-padding-right-tablet, var(--necox-el-shortcode-padding-right, 0))
                 var(--necox-el-shortcode-padding-bottom-tablet, var(--necox-el-shortcode-padding-bottom, 0))
                 var(--necox-el-shortcode-padding-left-tablet, var(--necox-el-shortcode-padding-left, 0));
    }
}

/* Responsive — Mobile */
@media (max-width: 767px) {
    .necox-el-shortcode {
        max-width: var(--necox-el-shortcode-max-width-mobile, var(--necox-el-shortcode-max-width, none));
        font-size: var(--necox-el-shortcode-size-mobile, var(--necox-el-shortcode-size, inherit));
        padding: var(--necox-el-shortcode-padding-top-mobile, var(--necox-el-shortcode-padding-top, 0))
                 var(--necox-el-shortcode-padding-right-mobile, var(--necox-el-shortcode-padding-right, 0))
                 var(--necox-el-shortcode-padding-bottom-mobile, var(--necox-el-shortcode-padding-bottom, 0))
                 var(--necox-el-shortcode-padding-left-mobile, var(--necox-el-shortcode-padding-left, 0));
    }
}