/* Ustaya Sor - Frontend */
.usq{font-family:inherit;max-width:900px;margin:18px auto;padding:0 14px;box-sizing:border-box}
.usq-head{background:#f6f9ff;border:1px solid #e6eefc;border-radius:14px;padding:14px 14px;margin-bottom:12px}
.usq-head__title{font-size:18px;font-weight:700}
.usq-head__desc{margin-top:6px;color:#4b5563;font-size:13px;line-height:1.35}
.usq-alert{border-radius:12px;padding:10px 12px;margin:12px 0;border:1px solid}
.usq-alert--ok{background:#f0fdf4;border-color:#86efac;color:#166534}
.usq-alert--err{background:#fff1f2;border-color:#fecdd3;color:#9f1239}

.usq-form__form{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px}
.usq-row{margin-bottom:12px}
.usq-row label{display:block;font-weight:700;margin-bottom:6px}
.usq-row input[type="text"],.usq-row input[type="tel"],.usq-row textarea{
  width:100%;border:1px solid #d1d5db;border-radius:12px;padding:10px 12px;box-sizing:border-box;outline:none
}
.usq-row textarea{resize:vertical}
.usq-row input:focus,.usq-row textarea:focus{border-color:var(--usq-accent,#0878e0);box-shadow:0 0 0 3px rgba(17,24,39,.08)}
.usq-note{color:#6b7280;font-size:12px;margin-top:6px}
.usq-btn{
  width:100%;border:0;border-radius:12px;background:var(--usq-btn-bg,#0878e0);color:var(--usq-btn-text,#fff);font-weight:800;
  padding:11px 14px;cursor:pointer
}
.usq-btn:hover{filter:brightness(.95)}
.usq-hp{position:absolute;left:-9999px;top:-9999px;height:1px;width:1px;overflow:hidden}

.usq-list .usq-card{border:1px solid #e5e7eb;border-radius:14px;padding:12px 12px;margin-bottom:10px;background:#fff}
.usq-card__title{margin:0 0 6px;font-size:16px}
.usq-card__title a{text-decoration:none;color:var(--usq-title,#0f172a) !important}
.usq-card__title a:hover{color:var(--usq-link,#0878e0) !important}
.usq-card__excerpt{color:#374151;font-size:13px;line-height:1.4}
.usq-card__meta{margin-top:8px;color:#6b7280;font-size:12px;display:flex;gap:8px;align-items:center}
.usq-dot{opacity:.7}

.usq-pagination ul{list-style:none;padding:0;margin:14px 0;display:flex;flex-wrap:wrap;gap:8px}
.usq-pagination li{margin:0}
.usq-pagination a,.usq-pagination span{
  display:inline-block;border:1px solid #e5e7eb;border-radius:10px;padding:6px 10px;text-decoration:none;color:#111827;background:#fff
}
.usq-pagination .current{background:var(--usq-btn-bg,#0878e0);border-color:var(--usq-btn-bg,#0878e0);color:var(--usq-btn-text,#fff)}

.usq-single__wrap{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px}
.usq-single__title{margin:0 0 6px;font-size:22px}
.usq-single__meta{color:#6b7280;font-size:12px;margin-bottom:12px}
.usq-section__title{font-weight:900;margin:16px 0 10px}
.usq-single__desc{color:#111827;line-height:1.6}
.usq-muted{color:#6b7280;font-size:12px}
.usq-empty{background:#fafafa;border:1px dashed #d1d5db;border-radius:12px;padding:12px;color:#6b7280}

.usq-answers{margin-top:12px}
.usq-answer-card{border:1px solid #e5e7eb;border-radius:14px;padding:12px;margin-top:10px;background:#fff}
.usq-answer-card__top{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
.usq-answer-card__who{font-size:14px}
.usq-answer-card__contact{font-size:12px;color:#374151;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.usq-link{color:var(--usq-link,#0878e0) !important;text-decoration:none;font-weight:700}
.usq-link:hover{text-decoration:underline}
.usq-answer-card__body{margin-top:10px;line-height:1.6}

.usq-slider{position:relative;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;background:#f8fafc;margin:10px 0}
.usq-slider--sm{margin:10px 0 0}
.usq-slider__track{display:flex;transition:transform .25s ease;will-change:transform}
.usq-slide{min-width:100%;height:var(--usq-slider-h,340px);display:flex;align-items:center;justify-content:center;background:#0b1220}
.usq-slider--sm .usq-slide{height:var(--usq-slider-h-sm,260px)}
.usq-slide img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.usq-slider__btn{
  position:absolute;top:50%;transform:translateY(-50%);z-index:2;
  border:0;border-radius:999px;width:36px;height:36px;cursor:pointer;
  background:rgba(255,255,255,.9);color:#111827;font-size:22px;line-height:1
}
.usq-slider__btn--prev{left:10px}
.usq-slider__btn--next{right:10px}
.usq-slider__btn:hover{filter:brightness(.95)}
.usq-slider__dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:6px;z-index:2}
.usq-slider__dots button{
  width:9px;height:9px;border-radius:999px;border:0;cursor:pointer;background:rgba(255,255,255,.55)
}
.usq-slider__dots button.is-active{background:var(--usq-accent,#0878e0)}

@media (max-width: 600px){
  .usq{padding:0 10px}
  .usq-single__title{font-size:18px}
}


/* Uploader (10 slot, tek tek yükleme) */
.usq-uploader{margin-top:8px}
.usq-uploader__file{display:none !important}
.usq-uploader__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.usq-slot{
  position:relative;aspect-ratio:1/1;width:100%;
  border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc;
  padding:0;display:flex;align-items:center;justify-content:center;
  cursor:pointer;overflow:hidden
}
.usq-slot:focus{outline:none;box-shadow:0 0 0 3px rgba(17,24,39,.10)}
.usq-slot__plus{font-size:22px;font-weight:900;color:#64748b;line-height:1}
.usq-slot__img{width:100%;height:100%;object-fit:cover;display:none}
.usq-slot.has-image .usq-slot__img{display:block}
.usq-slot.has-image .usq-slot__plus{display:none}
.usq-slot__remove{
  position:absolute;top:6px;right:6px;display:none;align-items:center;justify-content:center;
  width:22px;height:22px;border-radius:999px;background:rgba(15,23,42,.82);color:#fff;font-size:16px;line-height:1
}
.usq-slot.has-image .usq-slot__remove{display:flex}
.usq-slot.is-uploading{opacity:.70}
.usq-slot.is-uploading::after{
  content:'Yükleniyor';position:absolute;left:0;right:0;bottom:0;
  background:rgba(255,255,255,.85);color:#111827;font-size:11px;
  padding:4px 0;text-align:center
}

.usq-captcha__wrap{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.usq-captcha__img{width:150px;height:46px;cursor:pointer;border-radius:10px;border:1px solid #e5e7eb;background:#f3f4f6}
.usq-captcha__input{max-width:220px}

/* Sidebar widget: formun sağ/sol boşluklarını azalt, tam genişlik kullan */
.widget_usq_ask_widget,
.widget_usq_ask_widget .textwidget,
.widget_usq_ask_widget .widget-content,
.widget_usq_ask_widget .wp-block-group__inner-container,
.widget_usq_ask_widget .wp-block-widget-area__inner-blocks{
  padding-left:0 !important;
  padding-right:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.widget_usq_ask_widget .usq{
  max-width:none;
  margin:0;
  padding:0;
  width:100%;
}
.widget_usq_ask_widget .usq-alert{margin:10px 0}
.widget_usq_ask_widget .usq-form__form{
  padding:8px;
}
.widget_usq_ask_widget .usq-row input[type="text"],
.widget_usq_ask_widget .usq-row input[type="tel"],
.widget_usq_ask_widget .usq-row textarea{
  padding:9px 10px;
}
.widget_usq_ask_widget .usq-row{margin-bottom:10px}

/* Sidebar widget: captcha alanı daralmasın */
.widget_usq_ask_widget .usq-captcha__wrap{flex-direction:column;align-items:stretch}
.widget_usq_ask_widget .usq-captcha__img{align-self:flex-start}
.widget_usq_ask_widget .usq-captcha__input{max-width:none;width:100%}

/* responsive slots */
@media (max-width: 700px){
  .usq-uploader__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width: 520px){
  .usq-uploader__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 380px){
  .usq-uploader__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* ===== Sorular Grid Widget (PC: 3 sütun) ===== */
.usq-qgrid{max-width:none}
.usq-qgrid__items{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.usq-qbox{
  display:flex;
  flex-direction:column;
  height:100%;
  border:1px solid #e5e7eb;
  border-radius:16px;
  background:linear-gradient(180deg,#ffffff 0%, #fbfdff 100%);
  text-decoration:none;
  color:inherit;
  overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  box-shadow:0 1px 0 rgba(15,23,42,.04);
}
.usq-qbox:hover{
  transform:translateY(-3px);
  border-color:var(--usq-accent,#0878e0);
  box-shadow:0 16px 34px rgba(15,23,42,.12);
}
.usq-qbox:focus{
  outline:none;
  box-shadow:0 0 0 4px rgba(15,23,42,.12);
  border-color:var(--usq-accent,#0878e0);
}
.usq-qbox__title{
  padding:14px 14px 10px;
  text-align:center;
  font-weight:900;
  font-size:15px;
  line-height:1.25;
  color:var(--usq-title,#0f172a);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:2.7em;
}
.usq-qbox__desc{
  padding:0 14px;
  margin-bottom:10px;
  color:#374151;
  font-size:13px !important;
  line-height:1.5 !important;
  text-align:justify;
  text-align-last:left;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  height:4.5em; /* tam 3 satır */
}
.usq-qbox__meta{
  margin-top:auto;
  padding:10px 14px 12px;
  font-size:12px;
  color:#6b7280;
  text-align:left;
}

@media (max-width: 900px){
  .usq-qgrid__items{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 620px){
  .usq-qgrid__items{grid-template-columns:1fr}
}

/* Widget alanlarında (sidebar vs.) padding/margin sadeleştirme */
.widget_usq_questions_grid_widget,
.widget_usq_questions_grid_widget .textwidget,
.widget_usq_questions_grid_widget .widget-content,
.widget_usq_questions_grid_widget .wp-block-group__inner-container,
.widget_usq_questions_grid_widget .wp-block-widget-area__inner-blocks{
  padding-left:0 !important;
  padding-right:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.widget_usq_questions_grid_widget .usq{
  margin:0;
  padding:0;
  width:100%;
}