/* * Amelia (step-booking) i Ataras farver. * Amelia sætter sine farver som inline CSS-variabler på flere elementer, * derfor overstyres variablerne med !important på hele undertræet. */ #amelia-container, #amelia-container *, .amelia-v2-booking, .amelia-v2-booking *, /* Dropdowns/popups teleporteres til udenfor containeren */ .el-popper, .el-popper *, [class*="am-adv-select"], [class*="am-adv-select"] * { /* Primær accent (aktive trin, links, valg) */ --am-c-primary: #a9634a !important; /* Sidebar: mørkebrun i stedet for navy */ --am-c-sb-bgr: #3d2f28 !important; --am-c-sb-text: #efe2d2 !important; --am-c-sb-text-op5: rgba(239, 226, 210, 0.05) !important; --am-c-sb-text-op10: rgba(239, 226, 210, 0.1) !important; --am-c-sb-text-op60: rgba(239, 226, 210, 0.6) !important; --am-c-skeleton-sb-op20: rgba(239, 226, 210, 0.08) !important; --am-c-skeleton-sb-op60: rgba(239, 226, 210, 0.2) !important; /* Hovedflade */ --am-c-main-bgr: #fdf8f0 !important; --am-c-main-text: #54423a !important; --am-c-main-text-op15: rgba(84, 66, 58, 0.15) !important; --am-c-main-heading-text: #3d2f28 !important; --am-c-main-heading-text-op15: rgba(61, 47, 40, 0.15) !important; --am-c-skeleton-op20: rgba(61, 47, 40, 0.06) !important; --am-c-skeleton-op60: rgba(61, 47, 40, 0.12) !important; --am-c-scroll-op10: rgba(169, 99, 74, 0.1) !important; --am-c-scroll-op30: rgba(169, 99, 74, 0.3) !important; /* Felter og dropdowns */ --am-c-inp-bgr: #ffffff !important; --am-c-inp-border: #e8dbc7 !important; --am-c-inp-text: #54423a !important; --am-c-inp-placeholder: #ab9683 !important; --am-c-drop-bgr: #fdf8f0 !important; --am-c-drop-text: #54423a !important; /* Service-vælgeren */ --am-c-advs-bgr: #ffffff !important; --am-c-advs-border: #e8dbc7 !important; --am-c-advs-text: #3d2f28 !important; --am-c-advs-placeholder: #ab9683 !important; --am-c-advs-shadow: rgba(61, 47, 40, 0.15) !important; --am-c-advs-text-op10: rgba(61, 47, 40, 0.1) !important; --am-c-advs-text-op40: rgba(61, 47, 40, 0.4) !important; --am-c-advs-text-op60: rgba(61, 47, 40, 0.6) !important; --am-c-advs-item-price: #a9634a !important; --am-c-advs-item-price-op10: rgba(169, 99, 74, 0.1) !important; --am-c-advs-item-selected: #a9634a !important; --am-c-advs-item-label-op40: rgba(61, 47, 40, 0.4) !important; /* Knapper */ --am-c-btn-prim: #a9634a !important; --am-c-btn-prim-text: #f8f1e7 !important; --am-c-btn-first: #a9634a !important; --am-c-btn-first-op80: rgba(169, 99, 74, 0.8) !important; --am-c-btn-first-op30: rgba(169, 99, 74, 0.3) !important; --am-c-btn-first-op20: rgba(169, 99, 74, 0.2) !important; --am-c-btn-second: #fdf8f0 !important; --am-c-btn-sec: #fdf8f0 !important; --am-c-btn-sec-text: #3d2f28 !important; /* Service-dropdownens rækker (bruger sin egen variabel-familie) */ --am-c-ss-item-name: #3d2f28 !important; --am-c-ss-item-price: #a9634a !important; /* Typografi som resten af sitet */ --am-font-family: 'Mulish', 'Helvetica Neue', Arial, sans-serif !important; } /* Dropdown-familien renderes i .am-service-dropdown, teleporteret til */ .am-service-dropdown, .am-service-dropdown *, [class*="am-select-"], [class*="am-select-"] * { --am-c-ss-item-name: #3d2f28 !important; --am-c-ss-item-price: #a9634a !important; --am-c-primary: #a9634a !important; } /* * Priserne i service-dropdownen får deres blå farve skrevet som inline * literal af Amelias Vue-kode (ikke via CSS-variabler). Fang de kendte * literaler og erstat med temaets terracotta. */ [style*="rgb(18, 70, 214)"], [style*="#1246D6"], [style*="#1246d6"] { color: #a9634a !important; }