/*
 * GOFINERY PROPRIETARY DESIGN SYSTEM
 * © Gofinery. Tüm hakları saklıdır.
 */
.gld-widget{
  display:none;
  margin:0 0 12px;
  padding:10px;
  border:1px solid rgba(20,20,20,.09);
  border-radius:12px;
  background:#fff;
  color:inherit;
  font-family:inherit;
}
.gld-widget.gld-ready{display:block}
.gld-widget *{box-sizing:border-box}

/* Journal/theme CSS can override the browser's native [hidden] behavior.
   Force mutually exclusive empty/preview states so both can never consume space. */
.gld-empty[hidden],
.gld-preview-wrap[hidden]{
  display:none!important;
}

.gld-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.gld-head-copy{min-width:0}
.gld-eyebrow{
  font-size:9px;
  letter-spacing:.15em;
  font-weight:700;
  color:#9a9185;
  margin-bottom:2px;
}
.gld-title{
  margin:0 0 2px;
  font-size:16px;
  line-height:1.25;
  font-weight:700;
  color:#171717;
}
.gld-subtitle{
  margin:0;
  max-width:520px;
  font-size:10.5px;
  line-height:1.45;
  color:#777067;
}
.gld-alt-button{
  display:none;
  flex:0 0 auto;
  border:0;
  background:transparent;
  padding:2px 0;
  color:#777067;
  font-size:10px;
  line-height:1.3;
  cursor:pointer;
  text-decoration:none;
  border-bottom:1px solid #cbc5bc;
}
.gld-widget.gld-has-design .gld-alt-button{display:inline-block}

.gld-field{margin-bottom:9px}
.gld-name-label{
  display:block;
  margin:0 0 5px;
  font-size:11px;
  font-weight:700;
  color:#2c2a27;
}
.gld-name-input{
  width:100%!important;
  max-width:none!important;
  height:39px!important;
  border:1px solid #ddd7ce!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:none!important;
  font-size:14px!important;
  text-transform:uppercase;
  padding-left:11px!important;
}
.gld-name-input:focus{
  border-color:#aaa196!important;
  box-shadow:0 0 0 2px rgba(159,151,139,.08)!important;
}
.gld-error{
  display:none;
  margin-top:5px;
  font-size:10px;
  color:#a94442;
}
.gld-error.gld-show{display:block}

.gld-preview-card{
  border:1px solid #eee9e1;
  border-radius:10px;
  background:linear-gradient(180deg,#fff 0%,#fcfbf8 100%);
  padding:7px;
}
.gld-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:72px;
  padding:12px;
  text-align:center;
  font-size:10.5px;
  line-height:1.45;
  color:#958d83;
}
.gld-preview-wrap{
  display:grid;
  grid-template-columns:108px minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-height:112px;
}
.gld-art-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
}
.gld-main-svg{
  width:104px;
  height:104px;
  max-width:100%;
  overflow:visible;
}
.gld-main-svg path,
.gld-main-svg circle{
  fill:none;
  stroke:#111;
  stroke-width:6.1;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:stroke .18s ease, opacity .18s ease, stroke-width .18s ease;
}
.gld-preview-info{min-width:0}
.gld-preview-title{
  margin-bottom:3px;
  font-size:11px;
  font-weight:700;
  color:#2d2a26;
}
.gld-letters-hint{
  margin-bottom:8px;
  font-size:9.5px;
  line-height:1.35;
  color:#90887e;
}
.gld-letter-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.gld-letter-button{
  min-width:31px;
  height:30px;
  padding:0 8px;
  border:1px solid #ded8cf;
  border-radius:999px;
  background:#fff;
  color:#292622;
  font-weight:700;
  font-size:11px;
  line-height:28px;
  cursor:pointer;
  transition:all .15s ease;
}
.gld-letter-button:hover{
  border-color:#aaa197;
}
.gld-letter-button.gld-active{
  border-color:#171717;
  background:#171717;
  color:#fff;
}
.gld-letter-button.gld-final{
  min-width:43px;
  font-weight:600;
}
.gld-design-meta{
  display:none!important;
}

.gld-owner{
  margin-top:5px;
  text-align:right;
  font-size:7.5px;
  letter-spacing:.03em;
  color:#bbb4aa;
  user-select:none;
}

/* Keep original OpenCart inputs hidden only when configured by the module. */
.gld-original-option-hidden{display:none!important}

@media(max-width:480px){
  .gld-widget{
    padding:10px;
    border-radius:11px;
    margin-bottom:12px;
  }
  .gld-title{font-size:15px}
  .gld-subtitle{font-size:10px}
  .gld-preview-wrap{
    grid-template-columns:92px minmax(0,1fr);
    gap:8px;
    min-height:98px;
  }
  .gld-main-svg{
    width:88px;
    height:88px;
  }
  .gld-letter-button{
    min-width:29px;
    height:29px;
    padding:0 7px;
    font-size:10.5px;
    line-height:27px;
  }
  .gld-letter-button.gld-final{min-width:40px}
}