/*
* Copyright (c) 2022 Ford Motor Company
* All rights reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

@use '../../../Styles/main';

.edit-column-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;

	font-family: inherit;
	font-weight: bold;

	background-color: main.$white;
	border-radius: 5px;
	box-shadow: 0 0 0 4px main.$teal;

	.column-item-button-group {
		border: 0;
	}
}

@include main.inside-modal {
	.edit-column-item {
		width: calc(100% - 16px);
		margin: 8px;

		border-radius: 5px;
		box-shadow: main.in-modal-column-item-shadow(main.$teal);
		transform: none;

		@include main.breakpoint-medium {
			width: 450px;
			max-width: 650px;

			font-size: 1rem;
		}
	}
}

@include main.dark-theme {
	.edit-column-item {
		color: main.$off-white;

		background-color: main.$light-asphalt;
		box-shadow: 0 0 0 4px main.$sea-foam;
	}

	@include main.inside-modal {
		.edit-column-item {
			box-shadow: main.in-modal-column-item-shadow(main.$sea-foam);
		}
	}
}
