/*
Theme Name:  Sosyalişler+
Theme URI:   https://sosyalisler.com
Author:      Sosyalişler+
Description: Premium video prodüksiyon teması. Sıfır eklenti bağımlılığı.
Version:     2.0.0
Text Domain: sosyalisler
*/

/*
 * NOTE (failsafe): Tema tasarımının ana stilleri /assets/css/app.css dosyasında.
 * Bazı cache/minify eklentileri veya hatalı enqueue durumlarında mobil menü altına
 * "blok" olarak düşmesin diye kritik mobil sticky menü stillerini burada da tekrar ediyoruz.
 */

/* Mobil Sticky Sol-Alt Hamburger (failsafe) */
.ss-mobile-fab{position:fixed;left:16px;bottom:16px;z-index:9999;display:none}
.ss-mobile-fab__toggle{width:56px;height:56px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.75);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;box-shadow:0 16px 38px rgba(0,0,0,.35)}
.ss-mobile-fab__toggle span{width:22px;height:2px;background:#fff;border-radius:2px;display:block;transition:transform .25s ease,opacity .2s ease}
.ss-mobile-fab.is-open .ss-mobile-fab__toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.ss-mobile-fab.is-open .ss-mobile-fab__toggle span:nth-child(2){opacity:0}
.ss-mobile-fab.is-open .ss-mobile-fab__toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.ss-mobile-fab__panel{position:absolute;left:0;bottom:72px;width:min(320px,calc(100vw - 32px));background:rgba(10,10,10,.92);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 14px 12px;transform:translateY(10px);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;box-shadow:0 22px 60px rgba(0,0,0,.45)}
.ss-mobile-fab.is-open .ss-mobile-fab__panel{transform:translateY(0);opacity:1;pointer-events:auto}
.ss-mobile-fab__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ss-mobile-fab__list a{display:flex;align-items:center;justify-content:space-between;padding:12px 12px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);text-decoration:none;color:#fff;font-size:15px;letter-spacing:.2px}
.ss-mobile-fab__list a:hover{background:rgba(255,255,255,.08)}
.ss-mobile-fab__cta{display:flex;align-items:center;justify-content:center;margin-top:12px;padding:12px 12px;border-radius:12px;text-decoration:none;color:#000;background:#fff;font-weight:600}
.ss-mobile-fab__backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:-1}
.ss-mobile-fab.is-open .ss-mobile-fab__backdrop{opacity:1;pointer-events:auto}

/* Mobil Sticky Sosyal Butonlar (hamburger'ın karşısı - sağ alt) */
.ss-mobile-social{position:fixed;right:20px;bottom:20px;z-index:9999;display:none;gap:10px;align-items:center}
.ss-mobile-social__btn{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;text-decoration:none;background:rgba(17,17,17,.92);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px rgba(0,0,0,.35);backdrop-filter:blur(8px)}
.ss-mobile-social__btn svg{width:20px;height:20px;fill:#F5F5F7;opacity:.95}
.ss-mobile-social__btn:active{transform:scale(.98)}

@media (max-width:1024px){.ss-mobile-social{display:flex}}

@media (max-width: 1024px){
  .ss-mobile-fab{display:block}
}
/* FORM WRAPPER */
.wpcf7 {
  max-width: 650px;
  margin: 0 auto;
}

/* LABEL */
.wpcf7 label {
  font-weight: 600;
  font-size: 14px;
  display: block;
  margin-bottom: 6px;
  color: #111;
}

/* INPUT & TEXTAREA */
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
  width: 100%;
  padding: 14px 16px;
  border-radius: 10px;
  border: 1px solid #ddd;
  background: #f9f9f9;
  font-size: 15px;
  transition: all 0.3s ease;
  margin-bottom: 18px;
}

/* FOCUS */
.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
  border-color: #1A89FF;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(26,137,255,0.15);
  outline: none;
}

/* TEXTAREA */
.wpcf7 textarea {
  min-height: 130px;
  resize: vertical;
}

/* SUBMIT BUTTON */
.wpcf7 input[type="submit"] {
  background: #1A89FF;
  color: #fff;
  border: none;
  padding: 15px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.wpcf7 input[type="submit"]:hover {
  background: #0f6fd6;
  transform: translateY(-2px);
}

/* ERROR */
.wpcf7-not-valid {
  border-color: #ff3b3b !important;
}

.wpcf7-response-output {
  border-radius: 8px;
  padding: 12px;
  margin-top: 10px;
}