/* assets/css/style.css */

:root {
    --bs-primary:rgba(255, 140, 77, 1);
    --bs-primary-rgb: 255, 140, 77;

  --bs-box-shadow: 0 0.5rem 1rem rgba(255, 140, 77, 0.15);
  /*--bs-body-color: rgba(255, 140, 77, 0.5);*/

  --bs-border-color: rgba(255, 140, 77, 0.5);
  --bs-primary-bg-subtle: rgba(255, 140, 77, 0.1);

}

/* Color */
.transition-colors {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}

.bg-orange-light {
    background-color: #FF914C0D;
}


.qrocmed-tables-container {
    font-family: Arial, sans-serif;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
}

.items-container, .subitems-container, .qroc-container, .reponse-container {
    padding-left: 20px;
    border-left: 2px solid #ccc;
}


.qrocmed-user-account {
    background: #f9f9f9; /* Default background color */
    transition: background 0.3s ease; /* Smooth transition effect */
}

.qrocmed-user-account:hover {
    background: #e3f2fd; /* Background color on hover */
}

.matieres-item, .items-item, .subitems-item {
    border: 1px solid #ededed;
    padding: 10px;
    margin: 10px 0;
    border-radius: 5px;
}
.toggle-matieres, .toggle-items, .toggle-subitems, .toggle-questions, .add-items, .add-subitems {
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    margin-right: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
    background: none;

}

.category-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.category-header h3 {
    margin: 0;
}


.toggle-icon::after {
    content: "\25B6";
    font-size: 10px;
    color: #ff914c;
}

.toggle-matieres.active .toggle-icon::after,
.toggle-items.active .toggle-icon::after,
.toggle-subitems.active .toggle-icon::after,
.toggle-questions.active .toggle-icon::after
{
    content: "\25BC";
    color: #ff914c;
}

.action-buttons {
    margin-left: auto; /* Pushes buttons to the right */
    display: flex;
    gap: 5px;
}

.action-buttons button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    color: #666;
}

.action-buttons button:hover {
    color: #000;
}

/* Use WordPress Dashicons (already loaded in admin) */
.dashicons-edit::before {
    content: "\f464"; /* Pen icon */
    font-family: "dashicons";
    font-size: 16px;
    color: #ff914c;
}

.dashicons-trash::before {
    content: "\f182"; /* Trash icon */
    font-family: "dashicons";
    font-size: 16px;
    color: #ff914c;
}

.qrocmed-login-registration {
    max-width: 500px;
    margin: 0 auto;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.qrocmed-login-registration h2 {
    text-align: center;
    margin-bottom: 20px;
}

.qrocmed-login-registration .form-group {
    margin-bottom: 15px;
}

.qrocmed-login-registration label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.qrocmed-login-registration input[type="email"],
.qrocmed-login-registration input[type="password"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
/*
.qrocmed-login-registration button {
    background: #0073aa;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 10px;
}

.qrocmed-login-registration button:hover {
    background: #005177;
}
*/
#qrocmedMessage {
    margin-top: 15px;
    padding: 10px;
    border-radius: 4px;
}

#qrocmedMessage .success {
    background: #d4edda;
    color: #155724;
}

#qrocmedMessage .error {
    background: #f8d7da;
    color: #721c24;
}

.restricted-content {
    margin-top: 30px;
    padding: 20px;
    background: #e9f7fe;
    border-radius: 5px;
}

.error-message {
    color: #dc3545;
    font-size: 0.875em;
    margin-top: 5px;
}

.hidden-content {
    display: none;
}
/*
.qroc-accordion {
    border-color: rgb(255, 140, 77);
}

.qroc-accordion .accordion-button {
    background-color: rgba(255, 140, 77, 0.03) !important;
    color: black;
}
.item-accordion .accordion-button {
    background-color: rgba(255, 140, 77, 0.05) !important;
    color: black;
    border-color: rgb(255, 140, 77);
}

.qroc-accordion .accordion-button:not(.collapsed), .item-accordion .accordion-button:not(.collapsed) {
    background-color: rgba(255, 140, 77, 0.1) !important;
    color: black;
}
      */
.accordion {
      --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(255, 140, 77, 0.25);
}

.accordion ul, .qroc-container ul, .subitems-container ul {
  margin-top: 0;
}

.accordion p, .qroc-container p, .subitems-container p {
  margin-bottom: 0;
}

.btn-outline-warning {
  --bs-btn-hover-bg: #ffc107a2;
}
.btn-outline-danger {
  --bs-btn-hover-bg: #dc3546a2;
}
.btn-outline-success {
  --bs-btn-hover-bg: #198754a2;
}