html{
scroll-behavior:smooth;
}
body {
  
  background-color: #e6eef5; /* fallback */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23c9d9e8' fill-opacity='0.4'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='40' cy='40' r='2'/%3E%3Ccircle cx='70' cy='10' r='2'/%3E%3Ccircle cx='10' cy='70' r='2'/%3E%3Ccircle cx='70' cy='70' r='2'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
}

:root{
--conf-blue:#0b2a4a;
--conf-gold:#c6a85a;
--conf-green:#1c5f4a;
--conf-light:#f5f7fa;
}
.nowrap{
  white-space: nowrap;
}

.conf-hero{
background:linear-gradient(35deg,#0b2a4a,#547390);
border-radius: 10px;
color:white;
padding:160px 20px;
text-align:center;
 box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.15),   /* долна дълбочина */
    0 -5px 15px rgba(0, 0, 0, 0.05),   /* горна лека сянка */
    5px 0 20px rgba(0, 0, 0, 0.08),    /* дясно */
    -5px 0 20px rgba(0, 0, 0, 0.08);   /* ляво */
}

.conf-hero h1{
font-size:48px;
font-weight:700;
max-width:900px;
margin:auto;
}

.conf-hero p{
font-size:20px;
opacity:.9;
max-width:700px;
margin:20px auto 40px auto;
}

.conf-hero .wp-block-button__link{
background:var(--conf-gold);
color:#0b2a4a;
padding:14px 28px;
font-weight:600;
border-radius:6px;
}

.conf-hero .wp-block-button__link:hover{
background:#d4b86c;
}

.conf-section{
padding:40px 20px;
margin:auto;
}




.conf-section h2{
text-align:center;
margin-bottom:50px;
font-size:36px;
color:var(--conf-blue);
}

.conf-card-tall{
background:white;
border-radius:10px;
padding:25px 6px 25px 6px;
border:1px solid #eee;
text-align:center;

}

.conf-card{
background:white;
border-radius:10px;
padding:25px 6px 25px 6px;
border:1px solid #eee;
text-align:center;
height:180px;
}

.conf-card h3{
color:var(--conf-blue);
margin-bottom:10px;
}



.conf-program{
background:var(--conf-light);
}

.conf-program .wp-block-columns{
margin-top:40px;
}

.conf-program .conf-card{
transition:all .25s ease;
height: 430px;
}

.conf-program .conf-card:hover{
transform:translateY(-6px);
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.conf-program ul {
  list-style: none;
  padding: 0 0 0 4px;
  margin: 0;
}

.conf-program li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  text-align: left;
  font-size: 1rem;
}

.conf-program li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: linear-gradient(145deg, #a8c0d8, #d6e4f0);
  
  box-shadow:
    0 2px 6px rgba(11, 42, 74, 0.25),
    inset 0 1px 2px rgba(255,255,255,0.6);
}

.conf-speakers{
background:white;
}

.conf-speaker{
text-align:center;
padding:30px 20px;
border:1px solid #eee;
border-radius:10px;
transition:all .25s ease;
}

.conf-speaker:hover{
transform:translateY(-6px);
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.speaker-avatar{
width:80px;
height:80px;
border-radius:50%;
background:var(--conf-blue);
color:white;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
font-size:26px;
margin:0 auto 20px auto;
}

.conf-speaker h3{
margin-bottom:8px;
color:var(--conf-blue);
}

.conf-speaker img{
width:120px;
height:120px;
object-fit:cover;
border-radius:50%;
margin:0 auto 20px auto;
display:block;
}

.conf-location{
background:var(--conf-light);
}

.conf-location .wp-block-columns{
align-items:center;
gap:40px;
}

.conf-location iframe{
width:100%;
height:350px;
border:0;
border-radius:10px;
}

.conf-accommodation{
background:white;
}

.conf-hotel{
padding:30px;
border:1px solid #eee;
border-radius:10px;
text-align:center;
transition:all .25s ease;
}

.conf-hotel:hover{
transform:translateY(-6px);
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.conf-hotel h3{
color:var(--conf-blue);
margin-bottom:10px;
}

.conf-hotel .wp-block-button__link{
background:var(--conf-green);
color:white;
border-radius:6px;
padding:10px 20px;
}

/* ------------------------------------------------ */
/* REGISTRATION SECTION */
/* ------------------------------------------------ */

.conf-registration{
background:
linear-gradient(135deg,var(--conf-blue),#123e66),
url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60'><circle cx='3' cy='3' r='3' fill='rgba(255,255,255,0.18)'/></svg>");
background-blend-mode:overlay;
color:white;
padding:120px 20px;
text-align:center;
}

.conf-registration h3{
font-size:34px;
margin-bottom:40px;
color:white;
}


/* ------------------------------------------------ */
/* FORM CARD */
/* ------------------------------------------------ */

.conf-registration .xccalc_cont{
background:rgb(121, 152, 164);
max-width:900px;
margin:auto;
padding:50px;
border-radius:14px;
box-shadow:
0 20px 40px rgba(0,0,0,0.15),
0 5px 10px rgba(0,0,0,0.05);
position:relative;
}


/* ------------------------------------------------ */
/* TABLE LAYOUT */
/* ------------------------------------------------ */

.conf-registration table{
width:100%;
border-collapse:separate;
border-spacing:0 14px;
}

.conf-registration td{
padding:6px;
vertical-align:top;
}


/* label column */

.conf-registration td:nth-child(2){
font-weight:600;
color:var(--conf-blue);
text-align:right;
padding-right:20px;
width:35%;
}
.conf-registration tr:nth-child(9) td,
.conf-registration tr:nth-child(17) td,
.conf-registration tr:nth-child(25) td,
.conf-registration tr:nth-child(33) td {
  color: #ED1C24;
}




/* field column */

.conf-registration td:nth-child(3){
width:65%;
}


/* ------------------------------------------------ */
/* INPUT FIELDS */
/* ------------------------------------------------ */

.conf-registration input,
.conf-registration textarea,
.conf-registration select{
width:100%;
padding:12px 14px;
border-radius:6px;
border:1px solid #d8d8d8;
font-size:15px;
background:#fafafa;
transition:all .2s ease;
font-family:inherit;
}


.conf-registration textarea{
resize:vertical;
}


/* focus effect */

.conf-registration input:focus,
.conf-registration textarea:focus,
.conf-registration select:focus{
outline:none;
border-color:var(--conf-green);
background:white;
box-shadow:0 0 0 2px rgba(28,95,74,0.1);
}



/* ------------------------------------------------ */
/* REGISTER BUTTON */
/* ------------------------------------------------ */

.conf-registration input[type="button"]{
background:linear-gradient(135deg,var(--conf-gold),#d9bf75);
color:#0b2a4a;
border:none;
padding:16px 45px;
font-size:18px;
font-weight:700;
border-radius:8px;
cursor:pointer;
transition:all .25s ease;
letter-spacing:.4px;
}

.conf-registration input[type="button"]:hover{
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(0,0,0,0.15);
}


/* ------------------------------------------------ */
/* REQUIRED MARK */
/* ------------------------------------------------ */

.conf-registration .xccalc_req{
color:#c0392b;
font-size:1.4em;
}


/* ------------------------------------------------ */
/* INVALID ROW */
/* ------------------------------------------------ */

.conf-registration .xccalc_req_row{
background-color:#ffe5e5;
}


/* ------------------------------------------------ */
/* LOADING SCREEN */
/* ------------------------------------------------ */

.conf-registration .xccalc_dimScreen{
position:absolute;
z-index:100;
display:none;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(255,255,255,0.85);
}


.conf-registration .dimScreenWorker{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
text-align:center;
color:var(--conf-blue);
font-weight:600;
}


/* ------------------------------------------------ */
/* TOOLTIP */
/* ------------------------------------------------ */

.ui-tooltip{
padding:6px 12px;
font-size:14px;
color:#fff;
background:#333;
border-radius:6px;
box-shadow:0 0 6px rgba(0,0,0,0.3);
max-width:220px;
}
.dimScreenWorker{
    position:absolute;
    bottom:0;
    display:none;
}

.conf-backtotop{
position:fixed;
bottom:30px;
right:30px;
width:45px;
height:45px;
background:var(--conf-blue);
color:white;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
text-decoration:none;
font-size:20px;
box-shadow:0 6px 18px rgba(0,0,0,0.2);
transition:all .25s ease;
z-index:999;
}

.conf-backtotop:hover{
background:var(--conf-green);
transform:translateY(-3px);
}

/*TOGGLE BUTTTONS EFFECT*/
.conf-toggle-btn{
  cursor:pointer;
  transition: all .25s ease;
}
.conf-toggle-btn:hover{
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.conf-toggle-content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, opacity 0.4s ease, padding 0.4s ease;
  padding: 0 15px; /* малко вътрешно пространство за съдържанието */
}

.conf-toggle-content.active {
  max-height: 1000px; /* достатъчно голямо за всяко съдържание */
  opacity: 1;
  padding: 15px;
}




/* ------------------------------------------------ */
/* RESPONSIVE */
/* ------------------------------------------------ */

@media (max-width:700px){

.conf-registration table,
.conf-registration tbody,
.conf-registration tr,
.conf-registration td{
display:block;
width:100%;
}

.conf-registration tr{
margin-bottom:18px;
}

.conf-registration td:nth-child(2){
font-weight:600;
color:var(--conf-blue);
text-align:right;
padding-right:25px;
padding-top:12px;
}

.conf-registration td:nth-child(3){
width:100%;
}

.conf-registration .xccalc_cont{
padding:25px;
}

  .conf-card h3{
    font-size: 20px;
  }

  .conf-card h3 strong{
    font-size: 22px;
  }

}


/* ------------------------------------------------ */
/* SMALL MOBILE */
/* ------------------------------------------------ */

@media (max-width:480px){

.conf-registration h3{
font-size:28px;
}

.conf-registration input[type="button"]{
width:100%;
}

}