/* ============ commercial (cyan → blue → violet) ============ */
.commercial.grad-btn.bg-gradient a {
    background: linear-gradient(110deg, #19d6e6, #2f80ff, #a23cff) !important;
    border: 1.5px solid transparent !important;
    transition: all .6s ease !important;
    color: #e8edf7 !important;
}

.commercial.grad-btn.bg-gradient .elementor-button-icon svg {
    stroke: #e8edf7 !important;
}

.commercial.grad-btn.bg-gradient a:hover {
    filter: brightness(1.08);
}

/* ============ AGROTRACE (emerald) ============ */
.agro.grad-btn.bg-gradient a {
    background: linear-gradient(110deg, #22c55e, #10b981, #19d6e6) !important;
    border: 1.5px solid transparent !important;
    transition: all .6s ease !important;
    color: #e8edf7 !important;
}

.agro.grad-btn.bg-gradient .elementor-button-icon svg {
    stroke: #e8edf7 !important;
}

.agro.grad-btn.bg-gradient a:hover {
    filter: brightness(1.08);
}

/* ============ GOVSECURE (violet) ============ */
.industrial.grad-btn.bg-gradient a {
    background: linear-gradient(110deg, #2f80ff, #7a3cff, #c23cff) !important;
    border: 1.5px solid transparent !important;
    color: #e8edf7 !important;
    transition: all .6s ease !important;
}

.industrial.grad-btn.bg-gradient .elementor-button-icon svg {
    stroke: #e8edf7 !important;
}

.industrial.grad-btn.bg-gradient a:hover {
    filter: brightness(1.08);
}

.grad-btn.bg-gradient a {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .25);
}

/* commercial (cyan-led) */

.commercial.grad-btn a {
    background: linear-gradient(#060b1c, #060b1c) padding-box,
    linear-gradient(110deg, #19d6e6, #2f80ff, #a23cff) border-box !important;
    border: 1.5px solid transparent !important;
    color: #4a9eff !important;
    transition: all .6s ease !important;
}

/* AgroTrace (emerald-led) */
.agro.grad-btn a {
    background: linear-gradient(#060b1c, #060b1c) padding-box,
    linear-gradient(110deg, #22c55e, #10b981, #19d6e6) border-box !important;
    border: 1.5px solid transparent !important;
    color: #34d399 !important;
    transition: all .6s ease !important;
}

/* GovSecure (violet-led) */
.industrial.grad-btn a {
    background: linear-gradient(#060b1c, #060b1c) padding-box,
    linear-gradient(110deg, #6d28d9, #7c3aed, #a23cff) border-box !important;
    border: 1.5px solid transparent !important;
    color: #a78bfa !important; /* fallback text */
    transition: all .6s ease !important;
}

.grad-btn a:hover {
    filter: brightness(1.15);
}


.commercial.gradient-text span.elementor-button-text,
.commercial.gradient-text.elementor-widget-heading *,
.commercial.elementor-widget-heading .grad_text,
.commercial .elementor-icon-box-content .grad_text {
    background: linear-gradient(110deg, #19d6e6 0%, #2f80ff 45%, #a23cff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #00D3F3; /* fallback */
    transition: background-position .6s ease;
}

.commercial .elementor-icon-box-content .grad_text {
    font-size: larger;
    font-weight: bolder;
}

.agro.gradient-text span.elementor-button-text,
.agro.gradient-text.elementor-widget-heading *,
.agro.elementor-widget-heading .grad_text,
.agro .elementor-icon-box-content .grad_text {
    background: linear-gradient(110deg, #22e0c0 0%, #19d676 45%, #0fa968 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #34d399; /* fallback */
    transition: background-position .6s ease;
}

.agro .elementor-icon-box-content .grad_text {
    font-size: larger;
    font-weight: bolder;
}

.industrial.gradient-text span.elementor-button-text,
.industrial.gradient-text.elementor-widget-heading *,
.industrial.elementor-widget-heading .grad_text,
.industrial .elementor-icon-box-content .grad_text {
    background: linear-gradient(110deg, #2f80ff 0%, #7a3cff 45%, #c23cff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #a78bfa; /* fallback */
    transition: background-position .6s ease;
}

.industrial .elementor-icon-box-content .grad_text {
    font-size: larger;
    font-weight: bolder;
}

.grad-btn a:hover .elementor-button-text {
    background-position: 100% 0;
}

.commercial.gradient-text .elementor-button-icon svg {
    stroke: linear-gradient(110deg, #19d6e6 0%, #2f80ff 45%, #a23cff 100%);
    -webkit-mask: var(--svg) center/contain no-repeat;
    mask: var(--svg) center/contain no-repeat;
}

.agro.gradient-text .elementor-button-icon svg {
    stroke: linear-gradient(110deg, #22e0c0 0%, #19d676 45%, #0fa968 100%);
    -webkit-mask: var(--svg) center/contain no-repeat;
    mask: var(--svg) center/contain no-repeat;
}


.industrial.gradient-text .elementor-button-icon svg {
    stroke: linear-gradient(110deg, #2f80ff 0%, #7a3cff 45%, #c23cff 100%);
    -webkit-mask: var(--svg) center/contain no-repeat;
    mask: var(--svg) center/contain no-repeat;
}

.btn-ghost:hover {
    filter: brightness(1.15);
    box-shadow: 0 6px 22px rgba(47, 128, 255, .30)
}

/* base: smooth transition */
.grad-btn a {
    transition: filter .25s, box-shadow .25s !important;
}


.grad-btn a:hover .elementor-button-icon svg {
    transform: translateX(4px);
}

.grad-btn a .elementor-button-icon svg {
    transition: transform .3s;
}


.commercial .hero-feat svg,
.commercial .node svg,
.commercial .sol-card .ic svg,
.commercial .res-grid svg,
.commercial .elementor-button-icon svg,
.commercial.grad-ic svg {
    stroke: url(#bgrad) !important;
}

.agro .hero-feat svg,
.agro .node svg,
.agro .sol-card .ic svg,
.agro .res-grid svg,
.agro .elementor-button-icon svg,
.agro.grad-ic svg {
    stroke: url(#egrad) !important;
}

.industrial .hero-feat svg,
.industrial .node svg,
.industrial .sol-card .ic svg,
.industrial .res-grid svg,
.industrial .elementor-button-icon svg,
.industrial.grad-ic svg {
    stroke: url(#vgrad) !important;
}

.commercial svg {
    stroke: url(#bgrad);
}

.agro svg {
    stroke: url(#egrad);
}

.industrial svg {
    stroke: url(#vgrad);
}

.fade-border-top,
.fade-border-bottom,
.fade-border-left,
.fade-border-right {
    position: relative;
}

.fade-border-top::after,
.fade-border-bottom::after,
.fade-border-left::after,
.fade-border-right::after {
    content: "";
    position: absolute;
    pointer-events: none;
}

/* TOP — οριζόντια γραμμή, σβήνει αριστερά/δεξιά */
.fade-border-top::after {
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 10%, rgba(255, 255, 255, .9) 50%, transparent 90%);
}

/* BOTTOM */
.fade-border-bottom::after {
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 10%, rgba(255, 255, 255, .9) 50%, transparent 90%);
}

/* LEFT — κάθετη γραμμή, σβήνει πάνω/κάτω */
.fade-border-left::after {
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: linear-gradient(180deg, transparent 10%, rgba(255, 255, 255, .9) 50%, transparent 90%);
}

/* RIGHT */
.fade-border-right::after {
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: linear-gradient(180deg, transparent 10%, rgba(255, 255, 255, .9) 50%, transparent 90%);
}
@media screen and (min-width: 769px) and (max-width: 1024px){
    .fade-border-top.bht::after,
    .fade-border-bottom.bht::after,
    .fade-border-left.bht::after,
    .fade-border-right.bht::after {
        display: none;
    }
}
@media screen and (max-width: 768px){
    .fade-border-top.bhm::after,
    .fade-border-bottom.bhm::after,
    .fade-border-left.bhm::after,
    .fade-border-right.bhm::after {
       display: none;
    }
}
/* commercial (cyan → blue → violet) */
.commercial.fade-border .elementor-divider-separator {
    border: 0 !important;
    height: 1px !important;
    background: linear-gradient(
            90deg,
            transparent,
            #19d6e6,
            #2f80ff 50%,
            #a23cff,
            transparent
    ) !important;
}

/* AgroTrace (emerald) */
.agro.fade-border .elementor-divider-separator {
    border: 0 !important;
    height: 1px !important;
    background: linear-gradient(
            90deg,
            transparent,
            #22e0c0,
            #19d676 50%,
            #0fa968,
            transparent
    ) !important;
}

/* GovSecure (violet) */
.industrial.fade-border .elementor-divider-separator {
    border: 0 !important;
    height: 1px !important;
    background: linear-gradient(
            90deg,
            transparent,
            #2f80ff,
            #7a3cff 50%,
            #c23cff,
            transparent
    ) !important;
}

/*H1*/
.agro.grad-btn.gradient-text.border.text-xs.font-mono.text-slate-300.mb-8.uppercase.backdrop-blur-md,
.agro.grad-btn.gradient-text.border.text-xs.font-mono.text-slate-300.mb-8.uppercase.backdrop-blur-md h1 {
    background: linear-gradient(110deg, #22e0c0 0%, #19d676 45%, #0fa968 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #34d399; /* fallback */
    transition: background-position .6s ease;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
}