@font-face  {
    font-family: iransans;
    src:  url(./IRANSans.ttf);
  }
: root {
    --dornica-primary:  #0b71d1;
    --dornica-accent:  #0b98ff;
    --dornica-card-bg:  linear-gradient(180deg, #ffffff, #f7fbff);
    --dornica-radius:  14px;
  }
  .dornica-col {
          font-family: iransans;
  }
    .dornica-col label{
          color:#1b2b3a;
  }
  .dornica-calculator-wrap {
      font-family: iransans;
  }
  .dornica-calculator-wrap  {
     max-width: 780px;
     margin: 22px auto;
     direction: rtl;
     font-family:  iransans;
     padding: 0 12px;
     border-radius:8px;
     margin-bottom:20px;
 }
  .dornica-title  {
     text-align: center;
     font-size: 23px;
     margin-bottom: 37px;
     color: var(--dornica-primary);
  font-weight: 800;
  letter-spacing: 0.4px;
  margin-top: 28px;
 }
 #dornica_service_select,#dornica_months {
  background-color: #fff;
  padding: 6px;
  border: 1px solid #e1e0e0;
  border-radius: 10px;
}
  .dornica-card  {
    background:  var(--dornica-card-bg);
    border-radius:  var(--dornica-radius);
    box-shadow:  0 18px 50px rgba(10, 30, 60, 0.08);
    padding: 20px;
    border: 1px solid rgba(11, 113, 209, 0.06);
  }
 .dornica-row  {
     margin-bottom: 14px;
     display: flex;
     flex-direction: column;
 }
  .dornica-row-inline  {
     display: flex;
     gap: 12px;
     margin-bottom: 14px;
 }
  .dornica-col  {
     flex: 1;
     display: flex;
     flex-direction: column;
    font-family: iransans;
  }
  .dornica-row label  {
     font-weight: 500;
     margin-bottom: 6px;
     color: #1b2b3a;
     font-size: 14px;
 }
  .dornica-row input[type="text"],  .dornica-row input[type="tel"],  .dornica-row select  {
      padding: 12px 14px;
     border-radius: 10px;
     border: 1px solid #e1e8f0;
     font-size: 16px;
     outline: none;
     background: #fff;
     transition: all .15s ease;
    
  }
  
  .dornica-row input::placeholder  {
     color: #b3c2d6;
     font-size:13px;
 }
  .dornica-row input:focus,  .dornica-row select:focus  {
     transform: translateY(-2px);
     box-shadow:  0 8px 24px rgba(11, 113, 209, 0.08);
     border-color: var(--dornica-accent);
 }
  .dornica-check-row  {
     flex-direction: row;
     align-items: center;
     gap: 10px;
     margin-top: 6px;
 }
  .dornica-check-row input[type="checkbox"]  {
     width: 18px;
     height: 18px;
 }
  .dornica-actions  {
     display: flex;
     gap: 12px;
     align-items: center;
     margin-top: 8px;
 }
  .dornica-btn  {
background: #0666b8 !important;
  color: #fff;
  border: none;
  padding: 12px 18px;
  border-radius: 12px;
  cursor: pointer;
  font-weight: 800;
  font-size: 13px;
  box-shadow: 0 12px 30px rgba(11, 113, 209, 0.14);
  }
  .dornica-btn: hover  {
     transform: translateY(-2px);
     background: #0666b8c4 !important;

 }

  
  .dornica-msg  {
     padding: 10px 12px;
     border-radius: 10px;
     font-weight: 700;
     font-size: 0.98rem;
 }

  .dornica-msg.ok  {
     background: #e8fff2;
     color: #046a3d;
     border: 1px solid #c6f0d6;
 }

  .dornica-msg.error  {
     background: #fff2f2;
     color: #8a1b1b;
     border: 1px solid #f4c6c6;
 }

  
  .dornica-result  {
     margin-top: 16px;
     padding: 14px;
     border-radius: 12px;
     background: linear-gradient(180deg, #fff, #fbfeff);
     border: 1px solid #e6f0fb;
     box-shadow: 0 8px 20px rgba(8, 24, 48, 0.04);
 }

  .dornica-result h4  {
     margin-top: 0;
     	font-size:16px;
     color: #123348;
 }

  
  @media (max-width:720px) {
    
    .dornica-row-inline  {
     flex-direction: column;
 }

    .dornica-title  {
     font-size: 1.3rem;
 }

    .dornica-row label  {
     font-size: 0.98rem;
 }

    .dornica-row input,  .dornica-row select  {
     font-size: 1rem;
 }

  }
.dornica-row label,
.dornica-col label {
  font-weight: 500;
  margin-bottom: 6px;
  color: #1b2b3a;
  font-size: 14px;
}

.dornica-row select,
.dornica-col select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff url('data:image/svg+xml;utf8,<svg fill="%230b71d1" height="18" viewBox="0 0 24 24" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat left 12px center;
  background-size: 18px;
  padding-right: 16px;
  padding-left: 38px;
  border: 1px solid #e0e6f0;
  border-radius: 10px;
  font-size: 15px;  */
  font-family: 'IranSans';
  height: 48px;
  transition: all 0.25s ease;
  color: #1a2c44;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(11,113,209,0.05);
}

.dornica-row select:focus,
.dornica-col select:focus {
  border-color: var(--dornica-accent);
  box-shadow: 0 0 0 3px rgba(11,113,209,0.12);
  transform: translateY(-1px);
}

.dornica-row select:hover,
.dornica-col select:hover {
  border-color: #b9d7ff;
}

.dornica-row select option,
.dornica-col select option {
  font-size: 16px; /* سایز 16px */
  font-family: 'IranSans', Tahoma, sans-serif;
  padding: 8px 14px;
  background: #fff;
  color: #1b2b3a;
}

@supports (-webkit-appearance:none) {
  select option:hover {
    background: #eaf5ff;
  }
}
.result-dornica{
	font-size:16px
}