/* BeDijital 0.6.5 dynamic mega menus */
.bedijital-has-mega-menu { position: relative; }
.bedijital-has-mega-menu > a::after { content: ""; display:inline-block; width:7px; height:7px; margin-left:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-2px) rotate(45deg); }
.bedijital-mega-menu { position:absolute; z-index:1000; top:calc(100% + 12px); left:50%; width:660px; color:#26324b; background:#fff; border-radius:8px; box-shadow:0 18px 45px rgba(16,31,70,.22); opacity:0; visibility:hidden; transform:translate(-50%,10px); transition:opacity .18s ease,transform .18s ease,visibility .18s; overflow:hidden; text-align:left; }
.bedijital-has-mega-menu:hover > .bedijital-mega-menu,.bedijital-has-mega-menu:focus-within > .bedijital-mega-menu { opacity:1; visibility:visible; transform:translate(-50%,0); }
.bedijital-mega-menu--hosting { width:715px; }
.bedijital-mega-menu--company { width:340px; padding:12px; }
.bedijital-mega-menu__grid { display:grid; grid-template-columns:1fr 1fr; }
.bedijital-mega-menu__items { padding:16px; }
.bedijital-mega-menu__info { padding:24px; background:#f3f6fb; }
.bedijital-mega-menu__info h3 { margin:0 0 14px; font-size:17px; color:#17224a; }
.bedijital-mega-menu__info ul { list-style:none!important; margin:0!important; padding:0!important; }
.bedijital-mega-menu__info li { display:flex; gap:9px; align-items:flex-start; margin:9px 0; font-size:13px; }
.bedijital-mega-menu__info li i { color:#24a148; margin-top:3px; }
.bedijital-mega-menu__button { display:flex!important; align-items:center; justify-content:center; gap:8px; margin-top:17px; padding:11px 14px!important; border-radius:5px; background:#f67a3c; color:#fff!important; font-weight:700; }
.bedijital-mega-menu__button:hover,.bedijital-mega-menu__button:focus { background:#d85b1e; color:#fff!important; }
.bedijital-mega-card { display:flex!important; align-items:center; gap:13px; min-height:70px; padding:12px!important; border-radius:7px; color:#26324b!important; text-decoration:none!important; }
.bedijital-mega-card:hover,.bedijital-mega-card:focus { background:#f4f7fc; }
.bedijital-mega-card__icon { flex:0 0 42px; width:42px; height:42px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#0948b3; }
.bedijital-mega-card__icon.is-accent { background:#014cda; }.bedijital-mega-card__icon.is-secondary { background:#6f42c1; }.bedijital-mega-card__icon.is-tertiary { background:#f67a3c; }.bedijital-mega-card__icon.is-info { background:#1da1f2; }.bedijital-mega-card__icon.is-success { background:#198754; }
.bedijital-mega-card__copy { display:flex; flex-direction:column; min-width:0; }.bedijital-mega-card__copy strong { color:#17224a; font-size:14px; line-height:1.3; }.bedijital-mega-card__copy small { margin-top:4px; color:#6d7890; font-size:12px; line-height:1.4; }
.bedijital-mega-menu__hosting-items { display:grid; grid-template-columns:1fr 1fr; padding:14px; }
.bedijital-mega-apps { padding:18px 20px; color:#fff; background:#0948b3; }.bedijital-mega-apps__title { display:block; margin-bottom:13px; text-align:center; color:#fff; }.bedijital-mega-apps__list { display:grid; grid-template-columns:repeat(3,1fr); gap:8px 14px; }.bedijital-mega-apps__list a { display:flex!important; gap:8px; align-items:center; padding:7px!important; color:#fff!important; font-size:12px; border-radius:4px; }.bedijital-mega-apps__list a:hover { background:rgba(255,255,255,.12); }
.bedijital-mega-menu--company .bedijital-mega-card { min-height:64px; }
@media (max-width:980px) {
 .bedijital-has-mega-menu > a::after { display:none; }
 .bedijital-mega-menu { position:static; width:auto!important; max-height:0; margin:0; opacity:1; visibility:visible; transform:none; box-shadow:none; border-radius:0; overflow:hidden; transition:max-height .3s ease; }
 .bedijital-has-mega-menu.is-submenu-open > .bedijital-mega-menu { max-height:1800px; }
 .bedijital-mega-menu__grid { grid-template-columns:1fr; }.bedijital-mega-menu__hosting-items { grid-template-columns:1fr; }.bedijital-mega-apps__list { grid-template-columns:1fr 1fr; }
 .bedijital-mega-card { padding:11px 18px!important; }.bedijital-mega-menu__info { padding:20px; }
}
@media (max-width:480px) { .bedijital-mega-apps__list { grid-template-columns:1fr; } }

/* 0.7.10 — keep mobile mega menus inside the off-canvas panel */
@media (max-width:980px) {
    .bedijital-mega-menu {
        width: 100% !important;
        max-width: 100%;
        margin: 0 !important;
        color: #526078;
        background: #fff;
        border: 1px solid #e6eaf1;
        border-radius: 0;
        box-shadow: none;
        overflow: hidden;
    }
    .bedijital-has-mega-menu.is-submenu-open > .bedijital-mega-menu {
        max-height: 2200px;
        margin-bottom: 12px !important;
    }
    .bedijital-mega-menu__items,
    .bedijital-mega-menu__hosting-items { padding: 12px; }
    .bedijital-mega-menu__grid,
    .bedijital-mega-menu__hosting-items,
    .bedijital-mega-apps__list { grid-template-columns: 1fr !important; }
    .bedijital-mega-card {
        min-width: 0;
        width: 100%;
        min-height: 64px;
        padding: 10px 12px !important;
        color: #526078 !important;
    }
    .bedijital-mega-card__copy { min-width: 0; }
    .bedijital-mega-card__copy strong,
    .bedijital-mega-card__copy small { white-space: normal; overflow-wrap: anywhere; }
    .bedijital-mega-menu__info { padding: 20px; }
    .bedijital-mega-apps { padding: 18px; }
}

/* 0.7.11 — stable in-panel mobile accordions */
@media (max-width: 980px) {
    .bedijital-navigation,
    .bedijital-mobile-panel__body,
    .bedijital-menu,
    .bedijital-menu > li,
    .bedijital-mega-menu,
    .bedijital-mega-menu__grid,
    .bedijital-mega-menu__items,
    .bedijital-mega-menu__hosting-items,
    .bedijital-mega-menu__info,
    .bedijital-mega-apps {
        box-sizing: border-box;
        min-width: 0;
        max-width: 100%;
    }

    .bedijital-menu,
    .bedijital-menu > li { width: 100%; }

    .bedijital-mega-menu {
        position: static !important;
        inset: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        translate: none !important;
        border: 0 !important;
        border-top: 1px solid #e6eaf1 !important;
        background: #f8fafc !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.8) !important;
    }

    .bedijital-has-mega-menu.is-submenu-open > .bedijital-mega-menu {
        margin: 0 0 10px !important;
    }

    .bedijital-mega-menu__grid,
    .bedijital-mega-menu__hosting-items,
    .bedijital-mega-apps__list {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 8px !important;
    }

    .bedijital-mega-card {
        display: grid !important;
        grid-template-columns: 32px minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 58px;
        margin: 0 !important;
        padding: 9px 10px !important;
        border-radius: 6px;
        overflow: hidden;
    }

    .bedijital-mega-card + .bedijital-mega-card { margin-top: 2px !important; }
    .bedijital-mega-card__icon {
        width: 32px;
        height: 32px;
        min-width: 32px;
        flex-basis: 32px;
        font-size: 12px;
    }
    .bedijital-mega-card__copy,
    .bedijital-mega-card__copy strong,
    .bedijital-mega-card__copy small {
        min-width: 0;
        max-width: 100%;
        white-space: normal !important;
        overflow-wrap: break-word;
        word-break: normal;
    }

    .bedijital-mega-menu__info {
        width: 100%;
        padding: 16px !important;
        border-top: 1px solid #e6eaf1;
        background: #f1f5f9;
    }
    .bedijital-mega-menu__info li { min-width: 0; }
    .bedijital-mega-menu__info li span { min-width: 0; overflow-wrap: break-word; }

    .bedijital-mega-apps {
        width: 100%;
        padding: 14px !important;
    }
    .bedijital-mega-apps__list a {
        min-width: 0;
        padding: 8px !important;
        white-space: normal;
    }
}

/* 1.0.37 — align desktop mega menus directly below the compact sticky header */
@media (min-width: 981px) {
    .bedijital-header.is-sticky .bedijital-mega-menu {
        top: 100%;
    }
}

/* 1.0.39 — keep the desktop mega-menu pointer attached to the open panel */
@media (min-width: 981px) {
    .bedijital-has-mega-menu > .bedijital-mega-menu,
    .bedijital-header.is-sticky .bedijital-has-mega-menu > .bedijital-mega-menu {
        top: 100%;
        overflow: visible;
    }

    .bedijital-has-mega-menu > .bedijital-mega-menu::before {
        content: "";
        position: absolute;
        z-index: 2;
        top: -9px;
        left: 50%;
        width: 0;
        height: 0;
        border-right: 9px solid transparent;
        border-bottom: 10px solid #fff;
        border-left: 9px solid transparent;
        transform: translateX(-50%);
        pointer-events: none;
    }

    .bedijital-mega-menu__grid,
    .bedijital-mega-menu__hosting-items,
    .bedijital-mega-apps,
    .bedijital-mega-menu--company {
        border-radius: inherit;
    }
}

/* 1.2.1 — application hosting brand colors */
.bedijital-mega-apps__list .bedijital-mega-app-icon {
    width: 18px;
    flex: 0 0 18px;
    font-size: 18px;
    line-height: 1;
    text-align: center;
}
.bedijital-mega-app-icon.is-wordpress { color:#21759b !important; }
.bedijital-mega-app-icon.is-joomla { color:#f5a623 !important; }
.bedijital-mega-app-icon.is-magento { color:#f26322 !important; }
.bedijital-mega-app-icon.is-opencart { color:#23a8e0 !important; }
.bedijital-mega-app-icon.is-prestashop { color:#25b9d7 !important; }
.bedijital-mega-app-icon.is-drupal { color:#0678be !important; }



/* 1.2.43 — Hosting mega menu: 6 main products + 3 application products. */
@media (min-width: 981px) {
    .bedijital-mega-menu--hosting {
        overflow: visible;
    }
    .bedijital-mega-menu--hosting .bedijital-mega-menu__hosting-items {
        background: #fff;
        border-radius: 8px 8px 0 0;
        overflow: hidden;
    }
    .bedijital-mega-menu--hosting .bedijital-mega-apps {
        margin: 0;
        border: 0;
        border-top: 0;
        border-radius: 0 0 8px 8px;
        box-shadow: none;
        background: #0948b3;
    }
    .bedijital-mega-menu--hosting .bedijital-mega-apps__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px 18px;
    }
}
.bedijital-mega-card--inactive,
.bedijital-mega-app--inactive {
    cursor: default;
}
.bedijital-mega-card--inactive:hover,
.bedijital-mega-card--inactive:focus {
    background: transparent;
}
.bedijital-mega-apps__list .bedijital-mega-app,
.bedijital-mega-apps__list .bedijital-mega-app--inactive {
    display: flex !important;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 7px !important;
    color: #fff !important;
    font-size: 12px;
    border-radius: 4px;
    text-decoration: none !important;
}
.bedijital-mega-apps__list a.bedijital-mega-app:hover,
.bedijital-mega-apps__list a.bedijital-mega-app:focus {
    background: rgba(255,255,255,.12);
}
.bedijital-mega-apps__list .bedijital-mega-app-icon {
    width: 30px;
    flex: 0 0 30px;
    font-size: 24px;
    line-height: 1;
    text-align: center;
}
.bedijital-mega-app-icon.is-wordpress { color: #72d0ef !important; }
.bedijital-mega-app-icon.is-woocommerce { color: #c69af1 !important; }
.bedijital-mega-app-icon.is-opencart { color: #49c9ee !important; }

@media (max-width: 980px) {
    .bedijital-mega-apps__list .bedijital-mega-app,
    .bedijital-mega-apps__list .bedijital-mega-app--inactive {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }
}


/* v1.3.43 — Server mega-menu title rhythm.
   The two-line heading needs more breathing room between its own lines, but less dead space
   before the checklist so the right panel remains vertically balanced with five product cards. */
@media (min-width:981px) {
    .bedijital-mega-menu--server .bedijital-mega-menu__info h3 {
        margin-bottom:12px;
        line-height:1.30;
    }
}

/* v1.3.51 — grouped Ek Hizmetler mega menu and launch-gated links. */
.bedijital-menu > li.bedijital-menu-item--inactive > a {
    opacity: .52;
    cursor: default;
    pointer-events: none;
}
.bedijital-mega-menu--services {
    width: 880px;
}
.bedijital-mega-services__columns {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    background: #fff;
    border-radius: inherit;
    overflow: hidden;
}
.bedijital-mega-services__column {
    min-width: 0;
    padding: 16px 14px 18px;
}
.bedijital-mega-services__column + .bedijital-mega-services__column {
    border-left: 1px solid #e7ebf2;
}
.bedijital-mega-services__column h3 {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 2px 8px 10px;
    color: #17224a;
    font-size: 14px;
    line-height: 1.3;
}
.bedijital-mega-services__column h3 i {
    color: #f67a3c;
    font-size: 14px;
}
.bedijital-mega-services__items {
    display: grid;
    gap: 2px;
}
.bedijital-mega-menu--services .bedijital-mega-card {
    min-height: 68px;
    padding: 10px 8px !important;
}
.bedijital-mega-menu--services .bedijital-mega-service--inactive {
    opacity: .54;
}

@media (min-width: 981px) and (max-width: 1180px) {
    /* Keep the established 1.3.4x header typography and navigation spacing.
       Only the Ek Hizmetler panel itself is narrowed for this viewport. */
    .bedijital-mega-menu--services { width: 820px; }
}

@media (max-width: 980px) {
    .bedijital-mega-services__columns {
        display: block;
        width: 100%;
        border-radius: 0;
    }
    .bedijital-mega-services__column {
        width: 100%;
        padding: 12px 8px;
        border-left: 0 !important;
    }
    .bedijital-mega-services__column + .bedijital-mega-services__column {
        border-top: 1px solid #e6eaf1;
    }
    .bedijital-mega-services__column h3 {
        margin: 4px 10px 8px;
    }
    .bedijital-mega-services__items {
        display: block;
    }
}


/* v1.5.1 — SSL mega menu: text-led brand column + orange catalogue CTA button. */
.bedijital-mega-menu--ssl {
    width: 760px;
}
.bedijital-mega-ssl__columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    background: #fff;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}
.bedijital-mega-ssl__column {
    min-width: 0;
    padding: 16px 14px 18px;
}
.bedijital-mega-ssl__column + .bedijital-mega-ssl__column {
    border-left: 1px solid #e7ebf2;
}
.bedijital-mega-ssl__column h3 {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 2px 8px 10px;
    color: #17224a;
    font-size: 14px;
    line-height: 1.3;
}
.bedijital-mega-ssl__column h3 i {
    color: #f67a3c;
    font-size: 14px;
}
.bedijital-mega-ssl__items {
    display: grid;
    gap: 2px;
}
.bedijital-mega-menu--ssl .bedijital-mega-card {
    min-height: 68px;
    padding: 10px 8px !important;
}
.bedijital-mega-menu--ssl .bedijital-mega-ssl--inactive {
    opacity: .62;
}

/* Brand names are identities, not feature pictograms. Until official brand
   assets are deliberately added, keep this column clean and text-led. */
.bedijital-mega-ssl__column--brands .bedijital-mega-ssl__items {
    gap: 3px;
}
.bedijital-mega-menu--ssl .bedijital-mega-ssl__brand {
    position: relative;
    min-height: 68px;
    gap: 0;
    padding: 10px 14px 10px 18px !important;
    border-radius: 6px;
}
.bedijital-mega-menu--ssl .bedijital-mega-ssl__brand::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 16px;
    bottom: 16px;
    width: 2px;
    border-radius: 999px;
    background: #d9e2f0;
    transition: background .18s ease, width .18s ease;
}
.bedijital-mega-menu--ssl a.bedijital-mega-ssl__brand:hover::before,
.bedijital-mega-menu--ssl a.bedijital-mega-ssl__brand:focus::before {
    width: 3px;
    background: #f67a3c;
}
.bedijital-mega-menu--ssl .bedijital-mega-ssl__brand .bedijital-mega-card__copy strong {
    font-size: 14px;
    letter-spacing: .01em;
}

/* Bottom band keeps the established BeDijital blue, while the catalogue action
   reuses the orange CTA language used by the other mega menus. */
.bedijital-mega-ssl__cta-band {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    min-height: 78px;
    padding: 14px 20px 14px 24px;
    color: #fff;
    background: #0948b3;
}
.bedijital-mega-ssl__cta-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.bedijital-mega-ssl__cta-copy strong {
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
}
.bedijital-mega-ssl__cta-copy small {
    margin-top: 3px;
    color: rgba(255,255,255,.82);
    font-size: 12px;
    line-height: 1.35;
}
.bedijital-mega-ssl__cta-button {
    flex: 0 0 auto;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 142px;
    min-height: 44px;
    padding: 11px 17px !important;
    border-radius: 5px;
    background: #f67a3c;
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none !important;
    box-shadow: 0 6px 16px rgba(4, 32, 85, .14);
}
a.bedijital-mega-ssl__cta-button:hover,
a.bedijital-mega-ssl__cta-button:focus {
    background: #d85b1e;
    color: #fff !important;
}
.bedijital-mega-ssl__cta-button--inactive {
    cursor: default;
}

@media (min-width: 981px) and (max-width: 1180px) {
    .bedijital-mega-menu--ssl { width: 720px; }
}

@media (max-width: 980px) {
    .bedijital-mega-ssl__columns {
        display: block;
        width: 100%;
        border-radius: 0;
    }
    .bedijital-mega-ssl__column {
        width: 100%;
        padding: 12px 8px;
        border-left: 0 !important;
    }
    .bedijital-mega-ssl__column + .bedijital-mega-ssl__column {
        border-top: 1px solid #e6eaf1;
    }
    .bedijital-mega-ssl__column h3 {
        margin: 4px 10px 8px;
    }
    .bedijital-mega-ssl__items {
        display: block;
    }
    .bedijital-mega-ssl__cta-band {
        width: 100%;
        box-sizing: border-box;
        padding: 15px 18px;
    }
}

@media (max-width: 560px) {
    .bedijital-mega-ssl__cta-band {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
    }
    .bedijital-mega-ssl__cta-button {
        width: 100%;
        box-sizing: border-box;
    }
}