// ============================================================================
// Components | Social Share
// ============================================================================

@use "../../../dev" as *;
@use "../../../variables" as *;

@use "../../head_layout" as *;

@use "../../soul_type" as *;

// .social_share {
//     height:             q(4);
//     max-height:         q(4);
//     font-size:          0px;
//     bottom:             0;
//     display: inline-block;
//     .social_share_list {
//         display:            flex;
//         justify-content:    left;
//         margin:             0px 0;
//         padding:            0px 0;
//         .social_share_list__item {
//             padding-top:        0;
//             padding-right:      $q *  2;
//             padding-bottom:     0;
//             padding-left:       0;
//             list-style-type:    none;
//             -webkit-user-select:none;
//             -moz-user-select:   none;
//             &:last-child {
//                 padding-right:      0px;
//             }
//             .social_share_icon {
//                 width:              $q *  3;
//                 height:             $q *  3;
//                 padding-top:        0;
//                 padding-right:      $q;
//                 padding-bottom:     0;
//                 padding-left:       $q;
//                 color:              var(--color_fill_primary);
//                 border-bottom:      none;
//                 display:            block;
//                 text-align:         center;
//             }
//         }
//     }
// }

// Vossi
// .social-share_compact {
//     text-align: right;
//     display: var(--social-sharing-display);
//     margin-top: var(--social-sharing-margin-top);
// }
// .social-share_compact__share-links {
//     visibility: hidden;
//     opacity: 0;
//     transition:
//         opacity 0.6s ease 0s,
//         visibility 0.6s ease 0s;
//     padding-right: q(8);
//     border-right: q(1) solid #e6e6e6;
//     position: relative;
// }
// .social-share_compact__share-links.active {
//     visibility: visible;
//     opacity: 1;
// }
// .social-share_compact__open {
//     display: inline-block;
// }
// .social-share_compact__close,
// .social-share_compact__open.active {
//     display: none;
// }
// .social-share_compact__close.active {
//     display: inline-block;
// }
// .social-share_compact button {
//     background: 0 0;
//     border: none;
//     padding: 0;
// }
// .social-share_compact button:hover {
//     cursor: pointer;
// }
// .social-share_compact__share {
//     text-decoration: none;
// }
// .social-share_compact__share .icon-social-twitter {
//     fill: var(--social-sharing-twitter-fill);
// }
// .social-share_compact__share .icon-social-facebook {
//     fill: var(--social-sharing-facebook-fill);
// }
// .social-share_compact__share .icon-social-email-fill {
//     fill: var(--social-sharing-email-fill);
// }
// .social-share_compact__share .icon-ui-link {
//     fill: var(--social-sharing-link-fill);
// }
// .social-share_compact__share:hover {
//     fill: #6e6e6e;
//     transition: fill 0.2s;
// }
// .social-share_compact__close,
// .social-share_compact__open {
//     fill: var(--social-sharing-open-close-fill);
// }
// .social-share_compact__close:hover,
// .social-share_compact__open:hover {
//     fill: var(--color_text_primary);
// }
// .social-share_compact__copied {
//     visibility: hidden;
//     display: inline-flex;
//     background-color: #333;
//     color: var(--color_fill_primary);
//     fill: var(--color_fill_primary);
//     border-radius: 50px;
//     padding: 0 q(4);
//     position: absolute;
//     z-index: 1;
//     font-size: q(10);
//     align-items: center;
//     justify-content: space-evenly;
//     bottom: 3q(2);
//     left: unset;
//     right: 0;
// }
// .social-share_compact__copied svg {
//     width: 12%;
// }
// .social-share_compact__copied.show {
//     visibility: visible;
//     animation: fadein 0.5s;
// }

// .facebook {
//     margin-bottom: q(8);
//     margin-top: q(8);
//     text-align: center;
// }

// .facebook__error-text {
//     color: #1c2022;
//     font-family: var(--theme-font-family);
//     font-size: q(16);
// }

// .facebook__post,
// .facebook__post--error {
//     margin: 0;
// }

// .facebook__post--removed {
//     border: q(1) solid #e1e8ed;
//     border-radius: q(4);
//     display: none;
//     margin-bottom: q(16);
//     padding: q(16);
//     width: q(460);
// }

// .facebook__post .fb-post {
//     display: inline;
//     padding-bottom: 1q(5);
//     padding-top: q(5);
//     overflow: hidden;
// }

// .facebook__post--edit {
//     background-color: #e3f2fd;
//     margin: 0;
// }

// .facebook__post--edit .facebook__post--removed {
//     display: block;
//     margin-bottom: q(16);
// }

// .instagram {
//     margin-bottom: q(8);
//     margin-top: q(8);
// }

// .instagram__error-text {
//     color: #1c2022;
//     font-family: var(--theme-font-family);
//     font-size: q(16);
// }

// .instagram__post {
//     margin-left: auto;
//     margin-right: auto;
//     max-width: 540px;
// }

// .instagram__post--error {
//     margin: 0;
// }

// .instagram__post--removed {
//     border: q(1) solid #e1e8ed;
//     border-radius: q(4);
//     display: none;
//     margin-bottom: q(16);
//     padding: q(16);
//     width: q(460);
// }

// .instagram__post--edit {
//     margin: 0;
//     visibility: visible;
// }

// .instagram__post--edit .instagram__post--removed {
//     display: block;
//     background-color: #e3f2fd;
//     margin-bottom: q(16);
// }

// ============================================================================
// Utility Classes are defined in:
// src/scss/classes/body_molecules/navigation/_social.scss
// ============================================================================