/* ==================================================
   enterprise-software-saas-solutions.css
================================================== */

.solutions-page section,
.enterprise-saas-page section {
    padding: 3rem 1rem;
}

.solutions-hero,
.enterprise-hero {
    position: relative;
    padding-top: 1.5rem;
}

.solutions-hero .breadcrumb,
.enterprise-hero .breadcrumb {
    margin-bottom: 2rem;
}

.enterprise-hero-title {
    max-width: 42rem;
    margin-bottom: 1.25rem;
    color: var(--site-dark);
    font-size: clamp(2.35rem, 5vw, 4.35rem);
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -.045em;
}

.enterprise-hero-title span,
.solutions-hero .section-heading h1 span,
.solutions-page .section-heading h2 span {
    color: var(--site-primary);
}

.enterprise-hero-text,
.enterprise-text {
    color: rgba(var(--site-body-color-rgb), .72);
    line-height: 1.8;
}

.enterprise-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.75rem;
}

.solutions-dashboard,
.enterprise-dashboard {
    position: relative;
    max-width: 58rem;
    margin: 3rem auto 0;
}

.enterprise-dashboard {
    margin-top: 0;
}

.solutions-dashboard > img,
.solutions-mode-visual img,
.solutions-phone-showcase img,
.solutions-stack-image img,
.solutions-final-cta img,
.enterprise-dashboard > img,
.enterprise-final-cta img {
    width: 100%;
    height: auto;
    display: block;
}

.solutions-floating-card {
    position: absolute;
    z-index: 2;
    width: 9rem;
    min-height: 8rem;
    padding: 1rem;
    display: grid;
    align-content: center;
    gap: .75rem;
    border-radius: 1rem;
    color: var(--site-white);
    background: rgba(var(--site-primary-rgb), .78);
    box-shadow: var(--shadow-xs);
    font-size: .8rem;
    font-weight: 700;
    line-height: 1.45;
}

.solutions-floating-card i {
    color: var(--site-white);
    font-size: 1.5rem;
}

.solutions-floating-left {
    left: -4rem;
    top: 65%;
    background: rgba(var(--site-secondary-rgb), .72);
}

.solutions-floating-right {
    right: -3rem;
    top: 30%;
}

.enterprise-service-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
    margin-top: 2.5rem;
}

.enterprise-service-card {
    min-height: 14rem;
}

.enterprise-sector-panel {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 2rem;
    align-items: stretch;
    padding: clamp(2rem, 5vw, 4rem);
    border-radius: 1.5rem;
    background: var(--site-bg-light);
}

.enterprise-sector-content {
    align-self: center;
}

.enterprise-sector-content h2,
.enterprise-saas-featured h3,
.enterprise-final-cta h2 {
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -.035em;
}

.enterprise-sector-content h2 {
    margin-bottom: 1rem;
    color: var(--site-dark);
    font-size: clamp(1.8rem, 3vw, 2.5rem);
}

.enterprise-sector-content p {
    color: rgba(var(--site-body-color-rgb), .7);
    line-height: 1.75;
}

.enterprise-sector-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.enterprise-sector-grid article,
.enterprise-saas-list article,
.enterprise-consulting-grid article {
    height: 100%;
    padding: 1.5rem;
    border: 1px solid rgba(var(--site-dark-rgb), .08);
    border-radius: 1.25rem;
    background: var(--site-white);
    box-shadow: var(--shadow-xs);
}

.enterprise-sector-grid i,
.enterprise-saas-list i {
    width: 3rem;
    height: 3rem;
    margin-bottom: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .9rem;
    color: var(--site-primary);
    background: rgba(var(--site-primary-rgb), .1);
    font-size: 1.25rem;
}

.enterprise-sector-grid h3,
.enterprise-saas-list h3,
.enterprise-consulting-grid h3 {
    margin-bottom: .5rem;
    color: var(--site-dark);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.35;
}

.enterprise-sector-grid p,
.enterprise-saas-list p,
.enterprise-consulting-grid p {
    margin: 0;
    color: rgba(var(--site-body-color-rgb), .65);
    font-size: .92rem;
    line-height: 1.65;
}

.enterprise-saas-layout {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 1.5rem;
    align-items: stretch;
    margin-top: 2rem;
}

.enterprise-saas-card {
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: 1.5rem;
}

.enterprise-saas-featured {
    color: var(--site-white);
    background:
        radial-gradient(circle at right bottom, rgba(var(--site-secondary-rgb), .22), transparent 18rem),
        linear-gradient(135deg, var(--site-primary), var(--site-primary-hover));
}

.enterprise-saas-featured > i {
    width: 4rem;
    height: 4rem;
    margin-bottom: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.1rem;
    color: var(--site-secondary);
    background: rgba(var(--site-white-rgb), .12);
    font-size: 1.65rem;
}

.enterprise-saas-featured h3 {
    margin-bottom: 1rem;
    color: var(--site-white);
    font-size: clamp(1.8rem, 3vw, 2.6rem);
}

.enterprise-saas-featured p {
    color: rgba(var(--site-white-rgb), .82);
    line-height: 1.75;
}

.enterprise-saas-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.enterprise-data-stack {
    grid-template-columns: minmax(0, 1fr) minmax(0, .85fr);
    margin-top: 0;
}

.enterprise-data-stack h2 {
    margin-bottom: 1rem;
}

.enterprise-data-stack p {
    color: rgba(var(--site-white-rgb), .78);
    line-height: 1.75;
}

.enterprise-integration-card {
    align-self: center;
}

.enterprise-consulting-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.enterprise-consulting-grid article:last-child {
    grid-column: 1 / -1;
}

.enterprise-consulting-grid span {
    display: inline-flex;
    margin-bottom: .8rem;
    padding: .3rem .65rem;
    border-radius: 999px;
    color: var(--site-primary);
    background: rgba(var(--site-primary-rgb), .1);
    font-size: .72rem;
    font-weight: 900;
}

.enterprise-final-cta {
    margin-top: 4rem;
}

/* ==================================================
   Enterprise Solution Category Cards
   Kurumsal Yazılım ve SaaS Çözümleri kategori kartları
================================================== */

.enterprise-solution-category-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
    margin-top: 2.5rem;
}

.enterprise-category-card {
    position: relative;
    min-height: 25rem;
    padding: 1.75rem 1.75rem 4.5rem;
    overflow: hidden;
    border: 1px solid rgba(var(--site-dark-rgb), .08);
    border-radius: 1.35rem;
    background: var(--site-white);
    box-shadow: var(--shadow-xs);
}

.enterprise-category-card:hover {
    transform: translateY(-4px);
    border-color: rgba(var(--site-primary-rgb), .28);
    box-shadow: var(--shadow-xs);
}

.enterprise-category-head {
    display: grid;
    grid-template-columns: 3.5rem minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    margin-bottom: 1.15rem;
}

.enterprise-category-head > i {
    width: 3.5rem;
    height: 3.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    color: var(--site-primary);
    background: rgba(var(--site-primary-rgb), .1);
    font-size: 1.35rem;
}

.enterprise-category-head span {
    display: block;
    margin-bottom: .25rem;
    color: var(--site-primary);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
}

.enterprise-category-head h3 {
    margin: 0;
    color: var(--site-dark);
    font-size: 1.18rem;
    font-weight: 900;
    line-height: 1.28;
}

.enterprise-category-card p {
    margin-bottom: 1.25rem;
    color: rgba(var(--site-body-color-rgb), .66);
    font-size: .95rem;
    line-height: 1.7;
}

.enterprise-category-card ul {
    display: grid;
    gap: .7rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.enterprise-category-card li {
    position: relative;
    padding-left: 1.7rem;
    color: rgba(var(--site-body-color-rgb), .78);
    font-size: .92rem;
    font-weight: 650;
    line-height: 1.45;
}

.enterprise-category-card li::before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: .05rem;
    color: var(--site-primary);
    font-family: "Font Awesome 7 Free";
    font-size: .9rem;
    font-weight: 900;
}

.enterprise-card-link {
    position: absolute;
    right: 1.75rem;
    bottom: 1.5rem;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--site-primary);
    background: var(--site-bg-light);
}

.enterprise-card-link:hover {
    color: var(--site-white);
    background: var(--site-primary);
}

.enterprise-category-card-featured {
    color: var(--site-white);
    background:
        radial-gradient(circle at right bottom, rgba(var(--site-secondary-rgb), .18), transparent 18rem),
        linear-gradient(135deg, var(--site-primary), var(--site-primary-hover));
}

.enterprise-category-card-featured .enterprise-category-head > i {
    color: var(--site-secondary);
    background: rgba(var(--site-white-rgb), .14);
}

.enterprise-category-card-featured .enterprise-category-head span,
.enterprise-category-card-featured .enterprise-category-head h3,
.enterprise-category-card-featured p,
.enterprise-category-card-featured li {
    color: var(--site-white);
}

.enterprise-category-card-featured p,
.enterprise-category-card-featured li {
    color: rgba(var(--site-white-rgb), .82);
}

.enterprise-category-card-featured li::before {
    color: var(--site-secondary);
}

.enterprise-category-card-featured .enterprise-card-link {
    color: var(--site-primary);
    background: var(--site-white);
}

.enterprise-category-card-featured .enterprise-card-link:hover {
    color: var(--site-white);
    background: var(--site-secondary);
}

.enterprise-category-card-wide {
    grid-column: span 2;
}

/* ==================================================
   Responsive
================================================== */

@media (max-width: 1199.98px) {
    .enterprise-service-grid,
    .enterprise-sector-panel,
    .enterprise-saas-layout,
    .enterprise-data-stack {
        grid-template-columns: 1fr;
    }

    .enterprise-solution-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .enterprise-category-card-wide {
        grid-column: auto;
    }

    .solutions-floating-card {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .enterprise-dashboard {
        margin-top: 2rem;
    }

    .enterprise-hero-actions {
        justify-content: center;
    }

    .enterprise-hero-title,
    .enterprise-hero-text {
        max-width: 100%;
        text-align: center;
    }
}

@media (max-width: 767.98px) {
    .enterprise-service-grid,
    .enterprise-sector-grid,
    .enterprise-saas-list,
    .enterprise-consulting-grid,
    .enterprise-solution-category-grid {
        grid-template-columns: 1fr;
    }

    .enterprise-consulting-grid article:last-child {
        grid-column: auto;
    }

    .enterprise-category-card {
        min-height: auto;
    }
}

@media (max-width: 575.98px) {
    .enterprise-sector-panel,
    .enterprise-saas-card,
    .enterprise-final-cta,
    .enterprise-category-card {
        border-radius: 1.25rem;
    }

    .enterprise-sector-panel {
        padding: 1.35rem;
    }

    .enterprise-service-card {
        grid-template-columns: 3rem minmax(0, 1fr);
        min-height: auto;
        padding: 1.35rem;
    }

    .enterprise-service-card span {
        grid-column: 2;
    }

    .enterprise-category-card {
        padding: 1.35rem 1.35rem 4.25rem;
    }

    .enterprise-category-head {
        grid-template-columns: 3rem minmax(0, 1fr);
    }

    .enterprise-category-head > i {
        width: 3rem;
        height: 3rem;
    }
}


/* ==================================================
   Enterprise SaaS Coded Visuals
   Görseller yerine HTML/CSS ile oluşturulmuş kurumsal panel tasarımları
================================================== */

.enterprise-dashboard-mockup {
    position: relative;
    z-index: 1;
    width: 100%;
}

.enterprise-dashboard-mockup::before {
    content: "";
    position: absolute;
    inset: 10% 4% -6%;
    z-index: -1;
    border-radius: 2rem;
    background:
        radial-gradient(circle at 20% 20%, rgba(var(--site-primary-rgb), .14), transparent 18rem),
        radial-gradient(circle at 80% 65%, rgba(var(--site-secondary-rgb), .18), transparent 16rem),
        var(--site-bg-light);
    filter: blur(.2px);
}

.enterprise-browser {
    overflow: hidden;
    border: 1px solid rgba(var(--site-dark-rgb), .08);
    border-radius: 1.5rem;
    background: var(--site-white);
    box-shadow: var(--shadow-xs);
}

.enterprise-browser-bar {
    min-height: 3.3rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 0 1.2rem;
    border-bottom: 1px solid rgba(var(--site-dark-rgb), .08);
    background: rgba(var(--site-bg-light-rgb), .8);
}

.enterprise-browser-bar span {
    width: .72rem;
    height: .72rem;
    border-radius: 50%;
    background: var(--site-secondary);
}

.enterprise-browser-bar span:nth-child(2) {
    background: var(--site-primary);
}

.enterprise-browser-bar span:nth-child(3) {
    background: rgba(var(--site-dark-rgb), .2);
}

.enterprise-browser-bar strong {
    margin-left: .75rem;
    color: rgba(var(--site-body-color-rgb), .55);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .04em;
}

.enterprise-browser-layout {
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr);
    min-height: 27rem;
}

.enterprise-app-sidebar {
    padding: 1.15rem .85rem;
    display: grid;
    align-content: start;
    gap: .8rem;
    background:
        linear-gradient(180deg, rgba(var(--site-primary-rgb), .12), transparent),
        var(--site-bg-light);
}

.enterprise-app-logo {
    width: 2.55rem;
    height: 2.55rem;
    margin: 0 auto .75rem;
    border-radius: .85rem;
    background: linear-gradient(135deg, var(--site-primary), var(--site-secondary));
}

.enterprise-app-sidebar i {
    height: 2.15rem;
    border-radius: .75rem;
    background: rgba(var(--site-primary-rgb), .13);
}

.enterprise-app-sidebar i.active {
    background: var(--site-primary);
}

.enterprise-app-main {
    padding: 1.35rem;
}

.enterprise-app-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.enterprise-app-header span,
.enterprise-panel-title span,
.enterprise-kpi-row span,
.final-dashboard-card span {
    display: block;
    color: rgba(var(--site-body-color-rgb), .52);
    font-size: .75rem;
    font-weight: 800;
}

.enterprise-app-header strong {
    display: block;
    margin-top: .25rem;
    color: var(--site-dark);
    font-size: 1.2rem;
    font-weight: 900;
}

.enterprise-app-header em {
    padding: .4rem .7rem;
    border-radius: 999px;
    color: var(--site-primary);
    background: rgba(var(--site-primary-rgb), .1);
    font-size: .72rem;
    font-style: normal;
    font-weight: 900;
}

.enterprise-kpi-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
    margin-bottom: .95rem;
}

.enterprise-kpi-row article {
    padding: 1rem;
    border-radius: 1rem;
    background: var(--site-bg-light);
}

.enterprise-kpi-row i {
    width: 2.25rem;
    height: 2.25rem;
    margin-bottom: .75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .75rem;
    color: var(--site-primary);
    background: rgba(var(--site-primary-rgb), .12);
}

.enterprise-kpi-row strong {
    display: block;
    margin-top: .25rem;
    color: var(--site-dark);
    font-size: 1.35rem;
    font-weight: 900;
}

.enterprise-panel-grid {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: .95rem;
}

.enterprise-chart-panel,
.enterprise-task-panel {
    min-height: 13rem;
    padding: 1rem;
    border: 1px solid rgba(var(--site-dark-rgb), .07);
    border-radius: 1.15rem;
    background: var(--site-white);
    box-shadow: var(--shadow-xs);
}

.enterprise-panel-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1rem;
}

.enterprise-panel-title strong {
    color: var(--site-dark);
    font-size: .9rem;
    font-weight: 900;
}

.enterprise-chart-bars {
    height: 9rem;
    display: flex;
    align-items: flex-end;
    gap: .6rem;
    padding-top: 1rem;
}

.enterprise-chart-bars i {
    flex: 1;
    border-radius: .5rem .5rem 0 0;
    background: var(--site-primary);
}

.enterprise-chart-bars i:nth-child(1) { height: 44%; }
.enterprise-chart-bars i:nth-child(2) { height: 62%; background: var(--site-secondary); }
.enterprise-chart-bars i:nth-child(3) { height: 51%; }
.enterprise-chart-bars i:nth-child(4) { height: 78%; background: var(--site-secondary); }
.enterprise-chart-bars i:nth-child(5) { height: 68%; }
.enterprise-chart-bars i:nth-child(6) { height: 90%; background: var(--site-secondary); }

.enterprise-task-panel ul {
    display: grid;
    gap: .75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.enterprise-task-panel li {
    display: grid;
    grid-template-columns: .85rem minmax(0, 1fr);
    gap: .6rem;
    align-items: center;
    padding: .7rem;
    border-radius: .8rem;
    background: var(--site-bg-light);
}

.enterprise-task-panel li i {
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    background: var(--site-primary);
}

.enterprise-task-panel li span {
    color: rgba(var(--site-body-color-rgb), .68);
    font-size: .78rem;
    font-weight: 800;
}

.enterprise-final-dashboard {
    width: 100%;
}

.final-dashboard-shell {
    padding: 1.2rem;
    border: 1px solid rgba(var(--site-white-rgb), .16);
    border-radius: 1.35rem;
    background: rgba(var(--site-white-rgb), .12);
    box-shadow: var(--shadow-sm);
    backdrop-filter: blur(12px);
}

.final-dashboard-header {
    min-height: 3rem;
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1rem;
    padding: 0 1rem;
    border-radius: 1rem;
    color: var(--site-white);
    background: rgba(var(--site-dark-rgb), .18);
}

.final-dashboard-header span {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: .55rem;
    background: var(--site-secondary);
}

.final-dashboard-header strong {
    font-size: .9rem;
    font-weight: 900;
}

.final-dashboard-header em {
    margin-left: auto;
    font-size: .75rem;
    font-style: normal;
    font-weight: 900;
    opacity: .75;
}

.final-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.final-dashboard-card,
.final-dashboard-wide,
.final-dashboard-list {
    border-radius: 1rem;
    background: var(--site-white);
}

.final-dashboard-card {
    min-height: 8rem;
    padding: 1rem;
}

.final-dashboard-card i {
    width: 2.35rem;
    height: 2.35rem;
    margin-bottom: .8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .75rem;
    color: var(--site-primary);
    background: rgba(var(--site-primary-rgb), .12);
}

.final-dashboard-card strong {
    display: block;
    margin-top: .25rem;
    color: var(--site-dark);
    font-size: 1.45rem;
    font-weight: 900;
}

.final-dashboard-wide {
    grid-column: 1 / -1;
    min-height: 8rem;
    padding: 1rem;
}

.final-line-chart {
    height: 6rem;
    display: flex;
    align-items: flex-end;
    gap: .65rem;
}

.final-line-chart i {
    flex: 1;
    border-radius: .45rem .45rem 0 0;
    background: var(--site-primary);
}

.final-line-chart i:nth-child(1) { height: 35%; }
.final-line-chart i:nth-child(2) { height: 58%; background: var(--site-secondary); }
.final-line-chart i:nth-child(3) { height: 48%; }
.final-line-chart i:nth-child(4) { height: 77%; background: var(--site-secondary); }
.final-line-chart i:nth-child(5) { height: 92%; }

.final-dashboard-list {
    grid-column: 1 / -1;
    padding: .85rem;
    display: grid;
    gap: .55rem;
}

.final-dashboard-list span {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .65rem .75rem;
    border-radius: .75rem;
    color: rgba(var(--site-body-color-rgb), .72);
    background: var(--site-bg-light);
    font-size: .78rem;
    font-weight: 800;
}

.final-dashboard-list i {
    width: .65rem;
    height: .65rem;
    border-radius: 50%;
    background: var(--site-primary);
}

@media (max-width: 991.98px) {
    .enterprise-browser-layout,
    .enterprise-panel-grid {
        grid-template-columns: 1fr;
    }

    .enterprise-app-sidebar {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .enterprise-browser,
    .final-dashboard-shell {
        border-radius: 1.15rem;
    }

    .enterprise-kpi-row,
    .final-dashboard-grid {
        grid-template-columns: 1fr;
    }

    .enterprise-app-main {
        padding: 1rem;
    }

    .enterprise-browser-layout {
        min-height: auto;
    }
}