.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-kadence1:#c39002;--e-global-color-kadence2:#1d64af;--e-global-color-kadence3:#9b7001;--e-global-color-kadence4:#67686b;--e-global-color-kadence5:#525c71;--e-global-color-kadence6:#718096;--e-global-color-kadence7:#EDF2F7;--e-global-color-kadence8:#F7FAFC;--e-global-color-kadence9:#ffffff;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6.el-is-editing{--global-palette1:#c39002;--global-palette2:#1d64af;--global-palette3:#9b7001;--global-palette4:#67686b;--global-palette5:#525c71;--global-palette6:#718096;--global-palette7:#EDF2F7;--global-palette8:#F7FAFC;--global-palette9:#ffffff;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ───── Louis Residence – Ivory Gold Emblem Icons v4 ───── */
:root {
  --color-bg: #FBF9F4;
  --color-surface: #F8F4EA;
  --color-text: #2E2B25;
  --color-text-secondary: #7A7266;
  --color-gold: #CBAE75;
  --color-gold-light: #F3E3BB;
  --color-footer-bg: #2B2620;
  --color-footer-text: #F8F5ED;
}

/* Social Icons (Premium Metallic Style) */
.elementor-social-icon, .footer-social a i {
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.25), rgba(203,174,117,0.15));
  border: 1.8px solid rgba(203,174,117,0.7);
  color: #EED9A7;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
  box-shadow:
    0 0 6px rgba(203,174,117,0.4),
    inset 0 0 8px rgba(255,255,255,0.08);
}

/* เพิ่มขอบทองวิบวับ */
.elementor-social-icon::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: linear-gradient(145deg, rgba(255,255,255,0.3) 0%, rgba(243,227,187,0.15) 50%, rgba(203,174,117,0.2) 100%);
  z-index: 0;
  opacity: 0.8;
}

.elementor-social-icon i {
  position: relative;
  z-index: 1;
  font-size: 18px;
}

/* Hover Effect: แสงทองเคลื่อนไหว + ยกขึ้น */
.elementor-social-icon:hover {
  color: #2E2B25;
  background: linear-gradient(145deg, #EFD9A7, #CBAE75);
  border-color: #EFD9A7;
  transform: scale(1.15);
  box-shadow:
    0 0 12px rgba(243,227,187,0.55),
    0 0 22px rgba(203,174,117,0.45);
}

.elementor-social-icon:hover::before {
  animation: glowSweep 1.5s ease forwards;
}

/* แอนิเมชันแสงทองเคลื่อนไหว */
@keyframes glowSweep {
  0% {
    background-position: -200% 0;
    opacity: 0.8;
  }
  100% {
    background-position: 200% 0;
    opacity: 0.2;
  }
}

/* รองรับบนพื้นสว่าง (Header) */
header .elementor-social-icon {
  border-color: rgba(203,174,117,0.8);
  color: #CBAE75;
  background: rgba(255,255,255,0.4);
  box-shadow:
    0 2px 6px rgba(0,0,0,0.1),
    inset 0 0 4px rgba(255,255,255,0.2);
}

header .elementor-social-icon:hover {
  color: #2E2B25;
  background: linear-gradient(145deg, #F3E3BB, #CBAE75);
  transform: scale(1.12);
  box-shadow: 0 0 18px rgba(203,174,117,0.6);
}/* End custom CSS */