/* ═══════════════════════════════════════════════════
   SVEA Nail Studio — Custom CSS overrides
═══════════════════════════════════════════════════ */

/* ─── Flaticon font path (относительно CSS файла) ─── */
@font-face {
  font-family: 'Flaticon';
  src: url('../fonts/flaticon.eot');
  src: url('../fonts/flaticon.eot?#iefix') format('embedded-opentype'),
       url('../fonts/flaticon.woff2') format('woff2'),
       url('../fonts/flaticon.woff') format('woff'),
       url('../fonts/flaticon.ttf') format('truetype'),
       url('../fonts/flaticon.svg#Flaticon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* ─── Banner-3 background (в теме hardcoded в CSS) ─── */
#banner-3 {
  background-image: url('../images/banner-3.jpg') !important;
  background-size: cover;
  background-position: center;
}

/* ─── Photo strip aspect ratio ─── */
#about-10 img {
  aspect-ratio: 1;
  object-fit: cover;
  display: block;
}

/* ─── Working hours list ─── */
.svea-hours-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.svea-hours-list li {
  display: flex;
  justify-content: space-between;
  padding: 9px 0;
  border-bottom: 1px solid #eee;
  font-size: 15px;
}
[dir="rtl"] .svea-hours-list li {
  flex-direction: row-reverse;
}

/* ─── Promo section instagram images ─── */
.promo-insta-img {
  aspect-ratio: 1;
  object-fit: cover;
}

/* ─── Footer socials ─── */
.footer-socials {
  display: flex;
  gap: 12px;
}
.footer-socials .foo-ico {
  width: 38px;
  height: 38px;
  background: #da3669;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  transition: background 0.2s;
  text-decoration: none;
}
.footer-socials .foo-ico:hover {
  background: #b52050;
}

/* ─── Footer newsletter form ─── */
.footer-form .input-group {
  display: flex;
  gap: 8px;
}
.footer-form .form-control {
  flex: 1;
  border: 1px solid #ddd;
  padding: 10px 14px;
  font-size: 14px;
}
[dir="rtl"] .footer-form .input-group {
  flex-direction: row-reverse;
}

/* ─── Language switcher ─── */
.lang-li > a {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
#current-lang-icon { font-size: 15px; }

/* ─── RTL adjustments ─── */
[dir="rtl"] .sub-menu { right: 0; left: auto; }
[dir="rtl"] .bottom-footer-list { text-align: left !important; }
[dir="rtl"] .txt-block,
[dir="rtl"] .about-9-txt,
[dir="rtl"] .sbox-1-txt { text-align: right; }
[dir="rtl"] .caption-txt { text-align: right; }
[dir="rtl"] #hero-1 .caption-txt h2 { text-align: right; }
[dir="rtl"] .simple-list { padding-right: 0; }
[dir="rtl"] .pricing-6-list li { flex-direction: row-reverse; }
[dir="rtl"] .footer-contacts { padding-right: 0; }

/* ─── Back to top ─── */
#back-to-top { position: fixed; bottom: 30px; right: 30px; z-index: 9999; display: none; }
[dir="rtl"] #back-to-top { right: auto; left: 30px; }
#back-to-top img { width: 44px; height: 44px; }

/* ─── Mobile ─── */
@media (max-width: 767px) {
  #banner-3 .banner-3-txt h2 { font-size: 48px; }
  #back-to-top { bottom: 20px; right: 20px; }
  [dir="rtl"] #back-to-top { right: auto; left: 20px; }
}

/* ─── Utility ─── */
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.op-70 { opacity: 0.7; }
.pc-30 { padding: 0 30px; }
@media (max-width: 768px) { .pc-30 { padding: 30px 0 0; } }