.elementor-4310 .elementor-element.elementor-element-08c8494 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-bc-flex-widget .elementor-4310 .elementor-element.elementor-element-7652afd.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4310 .elementor-element.elementor-element-7652afd.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4310 .elementor-element.elementor-element-83a8055 > .elementor-container{max-width:1600px;}.elementor-4310 .elementor-element.elementor-element-2dca135{width:var( --container-widget-width, 107.411% );max-width:107.411%;--container-widget-width:107.411%;--container-widget-flex-grow:0;}.elementor-4310 .elementor-element.elementor-element-b23cf5d > .elementor-container{max-width:1600px;}.elementor-4310 .elementor-element.elementor-element-1483dbc > .elementor-widget-container{margin:0px 0px 0px -50px;}.elementor-4310 .elementor-element.elementor-element-f3b39a6 > .elementor-container{max-width:1600px;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4310 .elementor-element.elementor-element-8d38826 .gallery-item{padding:0 34px 34px 0;}.elementor-4310 .elementor-element.elementor-element-8d38826 .gallery{margin:0 -34px -34px 0;}.elementor-4310 .elementor-element.elementor-element-8d38826 .gallery-item img{border-style:solid;}.elementor-4310 .elementor-element.elementor-element-8d38826 .gallery-item .gallery-caption{text-align:center;}.elementor-4310 .elementor-element.elementor-element-4c1ca5c > .elementor-container{max-width:1600px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-4310 .elementor-element.elementor-element-1fd55be{--divider-border-style:solid;--divider-color:#FA089C;--divider-border-width:6px;}.elementor-4310 .elementor-element.elementor-element-1fd55be .elementor-divider-separator{width:100%;}.elementor-4310 .elementor-element.elementor-element-1fd55be .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-4310 .elementor-element.elementor-element-a7a6b15 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-end;align-items:flex-end;}.elementor-4310 .elementor-element.elementor-element-a7a6b15 > .elementor-container{max-width:1590px;}.elementor-4310 .elementor-element.elementor-element-a7a6b15{margin-top:030px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-4310 .elementor-element.elementor-element-cfb2e40 > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4310 .elementor-element.elementor-element-b247ddb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4310 .elementor-element.elementor-element-b247ddb{text-align:center;}.elementor-4310 .elementor-element.elementor-element-b247ddb .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:84px;font-weight:900;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:0.9em;color:#FFFFFF;}.elementor-4310 .elementor-element.elementor-element-94a001d{width:var( --container-widget-width, 100.543% );max-width:100.543%;--container-widget-width:100.543%;--container-widget-flex-grow:0;}.elementor-4310 .elementor-element.elementor-element-94a001d > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-4310 .elementor-element.elementor-element-94a001d .gallery-item{padding:0 22px 22px 0;}.elementor-4310 .elementor-element.elementor-element-94a001d .gallery{margin:0 -22px -22px 0;}.elementor-4310 .elementor-element.elementor-element-94a001d .gallery-item .gallery-caption{text-align:center;}.elementor-4310 .elementor-element.elementor-element-8fe0f95:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-4310 .elementor-element.elementor-element-8fe0f95 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(50deg, #2121ad 0%, #000000 74%);}.elementor-bc-flex-widget .elementor-4310 .elementor-element.elementor-element-8fe0f95.elementor-column .elementor-widget-wrap{align-items:space-around;}.elementor-4310 .elementor-element.elementor-element-8fe0f95.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:space-around;align-items:space-around;}.elementor-4310 .elementor-element.elementor-element-8fe0f95.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-4310 .elementor-element.elementor-element-8fe0f95 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:015% 012% 0% 0%;--e-column-margin-right:012%;--e-column-margin-left:0%;padding:16px 16px 16px 16px;}.elementor-4310 .elementor-element.elementor-element-8fe0f95 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4310 .elementor-element.elementor-element-03965a3 > .elementor-widget-container{margin:0px 0px -30px 0px;}.elementor-4310 .elementor-element.elementor-element-03965a3{text-align:center;font-family:"Inter", Sans-serif;font-size:84px;font-weight:900;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:0.9em;color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4310 .elementor-element.elementor-element-08301f7 img{border-style:solid;border-color:#FF0067;}.elementor-4310 .elementor-element.elementor-element-41314d2 > .elementor-widget-container{margin:040px 0px 0px 0px;}.elementor-4310 .elementor-element.elementor-element-41314d2{text-align:center;font-family:"Inter", Sans-serif;font-size:55px;font-weight:700;line-height:58px;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4310 .elementor-element.elementor-element-0038a53 .elementor-button{background-color:var( --e-global-color-accent );}.elementor-4310 .elementor-element.elementor-element-0038a53 .elementor-button:hover, .elementor-4310 .elementor-element.elementor-element-0038a53 .elementor-button:focus{background-color:#000000;}.elementor-4310 .elementor-element.elementor-element-0038a53 > .elementor-widget-container{margin:20px 0px 0px 0px;}body.elementor-page-4310:not(.elementor-motion-effects-element-type-background), body.elementor-page-4310 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4310 .elementor-element.elementor-element-cfb2e40{width:60%;}.elementor-4310 .elementor-element.elementor-element-8fe0f95{width:40%;}}@media(max-width:1024px){.elementor-4310 .elementor-element.elementor-element-7652afd.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-4310 .elementor-element.elementor-element-1483dbc{width:var( --container-widget-width, 748.062px );max-width:748.062px;--container-widget-width:748.062px;--container-widget-flex-grow:0;align-self:center;}.elementor-4310 .elementor-element.elementor-element-1483dbc > .elementor-widget-container{margin:0px 0px 0px 0150px;}}@media(max-width:767px){.elementor-4310 .elementor-element.elementor-element-1483dbc > .elementor-widget-container{margin:0px 0px 0px 040px;}.elementor-4310 .elementor-element.elementor-element-1483dbc{--container-widget-width:732px;--container-widget-flex-grow:0;width:var( --container-widget-width, 732px );max-width:732px;}}/* Start custom CSS for html, class: .elementor-element-2dca135 *//* ============================================================
   1. RESET & GLOBALS
   ============================================================ */
* { box-sizing: border-box; margin: 0; padding: 0; }

body {
    background-color: #000;
    color: #fff;
    font-family: 'Segoe UI', sans-serif;
    min-height: 100vh;
    background-image: radial-gradient(circle at 50% -10%, rgba(216, 27, 96, 0.15) 0%, transparent 50%);
    overflow-x: hidden;
}

.profile-page {
    max-width: 1600px;
    margin: 0 auto;
    padding: 20px 20px 10px; 
}

/* ============================================================
   2. CUSTOM KICK LOGO (The Fix)
   ============================================================ */
.kick-logo {
    display: block;
    height: 40px;           
    width: auto;
    max-width: 100%;
    object-fit: contain;
    margin-bottom: 25px;    
}

/* ============================================================
   3. HEADER LAYOUT (Desktop)
   ============================================================ */
.profile-header {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 50px;
    margin-bottom: 30px;
    align-items: stretch; 
}

.image-column .creator-frame {
    width: 100%;
    height: 100%; 
    border-radius: 20px;
    overflow: hidden;
    border: 2px solid #D81B60;
    box-shadow: 0 0 35px rgba(216, 27, 96, 0.25);
}

.image-column .creator-frame img { 
    width: 100%; 
    height: 100%;
    display: block; 
    object-fit: cover; 
    object-position: center top;
}

/* INFO COLUMN TEXT */
.info-column {
    display: flex;
    flex-direction: column;
}

.info-column .nickname {
    font-size: 4.5rem;
    font-weight: 900;
    line-height: 1.2; 
    padding-bottom: 5px;
    background: linear-gradient(90deg, #D81B60, #1E88E5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.info-column .real-name {
    color: #888;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-size: 1rem;
    margin: 5px 0 25px 0;
}

.main-description {
    background: rgba(18, 18, 18, 0.6);
    padding: 30px;
    border-radius: 15px;
    border-left: 5px solid #1E88E5;
    font-size: 1.1rem;
    line-height: 1.7;
    color: #ddd;
    margin-bottom: 35px;
    backdrop-filter: blur(10px);
    flex-grow: 1;
}

/* ============================================================
   4. METRICS GRID (Icon Color Updates)
   ============================================================ */
.metrics-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr); 
    gap: 8px;
}

.metric-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 10px 8px; 
    border-radius: 12px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.2s ease;
}

.metric-card:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: #D81B60;
    transform: translateY(-3px);
}

.icon-box {
    width: 34px; 
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    border-radius: 8px;
    flex-shrink: 0;
}

/* --- SOCIAL BRAND COLORS --- */
.fa-instagram { color: #E4405F; }
.fa-tiktok    { color: #00f2ea; } /* Neon Cyan to match branding */
.fa-youtube   { color: #FF0000; }
.fa-twitch    { color: #9146FF; }

.custom-social-icon {
    width: 18px; 
    height: 18px;
    object-fit: contain;
    filter: brightness(0) invert(1); /* Kick stays white as requested previously */
}

.text-box {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.label { font-size: 0.65rem; color: #aaa; text-transform: uppercase; font-weight: 700; }
.count { font-size: 1rem; font-weight: 800; color: #fff; }

/* ============================================================
   5. RESPONSIVE BREAKPOINTS 
   ============================================================ */

@media (max-width: 1450px) {
    .metrics-grid { grid-template-columns: repeat(4, 1fr); gap: 12px; }
}

@media (max-width: 1000px) {
    .profile-page { padding-top: 40px; }
    
    .kick-logo {
        height: 32px;
        margin: 0 auto 30px;
    }

    .profile-header { 
        grid-template-columns: 1fr; 
        justify-items: center; 
        text-align: center; 
    }

    .image-column .creator-frame { 
        max-width: 400px; 
        height: 400px; 
        margin-bottom: 20px; 
    }

    .info-column .nickname { font-size: 3rem; }

    .main-description {
        border-left: none;
        border-top: 5px solid #1E88E5;
        text-align: left;
    }

    .metrics-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 600px) {
    .info-column .nickname { font-size: 2.2rem; }
    .metrics-grid { grid-template-columns: repeat(2, 1fr); }
    .metric-card { padding: 15px 10px; }
}/* End custom CSS */