/* SADECE mega menu */
.jkit-mega-menu-wrapper .mega-fix a {
    padding: 0 !important;
}

#mega-image-area{
    min-height:300px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    transition:background-image .25s ease;
}

/* =========================================================
   HİZMET KARTLARI
========================================================= */

.service-card-01,
.service-card-02 {
    position: relative;
    overflow: hidden;
}

/* görsel */
.service-card-01::before,
.service-card-02::before {
    content: "";
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transform: scale(1.05);
    transition: .4s ease;
    z-index: 1;
}

/* gradient */
.service-card-01::after,
.service-card-02::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(200, 230, 202, 0.6) 0%,
        rgba(200, 230, 202, 0.3) 40%,
        rgba(200, 230, 202, 0) 80%
    );
    opacity: 0;
    transition: .4s ease;
    z-index: 2;
}

/* hover */
.service-card-01:hover::before,
.service-card-02:hover::before {
    opacity: 1;
    transform: scale(1);
}

.service-card-01:hover::after,
.service-card-02:hover::after {
    opacity: 1;
}

/* içerik üstte */
.service-card-01 > *,
.service-card-02 > * {
    position: relative;
    z-index: 10;
}

/* metin + ikon */
.service-card-01:hover .elementor-icon-box-title span,
.service-card-02:hover .elementor-icon-box-title span,
.service-card-01:hover .elementor-icon-box-description,
.service-card-02:hover .elementor-icon-box-description,
.service-card-01:hover .elementor-button-text,
.service-card-02:hover .elementor-button-text,
.service-card-01:hover .elementor-icon i,
.service-card-02:hover .elementor-icon i {
    color: #fff !important;
}

/* svg */
.service-card-01:hover .elementor-icon svg,
.service-card-02:hover .elementor-icon svg {
    fill: #fff !important;
}

.service-card-01::before {
    background-image: url("https://gespant-v3.konvert-web.com.tr/wp-content/uploads/2026/04/software-deneme.jpg");
}

.service-card-02::before {
    background-image: url("https://gespant-v3.konvert-web.com.tr/wp-content/uploads/2026/04/hardware-deneme.jpg");
}




/* =========================================================
   ÜRÜN KARTLARI
========================================================= */

.product-card{
    position:relative;
    overflow:hidden;
    aspect-ratio:4 / 3;
    cursor:pointer;
    transition:.4s ease;
    justify-content:center;
    align-items:center;
}

/* Ürün görseli */
.product-card::before{
    content:"";
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    opacity:0;
    transform:scale(1.03);
    transition:.5s ease;
    z-index:1;
    will-change:transform, opacity;
}

/* Hafif overlay */
.product-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        180deg,
        rgba(0,0,0,.02) 0%,
        rgba(0,0,0,.08) 100%
    );
    opacity:0;
    transition:.4s ease;
    z-index:2;
}

/* İçerik üstte */
.product-card > *{
    position:relative;
    z-index:10;
}

/* Hover efektleri */
.product-card:hover::before{
    opacity:1;
    transform:scale(1);
}

.product-card:hover::after{
    opacity:.35;
}

/* Başlık gizleme */
.product-card .elementor-widget-heading{
    opacity:1;
    transition:
        opacity .35s ease,
        transform .35s ease;
}

.product-card:hover .elementor-widget-heading{
    opacity:0;
    transform:translateY(-15px);
    pointer-events:none;
}

/* =========================================================
   ÜRÜN KART GÖRSELLERİ
========================================================= */

.plc-card::before{
    background-image:url("https://gespant-v3.konvert-web.com.tr/wp-content/uploads/2026/06/plc-urun-deneme.jpg");
}

.io-module-card::before{
    background-image:url("https://gespant-v3.konvert-web.com.tr/wp-content/uploads/2026/06/io-moduller-urun-deneme.jpg");
}

.io-coupler-card::before{
    background-image:url("https://gespant-v3.konvert-web.com.tr/wp-content/uploads/2026/06/io-coupler-urun-deneme.jpg");
}

.compute-module-card::before{
    background-image:url("https://gespant-v3.konvert-web.com.tr/wp-content/uploads/2026/06/compute-module-urun-deneme.jpg");
}

.pc-anakart-card::before{
    background-image:url("https://gespant-v3.konvert-web.com.tr/wp-content/uploads/2026/06/pc-anakart-urun-deneme.jpg");
}

.panel-pc-card::before{
    background-image:url("https://gespant-v3.konvert-web.com.tr/wp-content/uploads/2026/06/panel-pc-urun-deneme.jpg");
}

.desktop-pc-card::before{
    background-image:url("https://gespant-v3.konvert-web.com.tr/wp-content/uploads/2026/06/desktop-pc-urun-deneme.jpg");
}

.ethernet-switch-card::before{
    background-image:url("https://gespant-v3.konvert-web.com.tr/wp-content/uploads/2026/06/ethernet-switch-urun-deneme.jpg");
}


/*=========================================================
  GESPANT DESIGN SYSTEM v1.0
  ULTIMATE MEMBER
  BÖLÜM 1
=========================================================*/



/*=========================================================
  GESPANT AUTH WRAPPER
=========================================================*/

.gespant-auth{

    /*-----------------------------------------------------
      COLORS
    -----------------------------------------------------*/

    --ges-primary:#323E33;
    --ges-primary-hover:#425244;

    --ges-text:#333333;
    --ges-text-light:#777777;
    --ges-placeholder:#A7A7A7;

    --ges-border:#D8D8D8;

    --ges-bg:#FFFFFF;

    --ges-error:#B42318;
    --ges-error-bg:#FFF5F5;
    --ges-error-border:#D9534F;

    /*-----------------------------------------------------
      SIZES
    -----------------------------------------------------*/

    --ges-input-height:48px;

    --ges-radius:4px;

    --ges-label-size:15px;

    --ges-text-size:14px;

    /*-----------------------------------------------------
      EFFECTS
    -----------------------------------------------------*/

    --ges-shadow:0 8px 30px rgba(0,0,0,.08);

    --ges-transition:.25s;

}



/*=========================================================
  RESET
=========================================================*/

.gespant-auth .um{

    font-family:'Open Sans',sans-serif;

    color:var(--ges-text);

}

.gespant-auth .um *{

    box-sizing:border-box;

}

.gespant-auth .um .um-form{

    background:transparent;

    border:none;

    padding:0;

    box-shadow:none;

}



/*=========================================================
  TYPOGRAPHY
=========================================================*/

.gespant-auth .um{

    font-family:'Open Sans',sans-serif;

    font-size:var(--ges-text-size);

}

.gespant-auth .um p,
.gespant-auth .um li,
.gespant-auth .um span,
.gespant-auth .um label,
.gespant-auth .um input,
.gespant-auth .um textarea,
.gespant-auth .um select{

    font-family:'Open Sans',sans-serif;

}



/*=========================================================
  LABELS
=========================================================*/

.gespant-auth .um .um-field-label{

    margin-bottom:8px;

}

.gespant-auth .um .um-field-label label{

    font-family:'Dosis',sans-serif;

    font-size:var(--ges-label-size);

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

    color:var(--ges-primary);

}



/*=========================================================
  INPUTS
=========================================================*/

.gespant-auth .um input[type=text],
.gespant-auth .um input[type=email],
.gespant-auth .um input[type=password],
.gespant-auth .um input[type=tel],
.gespant-auth .um input[type=url],
.gespant-auth .um input[type=number],
.gespant-auth .um textarea,
.gespant-auth .um select{

    width:100%;

    border:1px solid var(--ges-border)!important;

    border-radius:var(--ges-radius)!important;

    background:var(--ges-bg)!important;

    color:var(--ges-text);

    font-size:var(--ges-text-size);

    font-family:'Open Sans',sans-serif;

    transition:var(--ges-transition);

}

.gespant-auth .um input[type=text],
.gespant-auth .um input[type=email],
.gespant-auth .um input[type=password],
.gespant-auth .um input[type=tel],
.gespant-auth .um input[type=url],
.gespant-auth .um input[type=number],
.gespant-auth .um select{

    height:var(--ges-input-height);

    padding:0 16px!important;

}

.gespant-auth .um textarea{

    min-height:130px;

    padding:14px 16px!important;

    resize:vertical;

}



/*=========================================================
  PLACEHOLDER
=========================================================*/

.gespant-auth .um input::placeholder,
.gespant-auth .um textarea::placeholder{

    color:var(--ges-placeholder);

}



/*=========================================================
  INPUT FOCUS
=========================================================*/

.gespant-auth .um input:focus,
.gespant-auth .um textarea:focus,
.gespant-auth .um select:focus{

    border-color:var(--ges-primary)!important;

    box-shadow:0 0 0 3px rgba(50,62,51,.08);

}



/*=========================================================
  PASSWORD TOGGLE
=========================================================*/

.gespant-auth .um .um-toggle-password{

    color:var(--ges-text-light);

    transition:var(--ges-transition);

}

.gespant-auth .um .um-toggle-password:hover{

    color:var(--ges-primary);

}



/*=========================================================
  FORM SPACING
=========================================================*/

.gespant-auth .um .um-field{

    margin-bottom:18px;

}

.gespant-auth .um .um-col-alt{

    margin-top:25px;

}

/*=========================================================
  GESPANT DESIGN SYSTEM v1.0
  ULTIMATE MEMBER
  BÖLÜM 2
=========================================================*/



/*=========================================================
  SELECT2
=========================================================*/

.gespant-auth .um .select2-container{

    width:100%!important;

}

.gespant-auth .um .select2-selection--single{

    height:var(--ges-input-height)!important;

    border:1px solid var(--ges-border)!important;

    border-radius:var(--ges-radius)!important;

    background:#fff!important;

    display:flex!important;

    align-items:center!important;

    transition:var(--ges-transition);

}

.gespant-auth .um .select2-selection--single:hover{

    border-color:var(--ges-primary)!important;

}

.gespant-auth .um .select2-selection__rendered{

    height:var(--ges-input-height)!important;

    line-height:46px!important;

    padding-left:16px!important;

    color:var(--ges-text)!important;

    font-family:'Open Sans',sans-serif;

    font-size:var(--ges-text-size);

}

.gespant-auth .um .select2-selection__placeholder{

    color:var(--ges-placeholder)!important;

}

.gespant-auth .um .select2-selection__arrow{

    height:var(--ges-input-height)!important;

}



/*=========================================================
  CHECKBOX
=========================================================*/

.gespant-auth .um .um-field-checkbox{

    display:flex;

    align-items:flex-start;

}

.gespant-auth .um .um-field-checkbox-option{

    font-family:'Open Sans',sans-serif;

    font-size:14px;

    line-height:24px;

    color:#555;

}

.gespant-auth .um .um-field-checkbox-state{

    margin-right:10px;

}

.gespant-auth .um .um-field-checkbox-state i{

    color:var(--ges-primary);

    transition:var(--ges-transition);

}



/*=========================================================
  BUTTONS
=========================================================*/

.gespant-auth .um .um-button,
.gespant-auth .um .um-alt{

    width:100%!important;

    height:48px;

    border-radius:0!important;

    box-shadow:none!important;

    font-family:'Dosis',sans-serif!important;

    font-size:15px!important;

    font-weight:600!important;

    letter-spacing:1.2px;

    text-transform:uppercase;

    transition:var(--ges-transition);

}

/* Primary */

.gespant-auth .um .um-button{

    background:var(--ges-primary)!important;

    border:1px solid var(--ges-primary)!important;

    color:#fff!important;

}

.gespant-auth .um .um-button:hover{

    background:#fff!important;

    color:var(--ges-primary)!important;

}

/* Secondary */

.gespant-auth .um .um-alt{

    background:#fff!important;

    border:1px solid var(--ges-primary)!important;

    color:var(--ges-primary)!important;

}

.gespant-auth .um .um-alt:hover{

    background:var(--ges-primary)!important;

    color:#fff!important;

}



/*=========================================================
  LINKS
=========================================================*/

.gespant-auth .um .um-link-alt{

    display:block;

    margin-top:18px;

    text-align:center;

    font-family:'Open Sans',sans-serif;

    font-size:14px;

    color:var(--ges-primary);

    text-decoration:none;

    transition:var(--ges-transition);

}

.gespant-auth .um .um-link-alt:hover{

    color:#000;

}



/*=========================================================
  ERROR BOX
=========================================================*/

.gespant-auth .um .um-field-error{

    margin-top:8px!important;

    padding:12px 14px!important;

    background:var(--ges-error-bg)!important;

    border-left:4px solid var(--ges-error-border)!important;

    border-radius:4px!important;

    color:var(--ges-error)!important;

    font-family:'Open Sans',sans-serif!important;

    font-size:13px!important;

    line-height:1.6;

}

.gespant-auth .um .um-field-error p{

    margin:0!important;

    color:inherit!important;

}



/*=========================================================
  INVALID INPUT
=========================================================*/

.gespant-auth .um input.um-error,
.gespant-auth .um textarea.um-error,
.gespant-auth .um select.um-error,
.gespant-auth .um .um-field.um-field-error input,
.gespant-auth .um .um-field.um-field-error textarea,
.gespant-auth .um .um-field.um-field-error select{

    border-color:var(--ges-error-border)!important;

}



/*=========================================================
  SUCCESS MESSAGE
=========================================================*/

.gespant-auth .um .um-notice.success{

    padding:16px 18px;

    margin-bottom:24px;

    border-left:4px solid var(--ges-primary);

    border-radius:4px;

    background:#F4FAF5;

    color:var(--ges-primary);

    font-family:'Open Sans',sans-serif;

    font-size:14px;

}



/*=========================================================
  DEFAULT NOTICE
=========================================================*/

.gespant-auth .um .um-notice{

    border-radius:4px;

    font-family:'Open Sans',sans-serif;

}



/*=========================================================
  DISABLED BUTTON
=========================================================*/

.gespant-auth .um .um-button:disabled,
.gespant-auth .um input[disabled]{

    opacity:.6;

    cursor:not-allowed;

}



/*=========================================================
  GLOBAL TRANSITIONS
=========================================================*/

.gespant-auth .um input,
.gespant-auth .um textarea,
.gespant-auth .um select,
.gespant-auth .um button,
.gespant-auth .um a,
.gespant-auth .um .select2-selection--single,
.gespant-auth .um .um-toggle-password{

    transition:var(--ges-transition);

}



/*=========================================================
  RESPONSIVE
=========================================================*/

@media(max-width:767px){

    .gespant-auth .um .um-button,
    .gespant-auth .um .um-alt{

        width:100%!important;

    }

}

/*=========================================================
  GESPANT DESIGN SYSTEM v1.0
  FORM : GİRİŞ YAP
  FORM ID : 1363
=========================================================*/


/*=========================================================
  FORM CARD
=========================================================*/

.gespant-auth .um-1363{

    max-width:460px!important;

    background:#fff;

    padding:38px;

    border-radius:10px;

    box-shadow:var(--ges-shadow);

}



/*=========================================================
  ELEMENTOR FIX
=========================================================*/

.gespant-auth .elementor-element-93640f2>.elementor-widget-wrap{

    background:transparent!important;

    box-shadow:none!important;

}



/*=========================================================
  BUTTON LAYOUT
=========================================================*/

.gespant-auth .um-1363 .um-left{

    width:48%;

}

.gespant-auth .um-1363 .um-right{

    width:48%;

}



/*=========================================================
  FORGOT PASSWORD
=========================================================*/

.gespant-auth .um-1363 .um-col-alt-b{

    margin-top:8px;

}



/*=========================================================
  RESPONSIVE
=========================================================*/

@media(max-width:767px){

    .gespant-auth .um-1363{

        padding:28px;

    }

    .gespant-auth .um-1363 .um-left,
    .gespant-auth .um-1363 .um-right{

        width:100%!important;

        float:none!important;

    }

    .gespant-auth .um-1363 .um-right{

        margin-top:12px;

    }

}

/*=========================================================
  GESPANT DESIGN SYSTEM v1.0
  FORM : KAYIT OL
  FORM ID : 1358
=========================================================*/


/*=========================================================
  FORM CARD
=========================================================*/

.gespant-auth .um-1358{

    max-width:680px!important;

    width:100%!important;

    background:#fff;

    padding:38px;

    border-radius:10px;

    box-shadow:var(--ges-shadow);

}



/*=========================================================
  İKİ SÜTUN
=========================================================*/

.gespant-auth .um-1358 .um-field-first_name,
.gespant-auth .um-1358 .um-field-last_name,
.gespant-auth .um-1358 .um-field-user_email,
.gespant-auth .um-1358 .um-field-phone_number{

    width:48%;

}

.gespant-auth .um-1358 .um-field-first_name,
.gespant-auth .um-1358 .um-field-user_email{

    float:left;

}

.gespant-auth .um-1358 .um-field-last_name,
.gespant-auth .um-1358 .um-field-phone_number{

    float:right;

}



/*=========================================================
  TAM SATIR ALANLAR
=========================================================*/

.gespant-auth .um-1358 .um-field-country,
.gespant-auth .um-1358 .um-field-user_password,
.gespant-auth .um-1358 .um-field-confirm_user_password,
.gespant-auth .um-1358 .um-field-gdpr_agreement{

    clear:both;

    width:100%;

}



/*=========================================================
  GDPR BAŞLIK
=========================================================*/

.gespant-auth .um-1358 .um-toggle-gdpr{

    display:inline-block;

    margin-bottom:12px;

    font-family:'Dosis',sans-serif;

    font-size:15px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

    color:var(--ges-primary);

    text-decoration:none;

}

.gespant-auth .um-1358 .um-toggle-gdpr:hover{

    color:#000;

}



/*=========================================================
  ELEMENTOR FIX
=========================================================*/

.gespant-auth .elementor-element-4dd62e8>.elementor-widget-wrap{

    background:transparent!important;

    box-shadow:none!important;

}



/*=========================================================
  RESPONSIVE
=========================================================*/

@media(max-width:767px){

    .gespant-auth .um-1358{

        padding:28px;

    }

    .gespant-auth .um-1358 .um-field-first_name,
    .gespant-auth .um-1358 .um-field-last_name,
    .gespant-auth .um-1358 .um-field-user_email,
    .gespant-auth .um-1358 .um-field-phone_number{

        width:100%;

        float:none;

    }

    .gespant-auth .um-1358 .um-left,
    .gespant-auth .um-1358 .um-right{

        width:100%!important;

        float:none!important;

    }

    .gespant-auth .um-1358 .um-right{

        margin-top:12px;

    }

}

/*=========================================================
  GESPANT DESIGN SYSTEM
  ACCOUNT PAGE
  BÖLÜM 1 (REVİZE)
=========================================================*/


/*=========================================================
  ACCOUNT WRAPPER
=========================================================*/

.gespant-auth .um-account{

    font-family:'Open Sans',sans-serif;

    color:var(--ges-text);

}



/*=========================================================
  LAYOUT
=========================================================*/

.gespant-auth .um-account-side{

    width:280px;

}

.gespant-auth .um-account-main{

    background:#fff;

    border-radius:10px;

    box-shadow:var(--ges-shadow);

    padding:40px;

}



/*=========================================================
  PROFILE CARD
=========================================================*/

.gespant-auth .um-account-meta{

    background:#fff;

    border-radius:10px;

    box-shadow:var(--ges-shadow);

    padding:34px 24px;

    margin-bottom:24px;

    text-align:center;

}



/*=========================================================
  AVATAR
=========================================================*/

.gespant-auth .um-account-meta-img{

    margin-bottom:18px;

}

.gespant-auth .um-account-meta-img img{

    width:120px!important;

    height:120px!important;

    border-radius:50%;

    object-fit:cover;

    border:4px solid #F2F2F2;

    box-shadow:0 4px 18px rgba(0,0,0,.08);

}



/*=========================================================
  DEFAULT AVATAR
=========================================================*/

.gespant-auth .um-account-meta-img img[src*="default_avatar"]{

    content:url("https://gespant-v3.konvert-web.com.tr/wp-content/uploads/2026/06/gespant-avatar.jpg");

}



/*=========================================================
  MOBILE DEFAULT AVATAR
=========================================================*/

.gespant-auth .um-account-meta-img-b img[src*="default_avatar"]{

    content:url("https://gespant-v3.konvert-web.com.tr/wp-content/uploads/2026/06/gespant-avatar.jpg");

}



/*=========================================================
  USER NAME
=========================================================*/

.gespant-auth .um-account-name{

    margin-top:10px;

    font-family:'Dosis',sans-serif;

    font-size:27px;

    font-weight:600;

    letter-spacing:.5px;

    color:var(--ges-primary);

}

.gespant-auth .um-account-name a{

    color:inherit;

    text-decoration:none;

    transition:var(--ges-transition);

}

.gespant-auth .um-account-name a:hover{

    color:#000;

}



/*=========================================================
  SIDE MENU
=========================================================*/

.gespant-auth .um-account-side ul{

    margin:0;

    padding:0;

    background:#fff;

    border-radius:10px;

    overflow:hidden;

    box-shadow:var(--ges-shadow);

}



/*=========================================================
  MENU ITEM
=========================================================*/

.gespant-auth .um-account-side li{

    list-style:none;

    margin:0;

    border-bottom:1px solid #ECECEC;

}

.gespant-auth .um-account-side li:last-child{

    border-bottom:none;

}



/*=========================================================
  MENU LINK
=========================================================*/

.gespant-auth .um-account-link{

    display:flex;

    align-items:center;

    min-height:62px;

    padding:0 22px;

    background:#fff;

    color:#666;

    text-decoration:none;

    transition:var(--ges-transition);

}

.gespant-auth .um-account-link:hover{

    background:#F7F7F7;

    color:var(--ges-primary);

}



/*=========================================================
  ACTIVE
=========================================================*/

.gespant-auth .um-account-link.current{

    background:var(--ges-primary);

}

.gespant-auth .um-account-link.current,
.gespant-auth .um-account-link.current *,
.gespant-auth .um-account-link.current span,
.gespant-auth .um-account-link.current i{

    color:#fff!important;

}



/*=========================================================
  MENU ICON
=========================================================*/

.gespant-auth .um-account-icon{

    width:26px;

    text-align:center;

    font-size:15px;

    flex-shrink:0;

}



/*=========================================================
  MENU TITLE
=========================================================*/

.gespant-auth .um-account-title{

    margin-left:14px;

    font-family:'Dosis',sans-serif;

    font-size:14px;

    font-weight:600;

    letter-spacing:.4px;

    text-transform:none;

    line-height:1.35;

    white-space:normal;

}



/*=========================================================
  MENU ARROW
=========================================================*/

.gespant-auth .um-account-arrow{

    margin-left:auto;

    opacity:.45;

    flex-shrink:0;

}



/*=========================================================
  MENU HOVER
=========================================================*/

.gespant-auth .um-account-link:hover .um-account-arrow{

    opacity:1;

}



/*=========================================================
  MOBILE PROFILE CARD
=========================================================*/

.gespant-auth .um-account-meta-img-b img{

    width:90px!important;

    height:90px!important;

    border-radius:50%;

    object-fit:cover;

}



/*=========================================================
  NOTE
=========================================================*/

/*
View Profile kaldırılmayacak.
Username gizlenmeyecek.

Bunlar functions.php ile HTML oluşmadan kaldırılacak.
Bu CSS'te bilinçli olarak müdahale edilmiyor.
*/

/*=========================================================
  GESPANT DESIGN SYSTEM
  ACCOUNT PAGE
  BÖLÜM 2 (REVİZE)
=========================================================*/


/*=========================================================
  ACCOUNT PANEL
=========================================================*/

.gespant-auth .um-account-main{

    background:#fff;

    border-radius:10px;

    box-shadow:var(--ges-shadow);

    padding:40px;

}



/*=========================================================
  TAB TITLE
=========================================================*/

.gespant-auth .um-account-heading{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:32px;

    padding-bottom:16px;

    border-bottom:1px solid #ECECEC;

    font-family:'Dosis',sans-serif;

    font-size:30px;

    font-weight:600;

    letter-spacing:.8px;

    color:var(--ges-primary);

}

.gespant-auth .um-account-heading i{

    color:var(--ges-primary);

}



/*=========================================================
  FIELD
=========================================================*/

.gespant-auth .um-account .um-field{

    margin-bottom:22px;

}



/*=========================================================
  LABEL
=========================================================*/

.gespant-auth .um-account .um-field-label{

    margin-bottom:8px;

}

.gespant-auth .um-account .um-field-label label{

    font-family:'Dosis',sans-serif;

    font-size:15px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

    color:var(--ges-primary);

}



/*=========================================================
  INPUTS
=========================================================*/

.gespant-auth .um-account input[type=text],
.gespant-auth .um-account input[type=email],
.gespant-auth .um-account input[type=password],
.gespant-auth .um-account input[type=tel],
.gespant-auth .um-account select,
.gespant-auth .um-account textarea{

    width:100%;

    height:48px;

    padding:0 16px!important;

    border:1px solid var(--ges-border)!important;

    border-radius:4px!important;

    background:#fff!important;

    font-family:'Open Sans',sans-serif;

    font-size:14px;

    color:var(--ges-text);

    transition:var(--ges-transition);

}



/*=========================================================
  TEXTAREA
=========================================================*/

.gespant-auth .um-account textarea{

    min-height:140px;

    padding:14px 16px!important;

    resize:vertical;

}



/*=========================================================
  PLACEHOLDER
=========================================================*/

.gespant-auth .um-account input::placeholder,
.gespant-auth .um-account textarea::placeholder{

    color:var(--ges-placeholder);

}



/*=========================================================
  FOCUS
=========================================================*/

.gespant-auth .um-account input:focus,
.gespant-auth .um-account textarea:focus,
.gespant-auth .um-account select:focus{

    border-color:var(--ges-primary)!important;

    box-shadow:0 0 0 3px rgba(50,62,51,.08)!important;

}



/*=========================================================
  DISABLED
=========================================================*/

.gespant-auth .um-account input[disabled]{

    background:#F7F7F7!important;

    color:#888!important;

}



/*=========================================================
  PASSWORD TOGGLE
=========================================================*/

.gespant-auth .um-account .um-toggle-password{

    color:#777;

    transition:var(--ges-transition);

}

.gespant-auth .um-account .um-toggle-password:hover{

    color:var(--ges-primary);

}



/*=========================================================
  BUTTON AREA
=========================================================*/

.gespant-auth .um-account .um-col-alt{

    margin-top:32px;

}



/*=========================================================
  PRIMARY BUTTON
=========================================================*/

.gespant-auth .um-account .um-button{

    width:100%!important;

    height:48px;

    border-radius:0!important;

    border:1px solid var(--ges-primary)!important;

    background:var(--ges-primary)!important;

    color:#fff!important;

    font-family:'Dosis',sans-serif!important;

    font-size:15px!important;

    font-weight:600!important;

    letter-spacing:1.2px;

    text-transform:uppercase;

    transition:var(--ges-transition);

    box-shadow:none!important;

}

.gespant-auth .um-account .um-button:hover{

    background:#fff!important;

    color:var(--ges-primary)!important;

}



/*=========================================================
  SUCCESS MESSAGE
=========================================================*/

.gespant-auth .um-account-notice.updated{

    margin-bottom:28px;

    padding:14px 18px;

    background:#EDF8F0;

    border-left:4px solid #3C8C5A;

    border-radius:4px;

    font-family:'Open Sans',sans-serif;

    font-size:14px;

    color:#2E6E46;

}



/*=========================================================
  ERROR MESSAGE
=========================================================*/

.gespant-auth .um-account-notice.err{

    margin-bottom:28px;

    padding:14px 18px;

    background:#FFF5F5;

    border-left:4px solid #D9534F;

    border-radius:4px;

    font-family:'Open Sans',sans-serif;

    font-size:14px;

    color:#B42318;

}



/*=========================================================
  FIELD ERROR
=========================================================*/

.gespant-auth .um-account .um-field-error{

    margin-top:8px!important;

    padding:12px 14px!important;

    background:#FFF5F5!important;

    border-left:4px solid #D9534F!important;

    border-radius:4px!important;

    font-family:'Open Sans',sans-serif!important;

    font-size:13px!important;

    color:#B42318!important;

}

.gespant-auth .um-account .um-field-error p{

    margin:0!important;

}



/*=========================================================
  INVALID INPUT
=========================================================*/

.gespant-auth .um-account input.um-error,
.gespant-auth .um-account textarea.um-error,
.gespant-auth .um-account select.um-error{

    border-color:#D9534F!important;

}



/*=========================================================
  HR
=========================================================*/

.gespant-auth .um-account hr{

    border:none;

    border-top:1px solid #ECECEC;

    margin:30px 0;

}

/*=========================================================
  GESPANT DESIGN SYSTEM
  ACCOUNT PAGE
  BÖLÜM 3 (REVİZE)
=========================================================*/



/*=========================================================
  AUTOFILL
=========================================================*/

.gespant-auth .um-account input:-webkit-autofill,
.gespant-auth .um-account input:-webkit-autofill:hover,
.gespant-auth .um-account input:-webkit-autofill:focus{

    -webkit-box-shadow:0 0 0 1000px #fff inset!important;

    -webkit-text-fill-color:var(--ges-text)!important;

}



/*=========================================================
  MENU ICON
=========================================================*/

.gespant-auth .um-account-link i{

    transition:var(--ges-transition);

}

.gespant-auth .um-account-link:hover i{

    color:var(--ges-primary);

}

.gespant-auth .um-account-link.current i{

    color:#fff!important;

}



/*=========================================================
  BUTTON ALIGNMENT
=========================================================*/

.gespant-auth .um-account .um-left,
.gespant-auth .um-account .um-right{

    float:none!important;

    width:100%!important;

}



/*=========================================================
  PASSWORD TAB
=========================================================*/

.gespant-auth .um-account-tab-password .um-field{

    margin-bottom:22px;

}



/*=========================================================
  PASSWORD STRENGTH
=========================================================*/

.gespant-auth .um-account .um-password-strength{

    margin-top:10px;

    border-radius:4px;

    font-size:13px;

    font-family:'Open Sans',sans-serif;

}



/*=========================================================
  PASSWORD DESCRIPTION
=========================================================*/

.gespant-auth .um-account small{

    color:#777;

    font-size:13px;

}



/*=========================================================
  MOBILE PROFILE CARD
=========================================================*/

.gespant-auth .uimob340-show .um-account-meta{

    padding:24px;

    border-radius:10px;

    box-shadow:var(--ges-shadow);

}



/*=========================================================
  MOBILE AVATAR
=========================================================*/

.gespant-auth .uimob340-show .um-account-meta img{

    width:90px!important;

    height:90px!important;

}



/*=========================================================
  MOBILE MENU
=========================================================*/

.gespant-auth .uimob340-show .um-account-side{

    margin-bottom:24px;

}



/*=========================================================
  RESPONSIVE
=========================================================*/

@media (max-width:1024px){

    .gespant-auth .um-account-side{

        width:260px;

    }

    .gespant-auth .um-account-main{

        padding:32px;

    }

}



@media (max-width:767px){

    .gespant-auth .um-account{

        display:block;

    }

    .gespant-auth .um-account-side{

        width:100%;

        margin-bottom:24px;

    }

    .gespant-auth .um-account-main{

        width:100%;

        padding:24px;

        border-radius:8px;

    }

    .gespant-auth .um-account-name{

        font-size:22px;

    }

    .gespant-auth .um-account-heading{

        font-size:24px;

    }

    .gespant-auth .um-account-title{

        font-size:13px;

        letter-spacing:.2px;

    }

    .gespant-auth .um-account-link{

        min-height:56px;

        padding:0 18px;

    }

    .gespant-auth .um-account .um-button{

        width:100%!important;

    }

}



/*=========================================================
  ELEMENTOR FIX
=========================================================*/

.gespant-auth .elementor-shortcode{

    width:100%;

}

.gespant-auth .elementor-widget-shortcode{

    margin-bottom:0!important;

}



/*=========================================================
  ACCESSIBILITY
=========================================================*/

.gespant-auth .um-account a:focus,
.gespant-auth .um-account button:focus,
.gespant-auth .um-account input:focus,
.gespant-auth .um-account select:focus{

    outline:none;

}



/*=========================================================
  NOTE

  Bu CSS dosyasında bilinçli olarak yapılmayanlar:

  ✓ Username gizleme
  ✓ View Profile kaldırma
  ✓ Avatar linkini kaldırma
  ✓ İsim linkini kaldırma
  ✓ İngilizce metinleri Türkçeleştirme

  Bunların tamamı functions.php ve Ultimate Member
  override katmanında çözülecek.

=========================================================*/

/* ==========================================================
   GESPANT AUTH - PASSWORD RESET
========================================================== */

.gespant-auth .um-password,
.gespant-auth .um-password .um-form {
    max-width: 100% !important;
}

.gespant-auth .um-password .um-form form {
    background: var(--gs-surface);
    border: 1px solid var(--gs-border);
    border-radius: var(--gs-radius-lg);
    padding: 48px;
    box-shadow: var(--gs-shadow-sm);
}

.gespant-auth .um-password .um-field-block {
    margin-bottom: 28px;
}

.gespant-auth .um-password .um-field-block div {
    font-size: 15px;
    line-height: 1.8;
    color: var(--gs-text-secondary);
}

.gespant-auth .um-password .um-field-label {
    margin-bottom: 10px;
}

.gespant-auth .um-password .um-field-label label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--gs-text-primary);
}

.gespant-auth .um-password input[type="text"],
.gespant-auth .um-password input[type="email"]{
    width:100%;
    height:54px;
    padding:0 18px;
    border:1px solid var(--gs-border);
    border-radius:var(--gs-radius-md);
    background:#fff;
    color:var(--gs-text-primary);
    font-size:15px;
    transition:all .25s ease;
}

.gespant-auth .um-password input:focus{
    border-color:var(--gs-primary);
    box-shadow:0 0 0 3px rgba(45,61,45,.10);
    outline:none;
}

.gespant-auth .um-password input::placeholder{
    color:var(--gs-text-muted);
}

.gespant-auth .um-password .um-button{
    width:100%;
    height:54px;
    margin-top:14px;
    border:none;
    border-radius:var(--gs-radius-md);
    background:var(--gs-primary);
    color:#fff;
    font-size:14px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    transition:.25s;
}

.gespant-auth .um-password .um-button:hover{
    background:var(--gs-primary-dark);
}

/* ==========================================================
   GESPANT AUTH - PASSWORD RESET (MESSAGES)
========================================================== */

/* Başarı / Hata Mesajları */

.gespant-auth .um-password .um-notice {
    border: none;
    border-left: 4px solid var(--gs-primary);
    border-radius: var(--gs-radius-md);
    background: #f7f8f6;
    color: var(--gs-text-primary);
    padding: 18px 22px;
    margin-bottom: 28px;
    font-size: 14px;
    line-height: 1.7;
    box-shadow: var(--gs-shadow-xs);
}

.gespant-auth .um-password .um-error {
    border-left-color: #b42318;
    background: #fff5f4;
    color: #912018;
}

.gespant-auth .um-password .um-success {
    border-left-color: #2d6a4f;
    background: #f2fbf5;
    color: #1b4332;
}


/* Validation */

.gespant-auth .um-password .um-field-error {
    margin-top: 8px;
    color: #b42318;
    font-size: 13px;
    line-height: 1.5;
}


/* Alt Linkler */

.gespant-auth .um-password .um-col-alt {
    margin-top: 24px;
}

.gespant-auth .um-password a {
    color: var(--gs-primary);
    text-decoration: none;
    transition: .25s ease;
}

.gespant-auth .um-password a:hover {
    color: var(--gs-primary-dark);
    text-decoration: underline;
}


/* Honeypot Alanı */

.gespant-auth .um-password .um_request_name {
    display: none !important;
}


/* Yüklenme Durumu */

.gespant-auth .um-password .um-loading {
    opacity: .7;
    pointer-events: none;
}

.gespant-auth .um-password .um-button:disabled {
    opacity: .7;
    cursor: not-allowed;
}


/* Mobil */

@media (max-width: 767px) {

    .gespant-auth .um-password .um-form form {
        padding: 28px 22px;
    }

    .gespant-auth .um-password .um-field-block div {
        font-size: 14px;
    }

    .gespant-auth .um-password .um-button {
        height: 50px;
    }

}




/* Guest kullanıcı */
body.ges-guest .ges-header-user{
    display:none !important;
}

/* Login olmuş kullanıcı */
body.ges-user .ges-header-guest{
    display:none !important;
}




/*=========================================================
GESPANT
VISIBILITY SYSTEM
=========================================================*/

/* Sadece giriş yapmış kullanıcılar */
body.ges-guest .members-only{
    display:none !important;
}

/* Sadece misafir kullanıcılar */
body.ges-user .guests-only{
    display:none !important;
}