/* =========================================================
   GUP - v01
========================================================= */
:root{
  --auth-input-h:50px;
}

/* =========================================================
   FLAGS (SVG)
========================================================= */
.lang-flag.flag,
.flag-icon.flag{ border-radius:999px; overflow:hidden; }
svg.lang-flag.flag,
svg.flag-icon.flag{ display:block; }

/* =========================================================
   BLOG — HEADER / FOOTER / POST
========================================================= */
.blog-page-header{ text-align:center; margin-bottom:40px; }
.blog-page-header h1{ font-size:32px; font-weight:700; margin-bottom:12px; }
.blog-page-header p{
  max-width:720px;
  margin:0 auto;
  font-size:15px;
  opacity:.7;
  line-height:1.6;
}

.blog-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  margin-top:14px;
}

.blog-author-left a{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
}
.blog-author-left img{
  width:42px; height:42px; min-width:42px;
  border-radius:50%;
  object-fit:cover;
  display:block;
}

.author-meta{ display:flex; flex-direction:column; line-height:1.2; }
.author-meta .name{ display:block; font-weight:600; font-size:14px; }
.author-meta .role{ display:block; font-size:12px; opacity:.6; }

.blog-linkedin{
  width:36px; height:36px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#1275B1;
  color:#fff;
  text-decoration:none;
  line-height:0;
}
.blog-linkedin svg{ width:16px; height:16px; display:block; }

.blogpost-center{
  width:100%;
  max-width:920px;
  margin-inline:auto;
}
.blogpost-title{ margin:0 0 10px; font-weight:700; line-height:1.2; }

.blogpost-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.blogpost-date{ opacity:.7; font-size:13px; }

.blogpost-share{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.blogpost-share .share-label{ opacity:.6; font-size:12px; margin-right:4px; }
.blogpost-share .share-btn{
  width:34px; height:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  line-height:0;
  background:rgba(255,255,255,.06);
  color:inherit;
}
.blogpost-share .share-btn svg{ display:block; }
.blogpost-share .share-x{ background:rgba(255,255,255,.06); }
.blogpost-share .share-fb{ background:rgba(24,172,254,.12); }
.blogpost-share .share-in{ background:rgba(18,117,177,.18); }
.blogpost-share .share-rd{ background:rgba(252,71,30,.12); }

.blogpost-cover{ margin:16px 0 18px; border-radius:14px; overflow:hidden; }
.blogpost-cover img{ width:100%; height:auto; display:block; }

.blogpost-content{ line-height:1.75; }

@media (max-width:992px){
  .blogpost-center{ max-width:100%; }
}

/* =========================================================
   BLOGPOST — AUTHOR CARD
========================================================= */
.bb-author.bb-author--main{
  margin-top:30px;
  padding:22px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:12px;
  background:transparent;
}

.bb-author-avatar{
  width:80px; height:80px;
  border-radius:50%;
  object-fit:cover;
  display:block;
}

.bb-author-name h4{ margin:0; font-weight:800; font-size:15px; line-height:1.2; }
.bb-author-name small{ display:block; opacity:.7; margin-top:4px; font-size:12px; }

.bb-author-social{ display:flex; align-items:center; justify-content:center; }
.bb-author-social a{
  width:38px; height:38px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  line-height:0;
}

.bb-author-text{ font-size:14px; opacity:.85; line-height:1.7; max-width:640px; }
.bb-author-button .btn{ width:100%; }
.bb-author:empty{ display:none!important; }

/* Inline style basılırsa: sadece görünümü sabitle (tekrarları azalttım) */
.bb-author.bb-author--main[style]{
  background:transparent !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:12px !important;
  margin-top:30px !important;
  padding:22px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:18px !important;
  font-family:inherit !important;
  font-size:inherit !important;
  letter-spacing:normal !important;
}

/* =========================================================
   AUTHOR PAGE
========================================================= */
.author-center{ width:100%; max-width:980px; margin-inline:auto; }

.author-card{
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:28px;
  background:transparent;
}

.author-top{ display:flex; align-items:center; gap:20px; flex-wrap:wrap; }

.author-avatar img{
  width:96px; height:96px;
  border-radius:50%;
  object-fit:cover;
  display:block;
}

.author-name{ margin:0; font-size:24px; font-weight:800; }
.author-role{ margin-top:6px; opacity:.7; font-size:14px; }

.author-social{ margin-top:14px; }
.author-social-link{
  width:42px; height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

.author-bio{ margin-top:22px; line-height:1.75; opacity:.9; }

.author-latest{
  margin-top:30px;
  padding-top:25px;
  position:relative;
}
.author-latest:before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:1px;
  background:rgba(255,255,255,.08);
}
.author-latest:after{
  content:"";
  position:absolute;
  left:10%;
  right:10%;
  top:-10px;
  height:20px;
  background:rgba(255,255,255,.08);
  filter:blur(18px);
  opacity:.35;
  pointer-events:none;
}
.author-latest__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
}
.author-latest__head h3{ margin:0; font-size:15px; font-weight:800; }
.author-latest__status{ font-size:12px; opacity:.65; }
.author-latest__grid .col-md-4{ margin-bottom:22px; }

/* =========================================================
   SIDEBAR LOGO FIX (SVG/PNG)
========================================================= */
.sidebar-header a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:14px 16px;
}
.sidebar-header .logo{
  display:block;
  width:auto !important;
  height:34px !important;
  max-width:170px;
  max-height:34px !important;
  object-fit:contain;
}
.sidebar-header .logo[src$=".svg"],
.sidebar-header .logo[src*=".svg?"]{ min-width:1px; }

@media (max-width:768px){
  .sidebar-header a{ min-height:52px; padding:12px 14px; }
  .sidebar-header .logo{
    height:30px !important;
    max-height:30px !important;
    max-width:150px;
}
}

/* Login sidebar */
body[data-layout="auth"] .sidebar{
  border-right:1px solid rgba(255,255,255,.05);
  box-shadow:4px 0 20px rgba(0,0,0,.15) !important;
}

/* =========================================================
   HERO MARQUEE ICON SIZE
========================================================= */
.hero-bottom--marquee--item{ flex:0 0 auto; display:flex; align-items:center; }
.hero-bottom--marquee--item img{ height:30px; width:auto; display:block; }

/* =========================================================
   AUTH VIEW TOGGLE (signup layout)
========================================================= */
#member-layout[data-auth-mode="signup"] .auth-view--login{ display:none; }
#member-layout[data-auth-mode="login"] .auth-view--signup{ display:none; }

/* =========================================================
   LANGUAGE DROPDOWN (signup)
========================================================= */
#grindup-lang[data-active="false"] .grindup-dropdown__box{ display:none; }
#grindup-lang[data-active="true"] .grindup-dropdown__box{ display:block; }

#grindup-lang .flag{ display:inline-flex; align-items:center; justify-content:center; line-height:1; }
#grindup-lang .flag svg,
#grindup-lang .flag-icon,
#grindup-lang .lang-flag{
  width:16px !important;
  height:16px !important;
  max-width:16px !important;
  max-height:16px !important;
  display:block !important;
  flex:0 0 16px !important;
}
#grindup-lang .grindup-dropdown__box .list-link{
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#grindup-lang .grindup-dropdown__box .list-link svg{
  width:16px !important;
  height:16px !important;
  flex:0 0 16px !important;
  display:block !important;
}

:is(.signup-form-shell, .auth-layout__form-shell) #grindup-lang{
  width:fit-content;
  margin-left:auto !important;
  margin-right:auto !important;
}
#grindup-lang [data-grindup="dropdown-button"]{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding-inline:14px;
}
#grindup-lang .grindup-lang-text{
  font-weight:600;
  line-height:1;
  white-space:nowrap;
}

body[data-layout="guest"] :is(main.signup-split-right, .auth-layout__right){
  margin-top:0 !important;
  padding-top:0 !important;
}
body[data-layout="guest"] :is(main.signup-split-right, .auth-layout__right) .member-layout--content{
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* ===== SERVICES (scoped) ===== */
[data-page="services"] .gu-w42{width:42px;}
[data-page="services"] button.service-category__toggle.form-select{border-radius:15px!important;}
[data-page="services"] .gu-cat-panel.is-hidden{display:none!important;}
[data-page="services"] .service-category__toggle.gu-hide{display:none!important;}

[data-page="services"] .service-category__toggle{
  width:100%;
  display:flex!important;
  align-items:center!important;
  gap:12px;

  /* FIX: Accordion title letters (g,y,p) clipping */
  height:auto!important;
  min-height:48px;
  overflow:visible!important;
  line-height:1.25!important;
  padding-top:12px!important;
  padding-bottom:12px!important;
}

[data-page="services"] .service-category--icon{
  display:flex;align-items:center;justify-content:center;
  min-width:28px;font-size:20px;
}
[data-page="services"] .service-category--icon img{max-height:24px;width:auto;display:block;}

[data-page="services"] .service-category--title{
  flex:1;
  display:flex;
  align-items:center;
  font-weight:600;
  line-height:1.25!important;
  padding-bottom:1px;
}

/* extras */
[data-page="services"] .gu-fav-star{margin-right:6px;}
[data-page="services"] .gu-fav-btn{display:inline-flex;align-items:center;justify-content:center;}
[data-page="services"] .gu-hidden{display:none!important;}
[data-page="services"] #serviceDescModal .service-modal__meta{margin-bottom:10px;opacity:.85;}
[data-page="services"] #serviceDescModal .service-modal__name{margin-left:8px;}

/* SIDEBAR — Tickets badge satır altına düşmesin */
body[data-layout=auth] .sidebar-menu li .sidebar-menu--link .text{
  display:flex;
  align-items:center;
  gap:10px;
  flex:1;
  min-width:0;
}

/* PP/Bootstrap badge hangi class ile gelirse gelsin inline kalsın */
body[data-layout=auth] .sidebar-menu li .sidebar-menu--link .text .badge,
body[data-layout=auth] .sidebar-menu li .sidebar-menu--link .text .badge-pill,
body[data-layout=auth] .sidebar-menu li .sidebar-menu--link .text .badge-count{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  line-height:1;
  margin-left:auto; /* text alanının sağına iter (arrow’dan önce) */
}
/* SIDEBAR BADGE — compact version */
body[data-layout="auth"] .sidebar-menu .badge{
  padding: 4px 10px !important;
  font-size: 11px;
  border-radius: 14px;
  min-height: 22px;
}
/* SIDEBAR padding override */
body[data-layout=auth] .sidebar-menu{
  padding: 20px 30px;
}

/* =========================================================
   AUTH PAGES — shared layout + shared input system
   signup / 2fa / resetpassword / setnewpassword only
========================================================= */
.gu-auth-page{
  --gu-auth-radius:15px;
  --gu-auth-input-h:50px;
  --gu-auth-left-bg:#0345f5;
  --gu-auth-input-bg:linear-gradient(180deg, #0B122D 0%, #040B1A 100%);
  --gu-auth-input-border:rgba(255,255,255,.08);
}

body[data-layout="guest"] .gu-auth-page{
  margin-top:calc(-1 * (var(--header-safe, 0px) + 80px)) !important;
}

.gu-auth-page .member-layout--content{
  padding-block:0 !important;
}

.gu-auth-page .auth-layout,
.gu-auth-page :is(.auth-layout__left, .auth-layout__right, .auth-layout__left-inner, .auth-layout__inner){
  min-height:100vh;
  min-height:100dvh;
}

.gu-auth-page .auth-layout,
.gu-auth-page :is(.auth-layout__left, .auth-layout__right){
  display:flex;
}

.gu-auth-page :is(.auth-layout__left, .auth-layout__right){
  width:50%;
}

.gu-auth-page .auth-layout__left{
  align-items:stretch;
  justify-content:stretch;
  background:var(--gu-auth-left-bg);
}

.gu-auth-page .auth-layout__left-inner{
  flex:1 1 auto;
  width:100%;
  padding:32px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.gu-auth-page .auth-layout__brand{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

.gu-auth-page .auth-layout__brand-img{
  display:block;
  width:70%;
  max-width:280px;
  height:auto;
  object-fit:contain;
}

.gu-auth-page .auth-layout__brand-text{
  font-size:28px;
  font-weight:900;
  line-height:1.1;
  letter-spacing:.3px;
  color:#fff;
  text-align:center;
}

.gu-auth-page .auth-layout__inner{
  width:100%;
  display:flex;
  flex-direction:column;
  padding:24px 16px;
}

.gu-auth-page .auth-layout__topbar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  width:100%;
  flex:0 0 auto;
  padding:8px 8px 0;
}

.gu-auth-page .auth-layout__body{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:18px 8px 24px;
}

.gu-auth-page .auth-layout__form-shell{
  width:100%;
  max-width:440px;
}

.gu-auth-page .auth-footer-link{
  margin-top:18px;
  padding:0;
  border:0;
  text-align:center;
  background:none;
  box-shadow:none;
}

.gu-auth-page :is(.auth-footer-link a, .signup-footer-link a){
  font-weight:600;
  text-decoration:none;
}

.gu-auth-page :is(.auth-footer-link a, .signup-footer-link a):hover{
  text-decoration:none;
}

.gu-auth-page :is(.form-control, .form-control--password .form-control--input, .btn-block, .btn-primary.btn-block){
  min-height:var(--gu-auth-input-h) !important;
}

.gu-auth-page :is(input.form-control, textarea.form-control, select.form-control, .gu-passwrap, .form-control--password, .member-6digit .otp){
  border-radius:var(--gu-auth-radius) !important;
}

/* shared auth form system */
.gu-auth-page :is(.gu-field, .form-group){
  margin-bottom:16px;
}

.gu-auth-page .gu-fieldbox,
.gu-auth-page :is(.gu-inputwrap, .gu-passwrap){
  position:relative;
}

.gu-auth-page .gu-fieldbox{
  display:flex;
  align-items:center;
  width:100%;
  min-height:var(--gu-auth-input-h);
  overflow:hidden;
  border:1px solid var(--gu-auth-input-border);
  border-radius:var(--gu-auth-radius);
  background:var(--gu-auth-input-bg);
  box-shadow:none;
}

.gu-auth-page :is(.gu-fieldbox, .gu-fieldtoggle, .gu-fieldinput){
  color:#ffffff;
}

.gu-auth-page .gu-passwrap{
  overflow:hidden !important;
}

.gu-auth-page .gu-inicon{
  position:absolute;
  left:14px;
  top:50%;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  line-height:1;
  pointer-events:none;
  transform:translateY(-50%);
}

.gu-auth-page .gu-inicon :is(.icon, svg){
  display:block;
  width:18px;
  height:18px;
}

.gu-auth-page .gu-fieldinput{
  flex:1 1 auto;
  width:100%;
  height:var(--gu-auth-input-h);
  min-height:var(--gu-auth-input-h);
  margin:0 !important;
  padding:0 16px 0 44px !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  caret-color:#ffffff !important;
}

.gu-auth-page .gu-fieldinput::placeholder{
  color:rgba(255,255,255,.72) !important;
  opacity:1;
}

.gu-auth-page .gu-hasicon{
  padding-left:44px !important;
}

.gu-auth-page .gu-fieldbox--password .gu-fieldinput{
  padding-right:12px !important;
}

.gu-auth-page .gu-fieldtoggle{
  flex:0 0 48px;
  width:48px;
  min-width:48px;
  height:var(--gu-auth-input-h);
  align-self:stretch;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  margin:0;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  cursor:pointer;
}

.gu-auth-page .gu-fieldtoggle i{
  pointer-events:none;
}


.gu-auth-page .gu-fieldinput[readonly]{
  cursor:default;
  opacity:1;
}

.gu-auth-page .gu-auth-inlinecheck{
  display:flex;
  align-items:center;
  gap:10px;
}

.gu-auth-page .gu-auth-otp-hidden{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}

.gu-auth-page .member-6digit{
  --otp-gap:6px;
  --otp-size:min(48px, calc((100% - (5 * var(--otp-gap))) / 6));
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:center;
  gap:var(--otp-gap);
  width:100%;
  max-width:100%;
}

.gu-auth-page .member-6digit :is(input.otp, .otp){
  flex:none !important;
  display:block !important;
  width:var(--otp-size) !important;
  min-width:var(--otp-size) !important;
  max-width:var(--otp-size) !important;
  height:var(--otp-size) !important;
  min-height:var(--otp-size) !important;
  max-height:var(--otp-size) !important;
  aspect-ratio:1 / 1 !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  border-radius:15px !important;
  text-align:center !important;
  line-height:var(--otp-size) !important;
  font-size:18px !important;
  font-weight:700 !important;
  font-variant-numeric:tabular-nums !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

.gu-auth-page .member-6digit :is(input.otp, .otp):focus{
  transform:none;
}

@media (max-width:575.98px){
  .gu-auth-page .member-6digit{
    --otp-gap:5px;
    --otp-size:min(44px, calc((100% - (5 * var(--otp-gap))) / 6));
  }

  .gu-auth-page .member-6digit :is(input.otp, .otp){
    font-size:17px !important;
    border-radius:13px !important;
  }
}

@media (max-width:389.98px){
  .gu-auth-page .member-6digit{
    --otp-gap:4px;
    --otp-size:min(40px, calc((100% - (5 * var(--otp-gap))) / 6));
  }

  .gu-auth-page .member-6digit :is(input.otp, .otp){
    font-size:16px !important;
    border-radius:12px !important;
  }
}

@media (max-width:991.98px){
  .gu-auth-page .auth-layout__left{
    display:none !important;
  }

  .gu-auth-page .auth-layout__right{
    width:100% !important;
    min-height:auto;
  }

  .gu-auth-page .auth-layout__inner{
    min-height:100dvh;
    padding:16px 12px 28px;
  }

  .gu-auth-page .auth-layout__topbar{
    padding:0 0 8px;
  }

  .gu-auth-page .auth-layout__body{
    align-items:flex-start;
    padding:12px 0 20px;
  }

  .gu-auth-page .auth-layout__form-shell{
    max-width:100%;
  }
}