/**
 * Herkese Acik Profil — 4 Preset CSS.
 * Ortak stiller + preset-bazli layout + dark glass + responsive.
 *
 * @package Necox
 * @since   2.69.0
 */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   ORTAK STILLER
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.necox-profile {
    max-width: var(--necox-profile-max-width, 960px);
    margin: 0 auto;
    padding: 20px 0;
}

.necox-profile__card {
    background: var(--necox-profile-card-bg, var(--necox-white));
    border: 1px solid var(--necox-profile-card-border, var(--necox-border));
    border-radius: var(--necox-profile-card-radius, var(--necox-radius-lg));
    padding: 20px;
    margin-bottom: 16px;
}

.necox-profile__name {
    font-size: var(--necox-profile-name-size, 20px);
    font-weight: 700;
    color: var(--necox-profile-name-color, var(--necox-text));
    margin: 8px 0 2px;
}

.necox-profile__subtitle,
.necox-profile__title-exp {
    font-size: var(--necox-profile-text-size, 13px);
    color: var(--necox-profile-secondary-color, var(--necox-muted));
    margin: 0 0 8px;
}

.necox-profile__section-title {
    font-size: var(--necox-profile-section-size, 15px);
    font-weight: 600;
    color: var(--necox-profile-name-color, var(--necox-text));
    margin: 0 0 12px;
}

.necox-profile__section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.necox-profile__see-all {
    font-size: 12px;
    color: var(--necox-profile-accent, var(--necox-primary));
    text-decoration: none;
}
.necox-profile__see-all:hover { text-decoration: underline; }

.necox-profile__about {
    font-size: var(--necox-profile-text-size, 13px);
    line-height: 1.7;
    color: var(--necox-profile-text-color, var(--necox-text));
}

.necox-profile__row {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}

.necox-profile__card--half { flex: 1; }
.necox-profile__card--flex1 { flex: 1; }

/* ── Avatar ── */
.necox-profile__avatar {
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    border: 3px solid var(--necox-profile-avatar-border, var(--necox-white));
    box-shadow: 0 2px 8px rgba(0,0,0,.12);
}
.necox-profile__avatar img {
    width: 100%; height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.necox-profile__online-dot {
    position: absolute;
    bottom: 2px; right: 2px;
    width: 12px; height: 12px;
    border-radius: 50%;
    background: var(--necox-border);
    border: 2px solid var(--necox-white);
}
.necox-profile__online-dot--active { background: var(--necox-online-color, #22c55e); }

/* ── Rating ── */
.necox-profile__rating {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 4px 0 8px;
    font-size: var(--necox-profile-text-size, 13px);
}
.necox-star--filled { color: var(--necox-profile-star-filled, #fbbf24); }
.necox-star--empty  { color: var(--necox-profile-star-empty, var(--necox-border)); }
.necox-profile__rating-num { font-weight: 600; color: var(--necox-profile-name-color, var(--necox-text)); }
.necox-profile__review-count { color: var(--necox-profile-secondary-color, var(--necox-muted)); font-size: 12px; }

/* ── Badges ── */
.necox-profile__badges {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin: 4px 0;
}
.necox-profile__badge {
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 20px;
    color: #ffffff;
    font-weight: 500;
}
.necox-profile__badge--verified {
    background: var(--necox-online-color, #22c55e);
}

/* ── Stats ── */
.necox-profile__stats--horizontal {
    display: flex;
    gap: 16px;
    justify-content: center;
    margin: 12px 0;
}
.necox-profile__stats--grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin: 12px 0;
}
.necox-profile__stat {
    text-align: center;
    padding: 8px 4px;
    background: var(--necox-profile-stat-bg, var(--necox-bg));
    border-radius: 8px;
}
.necox-profile__stat-val {
    display: block;
    font-size: var(--necox-profile-stat-val-size, 18px);
    font-weight: 700;
    color: var(--necox-profile-name-color, var(--necox-text));
}
.necox-profile__stat-label {
    display: block;
    font-size: 10px;
    color: var(--necox-profile-secondary-color, var(--necox-muted));
    margin-top: 2px;
}

/* ── Contact Buttons ── */
.necox-profile__contact--horizontal {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    margin: 12px 0;
}
.necox-profile__contact--vertical {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 12px 0;
}
.necox-profile__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all .2s;
}
.necox-profile__btn--whatsapp { background: var(--necox-profile-btn-wa-bg, #25D366); color: #ffffff; }
.necox-profile__btn--whatsapp:hover { background: var(--necox-wa-hover, #1da851); }
.necox-profile__btn--message { background: var(--necox-profile-accent, var(--necox-primary)); color: #ffffff; }
.necox-profile__btn--message:hover { opacity: .9; }
.necox-profile__btn--phone { background: transparent; border-color: var(--necox-border); color: var(--necox-text); }
.necox-profile__btn--phone:hover { border-color: var(--necox-muted); }
.necox-profile__btn--offer { background: transparent; border-color: var(--necox-profile-accent, var(--necox-primary)); color: var(--necox-profile-accent, var(--necox-primary)); }
.necox-profile__btn--offer:hover { background: var(--necox-profile-accent, var(--necox-primary)); color: #ffffff; }
.necox-profile__contact--vertical .necox-profile__btn { width: 100%; }

/* ── Social Icons ── */
.necox-profile__socials {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    margin: 12px 0;
}
.necox-profile__social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    color: inherit;
    transition: transform .2s;
}
.necox-profile__social-icon:hover { transform: scale(1.12); }

/* ── Skills ── */
.necox-profile__skills {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin: 8px 0;
}
.necox-profile__skill-tag {
    font-size: 11px;
    padding: 4px 10px;
    border-radius: 20px;
    background: var(--necox-profile-skill-bg, var(--necox-primary-light));
    color: var(--necox-profile-skill-color, var(--necox-primary));
    font-weight: 500;
}

/* ── Work Hours ── */
.necox-profile__hours {
    font-size: 11px;
}
.necox-profile__hours-status {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 12px;
}
.necox-profile__open-dot {
    width: 8px; height: 8px;
    border-radius: 50%;
    background: var(--necox-online-color, #22c55e);
    display: inline-block;
}
.necox-profile__closed-dot {
    width: 8px; height: 8px;
    border-radius: 50%;
    background: var(--necox-danger, #ef4444);
    display: inline-block;
}
.necox-profile__hour-row {
    display: flex;
    justify-content: space-between;
    padding: 3px 0;
    border-bottom: 1px solid var(--necox-profile-card-border, var(--necox-bg));
}
.necox-profile__hour-row--closed .necox-profile__hour-time { color: var(--necox-danger, #ef4444); }
.necox-profile__hour-day { font-weight: 500; }

/* ── Map ── */
.necox-profile__map-wrap { margin: 8px 0; }
.necox-profile__map {
    border-radius: 8px;
    background: var(--necox-border);
    overflow: hidden;
}
.necox-profile__map-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--necox-bg);
    border-radius: 8px;
    font-size: 24px;
}
.necox-profile__map-label {
    font-size: 11px;
    color: var(--necox-profile-secondary-color, var(--necox-muted));
    margin-top: 4px;
    text-align: center;
}

/* ── Reviews ── */
.necox-profile__reviews {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.necox-profile__review-card {
    padding: 12px;
    background: var(--necox-profile-stat-bg, var(--necox-bg));
    border-radius: 8px;
}
.necox-profile__review-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}
.necox-profile__review-avatar {
    border-radius: 50%;
    flex-shrink: 0;
}
.necox-profile__review-name { font-size: 12px; font-weight: 600; }
.necox-profile__review-stars { color: var(--necox-star-color, #fbbf24); font-size: 12px; }
.necox-profile__review-text { font-size: 12px; color: var(--necox-profile-text-color, var(--necox-text)); line-height: 1.5; margin: 0; }
.necox-profile__review-job { font-size: 10px; color: var(--necox-profile-secondary-color, var(--necox-muted)); }

/* ── Ads Slider ── */
.necox-profile__ads-slider {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch;
}
.necox-profile__ads-slider::-webkit-scrollbar { height: 4px; }
.necox-profile__ads-slider::-webkit-scrollbar-thumb { background: var(--necox-border); border-radius: 4px; }
.necox-profile__ads-slide {
    flex: 0 0 auto;
    min-width: 160px;
    max-width: 200px;
    scroll-snap-align: start;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   PRESET 1 — Dijital Kartvizit
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.necox-profile--p1 { max-width: 680px; }

.necox-profile--p1 .necox-profile__cover {
    position: relative;
    height: 120px;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
    background: linear-gradient(135deg, #1a1a2e, #16213e);
}
.necox-profile--p1 .necox-profile__cover-img {
    width: 100%; height: 100%;
    object-fit: cover;
}
.necox-profile--p1 .necox-profile__cover-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(180deg, transparent, rgba(0,0,0,.3));
}

.necox-profile--p1 .necox-profile__card--main {
    text-align: center;
    border-radius: 0 0 12px 12px;
    margin-top: -1px;
    padding-top: 0;
}
.necox-profile--p1 .necox-profile__avatar-wrap {
    margin-top: -40px;
    display: flex;
    justify-content: center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   PRESET 2 — Split Profil
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.necox-profile--p2 { max-width: 960px; }

.necox-profile--p2 .necox-profile__split {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 20px;
    align-items: start;
}
.necox-profile--p2 .necox-profile__sidebar {
    position: sticky;
    top: 80px;
}
.necox-profile--p2 .necox-profile__sidebar .necox-profile__card {
    text-align: center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   PRESET 3 — 3 Kolon Panel
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.necox-profile--p3 { max-width: 1100px; }

.necox-profile--p3 .necox-profile__panel {
    display: grid;
    grid-template-columns: 200px 1fr 180px;
    gap: 16px;
    align-items: start;
}
.necox-profile--p3 .necox-profile__col-left {
    position: sticky;
    top: 80px;
}
.necox-profile--p3 .necox-profile__card--centered {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-height: calc(100vh - 160px);
    justify-content: center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   PRESET 4 — Dark Glass
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.necox-profile--dark {
    --necox-profile-card-bg: rgba(255,255,255,.04);
    --necox-profile-card-border: rgba(255,255,255,.08);
    --necox-profile-name-color: #ffffff;
    --necox-profile-text-color: rgba(255,255,255,.7);
    --necox-profile-secondary-color: rgba(255,255,255,.5);
    --necox-profile-stat-bg: rgba(255,255,255,.06);
    --necox-profile-skill-bg: rgba(100,180,255,.1);
    --necox-profile-skill-color: var(--necox-primary-light);
    --necox-profile-avatar-border: rgba(255,255,255,.15);
    color: rgba(255,255,255,.8);
}
.necox-profile--p4 {
    background: linear-gradient(160deg, #0a0e1a, #111827, #1a2744);
    border-radius: 16px;
    padding: 24px;
    max-width: 900px;
}

.necox-profile--p4 .necox-profile__card--glass {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.necox-profile--p4 .necox-profile__hero-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 16px;
}
.necox-profile--p4 .necox-profile__hero-left {
    display: flex;
    align-items: center;
    gap: 16px;
}

.necox-profile--p4 .necox-profile__btn--offer {
    background: rgba(251,191,36,.15);
    border-color: rgba(251,191,36,.25);
    color: var(--necox-star-color, #fbbf24);
}
.necox-profile--p4 .necox-profile__btn--offer:hover {
    background: rgba(251,191,36,.25);
}

.necox-profile--p4 .necox-profile__reviews-slider {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch;
}
.necox-profile--p4 .necox-profile__review-card--glass {
    min-width: 200px;
    flex: 0 0 auto;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.necox-profile--p4 .necox-profile__card-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 200px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   RESPONSIVE
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (max-width: 1024px) {
    .necox-profile--p3 .necox-profile__panel {
        grid-template-columns: 1fr 1fr;
    }
    .necox-profile--p3 .necox-profile__col-left {
        position: static;
    }
    .necox-profile--p3 .necox-profile__col-right {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }
    .necox-profile--p3 .necox-profile__card--centered {
        min-height: auto;
    }
}

@media (max-width: 767px) {
    .necox-profile { padding: 12px 0; }

    /* Preset 2 — tek kolon */
    .necox-profile--p2 .necox-profile__split {
        grid-template-columns: 1fr;
    }
    .necox-profile--p2 .necox-profile__sidebar {
        position: static;
    }

    /* Preset 3 — tek kolon */
    .necox-profile--p3 .necox-profile__panel {
        grid-template-columns: 1fr;
    }
    .necox-profile--p3 .necox-profile__col-right {
        grid-template-columns: 1fr;
    }

    /* Preset 4 — hero yatay → dikey */
    .necox-profile--p4 .necox-profile__hero-row {
        flex-direction: column;
        text-align: center;
    }
    .necox-profile--p4 .necox-profile__hero-left {
        flex-direction: column;
    }

    /* Ortak */
    .necox-profile__row { flex-direction: column; }
    .necox-profile__contact--horizontal { flex-direction: column; }
    .necox-profile__stats--horizontal { flex-wrap: wrap; }
    .necox-profile__stat-val { font-size: 16px; }
    .necox-profile__name { font-size: var(--necox-profile-stat-val-size, 18px); }
}