/*
 * Odin Hosting – custom theme overrides
 * Logo sizing for condensed top navigation (website layout)
 */

:root {
    /* Lagom modern minified vars reference --text-white-color but never define it */
    --text-white-color: #ffffff;

    /* Odin Hosting – green primary / buy buttons */
    --brand-primary: #22a04a;
    --brand-primary-darker: #1b8039;
    --brand-primary-lighter: #2db859;
    --btn-primary-bg: #22a04a;
    --btn-primary-border: #22a04a;
    --btn-primary-color: #ffffff;
    --btn-primary-hover-bg: #1b8039;
    --btn-primary-hover-border: #1b8039;
    --btn-primary-hover-color: #ffffff;
    --btn-primary-active-bg: #166b2f;
    --btn-primary-active-border: #166b2f;

    --app-nav-logo-height: 60px;
    --app-nav-logo-width: 320px;
    --mob-app-nav-logo-height: 52px;
    --app-nav-header-height: calc(var(--app-nav-logo-height) + var(--spacing-4x));
}

/* Primary buttons – green background, white label (incl. .btn-text + CMS package cards) */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle,
.site .package-actions .btn.btn-primary,
.site .package-actions .btn.btn-primary:hover,
.site .package-actions .btn.btn-primary:focus,
.site .package-actions .btn.btn-primary:active,
.site .package.is-bordered .package-actions .btn.btn-primary,
.site .package.is-bordered .package-actions .btn.btn-primary:hover,
.section-primary .package.is-bordered .package-actions .btn.btn-primary,
.section-secondary .package.is-bordered .package-actions .btn.btn-primary,
.site .product-billing-switcher .btn-group > .btn.active {
    color: #ffffff !important;
    background-color: #22a04a !important;
    border-color: #22a04a !important;
}

.btn-primary:hover,
.btn-primary:focus,
.site .package-actions .btn.btn-primary:hover,
.site .package.is-bordered .package-actions .btn.btn-primary:hover,
.section-primary .package.is-bordered .package-actions .btn.btn-primary:hover,
.section-secondary .package.is-bordered .package-actions .btn.btn-primary:hover {
    color: #ffffff !important;
    background-color: #1b8039 !important;
    border-color: #1b8039 !important;
}

.btn-primary .btn-text,
.btn-primary:hover .btn-text,
.btn-primary:focus .btn-text,
.btn-primary:active .btn-text,
.site .package-actions .btn.btn-primary .btn-text,
.site .package-actions .btn.btn-primary:hover .btn-text,
.site .package.is-bordered .package-actions .btn.btn-primary .btn-text,
.site .product-billing-switcher .btn-group > .btn.active .btn-text {
    color: #ffffff !important;
}

/* Billing cycle switcher (3-Yıl / 1-Yıl / Aylık) – not .btn-primary */
.site .product-billing-switcher .btn-group > .btn.active,
.product-billing-switcher .btn-group > .btn.active,
.section-primary .product-billing-switcher .btn-group > .btn.active,
.section-secondary .product-billing-switcher .btn-group > .btn.active,
.section-default .product-billing-switcher .btn-group > .btn.active,
.lagom-futuristic .section-default .product-billing-switcher .btn-group > .btn.active,
.section-primary.section-overlay + .section-default .product-billing-switcher .btn-group > .btn.active,
.section-secondary.section-overlay + .section-default .product-billing-switcher .btn-group > .btn.active {
    color: #ffffff !important;
    background-color: #22a04a !important;
    border-color: #22a04a !important;
    box-shadow: none !important;
}

.site .product-billing-switcher .btn-group > .btn.active .btn-text,
.product-billing-switcher .btn-group > .btn.active .btn-text,
.section-primary .product-billing-switcher .btn-group > .btn.active .btn-text,
.section-secondary .product-billing-switcher .btn-group > .btn.active .btn-text,
.section-default .product-billing-switcher .btn-group > .btn.active .btn-text {
    color: #ffffff !important;
}

.site .product-billing-switcher .btn-group > .btn.active .label-save,
.product-billing-switcher .btn-group > .btn.active .label-save {
    color: #166b2f !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
input[type="button"]:not(.btn),
input[type="submit"]:not(.btn) {
    color: #ffffff;
}

.app-nav-header .logo,
.lagom-layout-condensed .app-nav-menu .logo {
    flex-shrink: 0;
}

.app-nav-header .logo img,
.lagom-layout-condensed .app-nav-menu .logo img,
.lagom-layout-condensed .app-nav-menu .logo > img {
    width: auto;
    max-width: var(--app-nav-logo-width);
    height: var(--app-nav-logo-height);
    object-fit: contain;
}

@media (max-width: 991.98px) {
    :root {
        --app-nav-logo-height: 52px;
        --app-nav-logo-width: 260px;
    }

    .app-nav-header .logo img {
        max-height: var(--mob-app-nav-logo-height);
        height: auto;
    }
}

/* Hosting & Servers mega menu – column headers, boxed items, descriptions */
.lagom-layout-top .app-nav-menu .menu > li.dropdown-mega .dropdown-menu-content .nav-header {
    color: var(--text-heading-color);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    padding-bottom: 10px;
    margin-bottom: 2px;
    border-bottom: 1px solid var(--ui-block-divider-color);
}

.lagom-layout-top .app-nav-menu .menu > li.dropdown-mega .dropdown-menu-content .dropdown-menu-parent {
    min-width: 210px;
    padding: 0 10px;
}

.lagom-layout-top .app-nav-menu .menu > li.dropdown-mega .dropdown-menu-list .dropdown-menu-item > a,
.lagom-layout-top .app-nav-menu .menu > li.dropdown-mega .dropdown-menu-list .dropdown-menu-item > a .menu-item-title {
    color: var(--gray-darker);
    font-weight: var(--font-weight-base);
}

.lagom-layout-top .app-nav-menu .menu > li.dropdown-mega .dropdown-menu-list .dropdown-menu-item > a:hover,
.lagom-layout-top .app-nav-menu .menu > li.dropdown-mega .dropdown-menu-list .dropdown-menu-item > a:hover .menu-item-title {
    color: var(--brand-primary);
}

.lagom-layout-top .app-nav-menu .menu > li.dropdown-mega .dropdown-menu-list .dropdown-menu-item {
    margin-bottom: 8px;
}

.lagom-layout-top .app-nav-menu .menu > li.dropdown-mega .dropdown-menu-list .dropdown-menu-item > a {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 14px;
    border-radius: var(--border-radius-base);
    background: rgba(0, 102, 204, 0.04);
    border: 1px solid rgba(0, 102, 204, 0.08);
    transition: background var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}

.lagom-layout-top .app-nav-menu .menu > li.dropdown-mega .dropdown-menu-list .dropdown-menu-item > a:hover {
    background: rgba(0, 102, 204, 0.08);
    border-color: rgba(0, 102, 204, 0.16);
    box-shadow: var(--box-shadow-sm);
}

.lagom-layout-top .app-nav-menu .menu > li.dropdown-mega .dropdown-menu-list .dropdown-menu-item > a .menu-item-content.has-desc {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.lagom-layout-top .app-nav-menu .menu > li.dropdown-mega .dropdown-menu-list .dropdown-menu-item > a .menu-item-title {
    font-weight: var(--font-weight-bold);
    line-height: 1.3;
}

.lagom-layout-top .app-nav-menu .menu > li.dropdown-mega .dropdown-menu-list .dropdown-menu-item > a .menu-item-desc {
    display: block;
    color: var(--gray);
    font-size: var(--font-size-sm);
    line-height: 1.45;
    font-weight: var(--font-weight-base);
}

.lagom-layout-top .app-nav-menu .menu > li.dropdown-mega .dropdown-menu-content .dropdown-menu-cols {
    border-right: 1px solid var(--ui-block-divider-color);
}

.lagom-layout-top .app-nav-menu .menu > li.dropdown-mega .dropdown-menu-content .dropdown-menu-parent:last-child .dropdown-menu-cols {
    border-right: 0;
}

/* Homepage hero – domain search in slider (doruknet-style) */
.page-lagom-cms .home-hero-domain.banner-type-2 .banner-content {
    max-width: 560px;
}

.page-lagom-cms .home-hero-domain .banner-caption {
    color: var(--brand-primary);
    font-weight: var(--font-weight-medium);
}

.page-lagom-cms .home-hero-domain .banner-search-domain {
    margin-top: var(--spacing-3x);
    max-width: 560px;
}

.page-lagom-cms .home-hero-domain .banner-search-domain .search-group-combined {
    background: #fff;
    border: 1px solid var(--ui-block-divider-color);
    border-radius: var(--border-radius-base);
    box-shadow: var(--box-shadow-sm);
    overflow: hidden;
}

.page-lagom-cms .home-hero-domain .banner-search-domain .search-field .form-control {
    border: 0;
    box-shadow: none;
    min-height: 52px;
}

.page-lagom-cms .home-hero-domain .banner-search-domain .search-group-btn .btn {
    min-height: 52px;
    min-width: 110px;
    border-radius: 0;
}

.page-lagom-cms .home-linux-packages .section-title {
    text-align: center;
}

.page-lagom-cms .home-linux-packages .section-subtitle {
    text-align: center;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.page-lagom-cms .home-services-grid .section-title {
    text-align: center;
    margin-bottom: var(--spacing-4x);
}

.page-lagom-cms .home-services-grid .section-content .row {
    justify-content: center;
}

.page-lagom-cms .home-services-grid .feature.is-boxed {
    height: 100%;
    text-align: center;
    box-shadow: var(--box-shadow-sm);
    transition: box-shadow var(--transition-base), transform var(--transition-base);
}

.page-lagom-cms .home-services-grid .feature.is-boxed:hover {
    box-shadow: var(--box-shadow-base);
    transform: translateY(-2px);
}

.page-lagom-cms .home-services-grid .feature-icon-top-center .feature-icon {
    margin-left: auto;
    margin-right: auto;
}

.page-lagom-cms .home-services-grid .feature .btn-link .btn-text {
    color: var(--brand-primary);
    font-weight: var(--font-weight-medium);
}