/* GLOBAL CSS STYLES */
/* IKEA VISUAL CUSTOMER SUPPORT - WEBAPP3 */
/* LAST CHANGE: 11 JAN 2026 */
/* WEBAPP VERSION: 39.0 */
/* -------------------------------------------------- */

/*** --- FONTS --- ***/
/* Global site font IKEA */
body
{font-family:'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', system-ui, sans-serif !important;}



/*** --- BUTTONS --- ***/
/* Round buttons with IKEA color scheme */
button
{border-radius:30px!important;border-style:none!important;} 


/* Dark buttons */
[data-testid="button-request-permissions"],[data-testid="button-speaker-step-yes"],[data-testid="button-join-meeting"],[data-testid="button-settings-save"],[data-testid="button-set-name"],[data-testid="button-camera-step-yes"],[data-testid="button-remove-user-confirm"],[data-testid="button-copy-meeting-link"],[data-testid="button-add-participant"],[data-testid="button-admit-participant"]
{color:#fff!important;background-color:#000!important;box-shadow:none!important;}

[data-testid="button-request-permissions"]:hover,[data-testid="button-speaker-step-yes"]:hover,[data-testid="button-join-meeting"]:hover,[data-testid="button-settings-save"]:hover,[data-testid="button-set-name"]:hover,[data-testid="button-camera-step-yes"]:hover,[data-testid="button-remove-user-confirm"]:hover,[data-testid="button-copy-meeting-link"]:hover,[data-testid="button-add-participant"]:hover,[data-testid="button-admit-participant"]:hover
{color:#fff!important;background-color:#333!important;box-shadow:none!important;}

/* Bright buttons */
[data-testid="button-settings-cancel"],[data-testid="button-modal-close"],[data-testid="button-remove-user-cancel"],[data-testid="button-camera-step-no"],[data-testid="button-speaker-step-no"],[data-testid="button-get-started"],[data-testid="button-invitation-modal"]
{color:#000!important;background-color:#fff!important;box-shadow:none!important;border-style:solid!important;border-color:black!important;border-width:1px!important;}

[data-testid="button-settings-cancel"]:hover,[data-testid="button-modal-close"]:hover,[data-testid="button-remove-user-cancel"]:hover,[data-testid="button-camera-step-no"]:hover,[data-testid="button-speaker-step-no"]:hover,[data-testid="button-get-started"]:hover,[data-testid="button-invitation-modal"]:hover
{color:#000!important;background-color:#dfdfdf!important;box-shadow:none!important;border-style:solid!important;border-color:black!important;border-width:1px!important;}

/* Red buttons */
[data-testid="button-leave"],[data-testid="button-meeting-audioinput-muted"],[data-testid="button-meeting-videoinput-muted"],[data-testid="button-audio-meter-muted"],[data-testid="button-videoinput-muted"]
{background-color:#bd004d!important;box-shadow: 0 0 0 1px inset #bd004d!important;}

[data-testid="button-leave"]:hover,[data-testid="button-meeting-audioinput-muted"]:hover,[data-testid="button-meeting-videoinput-muted"]:hover,[data-testid="button-audio-meter-muted"]:hover,[data-testid="button-videoinput-muted"]:hover
{background-color:#8a0038!important;box-shadow: 0 0 0 1px inset #8a0038!important;}

/* Green buttons */
[data-testid="button-join-meeting"],[data-testid="button-are-you-host-no"]
{color:#fff!important;background-color:#508a13!important;box-shadow:none!important;}

[data-testid="button-join-meeting"]:hover,[data-testid="button-are-you-host-no"]:hover
{color:#fff!important;background-color:#32560b!important;box-shadow:none!important;}

/* Selector buttons */
[data-testid="select-view"]
{color:#000!important;background-color:#fff!important;}

[data-testid="select-view"]:hover
{color:#000!important;background-color:#dfdfdf!important;}

/* Send button */
[data-testid="button-chat-send"]
{border-radius:2px!important;}

/* Are you a host? Yes, disabled */
[data-testid="button-are-you-host-yes"]
{color:#aaa!important;background-color:#ddd!important;box-shadow:none!important;pointer-events:none!important;}

/* Admit & Deny participant buttons enlarged for version 37+ */
[data-testid="button-admit-participant"], [data-testid="button-deny-participant"]
{transform: scale(1.5);height:24px;width:24px;margin-left:9px;margin-right:9px;border:0.75px solid black!important;}



/*** --- POSITIONING --- ***/
/* Onboarding page logo centered */
div.mt-12,img[aria-label="IKEA Visual Customer Support logo"]
{display:block!important;margin-left:auto!important;margin-right:auto!important;}

/* Make add participant compact, with only Copy link visible */
[data-testid="modal-invitation"]
{height:105px!important;overflow-y:hidden!important;}
/* Class specific to nested div in version 37.0 + 39.0 */ 
._inMeetingModal_vsmxq_18, ._inMeetingModal_gj99v_18
{height:105px!important;overflow-y:hidden!important;}
[name="participant-details"]
{display:none!important;pointer-events:none!important;}
[data-testid="meeting-link-text"],[data-testid="button-copy-meeting-link"]
{position:relative!important;margin-top:-168px!important;}


/* Selfview collapse button adjusted tighter towards border */
[data-testid="button-collapse-selfview"]
{margin-right: -3px!important;margin-top: -3px;!important}

/* TEST Reduce video margins for better mobile use */
/*:root {
    --meeting-video-margin: 2px;
}*/

/*** --- BACKGROUNDS --- ***/
/* Meeting background */
[data-testid="meeting-wrapper"]
{background-color:#3459a2!important;}

/* Video self-view bkg*/

[data-testid="video-selfview-wrapper"]
{background-color:#333!important;}

/* OLD Chat participant activity join/leave */
/* [data-testid="chat-activity-message"]
{background-color:#333!important;color:#fff!important;} */

/*** --- HIDDEN --- ***/
/*** Comment: See manifest.json for hidden elements by data-testid ***/
/* Hide participant description You/Host/Guest in version 37.0+ */
[title="Host"],[title="You"]
{display:none !important;}

/* Hide chat to group / direct options tab button bar version 37.0+ */
._container_1gxuq_4
{display:none !important;}

/* Hide search for someone in participants version 39.0+ */
div.light._standard_1muia_220._light_1muia_376.pb-4
{display:none !important;}

/* Hide skip onboarding step-by-step button and subtext p element */
[data-testid="button-skip-step-by-step"]+p
{display:none !important;}
[data-testid="button-skip-step-by-step"]
{display:none !important;}

/* OLD Unused buttons to be hidden from view by color */
/* button[data-testid="action-transfer"],button[data-testid="action-enter-dtmf"],[data-testid="link-about-pexip"],[data-testid="button-enter-host-pin"],[data-testid="button-choose-another"],[data-testid="button-rejoin"]
{display:none !important;} */


/* Hide pex error code */
[data-testid="error-screen-code"]
{transform: scale(0.1)!important;pointer-events:none;}