/* Extracted from Create.cshtml */
.select2-container--default .select2-selection--multiple {
border: 1px solid #ced4da;
border-radius: 0.375rem;
min-height: 48px;
padding: 4px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: #86b7fe;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
/* Extracted from Edit.cshtml */
.select2-container--default .select2-selection--multiple {
border: 1px solid #ced4da;
border-radius: 0.375rem;
min-height: 48px;
padding: 4px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: #86b7fe;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
/* Extracted from Index.cshtml */
.btn-checkout-submit {
background-color: #222;
border: 1px solid #222;
color: white;
transition: all 0.3s ease;
}
.btn-checkout-submit:hover:not(:disabled) {
background-color: white !important;
color: #222 !important;
border: 1px solid #222 !important;
}
/* Extracted from Index.cshtml */
.step-indicator .badge {
display: flex;
align-items: center;
justify-content: center;
}
/* Extracted from GetOrderContract.cshtml */
.contract-body-override { font-family: 'Segoe UI', Arial, sans-serif; max-width: 800px; margin: 40px auto; padding: 20px; color: #333; }
.contract-header { border-bottom: 2px solid #333; padding-bottom: 20px; margin-bottom: 30px; }
.contract-meta { background: #f8f9fa; padding: 15px; border-radius: 6px; margin-bottom: 30px; font-size: 0.9em; }
.contract-body { line-height: 1.7; }
.print-btn { position: fixed; bottom: 20px; right: 20px; }
@media print { .print-btn { display: none; } }
/* Extracted from Create.cshtml */
.select2-container--default .select2-selection--multiple {
border: 1px solid #ced4da;
border-radius: 0.375rem;
min-height: 48px;
padding: 4px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: #86b7fe;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
/* Extracted from Edit.cshtml */
.select2-container--default .select2-selection--multiple {
border: 1px solid #ced4da;
border-radius: 0.375rem;
min-height: 48px;
padding: 4px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: #86b7fe;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
/* Extracted from Addresses.cshtml */
.sidebar-menu {
list-style: none;
padding: 0;
margin: 0;
}
.sidebar-menu li {
border-bottom: 1px solid #eee;
}
.sidebar-menu a {
display: block;
padding: 1rem 0;
color: var(--light-text);
text-decoration: none;
text-transform: uppercase;
font-size: 0.85rem;
letter-spacing: 1px;
font-weight: 500;
transition: all 0.3s;
}
.sidebar-menu a:hover, .sidebar-menu a.active {
color: var(--primary-color);
padding-left: 10px;
}
/* Extracted from Dashboard.cshtml */
.profile-container {
padding: 4rem 0;
}
.sidebar-menu {
list-style: none;
padding: 0;
margin: 0;
}
.sidebar-menu li {
border-bottom: 1px solid #eee;
}
.sidebar-menu a {
display: block;
padding: 1rem 0;
color: var(--light-text);
text-decoration: none;
text-transform: uppercase;
font-size: 0.85rem;
letter-spacing: 1px;
font-weight: 500;
transition: all 0.3s;
}
.sidebar-menu a:hover, .sidebar-menu a.active {
color: var(--primary-color);
padding-left: 10px;
}
.dashboard-box {
background: #f9f9f9;
padding: 2rem;
height: 100%;
}
.dashboard-box-title {
font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 1.5rem;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
/* Extracted from ForgotPassword.cshtml */
.auth-container {
max-width: 500px;
margin: 0 auto;
padding: 4rem 15px;
}
.auth-box {
background: #fff;
padding: 3rem 2.5rem;
border: 1px solid #eaeaea;
}
.auth-title {
font-size: 1.5rem;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 2rem;
text-align: center;
color: #111;
}
.form-label {
font-weight: 600;
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 1px;
color: #555;
}
.form-control-custom {
border: 1px solid #ddd;
padding: 0.9rem 1rem;
font-size: 0.95rem;
border-radius: 0;
width: 100%;
margin-bottom: 1.5rem;
}
.form-control-custom:focus {
outline: none;
border-color: #111;
box-shadow: none;
}
.btn-custom {
background-color: #111;
color: #fff;
border-radius: 0;
padding: 0.9rem;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
}
.btn-custom:hover {
background-color: #333;
color: #fff;
}
.auth-switch {
text-align: center;
margin-top: 1.5rem;
font-size: 0.9rem;
}
.auth-switch a {
color: #111;
font-weight: 600;
text-decoration: underline;
}
/* Extracted from Login.cshtml */
.auth-container {
max-width: 500px;
margin: 0 auto;
padding: 4rem 15px;
}
.auth-box {
background: #fff;
padding: 3rem 2.5rem;
border: 1px solid #eaeaea;
}
.auth-title {
font-size: 1.5rem;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 2rem;
text-align: center;
color: #111;
}
.form-label {
font-weight: 600;
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 1px;
color: #555;
}
.form-control-custom {
border: 1px solid #ddd;
padding: 0.9rem 1rem;
font-size: 0.95rem;
border-radius: 0;
width: 100%;
margin-bottom: 1.5rem;
}
.form-control-custom:focus {
outline: none;
border-color: #111;
box-shadow: none;
}
.btn-custom {
background-color: #111;
color: #fff;
border-radius: 0;
padding: 0.9rem;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
}
.btn-custom:hover {
background-color: #333;
color: #fff;
}
.auth-switch {
text-align: center;
margin-top: 1.5rem;
font-size: 0.9rem;
}
.auth-switch a {
color: #111;
font-weight: 600;
text-decoration: underline;
}
/* Extracted from MyOrders.cshtml */
.profile-container {
padding: 4rem 0;
}
.sidebar-menu {
list-style: none;
padding: 0;
margin: 0;
}
.sidebar-menu li {
border-bottom: 1px solid #eee;
}
.sidebar-menu a {
display: block;
padding: 1rem 0;
color: var(--light-text);
text-decoration: none;
text-transform: uppercase;
font-size: 0.85rem;
letter-spacing: 1px;
font-weight: 500;
transition: all 0.3s;
}
.sidebar-menu a:hover, .sidebar-menu a.active {
color: var(--primary-color);
padding-left: 10px;
}
.order-card {
border: 1px solid #eee;
margin-bottom: 1.5rem;
}
.order-card-header {
background-color: #f9f9f9;
padding: 1rem 1.5rem;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #eee;
}
.order-card-body {
padding: 1.5rem;
}
.order-meta-label {
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--light-text);
margin-bottom: 2px;
}
.order-meta-value {
font-size: 0.95rem;
font-weight: 600;
}
.btn-order-detail {
border: 1px solid var(--primary-color);
color: var(--primary-color);
background: transparent;
padding: 0.4rem 1rem;
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
transition: all 0.3s;
}
.btn-order-detail:hover {
background: var(--primary-color);
color: white;
}
.product-list-mini {
margin: 0;
padding: 0;
list-style: none;
}
.product-list-mini li {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.product-list-mini li:last-child {
margin-bottom: 0;
}
.mini-img {
width: 50px;
height: 60px;
background: #eee;
margin-right: 15px;
display: flex;
align-items: center;
justify-content: center;
color: #ccc;
}
/* Extracted from Register.cshtml */
.auth-container {
max-width: 600px;
margin: 0 auto;
padding: 4rem 15px;
}
.auth-box {
background: #fff;
padding: 3rem 2.5rem;
border: 1px solid #eaeaea;
}
.auth-title {
font-size: 1.5rem;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 2rem;
text-align: center;
color: #111;
}
.form-label {
font-weight: 600;
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 1px;
color: #555;
}
.form-control-custom {
border: 1px solid #ddd;
padding: 0.9rem 1rem;
font-size: 0.95rem;
border-radius: 0;
width: 100%;
margin-bottom: 1.5rem;
}
.form-control-custom:focus {
outline: none;
border-color: #111;
box-shadow: none;
}
.btn-custom {
background-color: #111;
color: #fff;
border-radius: 0;
padding: 0.9rem;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
}
.btn-custom:hover {
background-color: #333;
color: #fff;
}
.auth-switch {
text-align: center;
margin-top: 1.5rem;
font-size: 0.9rem;
}
.auth-switch a {
color: #111;
font-weight: 600;
text-decoration: underline;
}
/* Extracted from ResetPassword.cshtml */
.auth-container {
max-width: 500px;
margin: 0 auto;
padding: 4rem 15px;
}
.auth-box {
background: #fff;
padding: 3rem 2.5rem;
border: 1px solid #eaeaea;
}
.auth-title {
font-size: 1.5rem;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 2rem;
text-align: center;
color: #111;
}
.form-label {
font-weight: 600;
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 1px;
color: #555;
}
.form-control-custom {
border: 1px solid #ddd;
padding: 0.9rem 1rem;
font-size: 0.95rem;
border-radius: 0;
width: 100%;
margin-bottom: 1.5rem;
}
.form-control-custom:focus {
outline: none;
border-color: #111;
box-shadow: none;
}
.btn-custom {
background-color: #111;
color: #fff;
border-radius: 0;
padding: 0.9rem;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
}
.btn-custom:hover {
background-color: #333;
color: #fff;
}
/* Extracted from Detail.cshtml */
:root {
--title-scale: 1.45rem;
--price-scale: 2.2rem;
--desc-scale: 0.9rem;
}
.product-detail-container {
padding-top: 1.5rem;
padding-bottom: 3.5rem;
}
.layout-grid {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.col-image {
flex: 0 0 100%;
max-width: 100%;
padding: 0 15px;
}
.col-info {
flex: 0 0 100%;
max-width: 100%;
padding: 0 15px;
}
@media (min-width: 992px) {
.col-image {
flex: 0 0 55%;
max-width: 55%;
}
.col-info {
flex: 0 0 45%;
max-width: 45%;
padding-left: 2rem;
}
}
/* Image Gallery */
.image-gallery-container {
display: flex;
gap: 15px;
align-items: flex-start;
position: relative;
}
.thumb-slider {
display: flex;
flex-direction: column;
gap: 10px;
width: 80px;
flex-shrink: 0;
max-height: 500px;
overflow-y: auto;
scrollbar-width: none;
}
.thumb-slider::-webkit-scrollbar {
display: none;
}
.gallery-thumb {
cursor: pointer;
width: 100%;
height: 85px;
background-color: #f9f9f9;
opacity: 0.6;
transition: opacity 0.3s ease;
border-radius: 0;
overflow: hidden;
border: 1px solid transparent;
}
.gallery-thumb:hover, .gallery-thumb.active {
opacity: 1;
border-color: #ddd;
}
.gallery-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 991.98px) {
.image-gallery-container {
flex-direction: column-reverse;
align-items: stretch;
}
.thumb-slider {
flex-direction: row;
width: 100%;
overflow-x: auto;
max-height: none;
}
.gallery-thumb {
width: 70px;
height: 70px;
flex-shrink: 0;
}
}
.gallery-main {
position: relative;
background-color: #f9f9f9;
flex-grow: 1;
aspect-ratio: 3/4;
max-height: 600px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: 0;
cursor: crosshair;
}
.gallery-nav-btn {
z-index: 10;
opacity: 0.8;
width: 10%;
}
.gallery-nav-btn span {
filter: invert(1) grayscale(100);
width: 2.5rem;
height: 2.5rem;
transition: all 0.2s ease;
}
@media (max-width: 991.98px) {
.gallery-nav-btn span {
width: 1.5rem;
height: 1.5rem;
}
}
.gallery-main img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease-out;
transform-origin: center center;
}
.gallery-main img.zoomed {
transform: scale(1.6);
}
@media (max-width: 991.98px) {
.gallery-main {
aspect-ratio: 1 / 1.05;
max-height: none;
}
}
/* Typography */
.breadcrumb-custom {
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 1px;
}
@media (max-width: 991.98px) {
.breadcrumb-custom {
font-size: 0.6rem;
letter-spacing: 0px;
}
}
.product-name {
font-family: var(--font-body);
font-size: var(--title-scale);
font-weight: 600;
color: #111;
margin-bottom: 0.25rem;
line-height: 1.2;
}
.product-price-wrapper {
margin-top: 1rem;
margin-bottom: 1.5rem;
}
.price-discount-group {
display: flex;
flex-direction: column;
gap: 4px;
}
.current-price {
font-size: var(--price-scale);
font-weight: 700;
color: #000;
letter-spacing: -0.5px;
}
.old-price {
text-decoration: line-through;
color: #888;
font-size: 1.1rem;
font-weight: 400;
}
.discount-badge {
font-size: 0.8rem;
color: #fff;
background-color: #b51515;
font-weight: 600;
padding: 3px 8px;
border-radius: 0;
letter-spacing: 0.5px;
}
.short-description {
font-size: var(--desc-scale);
color: #555;
line-height: 1.5;
margin-bottom: 1.5rem;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* Value Bullets */
.value-bullets {
list-style: none;
padding: 0;
margin: 0 0 1.5rem 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.value-bullets li {
font-size: 0.85rem;
color: #333;
display: flex;
align-items: center;
gap: 8px;
font-weight: 500;
}
.value-bullets li i {
color: #b51515;
font-size: 1rem;
}
/* Variant Selection */
.variant-section {
margin-bottom: 1.5rem;
}
.variant-label {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
margin-bottom: 8px;
display: block;
color: #444;
}
.segmented-control {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.segment-btn {
border: 1px solid #ddd;
background: #fff;
padding: 8px 16px;
border-radius: 0;
font-size: 0.85rem;
font-weight: 500;
color: #333;
cursor: pointer;
transition: all 0.2s ease;
text-align: center;
}
.segment-btn:hover {
border-color: #aaa;
}
.segment-btn.active {
border-color: #000;
background: #000;
color: #fff;
}
.segment-color {
display: inline-block;
width: 16px;
height: 16px;
border-radius: 50%;
margin-right: 6px;
vertical-align: middle;
border: 1px solid #eee;
}
/* Quantity & Actions */
.title-action-wrapper {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 15px;
}
.btn-favorite-top {
background: transparent;
border: none;
color: #888;
cursor: pointer;
transition: color 0.2s;
padding: 5px;
}
.btn-favorite-top:hover {
color: #b51515;
}
.action-row {
display: flex;
gap: 12px;
margin-bottom: 1.5rem;
align-items: center;
}
.quantity-control {
display: flex;
border: 1px solid #e0e0e0;
border-radius: 0;
overflow: hidden;
background: #fff;
width: 85px;
height: 48px;
}
.quantity-control button {
background: transparent;
border: none;
width: 26px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.2s;
color: #666;
}
.quantity-control button:hover {
background: #f5f5f5;
color: #000;
}
.quantity-control input {
width: 33px;
text-align: center;
border: none;
font-size: 0.95rem;
font-weight: 600;
pointer-events: none;
color: #111;
padding: 0;
}
.quantity-control input:focus {
outline: none;
}
.btn-add-to-cart {
flex-grow: 1;
background-color: #b51515;
color: #fff;
border: 1px solid #b51515;
border-radius: 0;
font-size: 1.05rem;
font-weight: 600;
letter-spacing: 0.5px;
transition: all 0.3s ease;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
}
.btn-add-to-cart:hover {
background-color: transparent;
color: #b51515;
}
.btn-add-to-cart:disabled {
background-color: #ccc;
cursor: not-allowed;
}
/* Mobile Adjustments */
@media (max-width: 575.98px) {
.quantity-control {
width: 100px;
}
.quantity-control button {
width: 32px;
}
}
/* Accordion below the fold */
.accordion-section {
margin-top: 2rem;
border-top: 1px solid #eee;
}
.accordion-item {
border: none;
border-bottom: 1px solid #eee;
background: transparent;
}
.accordion-button {
background: transparent !important;
box-shadow: none !important;
padding: 1.2rem 0;
font-weight: 600;
color: #111;
font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.accordion-button:not(.collapsed) {
color: #000;
}
.accordion-body {
padding: 0 0 1.5rem 0;
font-size: 0.9rem;
color: #555;
line-height: 1.6;
}
.urgency-msg {
font-size: 0.85rem;
color: #d9534f;
font-weight: 600;
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 10px;
background: #fdf2f2;
padding: 8px 12px;
border-radius: 4px;
}
/* Extracted from Detail.cshtml */
.sticky-bottom-bar {
position: fixed;
bottom: -120px;
left: 0;
width: 100%;
background: #fff;
box-shadow: 0 -5px 25px rgba(0,0,0,0.1);
z-index: 1040;
transition: bottom 0.4s cubic-bezier(0.16, 1, 0.3, 1);
padding: 12px 0;
}
.sticky-bottom-bar.show {
bottom: 0;
}
.sticky-bar-img {
width: 50px;
height: 50px;
object-fit: contain;
border: 1px solid #eee;
background: #fafafa;
border-radius: 0;
}
.sticky-bar-title {
font-size: 0.95rem;
font-weight: 600;
margin: 0;
color: #111;
max-width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (min-width: 992px) {
.sticky-bar-title {
max-width: 450px;
}
}
.sticky-bar-btn {
background-color: #000;
color: #fff;
font-weight: 600;
letter-spacing: 0.5px;
padding: 10px 24px;
border: 1px solid #000;
border-radius: 0;
transition: all 0.3s;
}
.sticky-bar-btn:hover {
background-color: transparent;
color: #000;
}
/* Extracted from Page.cshtml */
.page-header-bg {
background-color: #f8f9fa;
padding: 60px 0 40px;
margin-bottom: 50px;
text-align: center;
}
.page-content {
font-size: 1.05rem;
line-height: 1.8;
color: #444;
margin-bottom: 80px;
}
.page-content h1, .page-content h2, .page-content h3, .page-content h4 {
color: #2c3e50;
margin-top: 30px;
margin-bottom: 15px;
font-weight: 600;
}
.page-content ul, .page-content ol {
margin-bottom: 20px;
}
.page-content li {
margin-bottom: 10px;
}
/* Extracted from Track.cshtml */
.track-container {
max-width: 600px;
margin: 0 auto;
padding: 4rem 15px;
}
.track-header {
text-align: center;
margin-bottom: 3rem;
}
.track-title {
font-size: 2.2rem;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 1rem;
}
.track-subtitle {
color: var(--light-text);
font-size: 1rem;
}
.track-form-box {
background: #f9f9f9;
padding: 3rem 2.5rem;
border-top: 3px solid var(--primary-color);
}
.form-label {
font-weight: 600;
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--primary-color);
margin-bottom: 10px;
}
.form-control-custom {
border: 1px solid #ddd;
padding: 1rem 1.2rem;
font-size: 1rem;
border-radius: 0;
width: 100%;
margin-bottom: 1.5rem;
transition: all 0.3s;
}
.form-control-custom:focus {
outline: none;
border-color: var(--primary-color);
box-shadow: 0 0 0 2px rgba(17,17,17,0.1);
}
/* Extracted from TrackDetail.cshtml */
.track-detail-container {
padding-top: 3rem;
padding-bottom: 5rem;
}
.order-card {
background: #fff;
border: 1px solid #eee;
padding: 2rem;
margin-bottom: 2rem;
}
.order-meta-title {
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--light-text);
margin-bottom: 5px;
}
.order-meta-value {
font-size: 1.1rem;
font-weight: 600;
color: var(--primary-color);
}
/* Timeline */
.timeline-wrapper {
position: relative;
margin: 4rem 0 3rem;
}
.timeline-progress-bg {
position: absolute;
top: 15px;
left: 0;
width: 100%;
height: 4px;
background: #eee;
z-index: 1;
}
.timeline-progress {
position: absolute;
top: 15px;
left: 0;
height: 4px;
background: var(--accent-color);
z-index: 2;
transition: width 1s ease;
}
.timeline-steps {
position: relative;
z-index: 3;
display: flex;
justify-content: space-between;
}
.step {
text-align: center;
width: 100px;
}
.step-icon {
width: 34px;
height: 34px;
background: #eee;
border-radius: 50%;
margin: 0 auto 10px;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 0.9rem;
transition: all 0.5s;
}
.step.active .step-icon, .step.completed .step-icon {
background: var(--accent-color);
}
.step-label {
font-size: 0.8rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--light-text);
}
.step.active .step-label, .step.completed .step-label {
color: var(--primary-color);
}
.cancelled-state .timeline-progress, .cancelled-state .step-icon {
background: #dc3545 !important;
}
.cancelled-state .step-label {
color: #dc3545 !important;
}
.refund-state .timeline-progress, .refund-state .step.completed .step-icon {
background: #fd7e14 !important;
}
.refund-state .step.completed .step-label {
color: #fd7e14 !important;
}
/* Order Items */
.item-row {
display: flex;
align-items: center;
padding: 1.5rem 0;
border-bottom: 1px solid #eee;
}
.item-info {
flex: 1;
padding-left: 1.5rem;
}
.item-title {
font-weight: 600;
font-size: 1.1rem;
margin-bottom: 5px;
color: var(--primary-color);
}
.item-variant {
color: var(--light-text);
font-size: 0.85rem;
margin-bottom: 10px;
}
.summary-box {
background: #fff;
padding: 1.5rem;
border-radius: 8px;
border: 1px solid #eee;
}
.summary-row {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
font-size: 0.95rem;
}
.summary-total {
border-top: 1px solid #eee;
padding-top: 15px;
margin-top: 15px;
font-size: 1.15rem;
font-weight: 700;
}
@media (max-width: 768px) {
.timeline-steps { font-size: 10px; }
.step-label { font-size: 0.65rem; word-break: break-word; }
.step { width: 70px; }
.border-md-end { border-right: none !important; border-bottom: 1px solid #eee; padding-bottom: 1rem; margin-bottom: 1rem !important; }
.border-md-end:last-child { border-bottom: none; }
}
/* Extracted from TrackDetail.cshtml */
.tooltip-inner {
max-width: 350px !important;
text-align: left !important;
padding: 8px 12px !important;
font-size: 0.9rem !important;
}
/* Extracted from AdminDetails.cshtml */
.tooltip-inner {
max-width: 450px !important;
width: max-content;
text-align: left !important;
padding: 8px 12px !important;
font-size: 0.9rem !important;
}
/* Extracted from Invoice.cshtml */
.invoice-body-override { font-family: 'Arial', sans-serif; background-color: #f8f9fa; padding: 20px; }
.invoice-box {
max-width: 800px;
margin: auto;
padding: 30px;
border: 1px solid #eee;
box-shadow: 0 0 10px rgba(0, 0, 0, .15);
font-size: 14px;
line-height: 24px;
font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
color: #555;
background: #fff;
}
.invoice-box table { width: 100%; line-height: inherit; text-align: left; border-collapse: collapse; }
.invoice-box table td { padding: 5px; vertical-align: top; }
.invoice-box table tr td:nth-child(2) { text-align: right; }
.invoice-box table tr.top table td { padding-bottom: 20px; }
.invoice-box table tr.top table td.title { font-size: 45px; line-height: 45px; color: #333; }
.invoice-box table tr.information table td { padding-bottom: 40px; }
.invoice-box table tr.heading td { background: #eee; border-bottom: 1px solid #ddd; font-weight: bold; }
.invoice-box table tr.details td { padding-bottom: 20px; }
.invoice-box table tr.item td { border-bottom: 1px solid #eee; }
.invoice-box table tr.item.last td { border-bottom: none; }
.invoice-box table tr.total td:nth-child(2) { border-top: 2px solid #eee; font-weight: bold; }
@media print {
.invoice-body-override { padding: 0; background-color: #fff; }
.invoice-box { box-shadow: none; border: 0; padding: 0; max-width: 100%; }
}
/* Extracted from Create.cshtml */
.section-card {
background: #fff;
border-radius: 8px;
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
margin-bottom: 24px;
border: 1px solid #e9ecef;
}
.section-header {
padding: 16px 24px;
border-bottom: 1px solid #e9ecef;
background: #f8f9fa;
border-radius: 8px 8px 0 0;
}
.section-header h5 {
margin: 0;
font-weight: 600;
color: #495057;
}
.section-body {
padding: 24px;
}
/* CKEditor min-height */
.ck-editor__editable_inline {
min-height: 250px;
}
/* Anchor Navigation */
.anchor-nav {
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
border: 1px solid rgba(233, 236, 239, 0.8);
padding: 12px 16px;
margin-bottom: 24px;
position: sticky;
top: 75px;
z-index: 100;
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.anchor-nav a {
padding: 8px 16px;
border-radius: 20px;
color: #6c757d;
font-weight: 500;
font-size: 14px;
text-decoration: none;
background: transparent;
border: 1px solid transparent;
transition: all 0.2s ease;
}
.anchor-nav a:hover, .anchor-nav a.active {
background-color: rgba(111, 66, 193, 0.1) !important;
color: #6f42c1 !important;
border-color: rgba(111, 66, 193, 0.2) !important;
}
.swal2-container {
z-index: 100000 !important;
}
/* Extracted from Edit.cshtml */
.section-card {
background: #fff;
border-radius: 8px;
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
margin-bottom: 24px;
border: 1px solid #e9ecef;
}
.section-header {
padding: 16px 24px;
border-bottom: 1px solid #e9ecef;
background: #f8f9fa;
border-radius: 8px 8px 0 0;
}
.section-header h5 {
margin: 0;
font-weight: 600;
color: #495057;
}
.section-body {
padding: 24px;
}
/* CKEditor min-height */
.ck-editor__editable_inline {
min-height: 250px;
}
/* Anchor Navigation */
.anchor-nav {
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
border: 1px solid rgba(233, 236, 239, 0.8);
padding: 12px 16px;
margin-bottom: 24px;
position: sticky;
top: 75px;
z-index: 100;
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.anchor-nav a {
padding: 8px 16px;
border-radius: 20px;
color: #6c757d;
font-weight: 500;
font-size: 14px;
text-decoration: none;
background: transparent;
border: 1px solid transparent;
transition: all 0.2s ease;
}
.anchor-nav a:hover, .anchor-nav a.active {
background-color: rgba(111, 66, 193, 0.1) !important;
color: #6f42c1 !important;
border-color: rgba(111, 66, 193, 0.2) !important;
}
.swal2-container {
z-index: 100000 !important;
}
/* Extracted from UpdateSettings.cshtml */
/* Pasif sekmelerin anlamsız mavi rengini engelleme */
.nav-tabs .nav-link {
color: #495057;
background-color: transparent;
}
.nav-tabs .nav-link:hover {
border-color: #e9ecef #e9ecef #dee2e6;
color: #212529;
}
.nav-tabs .nav-link.active {
color: #0d6efd;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
}
/* Extracted from _ErrorLayout.cshtml */
.loader-bg {
position: fixed;
z-index: 999999;
background: var(--bs-body-bg);
width: 100%;
height: 100%;
}
.loader-track {
position: relative;
left: 50%;
top: 50%;
width: 170px;
height: 2px;
margin-left: -85px;
margin-top: -1px;
background-color: var(--bs-border-color);
border-radius: 4px;
}
.loader-fill {
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
background-color: var(--bs-primary);
border-radius: 4px;
animation: loader 1s ease-in-out infinite;
}
@keyframes loader {
0% { transform: translateX(-100%); }
100% { transform: translateX(200%); }
}
/* Extracted from _HomeLayout.cshtml */
:root {
--primary-color: #111111;
--secondary-color: #f5f5f5;
--accent-color: #b51515; /* Main Red */
--text-color: #333333;
--light-text: #888888;
--font-heading: 'Playfair Display', serif;
--font-body: 'Montserrat', sans-serif;
}
/* Removed overflow-x: hidden to fix position: sticky for header */
body {
font-family: var(--font-body);
color: var(--text-color);
background-color: #ffffff;
-webkit-font-smoothing: antialiased;
display: flex;
flex-direction: column;
min-height: 100vh;
}
h1, h2, h3, h4, h5, h6, .navbar-brand {
font-family: var(--font-heading);
}
/* Navbar */
.navbar-custom {
background-color: #ffffff;
padding: 1.5rem 0;
border: none;
transition: all 0.3s ease;
position: sticky;
top: 0;
z-index: 1000;
}
.navbar-custom.sticky {
/* position: fixed; */
top: 0 !important;
width: 100%;
z-index: 1000;
box-shadow: 0 4px 20px rgba(0,0,0,0.05);
padding: 0.8rem 0;
}
@media (max-width: 991.98px) {
.navbar-custom.sticky {
padding: 1rem 0;
}
}
.navbar-brand {
font-weight: 700;
letter-spacing: 2px;
font-size: 2rem;
color: var(--primary-color) !important;
text-transform: uppercase;
}
.search-bar-container {
flex-grow: 1;
max-width: 500px;
margin: 0 2rem;
position: relative;
}
.search-bar-container input {
width: 100%;
border: 1px solid #ddd;
border-radius: 0;
padding: 0.5rem 1rem;
font-size: 0.9rem;
font-family: var(--font-body);
}
.search-bar-container .bi-search {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
color: #999;
cursor: pointer;
font-size: 1.1rem;
}
.sub-navbar {
border-bottom: 1px solid #eee;
background: #fff;
padding: 0.5rem 0;
}
.sub-navbar .nav-link {
color: #444 !important;
font-size: 0.8rem;
text-transform: none;
margin: 0 5px;
}
.sub-navbar .nav-link:hover, .sub-navbar .nav-link.text-danger {
color: #b51515 !important;
}
.sub-navbar .nav-link::after {
display: none;
}
.nav-link {
color: var(--primary-color) !important;
font-weight: 500;
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 10px;
position: relative;
}
.nav-link::after {
content: '';
position: absolute;
width: 0;
height: 2px;
bottom: 0;
left: 0;
background-color: var(--primary-color);
transition: width 0.3s ease;
}
.nav-link:hover::after {
width: 100%;
}
.nav-icon {
color: #222;
position: relative;
text-decoration: none;
display: inline-flex;
align-items: center;
}
.nav-icon svg {
width: 26px;
height: 26px;
stroke-width: 1.5;
stroke: #222;
transition: stroke 0.3s ease;
fill: none;
}
.nav-icon:hover svg {
stroke: #b51515;
}
.topbar-link {
color:#fff;
text-decoration:none;
font-size: 0.75rem;
letter-spacing: 0.5px;
font-weight:500;
white-space:nowrap;
margin-left: 20px;
transition: opacity 0.2s, text-decoration 0.2s;
}
.topbar-link:hover {
text-decoration: underline !important;
opacity: 1 !important;
}
.cart-badge {
position: absolute;
top: -6px;
right: -8px;
background-color: #b51515;
color: white;
border-radius: 50%;
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.65rem;
font-weight: bold;
}
/* Mega Menu */
.sub-navbar {
border-bottom: 1px solid #eee;
background: #fff;
padding: 0;
position: relative;
}
.sub-navbar .nav-link {
color: #444 !important;
font-size: 0.85rem;
text-transform: none;
margin: 0 10px;
padding: 0.8rem 0;
position: relative;
}
.sub-navbar .nav-link:hover, .sub-navbar .nav-link.text-danger {
color: #b51515 !important;
}
.has-mega-menu {
position: static;
}
.mega-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #fff;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
z-index: 1050;
padding: 1.5rem 0;
border-top: 1px solid #eee;
text-align: left;
}
.has-mega-menu:hover .mega-menu {
display: block;
animation: fadeIn 0.2s ease;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(5px); }
to { opacity: 1; transform: translateY(0); }
}
.mega-menu-title {
font-family: var(--font-heading);
font-size: 1.1rem;
font-weight: 600;
margin-bottom: 1rem;
color: var(--primary-color);
border-bottom: 1px solid #eee;
padding-bottom: 0.5rem;
}
.mega-menu-link {
display: block;
color: #666;
text-decoration: none;
padding: 0.4rem 0;
font-size: 0.85rem;
transition: color 0.2s;
}
.mega-menu-link:hover {
color: #b51515;
}
.mega-menu-image {
width: 100%;
height: 120px;
object-fit: contain;
margin-bottom: 10px;
background: transparent;
}
.mega-menu-product {
text-align: center;
display: block;
text-decoration: none;
color: #333;
}
.mega-menu-product span {
font-size: 0.8rem;
font-weight: 500;
transition: color 0.2s;
}
.mega-menu-product:hover span {
color: #b51515;
}
/* Main Content */
main {
flex: 1;
/* padding-top: 2rem; */
padding-bottom: 4rem;
}
/* Footer */
.footer {
background-color: #fafafa;
color: #333;
padding: 3rem 0 1rem;
margin-top: auto;
border-top: 1px solid #eee;
font-family: var(--font-body);
}
.footer-newsletter {
border-bottom: 1px solid #ddd;
padding-bottom: 2rem;
margin-bottom: 2.5rem;
}
.footer-heading {
font-family: var(--font-heading);
font-size: 1.1rem;
font-weight: 600;
letter-spacing: 0px;
margin-bottom: 1.2rem;
color: #000;
}
.footer-link {
color: #666;
text-decoration: none;
display: block;
margin-bottom: 0.5rem;
transition: color 0.3s ease;
word-break: break-word;
font-size: 0.85rem;
}
.footer a {
word-break: break-word;
}
.footer-link:hover {
color: #b51515;
text-decoration: underline;
}
.footer-bottom {
border-top: 1px solid #ddd;
margin-top: 2rem;
padding-top: 1.5rem;
font-size: 0.8rem;
color: #888;
}
.bank-logos span {
font-weight: bold;
font-size: 0.9rem;
margin-right: 15px;
color: #555;
font-style: italic;
}
/* Utilities */
.btn-custom {
background-color: var(--primary-color);
color: white;
border: 1px solid var(--primary-color);
padding: 0.8rem 2rem;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 0;
transition: all 0.3s ease;
}
.btn-custom:hover {
background-color: transparent;
color: var(--primary-color);
}
.btn-outline-custom {
background-color: transparent;
color: var(--primary-color);
border: 1px solid var(--primary-color);
padding: 0.8rem 2rem;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 0;
transition: all 0.3s ease;
}
.btn-outline-custom:hover {
background-color: var(--primary-color);
color: white;
}
/* Extracted from List.cshtml */
.custom-tooltip .tooltip-inner {
background-color: #333;
color: #fff;
padding: 8px 12px;
font-size: 14px;
border-radius: 4px;
}
.custom-tooltip .tooltip-arrow::before {
border-top-color: #333;
}
button:disabled {
cursor: not-allowed;
opacity: 0.6;
}
.page-header-title .btn-link {
padding: 0;
color: #0dcaf0;
text-decoration: none;
}
.page-header-title .btn-link:hover {
color: #0aa2c0;
}
.help-modal-icon {
width: 30px;
text-align: center;
}