/* ═══════════════════════════════════════════════
   RİSE NET RESTART v1.4 — modules.css eklentisi
   v1.0 modules.css'e APPEND edilir (üzerine yazmaz)
   ═══════════════════════════════════════════════ */

/* ── TOPBAR: İkon büyüklüğü ve tema renkleri ── */
.utility-actions a,.utility-actions button{color:var(--text)}
html[data-theme="dark"] .utility-actions a svg,
html[data-theme="dark"] .utility-actions button svg{color:#fff;opacity:.82}
html[data-theme="light"] .utility-actions a svg,
html[data-theme="light"] .utility-actions button svg{color:#111;opacity:.9}
.utility-actions a:hover svg,.utility-actions button:hover svg{opacity:1;color:var(--purple)}
.utility-whatsapp svg{color:var(--green,#25D366)!important;opacity:1!important}
.topbar-hide-mobile{display:block}
@media(max-width:980px){.topbar-hide-mobile{display:none}}

/* ── LEFT PANEL v1.4: 4 bölüm ── */
.left-panel-v14{
  display:flex!important;
  flex-direction:column;
  gap:0;
  padding:0!important;
  overflow:hidden;
}
.lp-section{padding:20px 22px;position:relative}
.lp-section+.lp-section{border-top:1px solid var(--line)}

/* Bölüm 1: Logo */
.lp-section-logo{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:72px;
  padding:16px 20px;
  flex:0 0 auto;
}
.lp-logo-wrap{display:flex;align-items:center}
.lp-logo{
  display:block;
  width:auto;
  max-height:52px;
  object-fit:contain;
  object-position:left center;
  image-rendering:-webkit-optimize-contrast;
  image-rendering:crisp-edges;
}
/* Mobil: logo ortala */
@media(max-width:680px){
  .lp-section-logo{justify-content:center;flex-direction:row-reverse}
  .lp-logo-wrap{justify-content:center;flex:1}
  .lp-logo{object-position:center center;max-width:160px!important}
}
.lp-close{flex:0 0 auto;margin-left:auto}

/* Bölüm 2: Menü — kendi içinde paralaks scroll */
.lp-section-nav{
  flex:1 1 auto;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(var(--primary-rgb),.2) transparent;
  padding:8px 0;
}
.lp-section-nav .left-panel-nav{margin:0}
.lp-section-nav .left-panel-nav>a{padding:0 22px}

/* Bölüm 3: İletişim */
.lp-section-contact{flex:0 0 auto}
.lp-address{
  display:flex;gap:8px;align-items:flex-start;
  color:var(--dim);font-size:.72rem;line-height:1.55;margin:0 0 10px
}
.lp-address svg{width:14px;height:14px;flex:0 0 auto;margin-top:2px;color:var(--purple)}
.lp-contact-links{display:grid;gap:6px}
.lp-contact-links a{
  display:flex;align-items:center;gap:8px;
  color:var(--muted);font-size:.72rem;
  transition:color .2s
}
.lp-contact-links a svg{width:14px;height:14px;color:var(--purple);flex:0 0 auto}
.lp-contact-links a:hover{color:var(--text)}

/* Bölüm 4: İkon nav */
.lp-section-icons{
  flex:0 0 auto;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:14px 20px;
}
.lp-icon-btn{
  width:36px;height:36px;
  border-radius:10px;
  border:1px solid var(--line);
  background:transparent;
  display:grid;place-items:center;
  color:var(--muted);
  transition:all .22s;
}
.lp-icon-btn svg{width:16px;height:16px}
.lp-icon-hover-glow:hover{border-color:rgba(var(--primary-rgb),.5);box-shadow:0 0 18px rgba(var(--primary-rgb),.22);color:var(--purple)}
.lp-icon-hover-lift:hover{transform:translateY(-3px);border-color:rgba(var(--primary-rgb),.4);color:var(--purple)}
.lp-icon-hover-pulse:hover{animation:lp-pulse .6s ease}
@keyframes lp-pulse{0%,100%{box-shadow:0 0 0 0 rgba(var(--primary-rgb),.4)}50%{box-shadow:0 0 0 8px rgba(var(--primary-rgb),0)}}

/* ── RIGHT RAIL: hover efektleri ── */
.rr-link,.rr-btn{width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:var(--dim);display:grid;place-items:center;cursor:pointer;position:relative;transition:all .22s}
.rr-link svg,.rr-btn svg{width:17px;height:17px;transition:transform .22s}
.rr-hover-lift:hover{transform:translateY(-3px);color:var(--purple)}
.rr-hover-glow:hover{background:rgba(var(--primary-rgb),.12);color:var(--purple);box-shadow:0 0 16px rgba(var(--primary-rgb),.2)}
.rr-hover-pulse:hover{animation:lp-pulse .6s ease;color:var(--purple)}
.rr-hover-spin:hover svg{transform:rotate(90deg)}
/* Tooltip */
.rr-link:after,.rr-btn:after{
  content:attr(aria-label);
  position:absolute;right:40px;top:50%;
  transform:translate(8px,-50%);
  opacity:0;visibility:hidden;
  padding:6px 10px;border-radius:8px;
  background:rgba(5,5,8,.92);border:1px solid var(--line);
  white-space:nowrap;font-size:.6rem;letter-spacing:.07em;
  transition:.2s;pointer-events:none;
}
.rr-link:hover:after,.rr-btn:hover:after{opacity:1;visibility:visible;transform:translate(0,-50%)}

/* ── BAŞA DÖN v1.4: Yazı → Çizgi → Pagination ok ── */
.backtop-vertical{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  width:44px!important;
  min-width:44px!important;
  height:140px!important;
  border:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  color:var(--muted)!important;
  transition:color .22s!important;
}
.backtop-vertical:hover{color:var(--text)!important}
.backtop-label{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-size:.5rem!important;
  letter-spacing:.2em!important;
  text-transform:uppercase;
  margin-bottom:2px;
}
.backtop-line-v{
  display:block;
  width:1px;
  height:32px;
  background:linear-gradient(180deg,rgba(var(--primary-rgb),.1),var(--purple));
  flex:0 0 auto;
}
.backtop-arrow-v{
  display:block;
  flex:0 0 auto;
}
/* Pagination chevron'u yukarı döndür */
.backtop-arrow-v .chevron-run{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3px;
  transform:rotate(-90deg);
}
.backtop-arrow-v .chevron-run i{
  display:block;
  width:6px;height:6px;
  border-left:1.5px solid currentColor;
  border-top:1.5px solid currentColor;
  transform:rotate(45deg);
  opacity:.25;
}
/* Forward animasyon — pagination ile aynı */
.backtop-vertical.is-visible .backtop-arrow-v .chevron-run i:nth-child(1){animation:upFwd .7s ease infinite}
.backtop-vertical.is-visible .backtop-arrow-v .chevron-run i:nth-child(2){animation:upFwd .7s .12s ease infinite}
.backtop-vertical.is-visible .backtop-arrow-v .chevron-run i:nth-child(3){animation:upFwd .7s .24s ease infinite}
@keyframes upFwd{
  0%{opacity:.1;transform:translateY(4px) rotate(45deg)}
  50%{opacity:1}
  100%{opacity:.1;transform:translateY(-4px) rotate(45deg)}
}

/* ── ADMİN PANEL: Renk seçici küçük kutu ── */
.admin-color-row{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end}
.admin-color-item{display:flex;flex-direction:column;gap:4px}
.admin-color-item label{font-size:.65rem;color:var(--muted,#aaa);letter-spacing:.07em}
.admin-color-swatch{
  width:40px;height:28px;
  border-radius:7px;
  border:2px solid rgba(255,255,255,.12);
  cursor:pointer;
  padding:0;
  overflow:hidden;
  background:transparent;
  transition:border-color .2s;
}
.admin-color-swatch:hover{border-color:rgba(var(--primary-rgb),.6)}
.admin-color-swatch input[type=color]{
  width:200%;height:200%;
  margin:-50%;
  cursor:pointer;
  border:none;
  padding:0;
  background:none;
}

/* ── ADMİN: Gradient Picker ── */
.gradient-editor{
  display:grid;
  gap:12px;
}
.gradient-preview-bar{
  height:40px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.1);
  transition:background .3s;
}
.gradient-stops{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.gradient-stop-item{display:flex;flex-direction:column;gap:4px}
.gradient-stop-item label{font-size:.62rem;color:var(--muted,#aaa)}
.gradient-angle-row{display:flex;align-items:center;gap:10px}
.gradient-angle-row input[type=range]{flex:1;accent-color:var(--purple,#b774ff)}
.gradient-angle-val{font-size:.72rem;color:var(--text,#fff);min-width:32px;text-align:center}

/* ── ADMİN: İkon Seçici ── */
.icon-picker-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(38px,1fr));
  gap:6px;
  max-height:240px;
  overflow-y:auto;
  padding:8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  scrollbar-width:thin;
}
.icon-picker-btn{
  width:38px;height:38px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  display:grid;place-items:center;
  color:var(--dim,#888);
  cursor:pointer;
  transition:all .15s;
}
.icon-picker-btn:hover,.icon-picker-btn.selected{
  border-color:rgba(var(--primary-rgb),.4);
  background:rgba(var(--primary-rgb),.1);
  color:var(--purple,#b774ff);
}
.icon-picker-btn svg{width:16px;height:16px;pointer-events:none}
.icon-picker-search{
  width:100%;padding:8px 12px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  background:rgba(255,255,255,.05);
  color:var(--text,#fff);
  font-size:.75rem;
  margin-bottom:8px;
}
.icon-picker-search::placeholder{color:var(--dim,#888)}

/* ── ADMİN: Modül önizleme küçük kartları ── */
.module-variant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:12px}
.module-variant-card{
  border:2px solid var(--line,rgba(255,255,255,.1));
  border-radius:12px;
  padding:12px;
  cursor:pointer;
  transition:all .2s;
  position:relative;
}
.module-variant-card:hover{border-color:rgba(var(--primary-rgb),.4)}
.module-variant-card.selected{border-color:var(--purple,#b774ff);background:rgba(var(--primary-rgb),.08)}
.module-variant-card input[type=radio]{position:absolute;opacity:0;width:0;height:0}
.module-variant-label{font-size:.65rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;color:var(--dim)}
.module-variant-selected-badge{
  position:absolute;top:8px;right:8px;
  width:16px;height:16px;
  border-radius:50%;
  background:var(--purple,#b774ff);
  display:none;place-items:center;
}
.module-variant-card.selected .module-variant-selected-badge{display:grid}
.module-variant-selected-badge:after{content:'✓';font-size:.55rem;color:#fff}

/* ── Mobil topbar gizle ── */
@media(max-width:680px){
  .topbar-hide-mobile{display:none!important}
}

/* ═══ v1.6 EKLENTİLER ═══ */

/* Left panel - sol kenara yaslı, çerçevesiz */
.left-panel-v16 {
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  border-radius: 0 24px 24px 0 !important;
  width: min(420px, calc(100vw - 16px)) !important;
  display: flex !important;
  flex-direction: column;
  padding: 0 !important;
  overflow: hidden;
}

/* Bölüm 3: Şirket bilgileri */
.lp-section-company { flex: 0 0 auto; }
.lp-company-name {
  display: block;
  font-size: .82rem;
  font-weight: 500;
  color: var(--text);
  margin-bottom: 4px;
}
.lp-company-desc {
  font-size: .7rem;
  color: var(--dim);
  line-height: 1.55;
  margin: 0 0 10px;
}

/* Backtop v1.6 - temiz dikey tasarım */
.backtop-vertical {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 120px !important;
  border: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  color: var(--muted) !important;
  padding: 0 !important;
  transition: color .3s !important;
}
.backtop-vertical:hover { color: var(--purple) !important; }
.backtop-label {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: .46rem !important;
  letter-spacing: .22em !important;
  text-transform: uppercase;
  color: inherit;
}
.backtop-line-v {
  display: block;
  width: 1px;
  height: 28px;
  background: linear-gradient(180deg, transparent, var(--purple));
  flex: 0 0 auto;
  transition: opacity .3s;
}
.backtop-arrow-v {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
.backtop-arrow-v i {
  display: block;
  width: 5px; height: 5px;
  border-left: 1.5px solid currentColor;
  border-top: 1.5px solid currentColor;
  transform: rotate(45deg);
  opacity: .2;
}
.backtop-vertical.is-visible .backtop-arrow-v i:nth-child(1) { animation: btUp .65s ease infinite; }
.backtop-vertical.is-visible .backtop-arrow-v i:nth-child(2) { animation: btUp .65s .13s ease infinite; }
.backtop-vertical.is-visible .backtop-arrow-v i:nth-child(3) { animation: btUp .65s .26s ease infinite; }
@keyframes btUp {
  0%   { opacity: .1; transform: translateY(4px) rotate(45deg); }
  50%  { opacity: 1; }
  100% { opacity: .1; transform: translateY(-4px) rotate(45deg); }
}

/* İkon seçici popup */
.icon-picker-popup {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  place-items: center;
  background: rgba(0,0,0,.7);
  backdrop-filter: blur(6px);
}
.icon-picker-popup.open { display: grid; }
.icon-picker-popup-inner {
  width: min(680px, calc(100vw - 32px));
  max-height: 80vh;
  background: var(--bg-2, #111019);
  border: 1px solid var(--line, rgba(255,255,255,.1));
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.icon-picker-popup-head {
  padding: 16px 20px;
  border-bottom: 1px solid var(--line, rgba(255,255,255,.08));
  display: flex;
  align-items: center;
  gap: 12px;
}
.icon-picker-popup-head h3 { margin: 0; font-size: .85rem; font-weight: 400; }
.icon-picker-popup-search {
  flex: 1;
  padding: 8px 14px;
  border: 1px solid var(--line, rgba(255,255,255,.1));
  border-radius: 8px;
  background: rgba(255,255,255,.05);
  color: var(--text, #fff);
  font-size: .75rem;
}
.icon-picker-popup-close {
  width: 32px; height: 32px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
  display: grid; place-items: center;
  cursor: pointer;
}
.icon-picker-popup-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(44px, 1fr));
  gap: 6px;
  padding: 16px;
  overflow-y: auto;
  flex: 1;
}
.icon-picker-popup-btn {
  width: 44px; height: 44px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: rgba(255,255,255,.04);
  color: var(--muted);
  display: grid; place-items: center;
  cursor: pointer;
  transition: all .15s;
  position: relative;
}
.icon-picker-popup-btn:hover {
  border-color: rgba(var(--primary-rgb),.4);
  background: rgba(var(--primary-rgb),.1);
  color: var(--purple);
}
.icon-picker-popup-btn svg { width: 18px; height: 18px; pointer-events: none; }
.icon-picker-popup-btn:hover::after {
  content: attr(data-name);
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  background: rgba(5,5,8,.95);
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 4px 8px;
  font-size: .55rem;
  white-space: nowrap;
  color: var(--text);
  z-index: 10;
  pointer-events: none;
}

/* İkon seç butonu (input yanındaki) */
.icon-select-wrap { display: flex; gap: 8px; align-items: center; }
.icon-select-wrap input { flex: 1; }
.icon-select-trigger {
  width: 38px; height: 38px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255,255,255,.05);
  color: var(--muted);
  display: grid; place-items: center;
  cursor: pointer;
  flex: 0 0 auto;
  transition: all .2s;
}
.icon-select-trigger:hover { border-color: rgba(var(--primary-rgb),.4); color: var(--purple); }
.icon-select-trigger svg { width: 16px; height: 16px; }

/* Renk seçici - küçük swatchler */
.color-swatch-grid { display: flex; flex-wrap: wrap; gap: 12px 16px; }
.color-swatch-item { display: flex; flex-direction: column; gap: 5px; align-items: center; }
.color-swatch-item label { font-size: .6rem; color: var(--dim); text-align: center; }
.color-swatch-box {
  width: 36px; height: 36px;
  border-radius: 8px;
  border: 2px solid rgba(255,255,255,.15);
  overflow: hidden;
  cursor: pointer;
  position: relative;
  transition: border-color .2s, transform .2s;
}
.color-swatch-box:hover { border-color: rgba(var(--primary-rgb),.6); transform: scale(1.1); }
.color-swatch-box input[type=color] {
  position: absolute;
  inset: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  cursor: pointer;
  border: none;
  padding: 0;
}

/* Gradient builder */
.gradient-builder { background: rgba(255,255,255,.03); border: 1px solid var(--line); border-radius: 14px; padding: 16px; }
.gradient-preview { height: 48px; border-radius: 10px; margin-bottom: 14px; border: 1px solid rgba(255,255,255,.08); transition: background .3s; }
.gradient-stops { display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-end; margin-bottom: 12px; }
.gradient-stop { display: flex; flex-direction: column; gap: 4px; align-items: center; }
.gradient-stop label { font-size: .58rem; color: var(--dim); }
.gradient-stop-swatch {
  width: 32px; height: 32px;
  border-radius: 7px;
  border: 2px solid rgba(255,255,255,.15);
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.gradient-stop-swatch input[type=color] { position: absolute; inset: -4px; width: calc(100%+8px); height: calc(100%+8px); cursor: pointer; border: none; }
.gradient-controls { display: flex; align-items: center; gap: 12px; }
.gradient-controls label { font-size: .68rem; color: var(--dim); white-space: nowrap; }
.gradient-controls input[type=range] { flex: 1; accent-color: var(--purple); }
.gradient-angle-val { font-size: .72rem; color: var(--text); min-width: 36px; text-align: right; }
.gradient-name { font-size: .62rem; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--dim); margin-bottom: 8px; }

/* Mobil logo ortalama */
@media(max-width:680px) {
  .left-panel-v16 { width: 100vw !important; border-radius: 0 !important; }
  .lp-section-logo { justify-content: center; flex-direction: row-reverse; }
  .lp-logo-wrap { justify-content: center; flex: 1; }
  .lp-logo { object-position: center !important; }
}