/*
Custom page CSS for Arcusonline
-------------------------------------------------- 
(c)2025 by ArcusOnline.ro)
*/

body {
  overflow-x: hidden;
  margin:0;
} 

footer{
  font-size: 12px;
}

footer a {
  color: grey; /* Sets the link color to red */
  text-decoration: none; /* Optional: Removes the underline */
}

footer a:hover {
  color: red; /* Optional: Changes color on hover */
  text-decoration: underline; /* Optional: Adds underline on hover */
}

.accordion {
  --bs-accordion-btn-bg: #000000;
  --bs-accordion-btn-color: white;
  --bs-accordion-active-bg: #DC3545;
  --bs-accordion-active-color: white;
  --bs-accordion-btn-focus-box-shadow: none;
}
.form-check-input{
  border-color:black;
}

.form-check-input:checked {
  background-color: #dc3545;
  border-color: #dc3545;
}

.form-check-input:checked:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); /* Focus shadow */
}

.form-control{
  border-color: #dc3545;
}

.input-group-text{
  border-color: #dc3545;
  background-color: rgb(255, 0, 0);
  color: white
}

.form-select{
  border-color: #dc3545;
}


.form-control:focus { /*focusing on the navbar, log in*/
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); /* Focus shadow */
  border: 2px solid #dc3545; 
  color: #dc3545; 
}

.dropdown-item:hover { /*for the menu items in navbar */
  background-color:#dc3545;
  color:white;
  text-decoration:none;
}

.form-select:focus{
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); /* Focus shadow */
  border: 2px solid #dc3545; 
}

.form-select:selection {
  background-color:#dc3545;
  color:white;
}

option.hovered{
  background-color:#dc3545;
  color:white;
}

.logocontainer {
/*  display: inline-block;*/
  display:inline-block;
  position:relative;
}

.mainlogo{
  max-width: 80%;
  height: auto;
}

.poweredbyarcus {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30%; /* Responsive width relative to the container */
  height: auto; /* Maintain aspect ratio */
}

.poweredbytext {
  position: absolute;
  right: 10px;
  bottom: 37px;
  font-size: 10px;
  color: #000000;
  transition: all linear 0.25s;
  font-style:italic;
}

.poweredbytexthalf {
  position: absolute;
  right: 0px;
  bottom: 17px;
  font-size: 10px;
  color: #000000;
  transition: all linear 0.25s;
  font-style:italic;
}

/* ------------------- contest table settings ----------------------------*/
.table-info {
  --bs-table-color: #000 !important;
  --bs-table-bg: #cff4fc !important;  /*regi verzio #d9edf7 -  uj-#cff4fc*/ 
  --bs-table-border-color: #a6c3ca;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #0202021c;  /*#bfe2e9;*/
 /* --bs-table-hover-color: #ffffff;*/
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
table tr{  /*make the table hover to use the pointer */
  cursor:pointer;
}
label a{
  color:#dc3545;
}

a.contestlink {
  color: #dc3545;
}

p.info{
  color: #dc3545;
}

.collapse-icon{   /*need for the collapsing the table item*/
  display:none;
}

.pulsing-text {
  /*font-size: 10px;
  font-weight: bold;*/
  color: #000000; /* Fixed text color */
  text-align: center;
  text-shadow: 0 0 5px #ff0000; /* Initial shadow */
  animation: pulse-outline 1.5s infinite; /* Animation for shadow only */
}

@keyframes pulse-outline {
  0%, 100% {
    text-shadow: 0 0 5px #ff0000, 0 0 10px #ff0000; /* Subtle glow */
  }
  50% {
    text-shadow: 0 0 15px #ff0000, 0 0 30px #ff0000; /* Stronger glow */
  }
}

.vl{
  border-left:2px solid #dc3545;
  height: auto;
}

.allcontests{
  font-size:12px;
}

.category-label{
  font-size: large;
  color: #dc3545;
  font-weight:bold;
  text-transform: uppercase;
}

label.label input[type="file"] {
  position: absolute;
  top: -2000px;
  background-color: #dc3545;
}

.circle {
  width:200px;
  height:200px;
  border-radius: 50%;
  overflow:hidden;
  /* display:flex; */
  justify-content:center;
  align-items:center;
  position:relative;
}

.borderless{
  border:none;
}

.version{
  font-size:0.6em;
}