/* Language Settings Page Styles */
.language-settings-container {max-width: 1000px; margin: 0 auto;padding: 1rem;}
.language-settings-container h1 {font-weight: 400; font-size: 28px; line-height: 36px; color: #333;}
.language-settings-container .sub-text{font-weight: 400; font-size: 14px; color: #333; margin-bottom: 16px;}
.language-section {margin-bottom: 15px; border-top: solid 1px #d5d9d9; padding-top: 15px;}
.language-section h5 {color: #333;font-weight: 600;margin-bottom: 0.5rem; font-size: 15px;}
.current-language-display {margin-bottom: 1rem; padding-left:30px; position:relative;}
.current-language-display:before{content: ''; background: url(/assets/images/check.png) no-repeat left top; position: absolute; width: 23px; height: 23px; background-size: cover; left: 0px; top: -1px;}
.current-language-display strong {color: #000;font-size: 16px;}
.language-option {padding: 10px 15px; cursor: pointer; display: flex; align-items: center; gap: 10px;}
.language-menu:last-child .language-option{border:0px;}
.language-option:hover {border-color: #007bff; background-color: #f8f9fa;}
.language-option input[type="radio"] {margin-right: 0rem; width: 17px; height: 17px;}
.language-option label {cursor: pointer;margin: 0;font-weight: 500;color: #333;}
.language-option .language-name {font-weight: 600;color: #333;}
.language-option .language-native {color: #666;font-size: 0.9rem;margin-left: 0.5rem;}
.language-actions {margin-top: 15px; border-top: solid 1px #d5d9d9; padding-top: 15px; display: flex; gap:20px;}
.language-actions .btn-save-language{font-size: 14px !important;display: block;width: auto;padding: 0 12px 0 12px !important;line-height: normal;background: #000 !important;border: 0px;line-height: 30px;height: auto;letter-spacing: .1px;border-radius:40px; color:#fff;}
.language-actions .btn-save-language:hover{background: #4a4a4a !important; }
.language-actions .btn.btn-back{border: solid 1px #888c8c; border-radius: 30px; font-size: 13px; color: #000; text-decoration: none; padding: 0px 12px; line-height: 30px; display: table;border-radius:40px;}
.language-actions .btn.btn-back:hover{border-color: #1c89e3; background: #edf8ff;}


/* General button styles 
.btn {padding: 0.75rem 2rem; font-weight: 500; border-radius: 6px; transition: all 0.2s ease; border: none; cursor: pointer; text-decoration: none; display: inline-block; font-size: 1rem;}
.btn-save-language {background-color: #007bff; border-color: #007bff; color: white; padding: 0.75rem 2rem; font-weight: 500; border-radius: 6px; transition: all 0.2s ease;}
.btn-save-language:hover {background-color: #0056b3;border-color: #0056b3;color: white;}
.btn-back {background-color: transparent;border-color: #6c757d;color: #6c757d;padding: 0.75rem 2rem;font-weight: 500;border-radius: 6px;transition: all 0.2s ease;}
.btn-back:hover {background-color: #6c757d;border-color: #6c757d;color: white;}*/
.alert {margin: 0 auto; padding: 12px; border-radius: 8px; margin-bottom: 20px; width: 420px; border: 2px solid transparent; border-left: 12px solid transparent; background:transparent;  font-size:14px; line-height:normal}
.alert span{display:table; font-size:18px; font-weight:24px; font-weight:700; position:relative; padding-bottom:10px; padding-left: 25px;}
.alert-danger {color: #000; border-color: #cc0c39;}
.alert-danger span::before {content: ""; display: inline-block; width: 1em; height: 1em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23cc0c39' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin-right:8px; position: absolute; left: 0px; top: 3px;}
.alert-success {color: #000; border-color: #0a3622;}
.alert-success span::before {content: ""; display: inline-block; width: 1em; height: 1em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%230a3622' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin-right:8px; position: absolute; left: 0px; top: 3px;}
.alert-info {color: #000; border-color: #9ec5fe;}
.alert-info span::before {content: ""; display: inline-block; width: 1em; height: 1em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%239ec5fe' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; margin-right:8px; position: absolute; left: 0px; top: 3px;}



/* Responsive Design */
@media (max-width: 768px) {
	.language-settings-container {padding: 15px;}
	.language-option {padding: 0.75rem; padding-top: 5px;}
	.btn-save-language, .btn-back {width: 100%;margin-bottom: 0.5rem;}
	.language-actions{grid-template-columns: repeat(2, 1fr); display: grid; gap: 10px;}
	.alert{width:100%;}
} 

@media screen and (min-width: 320px) and (max-width: 539px) {
.language-actions .btn-save-language{font-size: 13px !important;}
}