/*
Theme Name: Fishing Creators
Theme URI: https://fishingcreators.ro
Author: Fishing Creators Team
Description: Platforma profesionala de colaborare intre creatori de pescuit si branduri din Romania.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
License: Proprietary
Text Domain: fishing-creators
*/

/* ============================================================
   RESET & BASE
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
    --fc-blue:       #185FA5;
    --fc-blue-dark:  #134d85;
    --fc-blue-light: #eef6ff;
    --fc-gold:       #f0b429;
    --fc-gold-dark:  #d99619;
    --fc-green:      #16a34a;
    --fc-red:        #d63837;
    --fc-ink:        #0f1530;
    --fc-ink-2:      #3a4166;
    --fc-ink-3:      #6b7299;
    --fc-line:       #e6e8f2;
    --fc-bg:         #f8fafc;
    --fc-white:      #ffffff;
    --fc-radius:     14px;
    --fc-shadow:     0 4px 24px rgba(15,21,48,.08);
    --fc-font:       'Manrope', system-ui, -apple-system, sans-serif;
}

html { scroll-behavior: smooth; }

body {
    font-family: var(--fc-font);
    color: var(--fc-ink);
    background: var(--fc-bg);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }
a { color: var(--fc-blue); text-decoration: none; }
a:hover { text-decoration: underline; }

/* ============================================================
   LAYOUT
   ============================================================ */
.fc-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.fc-section {
    padding: 80px 0;
}

/* ============================================================
   TIPOGRAFIE
   ============================================================ */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--fc-font);
    font-weight: 800;
    line-height: 1.15;
    color: var(--fc-ink);
}

/* ============================================================
   BUTOANE GLOBALE
   ============================================================ */
.fc-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 10px;
    font-family: var(--fc-font);
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    border: none;
    transition: transform .15s ease, box-shadow .2s ease;
    text-decoration: none;
}
.fc-btn:hover { transform: translateY(-1px); text-decoration: none; }
.fc-btn-primary { background: var(--fc-blue); color: #fff; }
.fc-btn-primary:hover { background: var(--fc-blue-dark); color: #fff; }
.fc-btn-gold { background: var(--fc-gold); color: #1a0f00; }
.fc-btn-outline { background: transparent; border: 1.5px solid var(--fc-line); color: var(--fc-ink); }

/* ============================================================
   NAV GLOBAL — Ascunde tema veche
   ============================================================ */
.row.header-shadow,
#modeltheme-main-head,
.navbar-header,
.bottom-menu-wrapper,
.col-md-4.menu-products,
.modeltheme-sticky-header,
#modeltheme-sticky-head {
    display: none !important;
}

body { padding-top: 0 !important; margin-top: 0 !important; }
#wrapper, .site-wrapper { padding-top: 0 !important; }

/* ============================================================
   FC GLOBAL NAV — pe toate paginile non-homepage
   ============================================================ */
#fc-global-nav {
    position: relative;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 48px;
    background: rgba(244,248,253,.96);
    border-bottom: 1px solid rgba(15,21,48,.08);
    box-shadow: 0 8px 30px -18px rgba(15,21,48,.2);
    font-family: var(--fc-font);
}
/* Nav links pill in center — like homepage */
#fc-global-nav .fc-navlinks {
    background: rgba(255,255,255,.7);
    border: 1px solid rgba(15,21,48,.08);
    border-radius: 16px;
    padding: 8px;
    gap: 6px;
}

/* ============================================================
   DRAWER MOBIL — partajat header.php + nav.php hero (Faza 2)
   Sursa unica. Hamburger + notif CSS raman per-fisier (scope-uri diferite).
   ============================================================ */
.fc-mobile-menu { position:fixed; inset:0; z-index:9998; pointer-events:none; visibility:hidden; }
.fc-mobile-menu.open { pointer-events:auto; visibility:visible; }
.fc-mm-overlay { position:absolute; inset:0; background:rgba(8,12,30,.55); opacity:0; transition:opacity .3s ease; }
.fc-mobile-menu.open .fc-mm-overlay { opacity:1; }
.fc-mm-panel {
    position:absolute; top:0; right:0; bottom:0; width:280px; max-width:80vw; z-index:9999;
    background:#0f1530; transform:translateX(100%); transition:transform .3s ease;
    overflow-y:auto; display:flex; flex-direction:column; padding:16px 0;
    font-family:'Manrope',sans-serif; box-shadow:-12px 0 40px -10px rgba(0,0,0,.5);
}
.fc-mobile-menu.open .fc-mm-panel { transform:translateX(0); }
.fc-mm-head { display:flex; align-items:center; justify-content:space-between; padding:4px 16px 16px; margin-bottom:8px; border-bottom:1px solid rgba(255,255,255,.08); }
.fc-mm-logo { display:flex; align-items:center; gap:9px; color:#fff; text-decoration:none; font-weight:900; font-size:13px; letter-spacing:-.02em; line-height:1; }
.fc-mm-close { display:grid; place-items:center; width:34px; height:34px; flex:none; border:none; border-radius:9px; background:rgba(255,255,255,.06); color:#fff; font-size:15px; line-height:1; cursor:pointer; opacity:.8; transition:opacity .2s, background .2s; }
.fc-mm-close:hover { opacity:1; background:rgba(255,255,255,.12); }
.fc-mm-user { display:flex; align-items:center; gap:12px; padding:10px 28px 14px; }
.fc-mm-avatar { display:grid; place-items:center; width:42px; height:42px; flex:none; border-radius:50%; overflow:hidden; background:linear-gradient(135deg,#185FA5,#134d85); color:#fff; font-size:17px; font-weight:700; line-height:1; }
.fc-mm-avatar img { width:100%; height:100%; object-fit:cover; display:block; }
.fc-mm-user-info { display:flex; flex-direction:column; min-width:0; }
.fc-mm-hi { font-size:12px; color:rgba(255,255,255,.55); line-height:1.2; }
.fc-mm-name { font-size:16px; font-weight:700; color:#fff; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fc-mm-links { display:flex; flex-direction:column; padding:4px 12px; }
.fc-mm-link {
    display:flex; align-items:center; gap:11px; position:relative;
    padding:14px 20px; border-radius:10px; text-decoration:none;
    color:rgba(255,255,255,.7); font-size:16px; font-weight:500; transition:color .2s, background .2s;
}
.fc-mm-link:hover { color:rgba(255,255,255,.92); background:rgba(255,255,255,.05); }
.fc-mm-link.active { color:#fff; background:rgba(24,95,165,.18); }
.fc-mm-link.active::before { content:''; position:absolute; left:0; top:8px; bottom:8px; width:3px; border-radius:0 3px 3px 0; background:#185FA5; }
.fc-mm-icon { display:grid; place-items:center; width:18px; height:18px; flex:none; }
.fc-mm-icon svg { width:18px; height:18px; display:block; }
.fc-mm-badge { margin-left:auto; background:#185FA5; color:#fff; font-size:11px; font-weight:700; padding:1px 7px; border-radius:999px; line-height:1.5; }
.fc-mm-logout { color:#f87171; }
.fc-mm-logout:hover { color:#fca5a5; background:rgba(220,38,38,.12); }
.fc-mm-sep { height:1px; background:rgba(255,255,255,.08); margin:10px 16px; }
.fc-mm-auth { display:flex; flex-direction:column; gap:10px; padding:8px 20px; }
.fc-mm-btn { display:block; text-align:center; padding:13px; border-radius:10px; text-decoration:none; font-size:15px; font-weight:700; }
.fc-mm-btn-login { background:#fff; color:#0f1530; }
.fc-mm-btn-creator { background:linear-gradient(135deg,#185FA5,#134d85); color:#fff; }
.fc-mm-btn-brand { background:linear-gradient(135deg,#f0b429,#d99619); color:#1a0f00; }

/* ============================================================
   WORDPRESS CORE FIXES
   ============================================================ */
.wp-block-group { margin: 0; }
.entry-content > * + * { margin-top: 1.5em; }
.alignwide { max-width: 1400px; margin-left: auto; margin-right: auto; }
.alignfull { max-width: 100%; }

/* ============================================================
   PAGINI INTERIOARE — spatiu pentru nav
   ============================================================ */
body:not(.home):not(.front-page) #page,
body:not(.home):not(.front-page) .site-content,
body:not(.home):not(.front-page) #content {
    padding-top: 88px;
}

/* Homepage: fundal alb curat in afara cardurilor rotunjite (interioarele pastreaza --fc-bg) */
body.home, body.front-page { background: #fff; }

/* ============================================================
   SCROLLBAR CUSTOM
   ============================================================ */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--fc-blue); }

/* ============================================================
   ANIMATIONS
   ============================================================ */
@keyframes fc-pulse { 0%,100% { opacity:1 } 50% { opacity:.3 } }
@keyframes fc-fade-up { from { opacity:0; transform:translateY(20px) } to { opacity:1; transform:none } }
@keyframes fc-counter-pop { from { transform:scale(.9); opacity:.5 } to { transform:none; opacity:1 } }

.fc-fade-up { animation: fc-fade-up .6s ease forwards; }

/* ============================================================
   V2 POLISH — homepage, director, profile (rafinat editorial)
   Pas 1: fc-discover (homepage "Descopera dupa platforma")
   ============================================================ */

/* fc-discover — section wrapper */
.fc-hp .fc-discover{padding:60px 0;}
.fc-hp .fc-discover .fc-title{font-family:'Manrope',sans-serif;font-size:30px;font-weight:800;letter-spacing:-.025em;color:#0f1530;margin:0 0 8px;text-align:center;}
.fc-hp .fc-discover .fc-title em{font-family:'Fraunces',serif;font-weight:500;font-style:italic;color:#134d85;}
.fc-hp .fc-discover .fc-subtitle{font-size:14px;color:#6b7299;text-align:center;max-width:560px;margin:0 auto 32px;line-height:1.6;}

/* Platform grid */
.fc-hp .fc-platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media(max-width:860px){.fc-hp .fc-platform-grid{grid-template-columns:1fr;}}

/* Platform card — V2 polish */
.fc-hp .fc-platform-card{
    background:#fff;
    border:1.5px solid #e6e8f2;
    border-radius:18px;
    padding:24px 20px;
    text-align:center;
    transition:all .25s ease;
    display:flex;
    flex-direction:column;
    align-items:center;
}
.fc-hp .fc-platform-card:hover{
    border-color:#cbd5e1;
    box-shadow:0 18px 36px -16px rgba(15,21,48,.18);
    transform:translateY(-4px);
}

/* Iconita platforma */
.fc-hp .fc-pc-icon{
    width:42px;
    height:42px;
    border-radius:12px;
    display:grid;
    place-items:center;
    margin-bottom:14px;
    font-size:16px;
    font-weight:800;
    border:1px solid currentColor;
    border-color:rgba(0,0,0,.08);
}

/* Numar mare editorial (Fraunces) */
.fc-hp .fc-pc-count{
    font-family:'Fraunces',serif !important;
    font-size:46px !important;
    font-weight:500 !important;
    line-height:1 !important;
    letter-spacing:-.02em;
}
.fc-hp .fc-pc-count::after{
    content:'';
}

/* Label uppercase mono (editorial) */
.fc-hp .fc-pc-label{
    font-family:'JetBrains Mono',monospace !important;
    font-size:10.5px !important;
    color:#6b7299 !important;
    font-weight:700 !important;
    letter-spacing:.12em;
    text-transform:uppercase;
    margin-top:10px;
}

/* Link "Descopera creatori →" */
.fc-hp .fc-pc-link{
    display:block;
    font-size:12.5px;
    font-weight:700;
    margin-top:14px;
    padding-top:12px;
    border-top:1px dashed #e6e8f2;
    text-decoration:none;
    transition:opacity .15s;
}
.fc-hp .fc-pc-link:hover{opacity:.75;text-decoration:none;}

/* ============================================================
   V2 POLISH — Pas 2: fc-how (Cum functioneaza, 4 pasi)
   ============================================================ */

/* Numerotare automata pasi 01-04 (Fraunces serif editorial) */
.fc-hp .fc-steps-grid{counter-reset:fcstep;}
.fc-hp .fc-steps-grid .fc-step{
    counter-increment:fcstep;
    position:relative;
    border:1.5px solid rgba(255,255,255,.6);
    border-radius:18px;
    padding:22px 22px 22px 22px;
    transition:all .25s ease;
}
.fc-hp .fc-steps-grid .fc-step:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 36px -16px rgba(15,21,48,.18);
    border-color:rgba(255,255,255,.95);
}

/* Numar pas mare editorial (01, 02, 03, 04) */
.fc-hp .fc-steps-grid .fc-step::before{
    content:counter(fcstep, decimal-leading-zero);
    position:absolute;
    top:18px;
    right:22px;
    font-family:'Fraunces',serif;
    font-size:34px;
    font-weight:500;
    line-height:1;
    color:#134d85;
    opacity:.18;
    letter-spacing:-.02em;
}

/* Titlu pas */
.fc-hp .fc-steps-grid .fc-step h3{
    font-family:'Manrope',sans-serif;
    font-size:16px;
    font-weight:800;
    letter-spacing:-.015em;
    color:#0f1530;
    margin:0 0 8px;
    padding-right:50px;
}

/* Descriere pas */
.fc-hp .fc-steps-grid .fc-step p{
    font-size:12.5px;
    color:#3a4166;
    line-height:1.65;
    margin:0 0 16px;
}

/* Tag pas (INREGISTRARE, PERSONALIZARE, etc.) — Mono uppercase */
.fc-hp .fc-steps-grid .fc-step .fc-step-tag{
    font-family:'JetBrains Mono',monospace !important;
    font-size:10px !important;
    font-weight:700 !important;
    color:#185FA5 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase;
}

/* Dot separator */
.fc-hp .fc-steps-grid .fc-step .fc-step-dot{
    width:3px;height:3px;border-radius:50%;background:#cbd5e1;
}

/* Time-ul pasului (~2 MINUTE) — Mono subtil */
.fc-hp .fc-steps-grid .fc-step .fc-step-time{
    font-family:'JetBrains Mono',monospace !important;
    font-size:10px !important;
    color:#6b7299 !important;
    letter-spacing:.08em;
    text-transform:uppercase;
}

/* Iconita pas - rafinare subtila */
.fc-hp .fc-steps-grid .fc-step .fc-step-ic{
    width:42px;
    height:42px;
    border-radius:11px;
    background:#fff;
    box-shadow:0 2px 12px rgba(15,21,48,.06);
    border:1px solid rgba(15,21,48,.04);
}

/* ============================================================
   V2 POLISH — Pas 3: fc-features (4 avantaje)
   ============================================================ */

/* Card avantaj — hover lift + shadow elegant */
.fc-hp .fc-feat-grid .fc-feat-card{
    transition:all .25s ease;
}
.fc-hp .fc-feat-grid .fc-feat-card:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 36px -16px rgba(15,21,48,.18);
    border-color:#cbd5e1;
}

/* Titlu avantaj */
.fc-hp .fc-feat-grid .fc-feat-card h3{
    font-family:'Manrope',sans-serif;
    font-weight:800;
    letter-spacing:-.015em;
    color:#0f1530;
}

/* Descriere avantaj */
.fc-hp .fc-feat-grid .fc-feat-card p{
    color:#3a4166;
}

/* Tag-ul de jos (0 lei start, Verificat manual, etc.) - Mono editorial */
.fc-hp .fc-feat-grid .fc-feat-card .fc-feat-tag{
    font-family:'JetBrains Mono',monospace !important;
    font-size:10px !important;
    color:#185FA5 !important;
    font-weight:700 !important;
    letter-spacing:.12em;
    text-transform:uppercase;
    background:#eef6ff;
    border-color:#cfe1f5;
    padding:5px 11px !important;
}
.fc-hp .fc-feat-grid .fc-feat-card .fc-feat-tag::before{
    content:'';
    width:5px;
    height:5px;
    border-radius:50%;
    background:#185FA5;
    display:inline-block;
}

/* Iconita feature - hover effect subtil */
.fc-hp .fc-feat-grid .fc-feat-card .fc-feat-ic{
    transition:all .25s ease;
    background:#f8fafc;
}
.fc-hp .fc-feat-grid .fc-feat-card:hover .fc-feat-ic{
    background:#eef6ff;
    border-color:#cfe1f5;
    transform:scale(1.05);
}

/* Header sectiune - tipografie premium */
.fc-hp .fc-feat-header h2{
    font-family:'Manrope',sans-serif;
    font-weight:800;
    letter-spacing:-.025em;
    color:#0f1530;
}
.fc-hp .fc-feat-header p{
    color:#6b7299;
    font-size:14.5px;
    line-height:1.65;
}

/* ============================================================
   V2 POLISH — Pas 4: Director (creatori + branduri)
   Atentie: NU strica stilurile classic/minimal/elevated/gradient
   alese din admin. Polish doar pe elementele interne.
   ============================================================ */

/* DIRECTOR CREATORI — .dir-card */

/* Avatar mai elegant — border alb 4px + shadow */
.dir-wrap .dir-card .dir-avatar{
    width:104px !important;
    height:104px !important;
    border:4px solid #fff !important;
    box-shadow:0 6px 20px rgba(15,21,48,.12) !important;
    margin-bottom:18px;
}

/* Nume creator — letter-spacing premium */
.dir-wrap .dir-card .dir-name{
    font-family:'Manrope',sans-serif;
    font-size:17px;
    font-weight:800;
    letter-spacing:-.02em;
    color:#0f1530;
    margin-bottom:12px;
}

/* Platforme — iconite cu micro-border + hover */
.dir-wrap .dir-card .dir-platforms{
    display:flex;
    gap:6px;
    justify-content:center;
    margin-bottom:14px;
}
.dir-wrap .dir-card .dir-platform{
    width:30px;
    height:30px;
    border-radius:9px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    border:1.5px solid;
    transition:transform .2s;
}
.dir-wrap .dir-card .dir-platform:hover{
    transform:scale(1.1);
}

/* Statut badge — Mono uppercase editorial */
.dir-wrap .dir-card .dir-statut{
    font-family:'JetBrains Mono',monospace !important;
    font-size:9.5px !important;
    font-weight:700 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase;
    padding:5px 12px !important;
}

/* Buton Vezi profil — polish */
.dir-wrap .dir-card .dir-btn{
    font-family:'Manrope',sans-serif;
    font-size:13.5px;
    font-weight:700;
    letter-spacing:.01em;
    transition:all .25s ease;
}
.dir-wrap .dir-card .dir-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(24,95,165,.25);
}

/* Card hover mai pronunțat */
.dir-wrap .dir-card:hover{
    transform:translateY(-5px) !important;
    box-shadow:0 18px 36px -10px rgba(15,21,48,.18) !important;
}

/* DIRECTOR BRANDURI — .db-card (acelasi pattern) */

.db-wrap .db-card .db-avatar{
    width:104px !important;
    height:104px !important;
    border:4px solid #fff !important;
    box-shadow:0 6px 20px rgba(15,21,48,.12) !important;
    margin-bottom:18px;
}

.db-wrap .db-card .db-name{
    font-family:'Manrope',sans-serif;
    font-size:17px;
    font-weight:800;
    letter-spacing:-.02em;
    color:#0f1530;
    margin-bottom:8px;
}

.db-wrap .db-card .db-tagline{
    font-size:12.5px;
    color:#6b7299;
    line-height:1.5;
    margin-bottom:14px;
}

.db-wrap .db-card .db-tip{
    font-family:'JetBrains Mono',monospace !important;
    font-size:9.5px !important;
    font-weight:700 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase;
    color:#185FA5 !important;
}

.db-wrap .db-card .db-cats{
    display:flex;
    gap:5px;
    flex-wrap:wrap;
    justify-content:center;
    margin:12px 0;
}
.db-wrap .db-card .db-cat{
    font-family:'JetBrains Mono',monospace !important;
    font-size:9.5px !important;
    font-weight:700 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase;
    background:#eef6ff;
    color:#134d85;
    border:1px solid #cfe1f5;
    padding:3px 9px;
    border-radius:999px;
}

.db-wrap .db-card .db-btn{
    font-family:'Manrope',sans-serif;
    font-size:13.5px;
    font-weight:700;
    transition:all .25s ease;
}
.db-wrap .db-card .db-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(24,95,165,.25);
}

.db-wrap .db-card:hover{
    transform:translateY(-5px) !important;
    box-shadow:0 18px 36px -10px rgba(15,21,48,.18) !important;
}

/* Header director — tipografie premium */
.dir-wrap .dir-header h1,
.dir-wrap .dir-header h2,
.db-wrap .db-header h1,
.db-wrap .db-header h2{
    font-family:'Manrope',sans-serif;
    font-weight:800;
    letter-spacing:-.025em;
    color:#0f1530;
}
.dir-wrap .dir-subtitle,
.db-wrap .db-subtitle{
    font-size:14px;
    color:#6b7299;
    line-height:1.6;
}

/* Filter / search input — rafinat */
.dir-wrap .dir-search,
.db-wrap .db-search{
    border:1.5px solid #e6e8f2 !important;
    border-radius:12px !important;
    background:#fafbfd !important;
    transition:border-color .15s;
}
.dir-wrap .dir-search:focus,
.db-wrap .db-search:focus{
    outline:none !important;
    border-color:#185FA5 !important;
    background:#fff !important;
}

/* Count label — Mono */
.dir-wrap .dir-count,
.db-wrap .db-count{
    font-family:'JetBrains Mono',monospace !important;
    font-size:11px !important;
    color:#6b7299 !important;
    letter-spacing:.05em;
    text-transform:uppercase;
}

/* ============================================================
   V2 POLISH — Pas 5: Profile (creator + brand)
   ============================================================ */

/* PROFIL CREATOR — .fc-wrap (folosesc .fc-wrap ca prefix sa NU afectez altceva) */

/* Header — avatar mare + shadow elegant */
.fc-wrap .fc-header .fc-avatar{
    border:4px solid #fff;
    box-shadow:0 8px 24px rgba(15,21,48,.15);
}

/* Nume creator — Manrope 900 + letter-spacing */
.fc-wrap .fc-name{
    font-family:'Manrope',sans-serif;
    font-weight:800;
    letter-spacing:-.025em;
    color:#0f1530;
}

/* Statut badge premium — Mono uppercase */
.fc-wrap .fc-statut{
    font-family:'JetBrains Mono',monospace !important;
    font-size:10px !important;
    font-weight:700 !important;
    letter-spacing:.14em !important;
    text-transform:uppercase;
}

/* Badge-uri (verificat, premium, etc.) — Mono */
.fc-wrap .fc-badge{
    font-family:'JetBrains Mono',monospace !important;
    font-size:9.5px !important;
    font-weight:700 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase;
    padding:4px 10px;
    border-radius:999px;
}

/* Cards (despre, social, contact) — polish premium */
.fc-wrap .fc-card{
    border:1.5px solid #e6e8f2;
    border-radius:16px;
    transition:all .25s ease;
}
.fc-wrap .fc-card:hover{
    border-color:#cbd5e1;
    box-shadow:0 18px 36px -16px rgba(15,21,48,.12);
}

/* Titlu card — Manrope premium */
.fc-wrap .fc-card-title{
    font-family:'Manrope',sans-serif;
    font-weight:800;
    letter-spacing:-.01em;
    color:#0f1530;
}

/* Descriere — tonuri ink */
.fc-wrap .fc-desc{
    color:#3a4166;
    line-height:1.7;
}

/* Social buttons — Manrope + Mono labels */
.fc-wrap .fc-social-btn{
    transition:all .2s ease;
}
.fc-wrap .fc-social-btn:hover{
    transform:translateY(-2px);
}

/* Sponsor labels — Mono editorial */
.fc-wrap .fc-sponsor-lbl{
    font-family:'JetBrains Mono',monospace !important;
    font-size:10px !important;
    color:#6b7299 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase;
}
.fc-wrap .fc-sponsor-val{
    font-family:'Fraunces',serif !important;
    font-weight:500 !important;
    color:#0f1530;
}

/* Contact items — refinement */
.fc-wrap .fc-contact-item{
    font-size:13.5px;
    color:#3a4166;
}

/* PROFIL BRAND — .pb-wrap (similar pattern) */

.pb-wrap .pb-header .pb-avatar{
    border:4px solid #fff;
    box-shadow:0 8px 24px rgba(15,21,48,.15);
}

.pb-wrap .pb-name{
    font-family:'Manrope',sans-serif;
    font-weight:800;
    letter-spacing:-.025em;
    color:#0f1530;
}

/* Tagline brand — Fraunces italic editorial */
.pb-wrap .pb-tagline{
    font-family:'Fraunces',serif !important;
    font-weight:500 !important;
    font-style:italic !important;
    color:#3a4166;
    font-size:16px;
    line-height:1.5;
}

/* Year + website — Mono subtil */
.pb-wrap .pb-year,
.pb-wrap .pb-website{
    font-family:'JetBrains Mono',monospace !important;
    font-size:11px !important;
    color:#6b7299 !important;
    letter-spacing:.08em;
}

/* Badges brand */
.pb-wrap .pb-badge{
    font-family:'JetBrains Mono',monospace !important;
    font-size:9.5px !important;
    font-weight:700 !important;
    letter-spacing:.12em !important;
    text-transform:uppercase;
    padding:4px 10px;
    border-radius:999px;
}

/* Card brand */
.pb-wrap .pb-card{
    border:1.5px solid #e6e8f2;
    border-radius:16px;
    transition:all .25s ease;
}
.pb-wrap .pb-card:hover{
    border-color:#cbd5e1;
    box-shadow:0 18px 36px -16px rgba(15,21,48,.12);
}

.pb-wrap .pb-card-title{
    font-family:'Manrope',sans-serif;
    font-weight:800;
    letter-spacing:-.01em;
    color:#0f1530;
}

.pb-wrap .pb-desc{
    color:#3a4166;
    line-height:1.7;
}

/* Categorii produse — pills mono editorial */
.pb-wrap .pb-cat-grid .pb-cat{
    font-family:'JetBrains Mono',monospace !important;
    font-size:9.5px !important;
    font-weight:700 !important;
    letter-spacing:.1em !important;
    text-transform:uppercase;
    background:#eef6ff;
    color:#134d85;
    border:1px solid #cfe1f5;
    padding:5px 11px;
    border-radius:999px;
}

/* Persoana de contact */
.pb-wrap .pb-persoana{
    color:#3a4166;
}

/* Contact items brand */
.pb-wrap .pb-contact-item{
    font-size:13.5px;
    color:#3a4166;
}

/* Cards de colaborare (collab-card) — premium */
.pb-wrap .pb-collab-card{
    border:1.5px solid #e6e8f2;
    border-radius:14px;
    transition:all .2s ease;
}
.pb-wrap .pb-collab-card:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 28px -10px rgba(15,21,48,.15);
}
.pb-wrap .pb-collab-title{
    font-family:'Manrope',sans-serif;
    font-weight:800;
    letter-spacing:-.01em;
}
.pb-wrap .pb-collab-val{
    font-family:'Fraunces',serif !important;
    font-weight:500 !important;
    color:#134d85;
}

/* Social buttons brand */
.pb-wrap .pb-social-btn{
    transition:all .2s ease;
}
.pb-wrap .pb-social-btn:hover{
    transform:translateY(-2px);
}

/* ============================================================
   BACK-TO-TOP flotant (site-wide)
   ============================================================ */
.fc-to-top{ position:fixed; right:24px; bottom:24px; z-index:900;
    width:48px; height:48px; border-radius:50%; border:none; cursor:pointer;
    display:grid; place-items:center; color:#fff; background:#185FA5;
    box-shadow:0 10px 28px -8px rgba(24,95,165,.55);
    opacity:0; transform:translateY(16px); pointer-events:none;
    transition:opacity .3s ease, transform .3s ease, background .2s ease; }
.fc-to-top:hover{ background:#134d85; }
.fc-to-top.is-visible{ opacity:1; transform:translateY(0); pointer-events:auto; }
.fc-to-top:focus-visible{ outline:3px solid rgba(24,95,165,.45); outline-offset:2px; }
@media(max-width:768px){ .fc-to-top{ right:16px; bottom:80px; width:44px; height:44px; } }
