/* ############################################################################################################################################################################ */
/* ############################################################################################################################################################################ */
/* Glyh Entertainment Public Website                                                                                                                                            */
/*  • Page:            	        Social Media Stylesheet (socialmedia.css)                                                                                                       */
/*  • Description:              All social media icons with correct background + icon colors from your table – simplified filters                                               */
/*  • Location:               	/modules/socialmedia/css/socialmedia.css                                                                                                        */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*  • Version:                  v0.0.01 α                                                                                                                                       */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*  • Project Start Date:       2026-04-07                                                                                                                                      */
/*  • α Release Date:           2026-04-XX                                                                                                                                      */
/*  • β Release Date:           2026-04-XX                                                                                                                                      */
/*  • Last updated:             2026-05-07 @1900 EDT                                                                                                                           	*/
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*  • Author:                   by Conner Rhoads                                                                                                                                */
/*  • Official Site:            www.glyphentertainment.com                                                                                                                      */
/* ############################################################################################################################################################################ */
/* ############################################################################################################################################################################ */

/* ============================================================================================================================================================================ */
/* BASE SOCIAL ICON CONTAINER                                                                                                                                                   */
/* ============================================================================================================================================================================ */

.social-icon
{
    width:              32px;
    height:             32px;
    border-radius:      12px;
    display:            flex;
    align-items:        center;
    justify-content:    center;
    transition:         all 0.3s ease;
    box-shadow:         0 4px 8px rgba(0, 0, 0, 0.6);
    position:           relative;
}

.social-icon:hover
{
    transform: scale(1.08);
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.7);
}

.social-icon img
{
    width:              60%;
    height:             60%;
    object-fit:         contain;
}

.social-row 
{
    display: flex;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
    padding: 20px 20px;
}

.social-row .social-icon {
    width: 64px;
    height: 64px; 
}

/* ============================================================================================================================================================================ */
/* DEVELOPMENT ICONS                                                                                                                                                            */
/* ============================================================================================================================================================================ */

.social-icon-android { background-color: #7cb242; }

.social-icon-apple { background-color: #50bcfe; }

.social-icon-github { background-color: #000000; }

.social-icon-google { background-color: #ffffff; }

.social-icon-microsoft { background-color: #0bb4ef; }

.social-icon-playstation { background-color: #003690; }

.social-icon-steam { background: linear-gradient(to bottom, #0f80af, #0e1d48); }

.social-icon-switch { background-color: #e80113; }
/* ------ = leave as exported in SVG */

.social-icon-xbox { background-color: #107c0f; }

/* ============================================================================================================================================================================ */
/* FINANCES ICONS                                                                                                                                                               */
/* ============================================================================================================================================================================ */

.social-icon-amazon { background: linear-gradient(to bottom, #414344, #000000); }

.social-icon-coffee { background-color: #ffdd00; }

.social-icon-ebay { background-color: #f2f2f2; }

.social-icon-fourthwall { background-color: #ffffff; }
/* ------ = leave as exported in SVG */

.social-icon-gofundme { background-color: #03a85a; }

.social-icon-gumroad { background-color: #ffffff; }
/* ------ = leave as exported in SVG */

.social-icon-indiegogo { background-color: #ffffff; }
/* ------ = leave as exported in SVG */

.social-icon-kickstarter { background: linear-gradient(to bottom, #01b458, #00a650); }

.social-icon-liberapay { background-color: #f6c914; }

.social-icon-patreon { background-color: #ffffff; }

.social-icon-paypal { background: linear-gradient(to bottom, #ffffff, #cacaca); }

.social-icon-substack { background-color: #ff4301; }

/* ============================================================================================================================================================================ */
/* INTERNAL ICONS                                                                                                                                                               */
/* ============================================================================================================================================================================ */

.social-icon-cpannel { background-color: #ffffff; }

.social-icon-email { background: linear-gradient(to bottom right, #30b0ef, #00459a); }
/* ------ = leave as exported in SVG */

.social-icon-openproject { background-color: #0974bc; }

.social-icon-proton { background-color: #7b4eff; }

.social-icon-slack { background-color: #ffffff; }
/* ------ = leave as exported in SVG */

.social-icon-vivaldi { background-color: #e53538; }
/* ------ = leave as exported in SVG */

/* ============================================================================================================================================================================ */
/* RECRUITMENT ICONS                                                                                                                                                            */
/* ============================================================================================================================================================================ */

.social-icon-deviantart { background-color: #1b1e25; }

.social-icon-linkedin { background-color: #0b65c3; }

/* ============================================================================================================================================================================ */
/* SOCIAL ICONS                                                                                                                                                                 */
/* ============================================================================================================================================================================ */

.social-icon-beeper { background: linear-gradient(to bottom, #ffffff); }

.social-icon-bluesky { background: linear-gradient(to bottom, #127ffe, #52b4ff); }

.social-icon-boardgamegeek { background-color: #444065; }

.social-icon-discord { background-color: #7084cb; }

.social-icon-flicker { background-color: #202020; }
/* ------ = leave as exported in SVG */

.social-icon-instagram { background: linear-gradient(to bottom right, #5161d3, #9b38bd, #de336a, #fd961d); }

.social-icon-mastodon { background-color: #ffffff; }

.social-icon-matrix { background-color: #000000; }

.social-icon-meetup { background-color: #fb1f45; }

.social-icon-pinterest { background-color: #dd3739; }

.social-icon-reddit { background-color: #ff4500; }

.social-icon-rumble { background-color: #051725; }
/* ------ = leave as exported in SVG */

.social-icon-signal { background-color: #4b83f2; }

.social-icon-snapchat { background-color: #ffff01; }

.social-icon-social { background-color: #000000; }

.social-icon-tiktok { background-color: #0d0d0d; }

.social-icon-truth { background-color: #5548ef; }
/* ------ = leave as exported in SVG */

.social-icon-tumbler { background: linear-gradient(to bottom, #01b5da, #0184a0); }

.social-icon-twitch { background-color: #9e44fe; }

.social-icon-twitter { background: linear-gradient(to bottom, #03a9f5, #145ec1); }

.social-icon-wikipedia { background-color: #000000; }

.social-icon-x { background-color: #000000; }

.social-icon-youtube { background-color: #ce1e20; }

/* ============================================================================================================================================================================ */
/* END SOCIAL MEDIA STYLESHEET                                                                                                                                                  */
/* ============================================================================================================================================================================ */