/* Import the RULE font (replace with your font source) */
@font-face {
font-family: 'RULE';
/* 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;
}
