MELISSA HANSELAAR
MELISSA HANSELAAR
LYDIA CELESTA
LYDIA CELESTA
KATE KRAAIJEVELD
KATE KRAAIJEVELD
SAM LABAN
SAM LABAN
ROOS VAN NIEUWKERK
ROOS VAN NIEUWKERK
NIKKI FRANKE
NIKKI FRANKE
FILIPPA BERGENDAL
FILIPPA BERGENDAL
REBECCA RUBAY
REBECCA RUBAY
/* Import the RULE font (replace with your font source) */
@font-face {
font-family: 'RULE';
src:url(https://static1.squarespace.com/static/66cccaf2705c2117b2c74554/t/67deb2c424e3c17da1d71910/1742648005077/Mooner-Rounded.otf) format("opentype");
font-weight: normal;
font-style: normal;
}
/* Hide navigation links for Orders and Addresses */
.twc-capc--account--orders,
.twc-capc--account--addresses,
a[href^="/account/orders"],
a[href^="/account/addresses"] {
display: none !important;
visibility: hidden !important;
}
/* Hide the Orders and Addresses panels */
.twc-capc--orders-panel,
.twc-capc--addresses-panel {
display: none !important;
visibility: hidden !important;
}
/* General account panel styling */
.twc-capc--account-panel {
background-color: #f6f3ec; /* Isabelline */
color: #280d01; /* Black Bean */
font-family: 'RULE', sans-serif;
}
/* Header styling */
.twc-capc--account-panel .header--title {
color: #fb2340; /* Imperial Red */
font-family: 'RULE', sans-serif;
font-weight: bold;
}
/* Navigation links in the account panel */
.twc-capc--account--digital-products,
.twc-capc--account--payment,
.twc-capc--account--profile {
background-color: #ece4da; /* Alabaster */
color: #280d01; /* Black Bean */
padding: 10px;
margin: 5px 0;
border-radius: 5px;
transition: background-color 0.3s ease;
}
.twc-capc--account--digital-products:hover,
.twc-capc--account--payment:hover,
.twc-capc--account--profile:hover {
background-color: #b9a590; /* Khaki */
}
/* Buttons (reverting to original styling for close and sign-out) */
.twc-capc--account-panel button,
.twc-capc--header--close,
.twc-capc--account--greeting button[data-test="sign-out"] {
background-color: #fb2340; /* Imperial Red */
color: #f6f3ec; /* Isabelline */
font-family: 'RULE', sans-serif;
border: 1px solid #280d01; /* Black Bean */
border-radius: 5px;
padding: 8px 16px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.twc-capc--account-panel button:hover,
.twc-capc--header--close:hover,
.twc-capc--account--greeting button[data-test="sign-out"]:hover {
background-color: #b9a590; /* Khaki */
}
/* Hide the top-left back button */
.twc-capc--header--back {
display: none !important;
visibility: hidden !important;
border: none !important; /* Remove black line */
}
/* Ensure no hover effect applies to the hidden back button */
.twc-capc--header--back:hover {
background-color: transparent !important;
border: none !important;
}
/* Profile panel specific styling */
.twc-capc--profile-panel {
background-color: #ece4da; /* Alabaster */
color: #280d01; /* Black Bean */
font-family: 'RULE', sans-serif;
}
/* Input fields */
.twc-capc--profile-panel input,
.twc-capc--profile-panel select {
background-color: #f6f3ec; /* Isabelline */
color: #280d01; /* Black Bean */
border: 1px solid #b9a590; /* Khaki */
font-family: 'RULE', sans-serif;
padding: 8px;
border-radius: 5px;
}
/* Ensure consistent font across all text elements */
.twc-capc--account-panel *,
.twc-capc--profile-panel * {
font-family: 'RULE', sans-serif !important;
}