/* Notification profile */
 .profile-menu {
    min-width: 300px;
    max-height: 300px;
    overflow-y: auto;
    background: white;
    border: 1px solid #ddd;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    position: absolute;
    z-index: 1000;
}
.header-profile {
    display: inline-block;
    position: relative;
}


/* Form Styles */
.cir-form,
.wpcf7-form {
    max-width: 600px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
}

.cir-form label,
.wpcf7-form label {
    display: block;
    margin: 15px 0 5px;
    font-weight: bold;
    color: #333;
    font-size: 14px;
}

.cir-form input,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea,
.wpcf7-form select {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 14px;
    color: #555;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.cir-form input:focus,
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
    outline: none;
}

.cir-form input[type="submit"],
.wpcf7-form input[type="submit"] {
    display: block;
    width: 100%;
    padding: 12px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 10px;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.cir-form input[type="submit"]:hover,
.wpcf7-form input[type="submit"]:hover {
    background-color: #0056b3;
    transform: translateY(-2px);
}

.cir-form input[type="submit"]:active,
.wpcf7-form input[type="submit"]:active {
    transform: translateY(0);
}

.wpcf7-form textarea {
    height: 120px;
    resize: vertical;
}

.wpcf7-form select {
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
    padding-right: 30px;
}

.wpcf7-form .wpcf7-not-valid-tip {
    color: #dc3545;
    font-size: 12px;
    margin-top: 5px;
}

.wpcf7-form .wpcf7-response-output {
    margin-top: 15px;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
}

.wpcf7-form .wpcf7-mail-sent-ok {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.wpcf7-form .wpcf7-validation-errors,
.wpcf7-form .wpcf7-spam-blocked {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.cir-errors {
    color: #dc3545;
    list-style-type: disc;
    margin-top: 10px;
}
/* Login switcher */
.login-type-switcher {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
}
.login-type-switcher label {
    cursor: pointer;
}
.login-field {
    margin-bottom: 15px;
}
.cir-login-form input[type="text"],
.cir-login-form input[type="tel"],
.cir-login-form input[type="email"],
.cir-login-form input[type="password"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Card Styles */
.page_p {
	margin: 10px;
}
.w-iconbox.style_circle.color_primary .w-iconbox-icon {
    background: linear-gradient(140deg, #9ddff7, #0094d0) !important;
}

.doc-bg {
background: linear-gradient(160deg, #fafeff, #ebf3f7);
}

.card-custom,
.card-custom-cab,
.cir-container .card-custom,
.cir-container .card-custom-limit,
.card-custom-main {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
}

.cir-login-form,
.cir-registration-form,
.cir-forgot-form {
	max-width: 500px; /* Reduced width from the default 400px or 600px */
    width: 100%;
    margin: 0 auto; /* Horizontally centers the form */
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    
}

.cir-login-form label,
.cir-registration-form label,
.cir-forgot-form label {
	display: block;
    margin: 10px 0 5px;
    font-weight: bold;
    color: #333;
    font-size: 16px;
    
}

.cir-login-form input,
.cir-registration-form input,
.cir-forgot-form input {
	width: 100%;
    padding: 8px; /* Reduced padding */
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    
}

.card-custom:hover,
.cir-container .card-custom:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.card-custom-cab {
    margin: 10px;
}

.cir-container .card-custom-limit {
    background-color: #edf4fa;
}

.cir-container .card-custom-med,
.card-custom-main {
    padding: 15px;
    border-color: rgba(27, 107, 187, 0.15);
    box-shadow: 0 0.7rem 1rem 0 rgba(27, 108, 189, 0.15);
}

.cir-container .card-custom-med {
    padding-top: 25px;
    padding-bottom: 25px;
}

.cir-container .card-insured {
    background-image: url('/wp-content/uploads/2025/09/card.webp');
    background-size: cover;
    background-color: #f0f0f0; /* Fallback */
}

.cir-container .card-insured-2 {
    background-image: url('/wp-content/uploads/2025/09/card2.webp');
    background-size: cover;
    background-color: #f0f0f0; /* Fallback */
}

.cir-container .card-limit-img {
    background-image: url('/wp-content/uploads/2025/10/card4.webp');
    background-size: cover;
    background-color: #f0f0f0; /* Fallback */
}

.cir-container .card-limit-img2 {
    background-image: url('/wp-content/uploads/2025/10/card5.webp');
    background-size: cover;
    background-color: #f0f0f0; /* Fallback */
}

.name-card {
    font-size: 22px;
    color: #2c3e50;
}

.name-udv {
    width: 100%;
    height: 80%;
    background-color: rgba(19, 142, 204, 0.246);
}

.card-title,
.cir-container .card-title {
    color: #3a5892;
    font-weight: 500;
    margin-bottom: 10px;
	background-color: #ffffff99;
    border-radius: 10px;
}

.card-text,
.cir-container .card-text {
    color: #000000;
    font-size: 1.2rem;
}

.cir-container .card-text-1 {
    font-size: 1.2rem;
}

.color-title {
    color: #152c59;
}

/* Progress Bar */
.progress {
    height: 20px;
    margin-top: 10px;
    border-radius: 5px;
    background-color: #ecf0f1;
}

.progress-bar-custom,
.cir-container .progress-bar-custom {
    background-color: #3cb0df;
    border-radius: 5px;
}

.progress-bar-warning,
.cir-container .progress-bar-warning {
    background-color: #e74c3c;
}

/* Modal Styles */
#offer-modal {
display: none; /* Уже есть в HTML, но для порядка */
    position: fixed; /* Фиксируем поверх всего контента */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Полупрозрачный фон */
    z-index: 1000; /* Выше других элементов */
    display: flex; /* Flexbox для центрирования */
    justify-content: center; /* Горизонтальное центрирование */
    align-items: center; /* Вертикальное центрирование */
}

.modal-content,
.modal-content-1,
.cir-container .modal-content {
    background-color: #fff;
    padding: 15px;
    max-width: 600px;
    width: 90%;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    position: relative;
    max-height: 80vh;
    overflow-y: auto;
}

.modal-header,
.cir-container .modal-header {
    border-bottom: 1px solid #ddd;
}

.modal-title,
.cir-container .modal-title {
    color: #2c3e50;
    font-weight: 600;
}

.modal-body,
.cir-container .modal-body {
    color: #2c3e50;
    font-size: 1rem;
}

#close-modal {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

#close-modal:hover {
    color: #000;
}

/* Button Styles */
.btn-link,
.cir-container .btn-link {
    color: #113870;
    text-decoration: none;
    font-weight: 500;
}

.btn-link:hover,
.cir-container .btn-link:hover {
    color: #2980b9;
    text-decoration: underline;
}

/* Notification Menu */
.notify-menu {
    position: absolute;
    z-index: 1000;
    background: white;
    border: 1px solid #ddd;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    min-width: 200px;
    max-height: 300px;
    overflow-y: auto;
}

.notify-toggle {
    cursor: pointer;
}

.dropdown-item {
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    color: black;
}

.dropdown-item:hover {
    background: #f0f0f0;
}

.pulse {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 8px;
    height: 8px;
    background: #dc3545;
    border-radius: 50%;
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

.header-icon {
    color: #fff;
    font-size: 26px;
}

.header-icon-1 {
    color: #336fd1;
}

.header-notify {
    position: relative;
}

/* Responsive Tables */
.cir-container .cir-table-responsive {
    width: 100%;
}

/* Back Button */
.cir-container .back-button {
    margin-bottom: 1rem;
    display: inline-block;
}

.clinic-select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75em center;
    background-size: 1.25em; 
    cursor: pointer;	
}
.limit-text {
	font-size: 20px;
	font-weight: 700;
}

.table-medical {
  --bs-table-bg: #6fa7d2;
  --bs-table-color: #fff;
}

 .fc-v-event .fc-event-main-frame .fc-event-time {
        font-size: 12px;
}
.card-logo-med {
		font-size: 24px;
        color: #3a5892;
	}
	
.card-modal-header {
		font-size: 24px;
	}
.card-number-1 {
		font-size: 28px;
	}
.consulatation-height p {
	margin: 0 !important;
}
/* скрыть поле в регистрации , только для ботов */
input[name="website"] {
    position: absolute !important;
    left: -9999px !important;
    height: 0 !important;
    width: 0 !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Responsive Styles */
@media (max-width: 768px) {
	/* price */	
	td[data-label="ID"],
	td[data-label="Код"],
	td[data-label="№"] {
		display: none !important;
	}
	
	td[data-label="Наименование"]::before {
	display: none !important;
	content: ""; /* Убираем текстовое содержимое */
	padding: 0;  /* Убираем возможные отступы */
	margin: 0;   /* Убираем возможные отступы */
	}
	td[data-label="№"]::before {
	display: none !important;
	content: ""; /* Убираем текстовое содержимое */
	padding: 0;  /* Убираем возможные отступы */
	margin: 0;   /* Убираем возможные отступы */
	}
	td[data-label="Стоимость"]::before {
	display: none !important;
	content: ""; /* Убираем текстовое содержимое */
	padding: 0;  /* Убираем возможные отступы */
	margin: 0;   /* Убираем возможные отступы */
	}
	
	.ush_text_2 {
		font-size: 17px !important;
	}

    .med-font-size-14 {
        font-size: 14px;
    }

    .med-font-size-18 {
        font-size: 18px;
        font-weight: 600;
    }
	.card-number-1 {
		font-size: 24px;
	}
	
	
    .card-text,
	.cir-container .card-text {
    color: #000000;
    font-size: 1rem;
	}
	
	.card-logo-med {
		font-size: 16px;
	}
	
	
	.cir-container .card-text-1 {
    font-size: 1rem;
	}
	
	.fc .fc-toolbar {
        flex-direction: column;
        text-align: center;
    }

    .fc .fc-toolbar-chunk {
        margin-bottom: 10px;
    }

    .fc-v-event .fc-event-main-frame .fc-event-time {
        font-size: 7px;
    }

    .fc-v-event .fc-event-title {
         font-size: 8px;
    }

    .fc-col-header-cell-cushion {
        font-size: 13px;
    }

    .default-height {
        overflow-x: auto;
    }

    .wpcf7-form {
        padding: 16px;
    }

    .wpcf7-form label {
        font-size: 14px;
    }

    .wpcf7-form input[type="text"],
    .wpcf7-form input[type="tel"],
    .wpcf7-form input[type="email"],
    .wpcf7-form textarea,
    .wpcf7-form select {
        font-size: 16px;
        padding: 10px;
    }

    .wpcf7-form input[type="submit"] {
        font-size: 16px;
        padding: 10px;
    }

    .cir-container .cir-table-responsive {
        display: block;
    }

    .cir-container .cir-table-responsive thead {
        display: none;
    }

    .cir-container .cir-table-responsive tr {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid #dee2e6;
        border-radius: 5px;
    }

    .cir-container .cir-table-responsive td,
    .cir-container .cir-table-responsive th {
        display: block;
        text-align: right;
        padding: 0.5rem 1rem;
        border: none;
    }

    .cir-container .cir-table-responsive td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
        margin-right: 1rem;
    }

    .cir-container .cir-table-responsive td[data-label="Скачать"]:before {
        content: "Скачать:";
    }

    .cir-container .obscureir-table-responsive td[data-label="Наименование"]:before {
        content: "Наименование:";
    }

    .cir-container .cir-table-responsive td[data-label="Дата"]:before {
        content: "Дата:";
    }

    .cir-container .cir-table-responsive td[data-label="ID"]:before {
        content: "ID:";
    }

    .cir-container .cir-table-responsive td {
        text-align: left;
    }

    .cir-container .cir-table-responsive td:empty {
        display: none;
    }

    .cir-container .cir-table-responsive tr:empty {
        display: none;
    }
}